Added help button for distortion arguments.

src/components/playground/input-settings/distortion-settings/ArgumentsHelpLink.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import type { ReversePixelMapperFactoriesPoolKeyMap } from '@alxcube/lens';
+import { computed } from 'vue';
+
+const props = defineProps<{
+  distortionName?: keyof ReversePixelMapperFactoriesPoolKeyMap;
+}>();
+
+const helpUrl = computed(() => {
+  switch (props.distortionName) {
+    case 'Affine':
+      return 'https://alxcube.github.io/lens/guide/distortions/affine.html#affine-distortion-using-control-points';
+    case 'AffineProjection':
+      return 'https://alxcube.github.io/lens/guide/distortions/affine.html#affine-distortion-using-affine-matrix';
+    case 'Arc':
+      return 'https://alxcube.github.io/lens/guide/distortions/arc.html';
+    case 'Perspective':
+      return 'https://alxcube.github.io/lens/guide/distortions/perspective.html#using-control-points';
+    case 'PerspectiveProjection':
+      return 'https://alxcube.github.io/lens/guide/distortions/perspective.html#using-forward-mapping-perspective-matrix';
+    case 'Polynomial':
+      return 'https://alxcube.github.io/lens/guide/distortions/polynomial.html';
+    default:
+      return '';
+  }
+});
+</script>
+
+<template>
+  <VBtn icon v-if="helpUrl" :href="helpUrl" target="_blank" density="compact">
+    <VIcon>mdi-help-circle</VIcon>
+  </VBtn>
+</template>
+
+<style scoped></style>

src/components/playground/input-settings/distortion-settings/DistortionSettings.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import ArgumentsHelpLink from '@/components/playground/input-settings/distortion-settings/ArgumentsHelpLink.vue';
 import AffineMatrixInput from '@/components/playground/input-settings/distortion-settings/distortion-arguments/AffineMatrixInput.vue';
 import ArcArgumentsInput from '@/components/playground/input-settings/distortion-settings/distortion-arguments/ArcArgumentsInput.vue';
 import ControlPoints from '@/components/playground/input-settings/distortion-settings/distortion-arguments/control-points/ControlPoints.vue';
@@ -117,7 +118,10 @@ const arcArguments = computed(() => distortionArguments.value) as ComputedRef<Ar
 
     <VSwitch label="Generic arguments" v-model="genericArguments" density="compact" />
 
-    <h5 class="text-subtitle-2" v-if="distortionName">{{ argumentsTitle }}</h5>
+    <h5 class="text-subtitle-2" v-if="distortionName">
+      {{ argumentsTitle }}
+      <ArgumentsHelpLink :distortion-name="distortionName" />
+    </h5>
     <VMessages
       :messages="validationErrors.args"
       :active="!!validationErrors.args"