{"version":3,"sources":["../src/overlays/ellipse.tsx"],"sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useState } from 'react';\n\nimport { HandleEvents } from '../helpers/event';\nimport { Overlay } from '../overlay';\nimport type { UIEventHandlers } from '../types/event';\nimport { useNavermaps } from '../use-navermaps';\nimport { omitUndefined } from '../utils/omit-undefined';\n\nconst primitiveKvoKeys = [\n  'strokeWeight',\n  'strokeOpacity',\n  'strokeColor',\n  'strokeStyle',\n  'strokeLineCap',\n  'strokeLineJoin',\n  'fillColor',\n  'fillOpacity',\n  'clickable',\n  'visible',\n  'zIndex',\n] as const;\nconst kvoKeys = [\n  ...primitiveKvoKeys,\n  'bounds',\n] as const;\nconst kvoEvents = kvoKeys.map(key => `${key}_changed`);\nconst uiEvents = [\n  'mousedown',\n  'mouseup',\n  'click',\n  'dblclick',\n  'rightclick',\n  'mouseover',\n  'mouseout',\n  'mousemove',\n] as const;\nconst events = [...uiEvents, ...kvoEvents];\n\ntype EllipseOptions = {\n  /**\n   * bounds\n   * @type naver.maps.Bounds | naver.maps.BoundsLiteral\n   */\n  bounds: naver.maps.Bounds | naver.maps.BoundsLiteral;\n  strokeWeight?: number;\n  strokeOpacity?: number;\n  strokeColor?: string;\n  strokeStyle?: naver.maps.StrokeStyleType;\n  strokeLineCap?: naver.maps.StrokeLineCapType;\n  strokeLineJoin?: naver.maps.StrokeLineJoinType;\n  fillColor?: string;\n  fillOpacity?: number;\n  clickable?: boolean;\n  visible?: boolean;\n  zIndex?: number;\n};\n\nexport type Props = EllipseOptions & {\n  onBoundsChanged?: (value: naver.maps.Bounds) => void;\n  onStrokeWeightChanged?: (value: number) => void;\n  onStrokeOpacityChanged?: (value: number) => void;\n  onStrokeColorChanged?: (value: string) => void;\n  onStrokeStyleChanged?: (value: naver.maps.StrokeStyleType) => void;\n  onStrokeLineCapChanged?: (value: naver.maps.StrokeLineCapType) => void;\n  onStrokeLineJoinChanged?: (value: naver.maps.StrokeLineJoinType) => void;\n  onFillColorChanged?: (value: string) => void;\n  onFillOpacityChanged?: (value: number) => void;\n  onClickableChanged?: (event: boolean) => void;\n  onVisibleChanged?: (event: boolean) => void;\n  onZIndexChanged?: (event: number) => void;\n} & UIEventHandlers<typeof uiEvents>;\n\nexport const Ellipse = forwardRef<naver.maps.Ellipse, Props>(function Ellipse(props, ref) {\n  const { bounds } = props;\n  const navermaps = useNavermaps();\n  const [ellipse] = useState(() => new navermaps.Ellipse(omitUndefined({\n    bounds,\n    ...Object.fromEntries(kvoKeys.filter(key => key !== 'bounds').map(key => [key, props[key]])),\n  }) as EllipseOptions));\n\n  useImperativeHandle<naver.maps.Ellipse | undefined, naver.maps.Ellipse | undefined>(ref, () => ellipse);\n\n  useEffect(() => {\n    const options = {\n      ...Object.fromEntries(primitiveKvoKeys.map(key => [key, props[key]])),\n      bounds,\n    };\n    const cleanOptions = omitUndefined(options);\n    if (Object.keys(cleanOptions).length > 0) {\n      ellipse.setOptions(cleanOptions as EllipseOptions);\n    }\n  }, primitiveKvoKeys.map(key => props[key]));\n\n  useEffect(() => {\n    if (bounds && ellipse.getBounds().equals(bounds as naver.maps.Bounds)) {\n      ellipse.setBounds(bounds);\n    }\n  }, [bounds]);\n\n  return (\n    <Overlay element={ellipse}>\n      <HandleEvents events={events} listeners={props as any} />\n    </Overlay>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,YAAY,WAAW,qBAAqB,gBAAgB;AAqG/D;AA7FN,IAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACA,IAAM,UAAU;AAAA,EACd,GAAG;AAAA,EACH;AACF;AACA,IAAM,YAAY,QAAQ,IAAI,SAAO,GAAG,GAAG,UAAU;AACrD,IAAM,WAAW;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACA,IAAM,SAAS,CAAC,GAAG,UAAU,GAAG,SAAS;AAoClC,IAAM,UAAU,WAAsC,SAASA,SAAQ,OAAO,KAAK;AACxF,QAAM,EAAE,OAAO,IAAI;AACnB,QAAM,YAAY,aAAa;AAC/B,QAAM,CAAC,OAAO,IAAI,SAAS,MAAM,IAAI,UAAU,QAAQ,cAAc;AAAA,IACnE;AAAA,IACA,GAAG,OAAO,YAAY,QAAQ,OAAO,SAAO,QAAQ,QAAQ,EAAE,IAAI,SAAO,CAAC,KAAK,MAAM,GAAG,CAAC,CAAC,CAAC;AAAA,EAC7F,CAAC,CAAmB,CAAC;AAErB,sBAAoF,KAAK,MAAM,OAAO;AAEtG,YAAU,MAAM;AACd,UAAM,UAAU;AAAA,MACd,GAAG,OAAO,YAAY,iBAAiB,IAAI,SAAO,CAAC,KAAK,MAAM,GAAG,CAAC,CAAC,CAAC;AAAA,MACpE;AAAA,IACF;AACA,UAAM,eAAe,cAAc,OAAO;AAC1C,QAAI,OAAO,KAAK,YAAY,EAAE,SAAS,GAAG;AACxC,cAAQ,WAAW,YAA8B;AAAA,IACnD;AAAA,EACF,GAAG,iBAAiB,IAAI,SAAO,MAAM,GAAG,CAAC,CAAC;AAE1C,YAAU,MAAM;AACd,QAAI,UAAU,QAAQ,UAAU,EAAE,OAAO,MAA2B,GAAG;AACrE,cAAQ,UAAU,MAAM;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,oBAAC,WAAQ,SAAS,SAChB,8BAAC,gBAAa,QAAgB,WAAW,OAAc,GACzD;AAEJ,CAAC;","names":["Ellipse"]}