docs: add an option to show minimum version required to use the option

Author: sachinchoolur

site/assets/scss/docs/_options.scss

@@ -28,6 +28,14 @@
                 border-bottom-color: transparent;
             }
         }
+        .docs-minimum-version {
+            color: #666;
+            font-size: 14px;
+            b {
+                margin-left: 3px;
+                color: #333;
+            }
+        }
     }
 }
 .options-section {

site/content/docs/settings.md

@@ -172,7 +172,7 @@ lightGallery
 ## Vimeo thumbnails plugin
 
 Vimeo thumbnails plugin helps you load thumbnails automatically for Vimeo videos.
-<span class="badge rounded-pill bg-danger font-12" title="Available since version 2.4.0">v2.5.0</span>
+<span class="badge rounded-pill bg-danger font-12" title="Available since version 2.5.0">v2.5.0</span>
 
 {{< options pluginName="Vimeo Thumbnails" interface="VimeoThumbnailSettings" variable="vimeoSettings" >}}
 

site/layouts/shortcodes/options.html

@@ -60,6 +60,9 @@
             {{ if eq .tag "description"}}
             <p>{{.text | safeHTML}}</p>
             {{ end}}
+            {{ if eq .tag "version"}}
+            <p class="docs-minimum-version">Minimum lightGallery version required:  <b>{{.text}}</b></p>
+            {{ end}}
             {{ if eq .tag "example"}}
             {{ highlight .text "js" "" }}
             {{ end}}

src/lg-settings.ts

@@ -261,13 +261,15 @@ export interface LightGalleryCoreSettings {
 
     /**
      * Hide scrollbar when gallery is opened
+     * @version V2.5.0
      */
     hideScrollbar: boolean;
 
     /**
      * Reset to previous scrollPosition when lightGallery is closed
      * @description By default, lightGallery doesn't hide the scrollbar for a smooth opening transition.
      * If a user changes the scroll position, lightGallery resets it to the previous value
+     * @version V2.5.0
      */
     resetScrollPosition: boolean;
 
@@ -316,6 +318,7 @@ export interface LightGalleryCoreSettings {
 
     /**
      * Trap focus within the lightGallery
+     * @version V2.5.0
      */
     trapFocus: boolean;
 

src/plugins/video/lg-video-settings.ts

@@ -68,6 +68,7 @@ export interface VideoSettings {
     /**
      * Class name of the videojs theme
      * You need to include the theme stylesheet on your document. <a href="https://videojs.com/getting-started/#home-page-themes" target="_blank">More info</a>
+     * @version V2.5.0
      */
     videojsTheme: string;