{"version":3,"file":"6324.89ae5dd8a705de223c89.js","mappings":"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","sources":["webpack://grafana/./public/app/features/canvas/elements/icon.tsx","webpack://grafana/./public/app/features/canvas/elements/notFound.tsx","webpack://grafana/./public/app/features/canvas/elements/button.tsx","webpack://grafana/./public/app/features/canvas/elements/droneFront.tsx","webpack://grafana/./public/app/features/canvas/elements/droneSide.tsx","webpack://grafana/./public/app/features/canvas/elements/droneTop.tsx","webpack://grafana/./public/app/features/canvas/elements/textBox.tsx","webpack://grafana/./public/app/features/canvas/elements/windTurbine.tsx","webpack://grafana/./public/app/features/canvas/registry.ts","webpack://grafana/./public/app/features/canvas/runtime/element.tsx","webpack://grafana/./public/app/features/canvas/types.ts","webpack://grafana/./public/app/plugins/panel/canvas/editor/APIEditor.tsx","webpack://grafana/./public/app/plugins/panel/canvas/editor/options.ts"],"sourcesContent":["import { css } from '@emotion/css';\nimport { isString } from 'lodash';\nimport React, { CSSProperties } from 'react';\nimport SVG from 'react-inlinesvg';\n\nimport {\n  ColorDimensionConfig,\n  ResourceDimensionConfig,\n  ResourceDimensionMode,\n  getPublicOrAbsoluteUrl,\n} from 'app/features/dimensions';\nimport { DimensionContext } from 'app/features/dimensions/context';\nimport { ColorDimensionEditor, ResourceDimensionEditor } from 'app/features/dimensions/editors';\nimport { APIEditor, APIEditorConfig, callApi } from 'app/plugins/panel/canvas/editor/APIEditor';\n\nimport { CanvasElementItem, CanvasElementProps } from '../element';\nimport { LineConfig } from '../types';\n\nexport interface IconConfig {\n  path?: ResourceDimensionConfig;\n  fill?: ColorDimensionConfig;\n  stroke?: LineConfig;\n  api?: APIEditorConfig;\n}\n\ninterface IconData {\n  path: string;\n  fill: string;\n  strokeColor?: string;\n  stroke?: number;\n  api?: APIEditorConfig;\n}\n\n// When a stoke is defined, we want the path to be in page units\nconst svgStrokePathClass = css`\n  path {\n    vector-effect: non-scaling-stroke;\n  }\n`;\n\nexport function IconDisplay(props: CanvasElementProps) {\n  const { data } = props;\n  if (!data?.path) {\n    return null;\n  }\n\n  const onClick = () => {\n    if (data?.api) {\n      callApi(data.api);\n    }\n  };\n\n  const svgStyle: CSSProperties = {\n    fill: data?.fill,\n    stroke: data?.strokeColor,\n    strokeWidth: data?.stroke,\n  };\n\n  return (\n    <SVG\n      onClick={onClick}\n      src={data.path}\n      style={svgStyle}\n      className={svgStyle.strokeWidth ? svgStrokePathClass : undefined}\n    />\n  );\n}\n\nexport const iconItem: CanvasElementItem<IconConfig, IconData> = {\n  id: 'icon',\n  name: 'Icon',\n  description: 'SVG Icon display',\n\n  display: IconDisplay,\n\n  getNewOptions: (options) => ({\n    placement: {\n      width: 50,\n      height: 50,\n      top: 0,\n      left: 0,\n    },\n    ...options,\n    config: {\n      path: {\n        mode: ResourceDimensionMode.Fixed,\n        fixed: 'img/icons/unicons/question-circle.svg',\n      },\n      fill: { fixed: '#FFF899' },\n    },\n  }),\n\n  // Called when data changes\n  prepareData: (ctx: DimensionContext, cfg: IconConfig) => {\n    let path: string | undefined = undefined;\n    if (cfg.path) {\n      path = ctx.getResource(cfg.path).value();\n    }\n    if (!path || !isString(path)) {\n      path = getPublicOrAbsoluteUrl('img/icons/unicons/question-circle.svg');\n    }\n\n    const data: IconData = {\n      path,\n      fill: cfg.fill ? ctx.getColor(cfg.fill).value() : '#CCC',\n      api: cfg?.api ?? undefined,\n    };\n\n    if (cfg.stroke?.width && cfg.stroke.color) {\n      if (cfg.stroke.width > 0) {\n        data.stroke = cfg.stroke?.width;\n        data.strokeColor = ctx.getColor(cfg.stroke.color).value();\n      }\n    }\n    return data;\n  },\n\n  // Heatmap overlay options\n  registerOptionsUI: (builder) => {\n    const category = ['Icon'];\n    builder\n      .addCustomEditor({\n        category,\n        id: 'iconSelector',\n        path: 'config.path',\n        name: 'SVG Path',\n        editor: ResourceDimensionEditor,\n        settings: {\n          resourceType: 'icon',\n        },\n      })\n      .addCustomEditor({\n        category,\n        id: 'config.fill',\n        path: 'config.fill',\n        name: 'Fill color',\n        editor: ColorDimensionEditor,\n        settings: {},\n        defaultValue: {\n          // Configured values\n          fixed: 'grey',\n        },\n      })\n      .addSliderInput({\n        category,\n        path: 'config.stroke.width',\n        name: 'Stroke',\n        defaultValue: 0,\n        settings: {\n          min: 0,\n          max: 10,\n        },\n      })\n      .addCustomEditor({\n        category,\n        id: 'config.stroke.color',\n        path: 'config.stroke.color',\n        name: 'Stroke color',\n        editor: ColorDimensionEditor,\n        settings: {},\n        defaultValue: {\n          // Configured values\n          fixed: 'grey',\n        },\n        showIf: (cfg) => Boolean(cfg?.config?.stroke?.width),\n      })\n      .addCustomEditor({\n        category,\n        id: 'apiSelector',\n        path: 'config.api',\n        name: 'API',\n        editor: APIEditor,\n      });\n  },\n};\n","import React, { PureComponent } from 'react';\n\nimport { CanvasElementItem, CanvasElementProps } from '../element';\n\ninterface NotFoundConfig {\n  orig?: any;\n}\n\nclass NotFoundDisplay extends PureComponent<CanvasElementProps<NotFoundConfig>> {\n  render() {\n    const { config } = this.props;\n    return (\n      <div>\n        <h3>NOT FOUND:</h3>\n        <pre>{JSON.stringify(config, null, 2)}</pre>\n      </div>\n    );\n  }\n}\n\nexport const notFoundItem: CanvasElementItem<NotFoundConfig> = {\n  id: 'not-found',\n  name: 'Not found',\n  description: 'Display when element type is not found in the registry',\n\n  display: NotFoundDisplay,\n\n  defaultSize: {\n    width: 100,\n    height: 100,\n  },\n\n  getNewOptions: () => ({\n    config: {},\n  }),\n};\n","import React, { PureComponent } from 'react';\n\nimport { Button } from '@grafana/ui';\nimport { DimensionContext } from 'app/features/dimensions/context';\nimport { TextDimensionEditor } from 'app/features/dimensions/editors/TextDimensionEditor';\nimport { TextDimensionConfig } from 'app/features/dimensions/types';\nimport { APIEditor, APIEditorConfig, callApi } from 'app/plugins/panel/canvas/editor/APIEditor';\n\nimport { CanvasElementItem, CanvasElementProps } from '../element';\n\ninterface ButtonData {\n  text?: string;\n  api?: APIEditorConfig;\n}\n\ninterface ButtonConfig {\n  text?: TextDimensionConfig;\n  api?: APIEditorConfig;\n}\n\nclass ButtonDisplay extends PureComponent<CanvasElementProps<ButtonConfig, ButtonData>> {\n  render() {\n    const { data } = this.props;\n    const onClick = () => {\n      if (data?.api) {\n        callApi(data.api);\n      }\n    };\n\n    return (\n      <Button type=\"submit\" onClick={onClick}>\n        {data?.text}\n      </Button>\n    );\n  }\n}\n\nexport const buttonItem: CanvasElementItem<ButtonConfig, ButtonData> = {\n  id: 'button',\n  name: 'Button',\n  description: 'Button',\n\n  display: ButtonDisplay,\n\n  defaultSize: {\n    width: 200,\n    height: 50,\n  },\n\n  getNewOptions: (options) => ({\n    ...options,\n  }),\n\n  // Called when data changes\n  prepareData: (ctx: DimensionContext, cfg: ButtonConfig) => {\n    const data: ButtonData = {\n      text: cfg?.text ? ctx.getText(cfg.text).value() : '',\n      api: cfg?.api ?? undefined,\n    };\n\n    return data;\n  },\n\n  // Heatmap overlay options\n  registerOptionsUI: (builder) => {\n    const category = ['Button'];\n    builder\n      .addCustomEditor({\n        category,\n        id: 'textSelector',\n        path: 'config.text',\n        name: 'Text',\n        editor: TextDimensionEditor,\n      })\n      .addCustomEditor({\n        category,\n        id: 'apiSelector',\n        path: 'config.api',\n        name: 'API',\n        editor: APIEditor,\n      });\n  },\n};\n","import { css } from '@emotion/css';\nimport React, { FC } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2 } from '@grafana/ui';\nimport { DimensionContext, ScalarDimensionConfig } from 'app/features/dimensions';\nimport { ScalarDimensionEditor } from 'app/features/dimensions/editors';\n\nimport { CanvasElementItem, CanvasElementProps } from '../element';\n\ninterface DroneFrontData {\n  rollAngle?: number;\n}\n\ninterface DroneFrontConfig {\n  rollAngle?: ScalarDimensionConfig;\n}\n\nconst DroneFrontDisplay: FC<CanvasElementProps<DroneFrontConfig, DroneFrontData>> = (props) => {\n  const styles = useStyles2(getStyles);\n\n  const { data } = props;\n\n  const droneFrontTransformStyle = `rotate(${data?.rollAngle ? data.rollAngle : 0}deg)`;\n\n  return (\n    <svg\n      className={styles.droneFront}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n      viewBox=\"0 0 1300 290\"\n      style={{ transform: droneFrontTransformStyle }}\n    >\n      <g className=\"arms\" stroke=\"black\" strokeWidth=\"28px\">\n        <line x1=\"510\" x2=\"320\" y1=\"100\" y2=\"150\" />\n        <line x1=\"510\" x2=\"320\" y1=\"190\" y2=\"210\" />\n        <line x1=\"790\" x2=\"980\" y1=\"190\" y2=\"210\" />\n        <line x1=\"790\" x2=\"980\" y1=\"100\" y2=\"150\" />\n      </g>\n      <g className=\"body\" stroke=\"black\" strokeWidth=\"28px\">\n        <path\n          fill=\"none\"\n          d=\" M 510 130 C 510 124 510 110 510 100 C 510 90 530 71 540 70 C 640 61 670 60 760 70 C 770 71 790 90 790 100 Q 790 120 790 130 L 790 130 Q 790 177 790 196 C 790 207 770 225 760 226 C 670 236 640 236 540 226 C 530 226 510 206 510 196 Q 510 177 510 130 Q 510 133 510 130 Z \"\n        />\n        <circle cx=\"650\" cy=\"160\" r=\"40\" fill=\"none\" />\n      </g>\n      <g className=\"motors\" stroke=\"black\" strokeWidth=\"28px\">\n        <path\n          className=\"motor\"\n          fill=\"none\"\n          d=\" M 320 60 L 250 60 L 250 230 L 260 290 L 310 290 L 320 230 L 320 60 Z \"\n        />\n        <path\n          className=\"motor\"\n          fill=\"none\"\n          d=\" M 1050 60 L 980 60 L 980 230 L 990 290 L 1040 290 L 1050 230 L 1050 60 Z \"\n        />\n      </g>\n      <g className=\"propellers\" fill=\"black\">\n        <path\n          className=\"prop\"\n          d=\" M 270 60 L 300 60 L 300 20 Q 311 30 330 30 Q 349 30 570 10 L 300 10 Q 300 0 290 0 C 286 0 284 0 280 0 Q 270 0 270 10 L 0 10 Q 220 30 240 30 Q 260 30 270 20 L 270 60 Z \"\n        />\n        <path\n          className=\"prop\"\n          d=\" M 1000 60 L 1030 60 L 1030 20 Q 1041 30 1060 30 Q 1079 30 1300 10 L 1030 10 Q 1030 0 1020 0 C 1016 0 1014 0 1010 0 Q 1000 0 1000 10 L 730 10 Q 950 30 970 30 Q 990 30 1000 20 L 1000 60 Z \"\n        />\n      </g>\n    </svg>\n  );\n};\n\nexport const droneFrontItem: CanvasElementItem<any, any> = {\n  id: 'droneFront',\n  name: 'Drone Front',\n  description: 'Drone front',\n\n  display: DroneFrontDisplay,\n\n  defaultSize: {\n    width: 100,\n    height: 100,\n  },\n\n  getNewOptions: (options) => ({\n    ...options,\n  }),\n\n  // Called when data changes\n  prepareData: (ctx: DimensionContext, cfg: DroneFrontConfig) => {\n    const data: DroneFrontData = {\n      rollAngle: cfg?.rollAngle ? ctx.getScalar(cfg.rollAngle).value() : 0,\n    };\n\n    return data;\n  },\n\n  registerOptionsUI: (builder) => {\n    const category = ['Drone Front'];\n    builder.addCustomEditor({\n      category,\n      id: 'rollAngle',\n      path: 'config.rollAngle',\n      name: 'Roll Angle',\n      editor: ScalarDimensionEditor,\n    });\n  },\n};\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  droneFront: css`\n    transition: transform 0.4s;\n  `,\n});\n","import { css } from '@emotion/css';\nimport React, { FC } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2 } from '@grafana/ui';\nimport { DimensionContext, ScalarDimensionConfig } from 'app/features/dimensions';\nimport { ScalarDimensionEditor } from 'app/features/dimensions/editors';\n\nimport { CanvasElementItem, CanvasElementProps } from '../element';\n\ninterface DroneSideData {\n  pitchAngle?: number;\n}\n\ninterface DroneSideConfig {\n  pitchAngle?: ScalarDimensionConfig;\n}\n\nconst DroneSideDisplay: FC<CanvasElementProps<DroneSideConfig, DroneSideData>> = (props) => {\n  const styles = useStyles2(getStyles);\n\n  const { data } = props;\n\n  const droneSidePitchTransformStyle = `rotate(${data?.pitchAngle ? data.pitchAngle : 0}deg)`;\n\n  return (\n    <svg\n      className={styles.droneSide}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n      viewBox=\"0 0 1300 290\"\n      style={{ transform: droneSidePitchTransformStyle }}\n    >\n      <g className=\"arms\" stroke=\"black\" strokeWidth=\"28px\">\n        <line x1=\"510\" x2=\"320\" y1=\"100\" y2=\"150\" />\n        <line x1=\"510\" x2=\"320\" y1=\"190\" y2=\"210\" />\n        <line x1=\"790\" x2=\"980\" y1=\"190\" y2=\"210\" />\n        <line x1=\"790\" x2=\"980\" y1=\"100\" y2=\"150\" />\n      </g>\n      <g className=\"body\" stroke=\"black\" strokeWidth=\"28px\">\n        <path\n          fill=\"none\"\n          d=\" M 510 130 C 510 124 510 110 510 100 C 510 90 530 71 540 70 C 640 61 670 60 760 70 C 770 71 790 90 790 100 Q 790 120 790 130 L 790 130 Q 790 177 790 196 C 790 207 770 225 760 226 C 670 236 640 236 540 226 C 530 226 510 206 510 196 Q 510 177 510 130 Q 510 133 510 130 Z \"\n        />\n      </g>\n      <g className=\"motors\" stroke=\"black\" strokeWidth=\"28px\">\n        <path\n          className=\"motor\"\n          fill=\"none\"\n          d=\" M 320 60 L 250 60 L 250 230 L 260 290 L 310 290 L 320 230 L 320 60 Z \"\n        />\n        <path\n          className=\"motor\"\n          fill=\"none\"\n          d=\" M 1050 60 L 980 60 L 980 230 L 990 290 L 1040 290 L 1050 230 L 1050 60 Z \"\n        />\n      </g>\n      <g className=\"propellers\" fill=\"black\">\n        <path\n          className=\"prop\"\n          d=\" M 270 60 L 300 60 L 300 20 Q 311 30 330 30 Q 349 30 570 10 L 300 10 Q 300 0 290 0 C 286 0 284 0 280 0 Q 270 0 270 10 L 0 10 Q 220 30 240 30 Q 260 30 270 20 L 270 60 Z \"\n        />\n        <path\n          className=\"prop\"\n          d=\" M 1000 60 L 1030 60 L 1030 20 Q 1041 30 1060 30 Q 1079 30 1300 10 L 1030 10 Q 1030 0 1020 0 C 1016 0 1014 0 1010 0 Q 1000 0 1000 10 L 730 10 Q 950 30 970 30 Q 990 30 1000 20 L 1000 60 Z \"\n        />\n      </g>\n    </svg>\n  );\n};\n\nexport const droneSideItem: CanvasElementItem<any, any> = {\n  id: 'droneSide',\n  name: 'Drone Side',\n  description: 'Drone Side',\n\n  display: DroneSideDisplay,\n\n  defaultSize: {\n    width: 100,\n    height: 100,\n  },\n\n  getNewOptions: (options) => ({\n    ...options,\n  }),\n\n  // Called when data changes\n  prepareData: (ctx: DimensionContext, cfg: DroneSideConfig) => {\n    const data: DroneSideData = {\n      pitchAngle: cfg?.pitchAngle ? ctx.getScalar(cfg.pitchAngle).value() : 0,\n    };\n\n    return data;\n  },\n\n  registerOptionsUI: (builder) => {\n    const category = ['Drone Side'];\n    builder.addCustomEditor({\n      category,\n      id: 'pitchAngle',\n      path: 'config.pitchAngle',\n      name: 'Pitch Angle',\n      editor: ScalarDimensionEditor,\n    });\n  },\n};\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  droneSide: css`\n    transition: transform 0.4s;\n  `,\n});\n","import { css } from '@emotion/css';\nimport React, { FC } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2 } from '@grafana/ui';\nimport { DimensionContext, ScalarDimensionConfig } from 'app/features/dimensions';\nimport { ScalarDimensionEditor } from 'app/features/dimensions/editors';\n\nimport { CanvasElementItem, CanvasElementProps } from '../element';\n\ninterface DroneTopData {\n  bRightRotorRPM?: number;\n  bLeftRotorRPM?: number;\n  fRightRotorRPM?: number;\n  fLeftRotorRPM?: number;\n  yawAngle?: number;\n}\n\ninterface DroneTopConfig {\n  bRightRotorRPM?: ScalarDimensionConfig;\n  bLeftRotorRPM?: ScalarDimensionConfig;\n  fRightRotorRPM?: ScalarDimensionConfig;\n  fLeftRotorRPM?: ScalarDimensionConfig;\n  yawAngle?: ScalarDimensionConfig;\n}\n\nconst DroneTopDisplay: FC<CanvasElementProps<DroneTopConfig, DroneTopData>> = (props) => {\n  const styles = useStyles2(getStyles);\n\n  const { data } = props;\n\n  const fRightRotorAnimation = `spin ${data?.fRightRotorRPM ? 60 / Math.abs(data.fRightRotorRPM) : 0}s linear infinite`;\n\n  const fLeftRotorAnimation = `spin ${data?.fLeftRotorRPM ? 60 / Math.abs(data.fLeftRotorRPM) : 0}s linear infinite`;\n\n  const bRightRotorAnimation = `spin ${data?.bRightRotorRPM ? 60 / Math.abs(data.bRightRotorRPM) : 0}s linear infinite`;\n\n  const bLeftRotorAnimation = `spin ${data?.bLeftRotorRPM ? 60 / Math.abs(data.bLeftRotorRPM) : 0}s linear infinite`;\n\n  const droneTopTransformStyle = `rotate(${data?.yawAngle ? data.yawAngle : 0}deg)`;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n      viewBox=\"-43 -43 640 640\"\n      xmlSpace=\"preserve\"\n      style={{ transform: droneTopTransformStyle }}\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\" M 137.95 127.967 C 137.14 127.157 136.189 126.58 135.178 126.218 C 138.173 121.545 139.967 116.036 140.125 110.123 L 217.64 151.862 C 214.049 157.411 211.8 163.922 211.386 170.95 L 209.694 199.712 L 137.95 127.967 L 137.95 127.967 L 137.95 127.967 L 137.95 127.967 L 137.95 127.967 L 137.95 127.967 L 137.95 127.967 L 137.95 127.967 L 137.95 127.967 Z  M 134.268 426.981 C 130.211 421.314 124.328 417.045 117.482 415.041 L 201.999 330.523 L 201.385 340.955 C 200.67 353.107 202.829 364.914 207.563 375.673 L 134.268 426.981 L 134.268 426.981 L 134.268 426.981 L 134.268 426.981 L 134.268 426.981 L 134.268 426.981 L 134.268 426.981 L 134.268 426.981 Z  M 324.765 373.673 L 228.527 373.673 Q 215.374 358.611 216.361 341.835 L 226.361 171.832 C 226.825 163.94 231.012 157.096 237.146 152.957 L 316.146 152.957 C 322.28 157.096 326.466 163.94 326.931 171.832 L 336.931 341.835 Q 337.918 358.611 324.765 373.673 L 324.765 373.673 L 324.765 373.673 L 324.765 373.673 L 324.765 373.673 L 324.765 373.673 L 324.765 373.673 Z  M 435.81 415.041 C 428.964 417.045 423.081 421.314 419.024 426.981 L 345.727 375.673 C 350.461 364.914 352.62 353.107 351.905 340.955 L 351.291 330.523 L 435.81 415.041 L 435.81 415.041 L 435.81 415.041 L 435.81 415.041 L 435.81 415.041 L 435.81 415.041 Z  M 343.596 199.713 L 341.904 170.951 C 341.49 163.923 339.242 157.411 335.651 151.863 L 413.167 110.124 C 413.325 116.037 415.119 121.546 418.114 126.219 C 417.103 126.581 416.152 127.158 415.342 127.968 L 343.596 199.713 L 343.596 199.713 L 343.596 199.713 L 343.596 199.713 L 343.596 199.713 Z  M 444.646 92.771 C 453.744 92.771 461.146 100.172 461.146 109.271 C 461.146 118.369 453.744 125.771 444.646 125.771 C 435.548 125.771 428.146 118.369 428.146 109.271 C 428.146 100.172 435.548 92.771 444.646 92.771 L 444.646 92.771 L 444.646 92.771 L 444.646 92.771 Z  M 108.647 92.771 C 117.745 92.771 125.147 100.172 125.147 109.271 C 125.147 118.369 117.745 125.771 108.647 125.771 C 99.549 125.771 92.147 118.369 92.147 109.271 C 92.147 100.172 99.549 92.771 108.647 92.771 L 108.647 92.771 L 108.647 92.771 Z  M 108.647 461.771 C 99.549 461.771 92.147 454.369 92.147 445.271 C 92.147 436.172 99.549 428.771 108.647 428.771 C 117.745 428.771 125.147 436.172 125.147 445.271 C 125.147 454.369 117.745 461.771 108.647 461.771 L 108.647 461.771 Z  M 92.322 136.202 C 97.086 139.1 102.675 140.771 108.647 140.771 C 114.883 140.771 120.697 138.941 125.594 135.802 C 125.956 136.813 126.534 137.764 127.343 138.573 L 207.342 218.573 C 207.711 218.942 208.109 219.264 208.528 219.54 L 203.212 309.908 C 201.794 310.182 200.44 310.869 199.342 311.967 L 95.343 415.967 C 94.954 416.356 94.62 416.779 94.335 417.224 C 93.651 417.575 92.976 417.942 92.322 418.34 Q 84.615 424.182 81.716 428.946 C 78.817 433.71 77.147 439.299 77.147 445.271 C 77.147 462.64 91.278 476.771 108.647 476.771 C 114.619 476.771 120.208 475.1 124.972 472.202 C 129.736 469.304 132.678 466.36 135.577 461.596 C 138.476 456.832 140.147 451.243 140.147 445.271 C 140.147 443.943 140.055 442.637 139.895 441.352 L 214.997 388.78 C 217.05 391.677 336.242 391.678 338.295 388.78 L 413.398 441.352 C 413.238 442.637 413.146 443.943 413.146 445.271 C 413.146 451.243 414.817 456.832 417.715 461.596 C 420.613 466.36 423.557 469.304 428.321 472.202 C 433.085 475.1 438.674 476.771 444.646 476.771 C 462.015 476.771 476.146 462.64 476.146 445.271 C 476.146 439.299 474.475 433.71 471.577 428.946 C 468.679 424.182 459.642 417.575 458.958 417.224 C 458.672 416.779 458.339 416.356 457.95 415.967 L 353.95 311.967 C 352.852 310.869 351.498 310.182 350.08 309.908 L 344.764 219.54 C 345.183 219.264 345.581 218.942 345.95 218.573 L 425.95 138.573 C 426.76 137.763 427.337 136.812 427.699 135.802 C 432.596 138.941 438.409 140.771 444.646 140.771 C 450.618 140.771 456.207 139.1 460.971 136.202 C 465.735 133.304 468.679 130.36 471.577 125.596 C 474.475 120.832 476.146 115.243 476.146 109.271 C 476.146 91.903 462.015 77.772 444.646 77.772 C 438.674 77.772 433.085 79.442 428.321 82.34 L 416.215 91.446 L 324.765 140.688 C 318.402 136.324 310.718 133.771 302.473 133.771 L 250.819 133.771 C 242.574 133.771 234.89 136.324 228.527 140.688 L 137.078 91.446 L 124.972 82.34 C 120.208 79.442 114.619 77.772 108.647 77.772 C 91.278 77.772 77.147 91.903 77.147 109.271 C 77.147 115.243 78.818 120.832 81.716 125.595 C 84.614 130.358 87.558 133.304 92.322 136.202 L 92.322 136.202 L 92.322 136.202 L 92.322 136.202 L 92.322 136.202 L 92.322 136.202 L 92.322 136.202 L 92.322 136.202 L 92.322 136.202 Z  M 444.646 461.771 C 435.548 461.771 428.146 454.369 428.146 445.271 C 428.146 436.172 435.548 428.771 444.646 428.771 C 453.744 428.771 461.146 436.172 461.146 445.271 C 461.146 454.369 453.744 461.771 444.646 461.771 Z \"\n      />\n      <path\n        fillRule=\"evenodd\"\n        d=\" M 259.458 334.235 L 259.458 337.211 L 254.514 337.211 L 254.514 350.795 L 250.842 350.795 L 250.842 337.211 L 245.898 337.211 L 245.898 334.235 L 259.458 334.235 Z  M 266.226 347.939 L 272.586 347.939 L 272.754 350.627 L 272.754 350.627 Q 270.498 350.867 265.074 350.867 L 265.074 350.867 L 265.074 350.867 Q 263.418 350.867 262.434 349.967 L 262.434 349.967 L 262.434 349.967 Q 261.45 349.067 261.426 347.531 L 261.426 347.531 L 261.426 337.499 L 261.426 337.499 Q 261.45 335.963 262.434 335.063 L 262.434 335.063 L 262.434 335.063 Q 263.418 334.163 265.074 334.163 L 265.074 334.163 L 265.074 334.163 Q 270.498 334.163 272.754 334.403 L 272.754 334.403 L 272.586 337.115 L 266.226 337.115 L 266.226 337.115 Q 265.626 337.115 265.362 337.403 L 265.362 337.403 L 265.362 337.403 Q 265.098 337.691 265.098 338.339 L 265.098 338.339 L 265.098 340.859 L 271.698 340.859 L 271.698 343.499 L 265.098 343.499 L 265.098 346.691 L 265.098 346.691 Q 265.098 347.363 265.362 347.651 L 265.362 347.651 L 265.362 347.651 Q 265.626 347.939 266.226 347.939 L 266.226 347.939 Z  M 275.202 333.995 L 278.73 333.995 L 278.73 346.931 L 278.73 346.931 Q 278.73 348.131 280.074 348.131 L 280.074 348.131 L 281.034 348.131 L 281.442 350.603 L 281.442 350.603 Q 280.53 351.083 278.61 351.083 L 278.61 351.083 L 278.61 351.083 Q 277.026 351.083 276.114 350.231 L 276.114 350.231 L 276.114 350.231 Q 275.202 349.379 275.202 347.819 L 275.202 347.819 L 275.202 333.995 Z  M 283.05 333.995 L 286.578 333.995 L 286.578 346.931 L 286.578 346.931 Q 286.578 348.131 287.922 348.131 L 287.922 348.131 L 288.882 348.131 L 289.29 350.603 L 289.29 350.603 Q 288.378 351.083 286.458 351.083 L 286.458 351.083 L 286.458 351.083 Q 284.874 351.083 283.962 350.231 L 283.962 350.231 L 283.962 350.231 Q 283.05 349.379 283.05 347.819 L 283.05 347.819 L 283.05 333.995 Z  M 292.086 335.759 L 292.086 335.759 L 292.086 335.759 Q 293.634 333.923 297.618 333.923 L 297.618 333.923 L 297.618 333.923 Q 301.602 333.923 303.162 335.759 L 303.162 335.759 L 303.162 335.759 Q 304.722 337.595 304.722 342.515 L 304.722 342.515 L 304.722 342.515 Q 304.722 347.435 303.162 349.271 L 303.162 349.271 L 303.162 349.271 Q 301.602 351.107 297.618 351.107 L 297.618 351.107 L 297.618 351.107 Q 293.634 351.107 292.086 349.271 L 292.086 349.271 L 292.086 349.271 Q 290.538 347.435 290.538 342.515 L 290.538 342.515 L 290.538 342.515 Q 290.538 337.595 292.086 335.759 Z  M 300.174 338.051 L 300.174 338.051 L 300.174 338.051 Q 299.49 336.875 297.618 336.875 L 297.618 336.875 L 297.618 336.875 Q 295.746 336.875 295.062 338.051 L 295.062 338.051 L 295.062 338.051 Q 294.378 339.227 294.378 342.515 L 294.378 342.515 L 294.378 342.515 Q 294.378 345.803 295.062 346.979 L 295.062 346.979 L 295.062 346.979 Q 295.746 348.155 297.618 348.155 L 297.618 348.155 L 297.618 348.155 Q 299.49 348.155 300.174 346.979 L 300.174 346.979 L 300.174 346.979 Q 300.858 345.803 300.858 342.515 L 300.858 342.515 L 300.858 342.515 Q 300.858 339.227 300.174 338.051 Z \"\n      />\n      <g className=\"propeller-group\">\n        <path\n          className={`${styles.propeller} ${styles.propellerCW}`}\n          style={{ animation: bRightRotorAnimation }}\n          d=\" M 461.563 418.77 L 463.992 416.34 Q 465.495 407.116 466.461 400.395 C 467.426 393.675 469.363 388.087 474.731 383.284 Q 533.862 341.514 538.196 338.859 C 542.529 336.203 548.345 334.299 551.492 338.29 C 554.639 342.282 553.481 346.02 549.419 350.082 L 471.147 428.354 L 461.563 418.77 Z  M 427.729 471.772 L 425.299 474.202 Q 423.797 483.426 422.831 490.146 C 421.866 496.867 419.929 502.454 414.561 507.257 Q 355.43 549.028 351.096 551.683 C 346.763 554.338 340.947 556.243 337.8 552.251 C 334.653 548.26 335.811 544.522 339.873 540.46 L 418.145 462.187 L 427.729 471.772 Z \"\n        />\n        <path\n          className={`${styles.propeller} ${styles.propellerCCW}`}\n          style={{ animation: fRightRotorAnimation }}\n          d=\" M 461.563 135.773 L 463.992 138.203 Q 465.495 147.426 466.461 154.147 C 467.426 160.868 469.363 166.455 474.731 171.258 Q 533.862 213.028 538.196 215.684 C 542.529 218.339 548.345 220.244 551.492 216.252 C 554.639 212.26 553.481 208.523 549.419 204.46 L 471.147 126.188 L 461.563 135.773 Z  M 427.729 82.77 L 425.299 80.34 Q 423.797 71.117 422.831 64.396 C 421.866 57.675 419.929 52.088 414.561 47.285 Q 355.43 5.515 351.096 2.859 C 346.763 0.204 340.947 -1.701 337.8 2.291 C 334.653 6.282 335.811 10.02 339.873 14.082 L 418.145 92.355 L 427.729 82.77 Z \"\n        />\n        <path\n          className={`${styles.propeller} ${styles.propellerCCW}`}\n          style={{ animation: bLeftRotorAnimation }}\n          d=\" M 125.563 471.772 L 127.993 474.202 Q 129.496 483.426 130.461 490.146 C 131.427 496.867 133.363 502.454 138.731 507.257 Q 197.863 549.028 202.196 551.683 C 206.53 554.338 212.345 556.243 215.492 552.251 C 218.639 548.26 217.482 544.522 213.419 540.46 L 135.148 462.187 L 125.563 471.772 Z  M 91.73 418.77 L 89.3 416.34 Q 87.797 407.116 86.832 400.395 C 85.866 393.675 83.93 388.087 78.562 383.284 Q 19.431 341.514 15.097 338.859 C 10.763 336.203 4.948 334.299 1.801 338.29 C -1.346 342.282 -0.189 346.02 3.874 350.082 L 82.146 428.354 L 91.73 418.77 Z \"\n        />\n        <path\n          className={`${styles.propeller} ${styles.propellerCW}`}\n          style={{ animation: fLeftRotorAnimation }}\n          d=\" M 125.563 82.77 L 127.993 80.34 Q 129.496 71.117 130.461 64.396 C 131.427 57.675 133.363 52.088 138.731 47.285 Q 197.863 5.515 202.196 2.859 C 206.53 0.204 212.345 -1.701 215.492 2.291 C 218.639 6.282 217.482 10.02 213.419 14.083 L 135.147 92.355 L 125.563 82.77 Z  M 91.73 135.773 L 89.3 138.203 Q 87.797 147.426 86.832 154.147 C 85.866 160.868 83.93 166.455 78.562 171.258 Q 19.431 213.028 15.097 215.684 C 10.763 218.339 4.948 220.243 1.801 216.252 C -1.346 212.26 -0.189 208.523 3.874 204.46 L 82.146 126.188 L 91.73 135.773 Z \"\n        />\n      </g>\n    </svg>\n  );\n};\n\nexport const droneTopItem: CanvasElementItem<any, any> = {\n  id: 'droneTop',\n  name: 'Drone Top',\n  description: 'Drone top',\n\n  display: DroneTopDisplay,\n\n  defaultSize: {\n    width: 100,\n    height: 100,\n  },\n\n  getNewOptions: (options) => ({\n    ...options,\n  }),\n\n  // Called when data changes\n  prepareData: (ctx: DimensionContext, cfg: DroneTopConfig) => {\n    const data: DroneTopData = {\n      bRightRotorRPM: cfg?.bRightRotorRPM ? ctx.getScalar(cfg.bRightRotorRPM).value() : 0,\n      bLeftRotorRPM: cfg?.bLeftRotorRPM ? ctx.getScalar(cfg.bLeftRotorRPM).value() : 0,\n      fRightRotorRPM: cfg?.fRightRotorRPM ? ctx.getScalar(cfg.fRightRotorRPM).value() : 0,\n      fLeftRotorRPM: cfg?.fLeftRotorRPM ? ctx.getScalar(cfg.fLeftRotorRPM).value() : 0,\n      yawAngle: cfg?.yawAngle ? ctx.getScalar(cfg.yawAngle).value() : 0,\n    };\n\n    return data;\n  },\n\n  registerOptionsUI: (builder) => {\n    const category = ['Drone Top'];\n    builder\n      .addCustomEditor({\n        category,\n        id: 'yawAngle',\n        path: 'config.yawAngle',\n        name: 'Yaw Angle',\n        editor: ScalarDimensionEditor,\n      })\n      .addCustomEditor({\n        category,\n        id: 'fRightRotorRPM',\n        path: 'config.fRightRotorRPM',\n        name: 'Front Right Rotor RPM',\n        editor: ScalarDimensionEditor,\n      })\n      .addCustomEditor({\n        category,\n        id: 'fLeftRotorRPM',\n        path: 'config.fLeftRotorRPM',\n        name: 'Front Left Rotor RPM',\n        editor: ScalarDimensionEditor,\n      })\n      .addCustomEditor({\n        category,\n        id: 'bRightRotorRPM',\n        path: 'config.bRightRotorRPM',\n        name: 'Back Right Rotor RPM',\n        editor: ScalarDimensionEditor,\n      })\n      .addCustomEditor({\n        category,\n        id: 'bLeftRotorRPM',\n        path: 'config.bLeftRotorRPM',\n        name: 'Back Left Rotor RPM',\n        editor: ScalarDimensionEditor,\n      });\n  },\n};\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  propeller: css`\n    transform-origin: 50% 50%;\n    transform-box: fill-box;\n    display: block;\n    @keyframes spin {\n      from {\n        transform: rotate(0deg);\n      }\n      to {\n        transform: rotate(360deg);\n      }\n    }\n  `,\n  propellerCW: css`\n    animation-direction: normal;\n  `,\n  propellerCCW: css`\n    animation-direction: reverse;\n  `,\n});\n","import { css } from '@emotion/css';\nimport React, { PureComponent } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { stylesFactory } from '@grafana/ui';\nimport { config } from 'app/core/config';\nimport { DimensionContext } from 'app/features/dimensions/context';\nimport { ColorDimensionEditor } from 'app/features/dimensions/editors/ColorDimensionEditor';\nimport { TextDimensionEditor } from 'app/features/dimensions/editors/TextDimensionEditor';\nimport { ColorDimensionConfig, TextDimensionConfig } from 'app/features/dimensions/types';\n\nimport { CanvasElementItem, CanvasElementProps } from '../element';\n\nexport enum Align {\n  Left = 'left',\n  Center = 'center',\n  Right = 'right',\n}\n\nexport enum VAlign {\n  Top = 'top',\n  Middle = 'middle',\n  Bottom = 'bottom',\n}\n\ninterface TextBoxData {\n  text?: string;\n  color?: string;\n  size?: number; // 0 or missing will \"auto size\"\n  align: Align;\n  valign: VAlign;\n}\n\ninterface TextBoxConfig {\n  text?: TextDimensionConfig;\n  color?: ColorDimensionConfig;\n  size?: number; // 0 or missing will \"auto size\"\n  align: Align;\n  valign: VAlign;\n}\n\nclass TextBoxDisplay extends PureComponent<CanvasElementProps<TextBoxConfig, TextBoxData>> {\n  render() {\n    const { data } = this.props;\n    const styles = getStyles(config.theme2, data);\n    return (\n      <div className={styles.container}>\n        <span className={styles.span}>{data?.text}</span>\n      </div>\n    );\n  }\n}\nconst getStyles = stylesFactory((theme: GrafanaTheme2, data) => ({\n  container: css`\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    display: table;\n  `,\n  span: css`\n    display: table-cell;\n    vertical-align: ${data.valign};\n    text-align: ${data.align};\n    font-size: ${data?.size}px;\n    color: ${data?.color};\n  `,\n}));\nexport const textBoxItem: CanvasElementItem<TextBoxConfig, TextBoxData> = {\n  id: 'text-box',\n  name: 'Text',\n  description: 'Text box',\n\n  display: TextBoxDisplay,\n\n  defaultSize: {\n    width: 240,\n    height: 160,\n  },\n\n  getNewOptions: (options) => ({\n    background: {\n      color: {\n        fixed: 'grey',\n      },\n    },\n    ...options,\n    config: {\n      align: Align.Left,\n      valign: VAlign.Middle,\n    },\n  }),\n\n  // Called when data changes\n  prepareData: (ctx: DimensionContext, cfg: TextBoxConfig) => {\n    const data: TextBoxData = {\n      text: cfg.text ? ctx.getText(cfg.text).value() : '',\n      align: cfg.align ?? Align.Center,\n      valign: cfg.valign ?? VAlign.Middle,\n      size: cfg.size,\n    };\n\n    if (cfg.color) {\n      data.color = ctx.getColor(cfg.color).value();\n    }\n\n    return data;\n  },\n\n  // Heatmap overlay options\n  registerOptionsUI: (builder) => {\n    const category = ['Text box'];\n    builder\n      .addCustomEditor({\n        category,\n        id: 'textSelector',\n        path: 'config.text',\n        name: 'Text',\n        editor: TextDimensionEditor,\n      })\n      .addCustomEditor({\n        category,\n        id: 'config.color',\n        path: 'config.color',\n        name: 'Text color',\n        editor: ColorDimensionEditor,\n        settings: {},\n        defaultValue: {},\n      })\n      .addRadio({\n        category,\n        path: 'config.align',\n        name: 'Align text',\n        settings: {\n          options: [\n            { value: Align.Left, label: 'Left' },\n            { value: Align.Center, label: 'Center' },\n            { value: Align.Right, label: 'Right' },\n          ],\n        },\n        defaultValue: Align.Left,\n      })\n      .addRadio({\n        category,\n        path: 'config.valign',\n        name: 'Vertical align',\n        settings: {\n          options: [\n            { value: VAlign.Top, label: 'Top' },\n            { value: VAlign.Middle, label: 'Middle' },\n            { value: VAlign.Bottom, label: 'Bottom' },\n          ],\n        },\n        defaultValue: VAlign.Middle,\n      })\n      .addNumberInput({\n        category,\n        path: 'config.size',\n        name: 'Text size',\n        settings: {\n          placeholder: 'Auto',\n        },\n      });\n  },\n};\n","import { css } from '@emotion/css';\nimport React, { FC } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2 } from '@grafana/ui';\nimport { DimensionContext, ScalarDimensionConfig } from 'app/features/dimensions';\nimport { ScalarDimensionEditor } from 'app/features/dimensions/editors';\n\nimport { CanvasElementItem, CanvasElementProps } from '../element';\n\ninterface WindTurbineData {\n  rpm?: number;\n}\n\ninterface WindTurbineConfig {\n  rpm?: ScalarDimensionConfig;\n}\n\nconst WindTurbineDisplay: FC<CanvasElementProps<WindTurbineConfig, WindTurbineData>> = (props) => {\n  const styles = useStyles2(getStyles);\n\n  const { data } = props;\n\n  const windTurbineAnimation = `spin ${data?.rpm ? 60 / Math.abs(data.rpm) : 0}s linear infinite`;\n\n  return (\n    <svg viewBox=\"0 0 189.326 283.989\" preserveAspectRatio=\"xMidYMid meet\">\n      <symbol id=\"blade\">\n        <path\n          fill=\"#e6e6e6\"\n          id=\"blade-front\"\n          d=\"M14.6491879,1.85011601 C14.2684455,-0.0535962877 10.7150812,-0.815081206 9.06473318,3.37308585 L0.434338747,70.7658933 L8.93805104,91.9607889 L15.4106729,90.437819 L17.5684455,78.3807425 L14.5218097,1.97679814 L14.6491879,1.85011601 Z\"\n        />\n        <path\n          fill=\"#d0d6d7\"\n          id=\"blade-side\"\n          d=\"M11.0951276,0.581206497 C10.3336427,0.961948956 9.57215777,1.85011601 8.93735499,3.24640371 L0.306960557,70.6392111 L8.81067285,91.8341067 L3.35359629,70.0044084 L11.0951276,0.581206497 Z\"\n        />\n      </symbol>\n\n      <g>\n        <g id=\"structure\" transform=\"translate(58.123, 82.664)\" fillRule=\"nonzero\">\n          <polygon id=\"tower\" fill=\"#e6e6e6\" points=\"33.111,10.984 39.965,10.984 44.28,196.176 28.796,196.176\" />\n          <path\n            id=\"yaw\"\n            fill=\"rgba(0,0,0,0.25)\"\n            d=\"M40.3454756,23.2948956 L40.7262181,34.8445476 C38.8225058,35.0986079 35.7765661,35.0986079 32.349884,34.337123 L32.7306265,23.2955916 L40.3454756,23.2955916 L40.3454756,23.2948956 Z\"\n          />\n          <path\n            id=\"base\"\n            fill=\"#d0d6d7\"\n            transform=\"translate(0 42)\"\n            d=\"M26.3846868,150.591647 L46.5640371,150.591647 C48.8484919,150.591647 50.7522042,152.49536 50.7522042,154.779814 L50.7522042,158.967981 L22.0691415,158.967981 L22.0691415,154.779814 C22.0691415,152.49536 23.9728538,150.591647 26.2573086,150.591647 L26.3846868,150.591647 Z\"\n          />\n          <circle id=\"nacelle\" fill=\"#e6e6e6\" cx=\"36.54\" cy=\"12\" r=\"11.93\" />\n          <circle id=\"gearbox\" fill=\"none\" stroke=\"#d0d6d7\" strokeWidth=\"2.75\" cx=\"36.538\" cy=\"11.999\" r=\"5.8\" />\n        </g>\n        <g className={styles.blade} style={{ animation: windTurbineAnimation }}>\n          <use id=\"blade1\" href=\"#blade\" x=\"83.24\" y=\"0\" />\n          <use id=\"blade2\" href=\"#blade\" x=\"83.24\" y=\"0\" transform=\"rotate(120 94.663 94.663)\" />\n          <use id=\"blade3\" href=\"#blade\" x=\"83.24\" y=\"0\" transform=\"rotate(-120 94.663 94.663)\" />\n        </g>\n      </g>\n    </svg>\n  );\n};\n\nexport const windTurbineItem: CanvasElementItem<any, any> = {\n  id: 'windTurbine',\n  name: 'Wind Turbine',\n  description: 'Spinny spinny',\n\n  display: WindTurbineDisplay,\n\n  defaultSize: {\n    width: 100,\n    height: 100,\n  },\n\n  getNewOptions: (options) => ({\n    ...options,\n  }),\n\n  // Called when data changes\n  prepareData: (ctx: DimensionContext, cfg: WindTurbineConfig) => {\n    const data: WindTurbineData = {\n      rpm: cfg?.rpm ? ctx.getScalar(cfg.rpm).value() : 0,\n    };\n\n    return data;\n  },\n\n  registerOptionsUI: (builder) => {\n    const category = ['Wind Turbine'];\n    builder.addCustomEditor({\n      category,\n      id: 'rpm',\n      path: 'config.rpm',\n      name: 'RPM',\n      editor: ScalarDimensionEditor,\n    });\n  },\n};\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  blade: css`\n    @keyframes spin {\n      from {\n        transform: rotate(0deg);\n      }\n      to {\n        transform: rotate(360deg);\n      }\n    }\n\n    transform-origin: 94.663px 94.663px;\n    transform: rotate(15deg);\n  `,\n});\n","import { Registry } from '@grafana/data';\n\nimport { CanvasElementItem, CanvasElementOptions } from './element';\nimport { buttonItem } from './elements/button';\nimport { droneFrontItem } from './elements/droneFront';\nimport { droneSideItem } from './elements/droneSide';\nimport { droneTopItem } from './elements/droneTop';\nimport { iconItem } from './elements/icon';\nimport { textBoxItem } from './elements/textBox';\nimport { windTurbineItem } from './elements/windTurbine';\n\nexport const DEFAULT_CANVAS_ELEMENT_CONFIG: CanvasElementOptions = {\n  ...iconItem.getNewOptions(),\n  type: iconItem.id,\n  name: `Element 1`,\n};\n\nexport const canvasElementRegistry = new Registry<CanvasElementItem>(() => [\n  iconItem, // default for now\n  textBoxItem,\n  buttonItem,\n  droneTopItem,\n  droneFrontItem,\n  droneSideItem,\n  windTurbineItem,\n]);\n","import React, { CSSProperties } from 'react';\nimport { OnDrag, OnResize } from 'react-moveable/declaration/types';\n\nimport { LayerElement } from 'app/core/components/Layers/types';\nimport {\n  BackgroundImageSize,\n  CanvasElementItem,\n  CanvasElementOptions,\n  canvasElementRegistry,\n} from 'app/features/canvas';\nimport { notFoundItem } from 'app/features/canvas/elements/notFound';\nimport { DimensionContext } from 'app/features/dimensions';\n\nimport { Constraint, HorizontalConstraint, Placement, VerticalConstraint } from '../types';\n\nimport { FrameState } from './frame';\nimport { RootElement } from './root';\nimport { Scene } from './scene';\n\nlet counter = 0;\n\nexport class ElementState implements LayerElement {\n  // UID necessary for moveable to work (for now)\n  readonly UID = counter++;\n  revId = 0;\n  sizeStyle: CSSProperties = {};\n  dataStyle: CSSProperties = {};\n\n  // Determine whether or not element is in motion or not (via moveable)\n  isMoving = false;\n\n  // Temp stored constraint for visualization purposes (switch to top / left constraint to simplify some functionality)\n  tempConstraint: Constraint | undefined;\n\n  // Filled in by ref\n  div?: HTMLDivElement;\n\n  // Calculated\n  data?: any; // depends on the type\n\n  constructor(public item: CanvasElementItem, public options: CanvasElementOptions, public parent?: FrameState) {\n    const fallbackName = `Element ${Date.now()}`;\n    if (!options) {\n      this.options = { type: item.id, name: fallbackName };\n    }\n\n    options.constraint = options.constraint ?? {\n      vertical: VerticalConstraint.Top,\n      horizontal: HorizontalConstraint.Left,\n    };\n    options.placement = options.placement ?? { width: 100, height: 100, top: 0, left: 0 };\n    const scene = this.getScene();\n    if (!options.name) {\n      const newName = scene?.getNextElementName();\n      options.name = newName ?? fallbackName;\n    }\n    scene?.byName.set(options.name, this);\n  }\n\n  private getScene(): Scene | undefined {\n    let trav = this.parent;\n    while (trav) {\n      if (trav.isRoot()) {\n        return trav.scene;\n      }\n      trav = trav.parent;\n    }\n\n    return undefined;\n  }\n\n  getName() {\n    return this.options.name;\n  }\n\n  /** Use the configured options to update CSS style properties directly on the wrapper div **/\n  applyLayoutStylesToDiv() {\n    if (this.isRoot()) {\n      // Root supersedes layout engine and is always 100% width + height of panel\n      return;\n    }\n\n    const { constraint } = this.options;\n    const { vertical, horizontal } = constraint ?? {};\n    const placement = this.options.placement ?? ({} as Placement);\n\n    const style: React.CSSProperties = {\n      position: 'absolute',\n      // Minimum element size is 10x10\n      minWidth: '10px',\n      minHeight: '10px',\n    };\n\n    const translate = ['0px', '0px'];\n\n    switch (vertical) {\n      case VerticalConstraint.Top:\n        placement.top = placement.top ?? 0;\n        placement.height = placement.height ?? 100;\n        style.top = `${placement.top}px`;\n        style.height = `${placement.height}px`;\n        delete placement.bottom;\n        break;\n      case VerticalConstraint.Bottom:\n        placement.bottom = placement.bottom ?? 0;\n        placement.height = placement.height ?? 100;\n        style.bottom = `${placement.bottom}px`;\n        style.height = `${placement.height}px`;\n        delete placement.top;\n        break;\n      case VerticalConstraint.TopBottom:\n        placement.top = placement.top ?? 0;\n        placement.bottom = placement.bottom ?? 0;\n        style.top = `${placement.top}px`;\n        style.bottom = `${placement.bottom}px`;\n        delete placement.height;\n        style.height = '';\n        break;\n      case VerticalConstraint.Center:\n        placement.top = placement.top ?? 0;\n        placement.height = placement.height ?? 100;\n        translate[1] = '-50%';\n        style.top = `calc(50% - ${placement.top}px)`;\n        style.height = `${placement.height}px`;\n        delete placement.bottom;\n        break;\n      case VerticalConstraint.Scale:\n        placement.top = placement.top ?? 0;\n        placement.bottom = placement.bottom ?? 0;\n        style.top = `${placement.top}%`;\n        style.bottom = `${placement.bottom}%`;\n        delete placement.height;\n        style.height = '';\n        break;\n    }\n\n    switch (horizontal) {\n      case HorizontalConstraint.Left:\n        placement.left = placement.left ?? 0;\n        placement.width = placement.width ?? 100;\n        style.left = `${placement.left}px`;\n        style.width = `${placement.width}px`;\n        delete placement.right;\n        break;\n      case HorizontalConstraint.Right:\n        placement.right = placement.right ?? 0;\n        placement.width = placement.width ?? 100;\n        style.right = `${placement.right}px`;\n        style.width = `${placement.width}px`;\n        delete placement.left;\n        break;\n      case HorizontalConstraint.LeftRight:\n        placement.left = placement.left ?? 0;\n        placement.right = placement.right ?? 0;\n        style.left = `${placement.left}px`;\n        style.right = `${placement.right}px`;\n        delete placement.width;\n        style.width = '';\n        break;\n      case HorizontalConstraint.Center:\n        placement.left = placement.left ?? 0;\n        placement.width = placement.width ?? 100;\n        translate[0] = '-50%';\n        style.left = `calc(50% - ${placement.left}px)`;\n        style.width = `${placement.width}px`;\n        delete placement.right;\n        break;\n      case HorizontalConstraint.Scale:\n        placement.left = placement.left ?? 0;\n        placement.right = placement.right ?? 0;\n        style.left = `${placement.left}%`;\n        style.right = `${placement.right}%`;\n        delete placement.width;\n        style.width = '';\n        break;\n    }\n\n    style.transform = `translate(${translate[0]}, ${translate[1]})`;\n    this.options.placement = placement;\n    this.sizeStyle = style;\n    if (this.div) {\n      for (const key in this.sizeStyle) {\n        this.div.style[key as any] = (this.sizeStyle as any)[key];\n      }\n\n      for (const key in this.dataStyle) {\n        this.div.style[key as any] = (this.dataStyle as any)[key];\n      }\n    }\n  }\n\n  setPlacementFromConstraint(elementContainer?: DOMRect, parentContainer?: DOMRect) {\n    const { constraint } = this.options;\n    const { vertical, horizontal } = constraint ?? {};\n\n    if (!elementContainer) {\n      elementContainer = this.div && this.div.getBoundingClientRect();\n    }\n    if (!parentContainer) {\n      parentContainer = this.div && this.div.parentElement?.getBoundingClientRect();\n    }\n\n    const relativeTop =\n      elementContainer && parentContainer ? Math.round(elementContainer.top - parentContainer.top) : 0;\n    const relativeBottom =\n      elementContainer && parentContainer ? Math.round(parentContainer.bottom - elementContainer.bottom) : 0;\n    const relativeLeft =\n      elementContainer && parentContainer ? Math.round(elementContainer.left - parentContainer.left) : 0;\n    const relativeRight =\n      elementContainer && parentContainer ? Math.round(parentContainer.right - elementContainer.right) : 0;\n\n    const placement = {} as Placement;\n\n    const width = elementContainer?.width ?? 100;\n    const height = elementContainer?.height ?? 100;\n\n    switch (vertical) {\n      case VerticalConstraint.Top:\n        placement.top = relativeTop;\n        placement.height = height;\n        break;\n      case VerticalConstraint.Bottom:\n        placement.bottom = relativeBottom;\n        placement.height = height;\n        break;\n      case VerticalConstraint.TopBottom:\n        placement.top = relativeTop;\n        placement.bottom = relativeBottom;\n        break;\n      case VerticalConstraint.Center:\n        const elementCenter = elementContainer ? relativeTop + height / 2 : 0;\n        const parentCenter = parentContainer ? parentContainer.height / 2 : 0;\n        const distanceFromCenter = parentCenter - elementCenter;\n        placement.top = distanceFromCenter;\n        placement.height = height;\n        break;\n      case VerticalConstraint.Scale:\n        placement.top = (relativeTop / (parentContainer?.height ?? height)) * 100;\n        placement.bottom = (relativeBottom / (parentContainer?.height ?? height)) * 100;\n        break;\n    }\n\n    switch (horizontal) {\n      case HorizontalConstraint.Left:\n        placement.left = relativeLeft;\n        placement.width = width;\n        break;\n      case HorizontalConstraint.Right:\n        placement.right = relativeRight;\n        placement.width = width;\n        break;\n      case HorizontalConstraint.LeftRight:\n        placement.left = relativeLeft;\n        placement.right = relativeRight;\n        break;\n      case HorizontalConstraint.Center:\n        const elementCenter = elementContainer ? relativeLeft + width / 2 : 0;\n        const parentCenter = parentContainer ? parentContainer.width / 2 : 0;\n        const distanceFromCenter = parentCenter - elementCenter;\n        placement.left = distanceFromCenter;\n        placement.width = width;\n        break;\n      case HorizontalConstraint.Scale:\n        placement.left = (relativeLeft / (parentContainer?.width ?? width)) * 100;\n        placement.right = (relativeRight / (parentContainer?.width ?? width)) * 100;\n        break;\n    }\n\n    this.options.placement = placement;\n\n    this.applyLayoutStylesToDiv();\n    this.revId++;\n  }\n\n  updateData(ctx: DimensionContext) {\n    if (this.item.prepareData) {\n      this.data = this.item.prepareData(ctx, this.options.config);\n      this.revId++; // rerender\n    }\n\n    const { background, border } = this.options;\n    const css: CSSProperties = {};\n    if (background) {\n      if (background.color) {\n        const color = ctx.getColor(background.color);\n        css.backgroundColor = color.value();\n      }\n      if (background.image) {\n        const image = ctx.getResource(background.image);\n        if (image) {\n          const v = image.value();\n          if (v) {\n            css.backgroundImage = `url(\"${v}\")`;\n            switch (background.size ?? BackgroundImageSize.Contain) {\n              case BackgroundImageSize.Contain:\n                css.backgroundSize = 'contain';\n                css.backgroundRepeat = 'no-repeat';\n                break;\n              case BackgroundImageSize.Cover:\n                css.backgroundSize = 'cover';\n                css.backgroundRepeat = 'no-repeat';\n                break;\n              case BackgroundImageSize.Original:\n                css.backgroundRepeat = 'no-repeat';\n                break;\n              case BackgroundImageSize.Tile:\n                css.backgroundRepeat = 'repeat';\n                break;\n              case BackgroundImageSize.Fill:\n                css.backgroundSize = '100% 100%';\n                break;\n            }\n          }\n        }\n      }\n    }\n\n    if (border && border.color && border.width) {\n      const color = ctx.getColor(border.color);\n      css.borderWidth = border.width;\n      css.borderStyle = 'solid';\n      css.borderColor = color.value();\n\n      // Move the image to inside the border\n      if (css.backgroundImage) {\n        css.backgroundOrigin = 'padding-box';\n      }\n    }\n\n    this.dataStyle = css;\n    this.applyLayoutStylesToDiv();\n  }\n\n  isRoot(): this is RootElement {\n    return false;\n  }\n\n  /** Recursively visit all nodes */\n  visit(visitor: (v: ElementState) => void) {\n    visitor(this);\n  }\n\n  onChange(options: CanvasElementOptions) {\n    if (this.item.id !== options.type) {\n      this.item = canvasElementRegistry.getIfExists(options.type) ?? notFoundItem;\n    }\n\n    // rename handling\n    const oldName = this.options.name;\n    const newName = options.name;\n\n    this.revId++;\n    this.options = { ...options };\n    let trav = this.parent;\n    while (trav) {\n      if (trav.isRoot()) {\n        trav.scene.save();\n        break;\n      }\n      trav.revId++;\n      trav = trav.parent;\n    }\n\n    const scene = this.getScene();\n    if (oldName !== newName && scene) {\n      scene.byName.delete(oldName);\n      scene.byName.set(newName, this);\n    }\n  }\n\n  getSaveModel() {\n    return { ...this.options };\n  }\n\n  initElement = (target: HTMLDivElement) => {\n    this.div = target;\n    this.applyLayoutStylesToDiv();\n  };\n\n  applyDrag = (event: OnDrag) => {\n    event.target.style.transform = event.transform;\n  };\n\n  // kinda like:\n  // https://github.com/grafana/grafana-edge-app/blob/main/src/panels/draw/WrapItem.tsx#L44\n  applyResize = (event: OnResize) => {\n    const placement = this.options.placement!;\n\n    const style = event.target.style;\n    const deltaX = event.delta[0];\n    const deltaY = event.delta[1];\n    const dirLR = event.direction[0];\n    const dirTB = event.direction[1];\n\n    if (dirLR === 1) {\n      placement.width = event.width;\n      style.width = `${placement.width}px`;\n    } else if (dirLR === -1) {\n      placement.left! -= deltaX;\n      placement.width = event.width;\n      style.left = `${placement.left}px`;\n      style.width = `${placement.width}px`;\n    }\n\n    if (dirTB === -1) {\n      placement.top! -= deltaY;\n      placement.height = event.height;\n      style.top = `${placement.top}px`;\n      style.height = `${placement.height}px`;\n    } else if (dirTB === 1) {\n      placement.height = event.height;\n      style.height = `${placement.height}px`;\n    }\n  };\n\n  render() {\n    const { item } = this;\n    return (\n      <div key={this.UID} ref={this.initElement}>\n        <item.display key={`${this.UID}/${this.revId}`} config={this.options.config} data={this.data} />\n      </div>\n    );\n  }\n}\n","import { ColorDimensionConfig, ResourceDimensionConfig } from 'app/features/dimensions/types';\n\nexport interface Placement {\n  top?: number;\n  left?: number;\n  right?: number;\n  bottom?: number;\n\n  width?: number;\n  height?: number;\n}\n\nexport interface Constraint {\n  horizontal?: HorizontalConstraint;\n  vertical?: VerticalConstraint;\n}\n\nexport enum HorizontalConstraint {\n  Left = 'left',\n  Right = 'right',\n  LeftRight = 'leftright',\n  Center = 'center',\n  Scale = 'scale',\n}\n\nexport enum VerticalConstraint {\n  Top = 'top',\n  Bottom = 'bottom',\n  TopBottom = 'topbottom',\n  Center = 'center',\n  Scale = 'scale',\n}\n\nexport enum BackgroundImageSize {\n  Original = 'original',\n  Contain = 'contain',\n  Cover = 'cover',\n  Fill = 'fill',\n  Tile = 'tile',\n}\n\nexport interface BackgroundConfig {\n  color?: ColorDimensionConfig;\n  image?: ResourceDimensionConfig;\n  size?: BackgroundImageSize;\n}\n\nexport interface LineConfig {\n  color?: ColorDimensionConfig;\n  width?: number;\n}\n\nexport enum QuickPlacement {\n  Top = 'top',\n  Bottom = 'bottom',\n  Left = 'left',\n  Right = 'right',\n  HorizontalCenter = 'hcenter',\n  VerticalCenter = 'vcenter',\n}\n","import React, { FC, useCallback } from 'react';\n\nimport { AppEvents, StandardEditorProps, StandardEditorsRegistryItem, StringFieldConfigSettings } from '@grafana/data';\nimport { config, getBackendSrv } from '@grafana/runtime';\nimport { Button, InlineField, InlineFieldRow, JSONFormatter, StringValueEditor } from '@grafana/ui';\nimport { appEvents } from 'app/core/core';\n\nexport interface APIEditorConfig {\n  endpoint: string;\n  data?: string;\n}\n\nconst dummyStringSettings: StandardEditorsRegistryItem<string, StringFieldConfigSettings> = {\n  settings: {},\n} as any;\n\nexport const callApi = (api: APIEditorConfig, isTest = false) => {\n  if (api) {\n    getBackendSrv()\n      .fetch({\n        url: api.endpoint!,\n        method: 'POST',\n        data: api.data ?? {},\n      })\n      .subscribe({\n        error: (error: any) => {\n          if (isTest) {\n            appEvents.emit(AppEvents.alertError, ['Error has occurred: ', JSON.stringify(error)]);\n            console.error(error);\n          }\n        },\n        complete: () => {\n          if (isTest) {\n            appEvents.emit(AppEvents.alertSuccess, ['Test successful']);\n          }\n        },\n      });\n  }\n};\n\nexport const APIEditor: FC<StandardEditorProps<APIEditorConfig, any, any>> = (props) => {\n  const { value, context, onChange } = props;\n  const labelWidth = 9;\n\n  const onEndpointChange = useCallback(\n    (endpoint) => {\n      onChange({\n        ...value,\n        endpoint,\n      });\n    },\n    [onChange, value]\n  );\n\n  const onDataChange = useCallback(\n    (data) => {\n      onChange({\n        ...value,\n        data,\n      });\n    },\n    [onChange, value]\n  );\n\n  const renderJSON = (data: string) => {\n    try {\n      const json = JSON.parse(data);\n      return <JSONFormatter json={json} />;\n    } catch (error) {\n      return `Invalid JSON provided: ${error.message}`;\n    }\n  };\n\n  const renderTestAPIButton = (api: APIEditorConfig) => {\n    if (api && api.endpoint) {\n      return (\n        <Button onClick={() => callApi(api, true)} title={'Test API'}>\n          Test API\n        </Button>\n      );\n    }\n\n    return;\n  };\n\n  return config.disableSanitizeHtml ? (\n    <>\n      <InlineFieldRow>\n        <InlineField label={'Endpoint'} labelWidth={labelWidth} grow={true}>\n          <StringValueEditor\n            context={context}\n            value={value?.endpoint}\n            onChange={onEndpointChange}\n            item={dummyStringSettings}\n          />\n        </InlineField>\n      </InlineFieldRow>\n      <InlineFieldRow>\n        <InlineField label={'Data'} labelWidth={labelWidth} grow={true}>\n          <StringValueEditor\n            context={context}\n            value={value?.data ?? '{}'}\n            onChange={onDataChange}\n            item={dummyStringSettings}\n          />\n        </InlineField>\n      </InlineFieldRow>\n      {renderTestAPIButton(value)}\n      <br />\n      {renderJSON(value?.data ?? '{}')}\n    </>\n  ) : (\n    <>Must enable disableSanitizeHtml feature flag to access</>\n  );\n};\n","import { PanelOptionsSupplier } from '@grafana/data/src/panel/PanelPlugin';\nimport { BackgroundImageSize, CanvasElementOptions } from 'app/features/canvas';\nimport { ColorDimensionEditor, ResourceDimensionEditor } from 'app/features/dimensions/editors';\n\ninterface OptionSuppliers {\n  addBackground: PanelOptionsSupplier<CanvasElementOptions>;\n  addBorder: PanelOptionsSupplier<CanvasElementOptions>;\n}\n\nexport const optionBuilder: OptionSuppliers = {\n  addBackground: (builder, context) => {\n    const category = ['Background'];\n    builder\n      .addCustomEditor({\n        category,\n        id: 'background.color',\n        path: 'background.color',\n        name: 'Color',\n        editor: ColorDimensionEditor,\n        settings: {},\n        defaultValue: {\n          // Configured values\n          fixed: '',\n        },\n      })\n      .addCustomEditor({\n        category,\n        id: 'background.image',\n        path: 'background.image',\n        name: 'Image',\n        editor: ResourceDimensionEditor,\n        settings: {\n          resourceType: 'image',\n        },\n      })\n      .addRadio({\n        category,\n        path: 'background.size',\n        name: 'Image size',\n        settings: {\n          options: [\n            { value: BackgroundImageSize.Original, label: 'Original' },\n            { value: BackgroundImageSize.Contain, label: 'Contain' },\n            { value: BackgroundImageSize.Cover, label: 'Cover' },\n            { value: BackgroundImageSize.Fill, label: 'Fill' },\n            { value: BackgroundImageSize.Tile, label: 'Tile' },\n          ],\n        },\n        defaultValue: BackgroundImageSize.Cover,\n      });\n  },\n\n  addBorder: (builder, context) => {\n    const category = ['Border'];\n    builder.addSliderInput({\n      category,\n      path: 'border.width',\n      name: 'Width',\n      defaultValue: 2,\n      settings: {\n        min: 0,\n        max: 20,\n      },\n    });\n\n    if (context.options?.border?.width) {\n      builder.addCustomEditor({\n        category,\n        id: 'border.color',\n        path: 'border.color',\n        name: 'Color',\n        editor: ColorDimensionEditor,\n        settings: {},\n        defaultValue: {\n          // Configured values\n          fixed: '',\n        },\n      });\n    }\n  },\n};\n"],"names":["svgStrokePathClass","css","iconItem","id","name","description","display","props","data","path","svgStyle","fill","stroke","strokeColor","strokeWidth","onClick","api","callApi","src","style","className","undefined","getNewOptions","options","placement","width","height","top","left","config","mode","ResourceDimensionMode","fixed","prepareData","ctx","cfg","getResource","value","isString","getPublicOrAbsoluteUrl","getColor","color","registerOptionsUI","builder","category","addCustomEditor","editor","ResourceDimensionEditor","settings","resourceType","ColorDimensionEditor","defaultValue","addSliderInput","min","max","showIf","Boolean","APIEditor","NotFoundDisplay","PureComponent","render","this","JSON","stringify","notFoundItem","defaultSize","ButtonDisplay","Button","type","text","buttonItem","getText","TextDimensionEditor","droneFrontItem","styles","useStyles2","getStyles","droneFrontTransformStyle","rollAngle","droneFront","xmlns","xmlnsXlink","viewBox","transform","x1","x2","y1","y2","d","cx","cy","r","getScalar","ScalarDimensionEditor","theme","droneSideItem","droneSidePitchTransformStyle","pitchAngle","droneSide","droneTopItem","fRightRotorAnimation","fRightRotorRPM","Math","abs","fLeftRotorAnimation","fLeftRotorRPM","bRightRotorAnimation","bRightRotorRPM","bLeftRotorAnimation","bLeftRotorRPM","droneTopTransformStyle","yawAngle","xmlSpace","fillRule","propeller","propellerCW","animation","propellerCCW","Align","VAlign","TextBoxDisplay","container","span","stylesFactory","valign","align","size","textBoxItem","background","Left","Middle","Center","addRadio","label","Right","Top","Bottom","addNumberInput","placeholder","windTurbineItem","windTurbineAnimation","rpm","preserveAspectRatio","points","blade","href","x","y","DEFAULT_CANVAS_ELEMENT_CONFIG","canvasElementRegistry","Registry","counter","ElementState","constructor","item","parent","target","div","applyLayoutStylesToDiv","event","deltaX","delta","deltaY","dirLR","direction","dirTB","fallbackName","Date","now","constraint","vertical","VerticalConstraint","horizontal","HorizontalConstraint","scene","getScene","newName","getNextElementName","byName","set","trav","isRoot","getName","position","minWidth","minHeight","translate","bottom","right","sizeStyle","key","dataStyle","setPlacementFromConstraint","elementContainer","parentContainer","getBoundingClientRect","parentElement","relativeTop","round","relativeBottom","relativeLeft","relativeRight","elementCenter","distanceFromCenter","revId","updateData","border","backgroundColor","image","v","backgroundImage","BackgroundImageSize","backgroundSize","backgroundRepeat","borderWidth","borderStyle","borderColor","backgroundOrigin","visit","visitor","onChange","oldName","save","delete","getSaveModel","ref","initElement","UID","QuickPlacement","dummyStringSettings","isTest","getBackendSrv","fetch","url","endpoint","method","subscribe","error","appEvents","AppEvents","console","complete","context","onEndpointChange","useCallback","onDataChange","InlineFieldRow","InlineField","labelWidth","grow","StringValueEditor","title","renderTestAPIButton","json","parse","JSONFormatter","message","renderJSON","optionBuilder","addBackground","addBorder"],"sourceRoot":""}