refactor(ol-style-icon): pass-through properties from OpenLayers

BREAKING CHANGE:
properties are passed-through from OpenLayers directly and property `imgSize` has been removed since it's [removed from OpenLayers 8](https://github.com/openlayers/openlayers/blob/v8.0.0/changelog/upgrade-notes.md#removal-of-olstyleicons-imgsize-property)

Author: d-koppenhagen

Diff for: docs/componentsguide/styles/icon/index.md

@@ -20,82 +20,13 @@ import IconDemo from "@demos/IconDemo.vue"
 
 :::
 
-## Properties
+### Props from OpenLayers
 
-### anchor
+Properties are passed-trough from OpenLayers directly.
+Their types and default values can be checked-out [in the official OpenLayers docs](https://openlayers.org/en/latest/apidoc/module-ol_style_Icon-Icon.html).
+Only some properties deviate caused by reserved keywords from Vue / HTML.
+This deviating props are described in the section below.
 
-- **Type**: `Array`
+### Deviating Properties
 
-### anchorOrigin
-
-- **Type**: `String`
-- **Default**: `top-left`
-
-### anchorXUnits
-
-- **Type**: `String`
-- **Default**: `fraction`
-
-### anchorYUnits
-
-- **Type**: `String`
-- **Default**: `fraction`
-
-### color
-
-- **Type**: `String`
-
-### crossOrigin
-
-- **Type**: `String`
-
-### img
-
-- **Type**: `[HTMLImageElement, HTMLCanvasElement]`
-
-### offset
-
-- **Type**: `Array`
-- **Default**: `() => [0, 0]`
-
-### displacement
-
-- **Type**: `Array`
-- **Default**: `() => [0, 0]`
-
-### offsetOrigin
-
-- **Type**: `String`
-- **Default**: `top-left`
-
-### opacity
-
-- **Type**: `Number`
-- **Default**: `1`
-
-### scale
-
-- **Type**: `Number`
-- **Default**: `1`
-
-### rotateWithView
-
-- **Type**: `Boolean`
-- **Default**: `false`
-
-### rotation
-
-- **Type**: `Number`
-- **Default**: `0`
-
-### size
-
-- **Type**: `Array`
-
-  ### imgSize
-
-- **Type**: `Array`
-
-### src
-
-- **Type**: `String`
+None.

Diff for: src/components/styles/OlStyleIcon.vue

@@ -2,48 +2,25 @@
   <div v-if="false"></div>
 </template>
 <script setup lang="ts">
-import type { IconAnchorUnits, IconOrigin } from "ol/style/Icon";
-import Icon from "ol/style/Icon";
-
+import Icon, { type Options } from "ol/style/Icon";
 import type { Ref } from "vue";
 import { inject, watch, onMounted, onUnmounted, computed } from "vue";
 import type Style from "ol/style/Style";
 import type Draw from "ol/interaction/Draw";
 import type Modify from "ol/interaction/Modify";
-import type { Size } from "ol/size";
 import usePropsAsObjectProperties from "@/composables/usePropsAsObjectProperties";
 
-const props = withDefaults(
-  defineProps<{
-    anchor?: number[];
-    anchorOrigin?: IconOrigin;
-    anchorXUnits?: IconAnchorUnits;
-    color?: string;
-    crossOrigin?: string;
-    img?: HTMLImageElement | HTMLCanvasElement;
-    offset?: [number, number];
-    displacement?: [number, number];
-    offsetOrigin?: IconOrigin;
-    opacity?: number;
-    scale?: number;
-    rotateWithView?: boolean;
-    rotation?: number;
-    size?: Size;
-    imgSize?: Size;
-    src?: string;
-  }>(),
-  {
-    anchorOrigin: "top-left",
-    anchorXUnits: "fraction",
-    offset: () => [0, 0],
-    displacement: () => [0, 0],
-    offsetOrigin: "top-left",
-    opacity: 1,
-    scale: 1,
-    rotateWithView: false,
-    rotation: 0,
-  }
-);
+const props = withDefaults(defineProps<Options>(), {
+  anchorOrigin: "top-left",
+  anchorXUnits: "fraction",
+  offset: () => [0, 0],
+  displacement: () => [0, 0],
+  offsetOrigin: "top-left",
+  opacity: 1,
+  scale: 1,
+  rotateWithView: false,
+  rotation: 0,
+});
 
 const style = inject<Ref<Style | null> | null>("style", null);
 const styledObj = inject<Ref<Draw | Modify | Style | null> | null>(