@rio-cloud/rio-uikit 0.16.2-beta.14 → 0.16.2-beta.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (164) hide show
  1. package/.DS_Store +0 -0
  2. package/Map.d.ts +1 -0
  3. package/components/activity/Activity.js +6 -4
  4. package/components/animatedNumber/AnimatedNumber.js +6 -4
  5. package/components/applicationHeader/ApplicationHeader.js +6 -3
  6. package/components/applicationLayout/ApplicationLayout.js +8 -8
  7. package/components/applicationLayout/ApplicationLayoutBody.js +6 -3
  8. package/components/applicationLayout/ApplicationLayoutBodyBanner.js +4 -3
  9. package/components/applicationLayout/ApplicationLayoutBodyNavigation.js +6 -4
  10. package/components/applicationLayout/ApplicationLayoutHeader.js +9 -7
  11. package/components/assetTree/AssetTree.js +6 -3
  12. package/components/assetTree/TypeCounter.js +6 -4
  13. package/components/map/assets/icon_map_settings_bounding_box_active.svg +1 -1
  14. package/components/map/assets/icon_map_settings_bounding_box_inactive.svg +1 -1
  15. package/components/map/assets/icon_map_settings_construction_active.svg +1 -1
  16. package/components/map/assets/icon_map_settings_construction_inactive.svg +1 -1
  17. package/components/map/assets/icon_map_settings_layer_active.svg +1 -1
  18. package/components/map/assets/icon_map_settings_layer_inactive.svg +1 -1
  19. package/components/map/assets/icon_map_settings_maptype_flat_active.svg +1 -1
  20. package/components/map/assets/icon_map_settings_maptype_flat_inactive.svg +1 -1
  21. package/components/map/assets/icon_map_settings_maptype_flat_truck_active.svg +1 -1
  22. package/components/map/assets/icon_map_settings_maptype_flat_truck_inactive.svg +1 -1
  23. package/components/map/assets/icon_map_settings_maptype_night_active.svg +1 -12
  24. package/components/map/assets/icon_map_settings_maptype_night_inactive.svg +1 -12
  25. package/components/map/assets/icon_map_settings_maptype_satelite_active.svg +1 -1
  26. package/components/map/assets/icon_map_settings_maptype_satelite_inactive.svg +1 -1
  27. package/components/map/assets/icon_map_settings_maptype_terrain_active.svg +1 -1
  28. package/components/map/assets/icon_map_settings_maptype_terrain_inactive.svg +1 -1
  29. package/components/map/assets/icon_map_settings_road_restrictions_active.svg +1 -1
  30. package/components/map/assets/icon_map_settings_road_restrictions_inactive.svg +1 -1
  31. package/components/map/assets/icon_map_settings_system_pois_active.svg +1 -1
  32. package/components/map/assets/icon_map_settings_system_pois_inactive.svg +1 -1
  33. package/components/map/assets/icon_map_settings_workshop_pois_active.svg +1 -1
  34. package/components/map/assets/icon_map_settings_workshop_pois_inactive.svg +1 -1
  35. package/components/map/components/Map.js +3 -1
  36. package/components/map/components/features/Route.js +1 -9
  37. package/components/map/components/features/basics/Circle.js +9 -5
  38. package/components/map/components/features/basics/MapLayerGroup.js +6 -5
  39. package/components/map/components/features/basics/Polygon.js +4 -4
  40. package/components/map/components/features/basics/Polyline.js +5 -30
  41. package/components/map/components/features/basics/marker/DomMarker.js +9 -3
  42. package/components/map/components/features/basics/marker/Marker.js +6 -31
  43. package/components/map/components/features/layers/Layer.js +1 -1
  44. package/components/map/components/features/layers/MarkerLayer.js +0 -1
  45. package/components/map/components/features/layers/RoadRestrictionLayer.js +1 -2
  46. package/components/map/components/features/layers/TrafficLayer.js +2 -2
  47. package/components/map/components/features/layers/clustering/ClusterLayer.js +1 -1
  48. package/components/map/components/features/settings/builtinSettings/MapTypeSettings.js +16 -2
  49. package/components/map/icons/MapIcon.js +46 -66
  50. package/components/mapMarker/ClusterMapMarker.js +16 -20
  51. package/components/mapMarker/SingleMapMarker.js +17 -28
  52. package/lib/es/Map.d.ts +1 -0
  53. package/lib/es/components/activity/Activity.js +9 -4
  54. package/lib/es/components/animatedNumber/AnimatedNumber.js +5 -3
  55. package/lib/es/components/applicationHeader/ApplicationHeader.js +5 -2
  56. package/lib/es/components/applicationLayout/ApplicationLayout.js +11 -8
  57. package/lib/es/components/applicationLayout/ApplicationLayoutBody.js +5 -2
  58. package/lib/es/components/applicationLayout/ApplicationLayoutBodyBanner.js +7 -3
  59. package/lib/es/components/applicationLayout/ApplicationLayoutBodyNavigation.js +9 -4
  60. package/lib/es/components/applicationLayout/ApplicationLayoutHeader.js +12 -7
  61. package/lib/es/components/assetTree/AssetTree.js +5 -2
  62. package/lib/es/components/assetTree/TypeCounter.js +9 -4
  63. package/lib/es/components/map/assets/icon_map_settings_bounding_box_active.svg +1 -1
  64. package/lib/es/components/map/assets/icon_map_settings_bounding_box_inactive.svg +1 -1
  65. package/lib/es/components/map/assets/icon_map_settings_construction_active.svg +1 -1
  66. package/lib/es/components/map/assets/icon_map_settings_construction_inactive.svg +1 -1
  67. package/lib/es/components/map/assets/icon_map_settings_layer_active.svg +1 -1
  68. package/lib/es/components/map/assets/icon_map_settings_layer_inactive.svg +1 -1
  69. package/lib/es/components/map/assets/icon_map_settings_maptype_flat_active.svg +1 -1
  70. package/lib/es/components/map/assets/icon_map_settings_maptype_flat_inactive.svg +1 -1
  71. package/lib/es/components/map/assets/icon_map_settings_maptype_flat_truck_active.svg +1 -1
  72. package/lib/es/components/map/assets/icon_map_settings_maptype_flat_truck_inactive.svg +1 -1
  73. package/lib/es/components/map/assets/icon_map_settings_maptype_night_active.svg +1 -12
  74. package/lib/es/components/map/assets/icon_map_settings_maptype_night_inactive.svg +1 -12
  75. package/lib/es/components/map/assets/icon_map_settings_maptype_satelite_active.svg +1 -1
  76. package/lib/es/components/map/assets/icon_map_settings_maptype_satelite_inactive.svg +1 -1
  77. package/lib/es/components/map/assets/icon_map_settings_maptype_terrain_active.svg +1 -1
  78. package/lib/es/components/map/assets/icon_map_settings_maptype_terrain_inactive.svg +1 -1
  79. package/lib/es/components/map/assets/icon_map_settings_road_restrictions_active.svg +1 -1
  80. package/lib/es/components/map/assets/icon_map_settings_road_restrictions_inactive.svg +1 -1
  81. package/lib/es/components/map/assets/icon_map_settings_system_pois_active.svg +1 -1
  82. package/lib/es/components/map/assets/icon_map_settings_system_pois_inactive.svg +1 -1
  83. package/lib/es/components/map/assets/icon_map_settings_workshop_pois_active.svg +1 -1
  84. package/lib/es/components/map/assets/icon_map_settings_workshop_pois_inactive.svg +1 -1
  85. package/lib/es/components/map/components/Map.js +3 -1
  86. package/lib/es/components/map/components/features/Route.js +1 -9
  87. package/lib/es/components/map/components/features/basics/Circle.js +8 -4
  88. package/lib/es/components/map/components/features/basics/MapLayerGroup.js +6 -5
  89. package/lib/es/components/map/components/features/basics/Polygon.js +4 -4
  90. package/lib/es/components/map/components/features/basics/Polyline.js +5 -30
  91. package/lib/es/components/map/components/features/basics/marker/DomMarker.js +8 -3
  92. package/lib/es/components/map/components/features/basics/marker/Marker.js +6 -31
  93. package/lib/es/components/map/components/features/layers/Layer.js +1 -1
  94. package/lib/es/components/map/components/features/layers/MarkerLayer.js +0 -1
  95. package/lib/es/components/map/components/features/layers/RoadRestrictionLayer.js +1 -2
  96. package/lib/es/components/map/components/features/layers/TrafficLayer.js +2 -2
  97. package/lib/es/components/map/components/features/layers/clustering/ClusterLayer.js +1 -1
  98. package/lib/es/components/map/components/features/settings/builtinSettings/MapTypeSettings.js +16 -2
  99. package/lib/es/components/map/icons/MapIcon.js +46 -66
  100. package/lib/es/components/mapMarker/ClusterMapMarker.js +16 -20
  101. package/lib/es/components/mapMarker/SingleMapMarker.js +17 -28
  102. package/lib/es/styles/components/MapMarker.less +224 -14
  103. package/lib/es/styles/components/MapSettings.less +45 -29
  104. package/lib/es/styles/design/border.less +14 -14
  105. package/lib/es/styles/design/colors.less +7 -6
  106. package/lib/es/styles/design/divide.less +165 -0
  107. package/lib/es/styles/design/responsive/_imports.less +1 -0
  108. package/lib/es/styles/design/responsive/gap.less +0 -8
  109. package/lib/es/styles/design/responsive/spacing.less +12 -0
  110. package/lib/es/styles/rio-uikit-core.less +1 -0
  111. package/lib/es/styles/variables/light_colors.less +6 -6
  112. package/lib/es/themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader.js +14 -5
  113. package/lib/es/types.ts +6 -4
  114. package/lib/es/version.json +1 -1
  115. package/package.json +1 -1
  116. package/styles/components/MapMarker.less +224 -14
  117. package/styles/components/MapSettings.less +45 -29
  118. package/styles/design/border.less +14 -14
  119. package/styles/design/colors.less +7 -6
  120. package/styles/design/divide.less +165 -0
  121. package/styles/design/responsive/_imports.less +1 -0
  122. package/styles/design/responsive/gap.less +0 -8
  123. package/styles/design/responsive/spacing.less +12 -0
  124. package/styles/rio-uikit-core.less +1 -0
  125. package/styles/variables/light_colors.less +6 -6
  126. package/themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader.js +15 -6
  127. package/types.ts +6 -4
  128. package/version.json +1 -1
  129. package/components/.DS_Store +0 -0
  130. package/components/map/.DS_Store +0 -0
  131. package/components/map/components/.DS_Store +0 -0
  132. package/components/map/components/features/layers/TruckLayer.js +0 -20
  133. package/components/map/components/features/layers/baselayers/BaseLayer.js +0 -33
  134. package/components/map/components/features/layers/baselayers/DefaultLayer.js +0 -23
  135. package/hooks/useHereMap.ts +0 -23
  136. package/hooks/useScripts.ts +0 -52
  137. package/lib/.DS_Store +0 -0
  138. package/lib/es/.DS_Store +0 -0
  139. package/lib/es/components/.DS_Store +0 -0
  140. package/lib/es/components/map/components/features/layers/TruckLayer.js +0 -28
  141. package/lib/es/components/map/components/features/layers/baselayers/BaseLayer.js +0 -41
  142. package/lib/es/components/map/components/features/layers/baselayers/DefaultLayer.js +0 -30
  143. package/lib/es/hooks/useHereMap.ts +0 -23
  144. package/lib/es/hooks/useScripts.ts +0 -52
  145. package/lib/es/styles/.DS_Store +0 -0
  146. package/lib/es/styles/mixins/_mixins.less +0 -13
  147. package/lib/es/styles/mixins/alerts.less +0 -13
  148. package/lib/es/styles/shared/colors.json +0 -56
  149. package/lib/es/styles/shared/colors.less +0 -73
  150. package/lib/es/styles/shared/screens.less +0 -7
  151. package/lib/es/styles/shared/text.less +0 -23
  152. package/lib/es/styles/variables.less +0 -186
  153. package/lib/es/themes/.DS_Store +0 -0
  154. package/styles/.DS_Store +0 -0
  155. package/styles/mixins/_mixins.less +0 -13
  156. package/styles/mixins/alerts.less +0 -13
  157. package/styles/shared/colors.json +0 -56
  158. package/styles/shared/colors.less +0 -73
  159. package/styles/shared/screens.less +0 -7
  160. package/styles/shared/text.less +0 -23
  161. package/styles/variables.less +0 -186
  162. package/themes/.DS_Store +0 -0
  163. package/themes/Volkswagen/.DS_Store +0 -0
  164. package/themes/Website/.DS_Store +0 -0
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><path fill="#939BA8" fill-rule="evenodd" d="M0 20.2l20 11.333L40 20.2 20 8.867 0 20.2zm26.737-6.121c-.891.5-1.763.96-2.756 1.25-.073.02-.146.039-.22.057-.397-.188-.793-.374-1.186-.557a81.547 81.547 0 0 1-1.507-.71c-.245-.119-.487-.245-.733-.37a98.714 98.714 0 0 0 2.957-1.623l3.445 1.953zm3.755 2.129c-.924.518-1.918 1.035-2.961 1.298a35.637 35.637 0 0 0-1.605-.996 27.1 27.1 0 0 0-1.752-.925c1.037-.318 1.973-.82 2.873-1.33l3.445 1.953zm3.753 2.126a91.698 91.698 0 0 1-2.974 1.625c-.273-.168-.547-.336-.814-.51-.536-.344-1.065-.7-1.592-1.055-.332-.224-.669-.449-1.007-.672 1.063-.309 2.06-.84 2.943-1.34l3.444 1.952zm3.293 1.866l-2.984 1.69a108.786 108.786 0 0 1-2.983-1.743c1.003-.53 1.997-1.076 2.982-1.639l2.985 1.692zm-32.09-1.692a98.34 98.34 0 0 0 2.982 1.639c-1.01.616-2.027 1.199-2.984 1.743L2.463 20.2l2.985-1.692zM9.2 16.383c.882.497 1.88 1.03 2.942 1.34-.339.224-.674.449-1.004.67-.529.356-1.058.713-1.593 1.058-.268.173-.542.342-.815.51-1.008-.523-2-1.075-2.974-1.626L9.2 16.383zm7.508-4.255c.966.547 1.954 1.1 2.956 1.624-.244.124-.487.25-.733.37-.5.242-1.003.476-1.508.71-.391.18-.787.366-1.183.555-.073-.02-.143-.035-.22-.059-.993-.29-1.866-.747-2.758-1.25l3.446-1.95zm9.061 4.642c.454.262.9.543 1.342.827a5.05 5.05 0 0 1-1.106.085c-.444-.014-.832-.047-1.21-.078a15.38 15.38 0 0 0-.956-.062 16.057 16.057 0 0 0-.505-.54c-.488-.494-.956-.893-1.491-1.169.207.018.412.03.623.03a5.37 5.37 0 0 0 1.26-.155c.69.33 1.38.676 2.043 1.062zm-9.494-1.064c.477.113.883.156 1.26.156.218 0 .428-.014.64-.032-.544.279-1.019.677-1.493 1.158-.178.18-.35.365-.52.554-.319.01-.637.03-.955.062-.377.031-.766.066-1.21.078a5.32 5.32 0 0 1-1.105-.085c.44-.284.887-.563 1.34-.826.66-.387 1.352-.733 2.043-1.065zm3.734-.003c1.358.012 2.193.587 3.1 1.509.108.108.212.223.316.335-.888.046-1.728.345-2.806 1.386-.214.208-.42.424-.62.642-.2-.218-.406-.434-.62-.642-1.078-1.041-1.918-1.339-2.808-1.384.11-.117.217-.236.329-.35.907-.919 1.743-1.488 3.109-1.496zm-6.004 2.28c.41-.015.82-.042 1.228-.08.23-.02.447-.038.655-.05-.342.4-.678.806-1.006 1.217-.194.24-.387.479-.582.716-.669.81-1.254 1.432-1.84 1.964-.383-.182-.766-.36-1.144-.536a87.688 87.688 0 0 1-1.509-.71c-.255-.124-.506-.255-.76-.382.223-.139.448-.276.666-.418.537-.347 1.07-.7 1.598-1.06.402-.27.811-.545 1.225-.815.48.108.972.17 1.468.154h.001zm.532 1.992c.197-.237.391-.478.585-.719.382-.472.773-.954 1.185-1.418.952-.003 1.742.232 2.857 1.308.218.21.426.431.631.656-.416.472-.812.957-1.197 1.435-.526.653-1.07 1.33-1.663 1.945-.229.238-.468.46-.712.675-.511-.333-1.03-.66-1.56-.967-.622-.36-1.266-.69-1.91-1a18.968 18.968 0 0 0 1.784-1.915zm2.621 3.415c.603-.625 1.151-1.306 1.68-1.966.374-.464.757-.934 1.161-1.392.402.458.787.928 1.16 1.392.531.66 1.08 1.341 1.68 1.966.217.225.443.436.673.64-.374.246-.744.495-1.108.738-.53.358-1.061.715-1.6 1.063-.265.171-.536.336-.805.503-.27-.167-.54-.332-.805-.503a82.344 82.344 0 0 1-1.6-1.063c-.364-.243-.734-.492-1.108-.738.23-.203.456-.413.672-.64zm5.906-.206c-.593-.615-1.136-1.29-1.662-1.945a39.25 39.25 0 0 0-1.198-1.435c.204-.225.414-.446.632-.657 1.114-1.076 1.905-1.31 2.857-1.307.41.462.802.944 1.182 1.414.197.244.394.488.594.73a19.38 19.38 0 0 0 1.777 1.906c-.645.312-1.29.64-1.911 1.001a35.08 35.08 0 0 0-1.56.968c-.245-.216-.482-.44-.71-.675h-.001zm2.643-3.39c-.2-.24-.396-.484-.594-.728a46.52 46.52 0 0 0-1.005-1.214c.209.013.425.03.658.05.363.032.774.067 1.226.081a5.73 5.73 0 0 0 1.467-.159c.415.272.826.546 1.228.818.53.358 1.06.715 1.598 1.06.22.143.445.28.666.418-.252.129-.505.26-.76.382-.502.244-1.007.477-1.512.712-.377.174-.757.352-1.138.533-.587-.532-1.172-1.153-1.834-1.953zm-4.262-4.304a15.1 15.1 0 0 0-1.268-.09h-.003c-.013 0-.024.005-.035.007-.044-.002-.082-.008-.127-.008h-.003c-.045 0-.087.006-.132.008a.171.171 0 0 0-.057-.007c-.49.01-.903.052-1.269.09-.622.063-1.146.117-1.83.002.278-.13.556-.26.832-.387.505-.235 1.011-.47 1.513-.713.313-.151.622-.31.931-.47a45.06 45.06 0 0 0 2.444 1.181c.276.128.555.257.833.389-.683.113-1.205.061-1.829-.002zm-8.492-1.235c.901.51 1.836 1.012 2.873 1.33-.592.29-1.182.593-1.754.925a37.06 37.06 0 0 0-1.603.996c-1.045-.263-2.04-.779-2.963-1.298l3.447-1.953zm-4.208 6.052c.306.157.614.315.923.466.502.244 1.008.478 1.513.712.342.16.687.318 1.031.482-.878.758-1.787 1.34-3.015 2.05l-3.444-1.95c.965-.55 1.982-1.139 2.992-1.76zm3.766 1.802c.674.324 1.35.664 1.997 1.041.5.29.993.598 1.478.915-.982.83-2.04 1.502-3.035 2.078L9.506 24.19c1.192-.694 2.11-1.294 3.006-2.08l-.001-.001zm3.738 2.129c.395.26.786.522 1.17.78.533.36 1.065.716 1.605 1.066.227.144.457.288.688.43-1.02.622-2.042 1.21-3.006 1.757l-3.452-1.956c.986-.576 2.027-1.246 2.995-2.077zM20 26.693c1.01.62 2.025 1.207 2.985 1.753L20 30.139l-2.985-1.692c.962-.547 1.975-1.134 2.985-1.754zm.286-.178c.229-.143.46-.283.687-.43.54-.347 1.073-.706 1.605-1.065.385-.26.776-.52 1.172-.78.97.83 2.009 1.5 2.995 2.077l-3.452 1.956a112.097 112.097 0 0 1-3.007-1.758zm3.727-2.45c.486-.315.98-.625 1.478-.915.652-.373 1.319-.72 1.998-1.04.894.787 1.812 1.385 3.007 2.08l-3.446 1.954c-.994-.578-2.053-1.247-3.037-2.08v.001zm3.777-2.1c.343-.162.685-.322 1.023-.478.508-.233 1.014-.47 1.517-.713.31-.15.617-.308.923-.465 1.01.621 2.027 1.208 2.992 1.757L30.8 24.02c-1.205-.7-2.122-1.289-3.01-2.053v-.002zM20 13.584a94.01 94.01 0 0 1-2.983-1.63L20 10.26l2.984 1.69A89.36 89.36 0 0 1 20 13.583v.001z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><path fill="#939BA8" fill-rule="evenodd" d="m0 20.2 20 11.333L40 20.2 20 8.867 0 20.2zm26.737-6.121c-.891.5-1.763.96-2.756 1.25-.073.02-.146.039-.22.057-.397-.188-.793-.374-1.186-.557a81.547 81.547 0 0 1-1.507-.71c-.245-.119-.487-.245-.733-.37a98.714 98.714 0 0 0 2.957-1.623l3.445 1.953zm3.755 2.129c-.924.518-1.918 1.035-2.961 1.298a35.637 35.637 0 0 0-1.605-.996 27.1 27.1 0 0 0-1.752-.925c1.037-.318 1.973-.82 2.873-1.33l3.445 1.953zm3.753 2.126a91.698 91.698 0 0 1-2.974 1.625c-.273-.168-.547-.336-.814-.51-.536-.344-1.065-.7-1.592-1.055-.332-.224-.669-.449-1.007-.672 1.063-.309 2.06-.84 2.943-1.34l3.444 1.952zm3.293 1.866-2.984 1.69a108.786 108.786 0 0 1-2.983-1.743c1.003-.53 1.997-1.076 2.982-1.639l2.985 1.692zm-32.09-1.692a98.34 98.34 0 0 0 2.982 1.639c-1.01.616-2.027 1.199-2.984 1.743L2.463 20.2l2.985-1.692zM9.2 16.383c.882.497 1.88 1.03 2.942 1.34-.339.224-.674.449-1.004.67-.529.356-1.058.713-1.593 1.058-.268.173-.542.342-.815.51-1.008-.523-2-1.075-2.974-1.626L9.2 16.383zm7.508-4.255c.966.547 1.954 1.1 2.956 1.624-.244.124-.487.25-.733.37-.5.242-1.003.476-1.508.71-.391.18-.787.366-1.183.555-.073-.02-.143-.035-.22-.059-.993-.29-1.866-.747-2.758-1.25l3.446-1.95zm9.061 4.642c.454.262.9.543 1.342.827a5.05 5.05 0 0 1-1.106.085c-.444-.014-.832-.047-1.21-.078a15.38 15.38 0 0 0-.956-.062 16.057 16.057 0 0 0-.505-.54c-.488-.494-.956-.893-1.491-1.169.207.018.412.03.623.03a5.37 5.37 0 0 0 1.26-.155c.69.33 1.38.676 2.043 1.062zm-9.494-1.064c.477.113.883.156 1.26.156.218 0 .428-.014.64-.032-.544.279-1.019.677-1.493 1.158-.178.18-.35.365-.52.554-.319.01-.637.03-.955.062-.377.031-.766.066-1.21.078a5.32 5.32 0 0 1-1.105-.085c.44-.284.887-.563 1.34-.826.66-.387 1.352-.733 2.043-1.065zm3.734-.003c1.358.012 2.193.587 3.1 1.509.108.108.212.223.316.335-.888.046-1.728.345-2.806 1.386-.214.208-.42.424-.62.642-.2-.218-.406-.434-.62-.642-1.078-1.041-1.918-1.339-2.808-1.384.11-.117.217-.236.329-.35.907-.919 1.743-1.488 3.109-1.496zm-6.004 2.28c.41-.015.82-.042 1.228-.08.23-.02.447-.038.655-.05-.342.4-.678.806-1.006 1.217-.194.24-.387.479-.582.716-.669.81-1.254 1.432-1.84 1.964-.383-.182-.766-.36-1.144-.536a87.688 87.688 0 0 1-1.509-.71c-.255-.124-.506-.255-.76-.382.223-.139.448-.276.666-.418.537-.347 1.07-.7 1.598-1.06.402-.27.811-.545 1.225-.815.48.108.972.17 1.468.154h.001zm.532 1.992c.197-.237.391-.478.585-.719.382-.472.773-.954 1.185-1.418.952-.003 1.742.232 2.857 1.308.218.21.426.431.631.656-.416.472-.812.957-1.197 1.435-.526.653-1.07 1.33-1.663 1.945-.229.238-.468.46-.712.675-.511-.333-1.03-.66-1.56-.967-.622-.36-1.266-.69-1.91-1a18.968 18.968 0 0 0 1.784-1.915zm2.621 3.415c.603-.625 1.151-1.306 1.68-1.966.374-.464.757-.934 1.161-1.392.402.458.787.928 1.16 1.392.531.66 1.08 1.341 1.68 1.966.217.225.443.436.673.64-.374.246-.744.495-1.108.738-.53.358-1.061.715-1.6 1.063-.265.171-.536.336-.805.503-.27-.167-.54-.332-.805-.503a82.344 82.344 0 0 1-1.6-1.063c-.364-.243-.734-.492-1.108-.738.23-.203.456-.413.672-.64zm5.906-.206c-.593-.615-1.136-1.29-1.662-1.945a39.25 39.25 0 0 0-1.198-1.435c.204-.225.414-.446.632-.657 1.114-1.076 1.905-1.31 2.857-1.307.41.462.802.944 1.182 1.414.197.244.394.488.594.73a19.38 19.38 0 0 0 1.777 1.906c-.645.312-1.29.64-1.911 1.001a35.08 35.08 0 0 0-1.56.968c-.245-.216-.482-.44-.71-.675h-.001zm2.643-3.39c-.2-.24-.396-.484-.594-.728a46.52 46.52 0 0 0-1.005-1.214c.209.013.425.03.658.05.363.032.774.067 1.226.081a5.73 5.73 0 0 0 1.467-.159c.415.272.826.546 1.228.818.53.358 1.06.715 1.598 1.06.22.143.445.28.666.418-.252.129-.505.26-.76.382-.502.244-1.007.477-1.512.712-.377.174-.757.352-1.138.533-.587-.532-1.172-1.153-1.834-1.953zm-4.262-4.304a15.1 15.1 0 0 0-1.268-.09h-.003c-.013 0-.024.005-.035.007-.044-.002-.082-.008-.127-.008h-.003c-.045 0-.087.006-.132.008a.171.171 0 0 0-.057-.007c-.49.01-.903.052-1.269.09-.622.063-1.146.117-1.83.002.278-.13.556-.26.832-.387.505-.235 1.011-.47 1.513-.713.313-.151.622-.31.931-.47a45.06 45.06 0 0 0 2.444 1.181c.276.128.555.257.833.389-.683.113-1.205.061-1.829-.002zm-8.492-1.235c.901.51 1.836 1.012 2.873 1.33-.592.29-1.182.593-1.754.925a37.06 37.06 0 0 0-1.603.996c-1.045-.263-2.04-.779-2.963-1.298l3.447-1.953zm-4.208 6.052c.306.157.614.315.923.466.502.244 1.008.478 1.513.712.342.16.687.318 1.031.482-.878.758-1.787 1.34-3.015 2.05l-3.444-1.95c.965-.55 1.982-1.139 2.992-1.76zm3.766 1.802c.674.324 1.35.664 1.997 1.041.5.29.993.598 1.478.915-.982.83-2.04 1.502-3.035 2.078L9.506 24.19c1.192-.694 2.11-1.294 3.006-2.08l-.001-.001zm3.738 2.129c.395.26.786.522 1.17.78.533.36 1.065.716 1.605 1.066.227.144.457.288.688.43-1.02.622-2.042 1.21-3.006 1.757l-3.452-1.956c.986-.576 2.027-1.246 2.995-2.077zM20 26.693c1.01.62 2.025 1.207 2.985 1.753L20 30.139l-2.985-1.692c.962-.547 1.975-1.134 2.985-1.754zm.286-.178c.229-.143.46-.283.687-.43.54-.347 1.073-.706 1.605-1.065.385-.26.776-.52 1.172-.78.97.83 2.009 1.5 2.995 2.077l-3.452 1.956a112.097 112.097 0 0 1-3.007-1.758zm3.727-2.45c.486-.315.98-.625 1.478-.915.652-.373 1.319-.72 1.998-1.04.894.787 1.812 1.385 3.007 2.08l-3.446 1.954c-.994-.578-2.053-1.247-3.037-2.08v.001zm3.777-2.1c.343-.162.685-.322 1.023-.478.508-.233 1.014-.47 1.517-.713.31-.15.617-.308.923-.465 1.01.621 2.027 1.208 2.992 1.757L30.8 24.02c-1.205-.7-2.122-1.289-3.01-2.053v-.002zM20 13.584a94.01 94.01 0 0 1-2.983-1.63L20 10.26l2.984 1.69A89.36 89.36 0 0 1 20 13.583v.001z"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><path fill="#30B4C0" d="M25.114 7l-3.325 5.717c.023.257.04.52.04.783-.001 3.376-2.003 6.289-4.897 7.642l-.052.021L10 33h23V7h-7.886zm-1.971 23.4H19.2l2.583-5.85h2.914l-1.554 5.85zM25.929 20h-2.704l1.751-4.55h2.166L25.929 20zm2.267-8.45h-1.715l1.262-3.25h1.314l-.86 3.25h-.001zM13.5 7c.879 0 1.72.17 2.523.513a6.501 6.501 0 0 1 2.079 1.385 6.501 6.501 0 0 1 1.385 2.079c.342.803.513 1.644.513 2.523 0 .879-.17 1.72-.513 2.523a6.501 6.501 0 0 1-1.385 2.079 6.501 6.501 0 0 1-2.079 1.385A6.383 6.383 0 0 1 13.5 20c-.879 0-1.72-.17-2.523-.513a6.501 6.501 0 0 1-2.079-1.385 6.501 6.501 0 0 1-1.385-2.079A6.383 6.383 0 0 1 7 13.5c0-.879.17-1.72.513-2.523a6.501 6.501 0 0 1 1.385-2.079 6.501 6.501 0 0 1 2.079-1.385A6.383 6.383 0 0 1 13.5 7zm0 1.69a4.74 4.74 0 0 0-2.416.642 4.724 4.724 0 0 0-1.752 1.752A4.74 4.74 0 0 0 8.69 13.5c0 .901.244 1.746.732 2.535l6.613-6.613A4.732 4.732 0 0 0 13.5 8.69zm4.112 2.343l-6.58 6.579a4.745 4.745 0 0 0 2.468.698 4.74 4.74 0 0 0 2.416-.642 4.724 4.724 0 0 0 1.752-1.752 4.74 4.74 0 0 0 .642-2.416c0-.864-.233-1.686-.698-2.467z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><path fill="#30B4C0" d="m25.114 7-3.325 5.717c.023.257.04.52.04.783-.001 3.376-2.003 6.289-4.897 7.642l-.052.021L10 33h23V7h-7.886zm-1.971 23.4H19.2l2.583-5.85h2.914l-1.554 5.85zM25.929 20h-2.704l1.751-4.55h2.166L25.929 20zm2.267-8.45h-1.715l1.262-3.25h1.314l-.86 3.25h-.001zM13.5 7c.879 0 1.72.17 2.523.513a6.501 6.501 0 0 1 2.079 1.385 6.501 6.501 0 0 1 1.385 2.079c.342.803.513 1.644.513 2.523 0 .879-.17 1.72-.513 2.523a6.501 6.501 0 0 1-1.385 2.079 6.501 6.501 0 0 1-2.079 1.385A6.383 6.383 0 0 1 13.5 20c-.879 0-1.72-.17-2.523-.513a6.501 6.501 0 0 1-2.079-1.385 6.501 6.501 0 0 1-1.385-2.079A6.383 6.383 0 0 1 7 13.5c0-.879.17-1.72.513-2.523a6.501 6.501 0 0 1 1.385-2.079 6.501 6.501 0 0 1 2.079-1.385A6.383 6.383 0 0 1 13.5 7zm0 1.69a4.74 4.74 0 0 0-2.416.642 4.724 4.724 0 0 0-1.752 1.752A4.74 4.74 0 0 0 8.69 13.5c0 .901.244 1.746.732 2.535l6.613-6.613A4.732 4.732 0 0 0 13.5 8.69zm4.112 2.343-6.58 6.579a4.745 4.745 0 0 0 2.468.698 4.74 4.74 0 0 0 2.416-.642 4.724 4.724 0 0 0 1.752-1.752 4.74 4.74 0 0 0 .642-2.416c0-.864-.233-1.686-.698-2.467z"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><path fill="#A7AFBB" d="M25.114 7l-3.325 5.717c.023.257.04.52.04.783-.001 3.376-2.003 6.289-4.897 7.642l-.052.021L10 33h23V7h-7.886zm-1.971 23.4H19.2l2.583-5.85h2.914l-1.554 5.85zM25.929 20h-2.704l1.751-4.55h2.166L25.929 20zm2.267-8.45h-1.715l1.262-3.25h1.314l-.86 3.25h-.001zM13.5 7c.879 0 1.72.17 2.523.513a6.501 6.501 0 0 1 2.079 1.385 6.501 6.501 0 0 1 1.385 2.079c.342.803.513 1.644.513 2.523 0 .879-.17 1.72-.513 2.523a6.501 6.501 0 0 1-1.385 2.079 6.501 6.501 0 0 1-2.079 1.385A6.383 6.383 0 0 1 13.5 20c-.879 0-1.72-.17-2.523-.513a6.501 6.501 0 0 1-2.079-1.385 6.501 6.501 0 0 1-1.385-2.079A6.383 6.383 0 0 1 7 13.5c0-.879.17-1.72.513-2.523a6.501 6.501 0 0 1 1.385-2.079 6.501 6.501 0 0 1 2.079-1.385A6.383 6.383 0 0 1 13.5 7zm0 1.69a4.74 4.74 0 0 0-2.416.642 4.724 4.724 0 0 0-1.752 1.752A4.74 4.74 0 0 0 8.69 13.5c0 .901.244 1.746.732 2.535l6.613-6.613A4.732 4.732 0 0 0 13.5 8.69zm4.112 2.343l-6.58 6.579a4.745 4.745 0 0 0 2.468.698 4.74 4.74 0 0 0 2.416-.642 4.724 4.724 0 0 0 1.752-1.752 4.74 4.74 0 0 0 .642-2.416c0-.864-.233-1.686-.698-2.467z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><path fill="#A7AFBB" d="m25.114 7-3.325 5.717c.023.257.04.52.04.783-.001 3.376-2.003 6.289-4.897 7.642l-.052.021L10 33h23V7h-7.886zm-1.971 23.4H19.2l2.583-5.85h2.914l-1.554 5.85zM25.929 20h-2.704l1.751-4.55h2.166L25.929 20zm2.267-8.45h-1.715l1.262-3.25h1.314l-.86 3.25h-.001zM13.5 7c.879 0 1.72.17 2.523.513a6.501 6.501 0 0 1 2.079 1.385 6.501 6.501 0 0 1 1.385 2.079c.342.803.513 1.644.513 2.523 0 .879-.17 1.72-.513 2.523a6.501 6.501 0 0 1-1.385 2.079 6.501 6.501 0 0 1-2.079 1.385A6.383 6.383 0 0 1 13.5 20c-.879 0-1.72-.17-2.523-.513a6.501 6.501 0 0 1-2.079-1.385 6.501 6.501 0 0 1-1.385-2.079A6.383 6.383 0 0 1 7 13.5c0-.879.17-1.72.513-2.523a6.501 6.501 0 0 1 1.385-2.079 6.501 6.501 0 0 1 2.079-1.385A6.383 6.383 0 0 1 13.5 7zm0 1.69a4.74 4.74 0 0 0-2.416.642 4.724 4.724 0 0 0-1.752 1.752A4.74 4.74 0 0 0 8.69 13.5c0 .901.244 1.746.732 2.535l6.613-6.613A4.732 4.732 0 0 0 13.5 8.69zm4.112 2.343-6.58 6.579a4.745 4.745 0 0 0 2.468.698 4.74 4.74 0 0 0 2.416-.642 4.724 4.724 0 0 0 1.752-1.752 4.74 4.74 0 0 0 .642-2.416c0-.864-.233-1.686-.698-2.467z"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="40"><defs><path id="a" d="M14.466 22.299l3.235 3.231L8 32l6.466-9.701zM24.836 7l6.27 6.268h-.002L33 15.165l-1.97 1.966-1.893-1.893-3.61 3.61-1.71 10.6-13.265-13.265 10.6-1.71 3.61-3.61L22.87 8.97 24.835 7z"/></defs><use fill="#30B4C0" xlink:href="#a"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="40"><defs><path id="a" d="m14.466 22.299 3.235 3.231L8 32l6.466-9.701zM24.836 7l6.27 6.268h-.002L33 15.165l-1.97 1.966-1.893-1.893-3.61 3.61-1.71 10.6-13.265-13.265 10.6-1.71 3.61-3.61L22.87 8.97 24.835 7z"/></defs><use xlink:href="#a" fill="#30B4C0"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="40"><defs><path id="a" d="M14.466 22.299l3.235 3.231L8 32l6.466-9.701zM24.836 7l6.27 6.268h-.002L33 15.165l-1.97 1.966-1.893-1.893-3.61 3.61-1.71 10.6-13.265-13.265 10.6-1.71 3.61-3.61L22.87 8.97 24.835 7z"/></defs><use fill="#A7AFBB" xlink:href="#a"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="40"><defs><path id="a" d="m14.466 22.299 3.235 3.231L8 32l6.466-9.701zM24.836 7l6.27 6.268h-.002L33 15.165l-1.97 1.966-1.893-1.893-3.61 3.61-1.71 10.6-13.265-13.265 10.6-1.71 3.61-3.61L22.87 8.97 24.835 7z"/></defs><use xlink:href="#a" fill="#A7AFBB"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><path fill="#30B4C0" fill-rule="evenodd" d="M12.528 9.322a5.362 5.362 0 0 1 6.872 6.872l10.032 10.032 2.101 2.102-3.2 3.2L16.274 19.37a5.362 5.362 0 0 1-6.95-6.85l3.785 3.786 3.202-3.201-1.474-1.474zm3.759 11.837l.948.948 1.263 1.264.948.947-7.19 7.19-3.159-3.16 7.19-7.189zM30.085 9.372l1.263 1.263-1.895 3.16-1.895.631-4.057 4.056-1.263-1.263 4.056-4.056.632-1.896 3.159-1.895z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><path fill="#30B4C0" fill-rule="evenodd" d="M12.528 9.322a5.362 5.362 0 0 1 6.872 6.872l10.032 10.032 2.101 2.102-3.2 3.2L16.274 19.37a5.362 5.362 0 0 1-6.95-6.85l3.785 3.786 3.202-3.201-1.474-1.474zm3.759 11.837.948.948 1.263 1.264.948.947-7.19 7.19-3.159-3.16 7.19-7.189zM30.085 9.372l1.263 1.263-1.895 3.16-1.895.631-4.057 4.056-1.263-1.263 4.056-4.056.632-1.896 3.159-1.895z"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><path fill="#A7AFBB" fill-rule="evenodd" d="M12.262 9.055a5.362 5.362 0 0 1 6.871 6.873c.016.015 3.36 3.358 10.032 10.031l2.102 2.102-3.201 3.2-12.057-12.158a5.362 5.362 0 0 1-6.951-6.85l3.785 3.787 3.202-3.202-1.474-1.474zm3.758 11.838l.948.947 1.264 1.264.947.948-7.19 7.19-3.158-3.16 7.19-7.19zM29.818 9.105l1.264 1.264-1.896 3.159-1.895.631-4.056 4.057-1.264-1.264 4.057-4.056.631-1.895 3.16-1.896z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><path fill="#A7AFBB" fill-rule="evenodd" d="M12.262 9.055a5.362 5.362 0 0 1 6.871 6.873c.016.015 3.36 3.358 10.032 10.031l2.102 2.102-3.201 3.2-12.057-12.158a5.362 5.362 0 0 1-6.951-6.85l3.785 3.787 3.202-3.202-1.474-1.474zm3.758 11.838.948.947 1.264 1.264.947.948-7.19 7.19-3.158-3.16 7.19-7.19zM29.818 9.105l1.264 1.264-1.896 3.159-1.895.631-4.056 4.057-1.264-1.264 4.057-4.056.631-1.895 3.16-1.896z"/></svg>
@@ -237,10 +237,12 @@ var Map = function Map(props) {
237
237
  var hereMapEvents = !disableMapEvents && new H.mapevents.MapEvents(hereMap);
238
238
  var hereBehavior = !(disableMapEvents || disableBehavior) && new H.mapevents.Behavior(hereMapEvents);
239
239
  (0, _eventHandling.addEventListenerMap)(hereMap, eventListenerMap, hereMap);
240
+
241
+ // The api will be passed to services when using a render function.
242
+ // This allows the service to access the map internals
240
243
  setApi({
241
244
  credentials: credentials,
242
245
  defaultLayers: defaultLayers,
243
- group: hereMap,
244
246
  map: hereMap,
245
247
  mapEvents: hereMapEvents,
246
248
  behavior: hereBehavior,
@@ -34,14 +34,6 @@ var defaultStyle = {
34
34
  borderColor: 'rgba(54, 144, 174, 1)',
35
35
  isBorderIncludedInWidth: false
36
36
  };
37
- var defaultArrowStyle = {
38
- // lineWidth: 12,
39
- // strokeColor: 'rgba(0, 0, 0, 0.8)',
40
- // lineDash: [0, 3],
41
- // lineDashOffset: 2,
42
- // lineTailCap: 'arrow-tail',
43
- // lineHeadCap: 'arrow-head',
44
- };
45
37
  var alternativeRouteStyle = _objectSpread(_objectSpread({}, defaultStyle), {}, {
46
38
  color: 'rgb(218,253,255)'
47
39
  });
@@ -154,7 +146,7 @@ var Route = function Route(props) {
154
146
  };
155
147
  Route.defaultProps = {
156
148
  hasArrows: true,
157
- arrowStyle: defaultArrowStyle,
149
+ arrowStyle: {},
158
150
  isReduced: false,
159
151
  isRouteAlternative: false,
160
152
  markers: []
@@ -27,20 +27,24 @@ var Circle = function Circle(_ref) {
27
27
  _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
28
28
  circle = _useState2[0],
29
29
  setCircle = _useState2[1];
30
+
31
+ // Create a new circle and check for changes on the map itself.
32
+ // The map instance may change due to rendering changes like webgl vs raster.
33
+ // In this case, add the circle to the new map instance otherwise it will be gone.
30
34
  (0, _react.useEffect)(function () {
31
35
  var newCircle = new H.map.Circle(position, radius, {
32
36
  style: style,
33
37
  precision: parseFloat(precision)
34
38
  });
35
39
  setCircle(newCircle);
36
- api.group.addObject(newCircle);
40
+ api.map.addObject(newCircle);
37
41
  return function () {
38
- if (api.group.getObjects().includes(newCircle)) {
39
- api.group.removeObject(newCircle);
42
+ if (api.map.getObjects().includes(newCircle)) {
43
+ api.map.removeObject(newCircle);
40
44
  }
41
45
  newCircle.dispose();
42
46
  };
43
- }, []);
47
+ }, [api.map]);
44
48
  (0, _hooks.useUpdateProp)(circle, 'setCenter', position);
45
49
  (0, _hooks.useUpdateProp)(circle, 'setStyle', style);
46
50
  (0, _hooks.useUpdateProp)(circle, 'setRadius', radius);
@@ -21,6 +21,7 @@ var MapLayerGroup = function MapLayerGroup(_ref) {
21
21
  maxZoom = _ref.maxZoom,
22
22
  isVisible = _ref.isVisible;
23
23
  var context = (0, _react.useContext)(_context.MapContext);
24
+ var api = context.api;
24
25
  var _useState = (0, _react.useState)(),
25
26
  _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
26
27
  group = _useState2[0],
@@ -35,21 +36,21 @@ var MapLayerGroup = function MapLayerGroup(_ref) {
35
36
  max: parseFloat(maxZoom)
36
37
  });
37
38
  newGroup.setVisibility(isVisible);
38
- context.api.group.addObject(newGroup);
39
+ api.map.addObject(newGroup);
39
40
  setGroup(newGroup);
40
41
  var newChildApi = _objectSpread(_objectSpread({}, context), {}, {
41
- api: _objectSpread(_objectSpread({}, context.api), {}, {
42
+ api: _objectSpread(_objectSpread({}, api), {}, {
42
43
  group: newGroup
43
44
  })
44
45
  });
45
46
  setChildApi(newChildApi);
46
47
  return function () {
47
- if (context.api.group.getObjects().includes(newGroup)) {
48
- context.api.group.removeObject(newGroup);
48
+ if (api.map.getObjects().includes(newGroup)) {
49
+ api.map.removeObject(newGroup);
49
50
  }
50
51
  newGroup.dispose();
51
52
  };
52
- }, []);
53
+ }, [api.map]);
53
54
  (0, _react.useEffect)(function () {
54
55
  if (group) {
55
56
  group.setVisibility(isVisible);
@@ -39,15 +39,15 @@ var Polygon = function Polygon(_ref) {
39
39
  var newPolygon = new H.map.Polygon(createGeometry(points), {
40
40
  style: style
41
41
  });
42
- api.group.addObject(newPolygon);
42
+ api.map.addObject(newPolygon);
43
43
  setPolygon(newPolygon);
44
44
  return function () {
45
- if (api.group.getObjects().includes(newPolygon)) {
46
- api.group.removeObject(newPolygon);
45
+ if (api.map.getObjects().includes(newPolygon)) {
46
+ api.map.removeObject(newPolygon);
47
47
  }
48
48
  newPolygon.dispose();
49
49
  };
50
- }, []);
50
+ }, [api.map]);
51
51
  (0, _react.useEffect)(function () {
52
52
  if (polygon) {
53
53
  polygon.setGeometry(createGeometry(points));
@@ -44,9 +44,7 @@ var Polyline = function Polyline(_ref) {
44
44
  style: style
45
45
  });
46
46
  if (hasArrows) {
47
- // Create a patterned polyline:
48
-
49
- // Non-legacy version:
47
+ // Create a patterned polyline
50
48
  var arrowLineStyle = new H.map.SpatialStyle(_objectSpread(_objectSpread({}, arrowStyle), {}, {
51
49
  lineWidth: 10,
52
50
  strokeColor: 'rgba(0, 0, 0, 0.8)',
@@ -65,43 +63,20 @@ var Polyline = function Polyline(_ref) {
65
63
  } else {
66
64
  lineGroup.addObjects([line]);
67
65
  }
68
- api.group.addObject(lineGroup);
66
+ api.map.addObject(lineGroup);
69
67
  setPolyline(lineGroup);
70
68
  return function () {
71
- // cleanup
72
- //console.log('cleanup polyline');
73
-
74
69
  (0, _eventHandling.removeEventListenerMap)(lineGroup);
75
70
  lineGroup.forEach(function (singleLine) {
76
71
  lineGroup.removeObject(singleLine);
77
72
  singleLine.dispose();
78
73
  });
79
- if (api.group.getObjects().includes(lineGroup)) {
80
- api.group.removeObject(lineGroup);
74
+ if (api.map.getObjects().includes(lineGroup)) {
75
+ api.map.removeObject(lineGroup);
81
76
  }
82
77
  lineGroup.dispose();
83
78
  };
84
- }, [geometry, style, hasArrows, arrowStyle]);
85
-
86
- /*useEffect(() => {
87
- if (polyline) {
88
- polyline.forEach((line, index) => {
89
- if (index === 0) {
90
- line.setStyle(style);
91
- } else {
92
- line.setStyle(arrowStyle);
93
- }
94
- });
95
- }
96
- }, [style, arrowStyle]);*/
97
-
98
- /*useEffect(() => {
99
- if (polyline) {
100
- polyline.forEach(line => line.setGeometry(geometry));
101
- }
102
- }, [geometry]);*/
103
-
104
- //useUpdateProp(polyline, 'setStyle', style);
79
+ }, [api.map, geometry, style, hasArrows, arrowStyle]);
105
80
  (0, _hooks.useUpdateEventListenerMap)(polyline, eventListenerMap);
106
81
  return null;
107
82
  };
@@ -16,6 +16,11 @@ var _proptypes = _interopRequireDefault(require("../../../../utils/proptypes"));
16
16
  var _eventHandling = require("../../../../utils/eventHandling");
17
17
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
18
18
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
19
+ // Should be deprecated...
20
+ // Here Documentation:
21
+ // It should be only used where small numbers of markers with dynamic style and/or scripted icons are to be displayed
22
+ // on the map (for example animated interactive SVG). Otherwise a H.map.Marker should be preferred for performance reasons.
23
+ //
19
24
  var DomMarker = /*#__PURE__*/function (_React$Component) {
20
25
  (0, _inherits2["default"])(DomMarker, _React$Component);
21
26
  var _super = _createSuper(DomMarker);
@@ -27,7 +32,7 @@ var DomMarker = /*#__PURE__*/function (_React$Component) {
27
32
  _this.marker = new H.map.DomMarker(_this.convertPosition(props.position), {
28
33
  icon: icon
29
34
  });
30
- context.api.group.addObject(_this.marker);
35
+ context.api.map.addObject(_this.marker);
31
36
  (0, _eventHandling.addEventListenerMap)(_this.marker, props.eventListenerMap, _this.context.api.map);
32
37
  return _this;
33
38
  }
@@ -54,8 +59,8 @@ var DomMarker = /*#__PURE__*/function (_React$Component) {
54
59
  key: "componentWillUnmount",
55
60
  value: function componentWillUnmount() {
56
61
  (0, _eventHandling.removeEventListenerMap)(this.marker);
57
- if (this.context.api.group.includes(this.marker)) {
58
- this.context.api.group.removeObject(this.marker);
62
+ if (this.context.api.map.includes(this.marker)) {
63
+ this.context.api.map.removeObject(this.marker);
59
64
  }
60
65
  this.marker.dispose();
61
66
  }
@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports["default"] = void 0;
9
9
  exports.getOrCreateIcon = getOrCreateIcon;
10
10
  exports.isHMapIcon = exports.isDomMakerNeeded = void 0;
11
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
11
  var _react = _interopRequireWildcard(require("react"));
13
12
  var _server = _interopRequireDefault(require("react-dom/server"));
14
13
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -28,13 +27,11 @@ var isDomMakerNeeded = function isDomMakerNeeded(icon) {
28
27
  return !icon ? false : !isHMapIcon(icon);
29
28
  };
30
29
  exports.isDomMakerNeeded = isDomMakerNeeded;
31
- function getOrCreateIcon(icon, mapType) {
30
+ function getOrCreateIcon(icon) {
32
31
  if (!icon || isHMapIcon(icon) || icon instanceof H.map.DomIcon) {
33
32
  return;
34
33
  }
35
- var renderedIcon = /*#__PURE__*/_react["default"].isValidElement(icon) ? _server["default"].renderToStaticMarkup( /*#__PURE__*/_react["default"].cloneElement(icon, {
36
- mapType: mapType
37
- })) : icon;
34
+ var renderedIcon = /*#__PURE__*/_react["default"].isValidElement(icon) ? _server["default"].renderToStaticMarkup( /*#__PURE__*/_react["default"].cloneElement(icon)) : icon;
38
35
  return new H.map.DomIcon(renderedIcon);
39
36
  }
40
37
  var convertPosition = function convertPosition(pos) {
@@ -76,14 +73,14 @@ var setupMarker = function setupMarker(props, api) {
76
73
  });
77
74
  marker.setData(customData);
78
75
  marker.draggable = !!draggable;
79
- api.group.addObject(marker);
76
+ api.map.addObject(marker);
80
77
  (0, _eventHandling.addEventListenerMap)(marker, eventListenerMap, api.map);
81
78
  return marker;
82
79
  };
83
80
  var destroyMarker = function destroyMarker(marker, api) {
84
81
  (0, _eventHandling.removeEventListenerMap)(marker);
85
- if (api.group.getObjects().includes(marker)) {
86
- api.group.removeObject(marker);
82
+ if (api.map.getObjects().includes(marker)) {
83
+ api.map.removeObject(marker);
87
84
  }
88
85
  marker.dispose();
89
86
  };
@@ -95,10 +92,6 @@ var Marker = function Marker(props) {
95
92
  var _useContext = (0, _react.useContext)(_context.MapContext),
96
93
  api = _useContext.api;
97
94
  var markerRef = (0, _react.useRef)();
98
- var _useState = (0, _react.useState)(api === null || api === void 0 ? void 0 : api.settings.baseLayer),
99
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
100
- currentBaseLayer = _useState2[0],
101
- setCurrentBaseLayer = _useState2[1];
102
95
  (0, _react.useEffect)(function () {
103
96
  markerRef.current = setupMarker(props, api);
104
97
  return function () {
@@ -132,24 +125,6 @@ var Marker = function Marker(props) {
132
125
  }
133
126
  }, [eventListenerMap, markerRef.current]);
134
127
 
135
- // In case the map base layer has changed between day and night, update the marker
136
- (0, _react.useEffect)(function () {
137
- if (!markerRef.current) {
138
- return;
139
- }
140
- var newBaseLayer = api.settings.baseLayer;
141
- console.log({
142
- newBaseLayer: newBaseLayer
143
- });
144
- if (newBaseLayer !== currentBaseLayer) {
145
- console.log(newBaseLayer);
146
-
147
- // Update marker icons
148
- markerRef.current.setIcon(getOrCreateIcon(icon, newBaseLayer));
149
- setCurrentBaseLayer(newBaseLayer);
150
- }
151
- }, [api.settings.baseLayer, markerRef.current]);
152
-
153
128
  // If icon type changed, we need to change the marker type
154
129
  (0, _react.useEffect)(function () {
155
130
  if (!(markerRef.current && icon)) {
@@ -159,7 +134,7 @@ var Marker = function Marker(props) {
159
134
  destroyMarker(markerRef.current, api);
160
135
  markerRef.current = setupMarker(props, api);
161
136
  } else {
162
- markerRef.current.setIcon(getOrCreateIcon(icon, api.settings.baseLayer));
137
+ markerRef.current.setIcon(getOrCreateIcon(icon));
163
138
  }
164
139
  }, [icon, markerRef.current]);
165
140
  return null;
@@ -24,7 +24,7 @@ var Layer = function Layer(props) {
24
24
  newLayer.dispose();
25
25
  }
26
26
  };
27
- }, []);
27
+ }, [api.map]);
28
28
  return null;
29
29
  };
30
30
  Layer.propTypes = {
@@ -42,7 +42,6 @@ var MarkerLayer = function MarkerLayer(props) {
42
42
  }));
43
43
  };
44
44
  MarkerLayer.propTypes = {
45
- // api: mapProps.api,
46
45
  simpleTheme: _proptypes["default"].clusterTheme,
47
46
  clusterDissolvable: _propTypes["default"].bool,
48
47
  clusterStrategy: _propTypes["default"].oneOf(['FASTGRID', 'GRID', 'DYNAMICGRID']),
@@ -9,7 +9,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
9
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
  var _constants = require("../../constants");
12
- var _mapUtils = require("../../mapUtils");
13
12
  var _Layer = _interopRequireDefault(require("./Layer"));
14
13
  var _excluded = ["useWebGL"];
15
14
  var createRoadRestrictionLayer = function createRoadRestrictionLayer(useWebGL) {
@@ -19,7 +18,7 @@ var createRoadRestrictionLayer = function createRoadRestrictionLayer(useWebGL) {
19
18
  }).createTileLayer('truckonlytile', 'normal.day', _constants.TILE_SIZE, _constants.FORMAT, {
20
19
  style: 'default',
21
20
  lg: language,
22
- ppi: useWebGL ? undefined : (0, _mapUtils.getPPI)()
21
+ ppi: undefined
23
22
  });
24
23
  };
25
24
  };
@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
11
11
  var _constants = require("../../constants");
12
12
  var _Layer = _interopRequireDefault(require("./Layer"));
13
13
  var _excluded = ["useWebGL"];
14
- var createVebGlTrafficLayer = function createVebGlTrafficLayer(api, language) {
14
+ var createWebGlTrafficLayer = function createWebGlTrafficLayer(api, language) {
15
15
  // use new Here 3.1 API traffic layer for WebGL
16
16
  // https://developer.here.com/documentation/maps/3.1.37.0/dev_guide/topics/migration.html
17
17
 
@@ -33,7 +33,7 @@ var createRasterTrafficLayer = function createRasterTrafficLayer(api, language)
33
33
  var TrafficLayer = function TrafficLayer(props) {
34
34
  var useWebGL = props.useWebGL,
35
35
  remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
36
- var createLayerCallback = useWebGL ? createVebGlTrafficLayer : createRasterTrafficLayer;
36
+ var createLayerCallback = useWebGL ? createWebGlTrafficLayer : createRasterTrafficLayer;
37
37
  return /*#__PURE__*/_react["default"].createElement(_Layer["default"], (0, _extends2["default"])({}, remainingProps, {
38
38
  createLayer: createLayerCallback
39
39
  }));
@@ -70,7 +70,7 @@ var ClusterLayer = function ClusterLayer(_ref) {
70
70
  objectLayer.dispose();
71
71
  newProvider.dispose();
72
72
  };
73
- }, [minWeight, minZoom, maxZoom]);
73
+ }, [minWeight, minZoom, maxZoom, api.map]);
74
74
 
75
75
  // Effect to update data points of provider
76
76
  (0, _react.useLayoutEffect)(function () {
@@ -15,12 +15,13 @@ var _MapSettingsPanel = _interopRequireDefault(require("../MapSettingsPanel"));
15
15
  var _MapSettingsItem = _interopRequireDefault(require("../MapSettingsItem"));
16
16
  var _MapSettingsTile = _interopRequireDefault(require("../MapSettingsTile"));
17
17
  var _MapIcon = require("../../../../icons/MapIcon");
18
- var _excluded = ["mapType", "onMapTypeChange"];
18
+ var _excluded = ["mapType", "onMapTypeChange", "enableNightMap"];
19
19
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
20
20
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
21
  var MapTypeSettings = function MapTypeSettings(props) {
22
22
  var mapType = props.mapType,
23
23
  onMapTypeChange = props.onMapTypeChange,
24
+ enableNightMap = props.enableNightMap,
24
25
  remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
25
26
  var type = (0, _react.useMemo)(function () {
26
27
  return {
@@ -61,7 +62,19 @@ var MapTypeSettings = function MapTypeSettings(props) {
61
62
  return /*#__PURE__*/_react["default"].createElement(_MapSettingsTile["default"], (0, _extends2["default"])({
62
63
  className: "MapTypeSettings",
63
64
  inactiveIcon: getIcon(type),
64
- panel: /*#__PURE__*/_react["default"].createElement(_MapSettingsPanel["default"], null, /*#__PURE__*/_react["default"].createElement(_MapSettingsItem["default"], {
65
+ panel: /*#__PURE__*/_react["default"].createElement(_MapSettingsPanel["default"], null, enableNightMap && /*#__PURE__*/_react["default"].createElement(_MapSettingsItem["default"], {
66
+ className: "MapTypeNight",
67
+ onClick: function onClick() {
68
+ return onMapTypeChange(_constants.MAP_TYPE_NIGHT);
69
+ },
70
+ isActive: type.isNight,
71
+ activeIcon: /*#__PURE__*/_react["default"].createElement(_MapIcon.MapIcon, {
72
+ name: _MapIcon.MAP_TYPE_NIGHT_ACTIVE
73
+ }),
74
+ inactiveIcon: /*#__PURE__*/_react["default"].createElement(_MapIcon.MapIcon, {
75
+ name: _MapIcon.MAP_TYPE_NIGHT_INACTIVE
76
+ })
77
+ }), /*#__PURE__*/_react["default"].createElement(_MapSettingsItem["default"], {
65
78
  className: "MapTypeSatelite",
66
79
  onClick: function onClick() {
67
80
  return onMapTypeChange(_constants.MAP_TYPE_SATELLITE);
@@ -118,6 +131,7 @@ MapTypeSettings.defaultProps = {
118
131
  };
119
132
  MapTypeSettings.propTypes = {
120
133
  mapType: _propTypes["default"].string,
134
+ enableNightMap: _propTypes["default"].bool,
121
135
  onMapTypeChange: _propTypes["default"].func
122
136
  };
123
137
  var _default = MapTypeSettings;