lightgallery 2.7.2 → 2.8.0-beta.2

package/css/lightgallery.css

@@ -1,14 +1,13 @@
 @font-face {
-  font-family: 'lg';
+  font-family: "lg";
   src: url("../fonts/lg.woff2?io9a6k") format("woff2"), url("../fonts/lg.ttf?io9a6k") format("truetype"), url("../fonts/lg.woff?io9a6k") format("woff"), url("../fonts/lg.svg?io9a6k#lg") format("svg");
   font-weight: normal;
   font-style: normal;
   font-display: block;
 }
-
 .lg-icon {
   /* use !important to prevent issues with browser extensions that change fonts */
-  font-family: 'lg' !important;
+  font-family: "lg" !important;
   speak: never;
   font-style: normal;
   font-weight: normal;
@@ -21,7 +20,7 @@
 }
 
 .lg-container {
-  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 
 .lg-next,
@@ -40,37 +39,32 @@
   outline: none;
   border: none;
 }
-
 .lg-next.disabled,
 .lg-prev.disabled {
   opacity: 0 !important;
   cursor: default;
 }
-
 .lg-next:hover:not(.disabled),
 .lg-prev:hover:not(.disabled) {
   color: #fff;
 }
-
-.lg-single-item .lg-next, .lg-single-item
-.lg-prev {
+.lg-single-item .lg-next,
+.lg-single-item .lg-prev {
   display: none;
 }
 
 .lg-next {
   right: 20px;
 }
-
 .lg-next:before {
-  content: '\e095';
+  content: "\e095";
 }
 
 .lg-prev {
   left: 20px;
 }
-
 .lg-prev:after {
-  content: '\e094';
+  content: "\e094";
 }
 
 @-webkit-keyframes lg-right-end {
@@ -84,7 +78,6 @@
     left: 0;
   }
 }
-
 @-moz-keyframes lg-right-end {
   0% {
     left: 0;
@@ -96,7 +89,6 @@
     left: 0;
   }
 }
-
 @-ms-keyframes lg-right-end {
   0% {
     left: 0;
@@ -108,7 +100,6 @@
     left: 0;
   }
 }
-
 @keyframes lg-right-end {
   0% {
     left: 0;
@@ -120,7 +111,6 @@
     left: 0;
   }
 }
-
 @-webkit-keyframes lg-left-end {
   0% {
     left: 0;
@@ -132,7 +122,6 @@
     left: 0;
   }
 }
-
 @-moz-keyframes lg-left-end {
   0% {
     left: 0;
@@ -144,7 +133,6 @@
     left: 0;
   }
 }
-
 @-ms-keyframes lg-left-end {
   0% {
     left: 0;
@@ -156,7 +144,6 @@
     left: 0;
   }
 }
-
 @keyframes lg-left-end {
   0% {
     left: 0;
@@ -168,14 +155,12 @@
     left: 0;
   }
 }
-
 .lg-outer.lg-right-end .lg-object {
   -webkit-animation: lg-right-end 0.3s;
   -o-animation: lg-right-end 0.3s;
   animation: lg-right-end 0.3s;
   position: relative;
 }
-
 .lg-outer.lg-left-end .lg-object {
   -webkit-animation: lg-left-end 0.3s;
   -o-animation: lg-left-end 0.3s;
@@ -190,11 +175,9 @@
   top: 0;
   width: 100%;
 }
-
 .lg-media-overlap .lg-toolbar {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
 }
-
 .lg-toolbar .lg-icon {
   color: #999;
   cursor: pointer;
@@ -215,29 +198,23 @@
   border: none;
   box-shadow: none;
 }
-
 .lg-toolbar .lg-icon.lg-icon-18 {
   font-size: 18px;
 }
-
 .lg-toolbar .lg-icon:hover {
   color: #fff;
 }
-
 .lg-toolbar .lg-close:after {
-  content: '\e070';
+  content: "\e070";
 }
-
 .lg-toolbar .lg-maximize {
   font-size: 22px;
 }
-
 .lg-toolbar .lg-maximize:after {
-  content: '\e90a';
+  content: "\e90a";
 }
-
 .lg-toolbar .lg-download:after {
-  content: '\e0f2';
+  content: "\e0f2";
 }
 
 .lg-sub-html {
@@ -251,30 +228,24 @@
   -o-transition: opacity 0.2s ease-out 0s;
   transition: opacity 0.2s ease-out 0s;
 }
-
 .lg-sub-html h4 {
   margin: 0;
   font-size: 13px;
   font-weight: bold;
 }
-
 .lg-sub-html p {
   font-size: 12px;
   margin: 5px 0 0;
 }
-
 .lg-sub-html a {
   color: inherit;
 }
-
 .lg-sub-html a:hover {
   text-decoration: underline;
 }
-
 .lg-media-overlap .lg-sub-html {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
 }
-
 .lg-item .lg-sub-html {
   position: absolute;
   bottom: 0;
@@ -322,7 +293,6 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-v
   -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
   transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
 }
-
 body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
 body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
   opacity: 1;
@@ -345,7 +315,7 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-co
 }
 
 .lg-group:after {
-  content: '';
+  content: "";
   display: table;
   clear: both;
 }
@@ -354,7 +324,6 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-co
   display: none;
   outline: none;
 }
-
 .lg-container.lg-show {
   display: block;
 }
@@ -386,29 +355,24 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-co
 .lg-show-in .lg-pager-outer {
   opacity: 1;
 }
-
 .lg-show-in.lg-hide-sub-html .lg-sub-html {
   opacity: 1;
 }
-
 .lg-show-in .lg-hide-items .lg-prev {
   opacity: 0;
   -webkit-transform: translate3d(-10px, 0, 0);
   transform: translate3d(-10px, 0, 0);
 }
-
 .lg-show-in .lg-hide-items .lg-next {
   opacity: 0;
   -webkit-transform: translate3d(10px, 0, 0);
   transform: translate3d(10px, 0, 0);
 }
-
 .lg-show-in .lg-hide-items .lg-toolbar {
   opacity: 0;
   -webkit-transform: translate3d(0, -10px, 0);
   transform: translate3d(0, -10px, 0);
 }
-
 .lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
   opacity: 0;
   -webkit-transform: translate3d(0, 20px, 0);
@@ -431,34 +395,28 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-co
   -o-transition: opacity 0.15s ease 0s;
   transition: opacity 0.15s ease 0s;
 }
-
 .lg-outer * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
-
 .lg-outer.lg-zoom-from-image {
   opacity: 1;
 }
-
 .lg-outer.lg-visible {
   opacity: 1;
 }
-
 .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
   -webkit-transition-duration: inherit !important;
   transition-duration: inherit !important;
   -webkit-transition-timing-function: inherit !important;
   transition-timing-function: inherit !important;
 }
-
 .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
   -webkit-transition-duration: 0s !important;
   transition-duration: 0s !important;
   opacity: 1;
 }
-
 .lg-outer.lg-grab img.lg-object {
   cursor: -webkit-grab;
   cursor: -moz-grab;
@@ -466,7 +424,6 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-co
   cursor: -ms-grab;
   cursor: grab;
 }
-
 .lg-outer.lg-grabbing img.lg-object {
   cursor: move;
   cursor: -webkit-grabbing;
@@ -475,7 +432,6 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-co
   cursor: -ms-grabbing;
   cursor: grabbing;
 }
-
 .lg-outer .lg-content {
   position: absolute;
   top: 0;
@@ -483,7 +439,6 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-co
   right: 0;
   bottom: 0;
 }
-
 .lg-outer .lg-inner {
   width: 100%;
   position: absolute;
@@ -495,25 +450,20 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-co
   transition: opacity 0s;
   white-space: nowrap;
 }
-
 .lg-outer .lg-item {
   display: none !important;
 }
-
 .lg-outer .lg-item:not(.lg-start-end-progress) {
   background: url("../images/loading.gif") no-repeat scroll center center transparent;
 }
-
 .lg-outer.lg-css3 .lg-prev-slide,
 .lg-outer.lg-css3 .lg-current,
 .lg-outer.lg-css3 .lg-next-slide {
   display: inline-block !important;
 }
-
 .lg-outer.lg-css .lg-current {
   display: inline-block !important;
 }
-
 .lg-outer .lg-item,
 .lg-outer .lg-img-wrap {
   display: inline-block;
@@ -522,15 +472,13 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-co
   width: 100%;
   height: 100%;
 }
-
 .lg-outer .lg-item:before,
 .lg-outer .lg-img-wrap:before {
-  content: '';
+  content: "";
   display: inline-block;
   height: 100%;
   vertical-align: middle;
 }
-
 .lg-outer .lg-img-wrap {
   position: absolute;
   left: 0;
@@ -540,15 +488,12 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-co
   white-space: nowrap;
   font-size: 0;
 }
-
 .lg-outer .lg-item.lg-complete {
   background-image: none;
 }
-
 .lg-outer .lg-item.lg-current {
   z-index: 1060;
 }
-
 .lg-outer .lg-object {
   display: inline-block;
   vertical-align: middle;
@@ -558,33 +503,42 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-co
   height: auto;
   position: relative;
 }
-
 .lg-outer .lg-empty-html.lg-sub-html,
 .lg-outer .lg-empty-html .lg-sub-html {
   display: none;
 }
-
 .lg-outer.lg-hide-download .lg-download {
   opacity: 0.75;
   pointer-events: none;
 }
-
 .lg-outer .lg-first-slide .lg-dummy-img {
   position: absolute;
   top: 50%;
   left: 50%;
 }
-
 .lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
   -webkit-transform: translate3d(0, 0%, 0);
   transform: translate3d(0, 0%, 0);
   opacity: 1;
 }
-
 .lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
   opacity: 1;
   transition: opacity 0.2s ease-out 0.15s;
 }
+.lg-outer .lg-media-cont {
+  text-align: center;
+  display: inline-block;
+  vertical-align: middle;
+  position: relative;
+}
+.lg-outer .lg-media-cont .lg-object {
+  width: 100% !important;
+  height: 100% !important;
+}
+.lg-outer .lg-has-iframe .lg-media-cont {
+  -webkit-overflow-scrolling: touch;
+  overflow: auto;
+}
 
 .lg-backdrop {
   position: fixed;
@@ -600,7 +554,6 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-co
   -o-transition: opacity 333ms ease-in 0s;
   transition: opacity 333ms ease-in 0s;
 }
-
 .lg-backdrop.in {
   opacity: 1;
 }
@@ -613,62 +566,51 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-co
   -o-transition: none 0s ease 0s !important;
   transition: none 0s ease 0s !important;
 }
-
 .lg-css3.lg-use-css3 .lg-item {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   backface-visibility: hidden;
 }
-
 .lg-css3.lg-fade .lg-item {
   opacity: 0;
 }
-
 .lg-css3.lg-fade .lg-item.lg-current {
   opacity: 1;
 }
-
 .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
   -webkit-transition: opacity 0.1s ease 0s;
   -moz-transition: opacity 0.1s ease 0s;
   -o-transition: opacity 0.1s ease 0s;
   transition: opacity 0.1s ease 0s;
 }
-
 .lg-css3.lg-use-css3 .lg-item.lg-start-progress {
   -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
   -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
   -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
   transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
 }
-
 .lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
   -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
   -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
   -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
   transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
 }
-
 .lg-css3.lg-slide.lg-use-css3 .lg-item {
   opacity: 0;
 }
-
 .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0);
 }
-
 .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
 }
-
 .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   opacity: 1;
 }
-
 .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
   -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
   -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
@@ -679,16 +621,13 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-co
 .lg-container {
   display: none;
 }
-
 .lg-container.lg-show {
   display: block;
 }
-
 .lg-container.lg-dragging-vertical .lg-backdrop {
   -webkit-transition-duration: 0s !important;
   transition-duration: 0s !important;
 }
-
 .lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
   -webkit-transition-duration: 0s !important;
   transition-duration: 0s !important;
@@ -699,17 +638,14 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-co
 .lg-inline .lg-outer {
   position: absolute;
 }
-
 .lg-inline .lg-backdrop {
   z-index: 1;
 }
-
 .lg-inline .lg-outer {
   z-index: 2;
 }
-
 .lg-inline .lg-maximize:after {
-  content: '\e909';
+  content: "\e909";
 }
 
 .lg-components {
@@ -726,3 +662,5 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-co
   right: 0;
   left: 0;
 }
+
+/*# sourceMappingURL=lightgallery.css.map */

package/css/lightgallery.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../src/scss/_lg-fonts.scss","../../src/scss/_lg-theme-default.scss","../../src/scss/_lg-variables.scss","../../src/scss/_lg-mixins.scss","../../src/scss/lightgallery-core.scss"],"names":[],"mappings":"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","file":"lightgallery.css"}

package/lg-settings.d.ts

@@ -5,6 +5,7 @@ import { AutoplaySettings } from './plugins/autoplay/lg-autoplay-settings';
 import { CommentSettings } from './plugins/comment/lg-comment-settings';
 import { FullscreenSettings } from './plugins/fullscreen/lg-fullscreen-settings';
 import { HashSettings } from './plugins/hash/lg-hash-settings';
+import { MediumZoomSettings } from './plugins/mediumZoom/lg-medium-zoom-settings';
 import { PagerSettings } from './plugins/pager/lg-pager-settings';
 import { RotateSettings } from './plugins/rotate/lg-rotate-settings';
 import { ShareSettings } from './plugins/share/lg-share-settings';
@@ -23,7 +24,7 @@ export interface LightGalleryCoreStrings {
     playVideo: string;
     mediaLoadingFailed: string;
 }
-export declare type LightGalleryAllSettings = LightGalleryCoreSettings & ZoomSettings & ThumbnailsSettings & VideoSettings & AutoplaySettings & CommentSettings & FullscreenSettings & HashSettings & PagerSettings & RotateSettings & ShareSettings;
+export declare type LightGalleryAllSettings = LightGalleryCoreSettings & ZoomSettings & ThumbnailsSettings & VideoSettings & AutoplaySettings & CommentSettings & FullscreenSettings & HashSettings & PagerSettings & RotateSettings & ShareSettings & MediumZoomSettings;
 export declare type LightGallerySettings = Partial<LightGalleryAllSettings>;
 export interface LightGalleryCoreSettings {
     /**
@@ -111,7 +112,7 @@ export interface LightGalleryCoreSettings {
      * Useful to create inline galleries and more
      * It is an empty string in the default settings and later assigned to document.body to avoid accessing document for SSR
      */
-    container: HTMLElement | '';
+    container: HTMLElement | (() => HTMLElement | null) | (string | null);
     /**
      * Delay for hiding gallery controls in ms.
      * Pass <code>0</code> if you don't want to hide the controls
@@ -189,7 +190,7 @@ export interface LightGalleryCoreSettings {
      */
     resetScrollPosition: boolean;
     /**
-     * If false user won't be abel to close the gallery at all
+     * If false user won't be able to close the gallery at all
      * This is useful for creating inline galleries.
      */
     closable: boolean;

package/lg-utils.d.ts

@@ -182,6 +182,14 @@ export interface GalleryItem {
 }
 export declare function convertToData(attr: string): string;
 declare const utils: {
+    /**
+     * Fetches HTML content from a given URL and inserts it into a specified element.
+     *
+     * @param url - The URL to fetch the HTML content from.
+     * @param element - The DOM element (jQuery object) to insert the HTML content into.
+     * @param insertMethod - The method to insert the HTML ('append' or 'replace').
+     */
+    fetchCaptionFromUrl(url: string, element: lgQuery, insertMethod: 'append' | 'replace'): void;
     /**
      * get possible width and height from the lgSize attribute. Used for ZoomFromOrigin option
      */
@@ -196,7 +204,7 @@ declare const utils: {
     getImgMarkup(index: number, src: string, altAttr: string, srcset?: string | undefined, sizes?: string | undefined, sources?: ImageSources[] | undefined): string;
     getResponsiveSrc(srcItms: string[]): string;
     isImageLoaded(img: HTMLImageElement): boolean;
-    getVideoPosterMarkup(_poster: string, dummyImg: string, videoContStyle: string, playVideoString: string, _isVideo?: VideoInfo | undefined): string;
+    getVideoPosterMarkup(_poster: string, dummyImg: string | HTMLElement, videoContStyle: string, playVideoString: string, _isVideo?: VideoInfo | undefined): string;
     getFocusableElements(container: HTMLElement): NodeListOf<Element>;
     /**
      * @desc Create dynamic elements array from gallery items when dynamic option is false

package/lgQuery.d.ts

@@ -40,7 +40,7 @@ export declare class lgQuery {
     html(): string;
     html(html: string): this;
     append(html: string | HTMLElement): this;
-    prepend(html: string): this;
+    prepend(html: string | HTMLElement): this;
     remove(): this;
     empty(): this;
     scrollTop(): number;

package/lib/lg-settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"lg-settings.js","sourceRoot":"","sources":["../../src/lg-settings.ts"],"names":[],"mappings":";;;AAoiBa,QAAA,wBAAwB,GAA6B;IAC9D,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,GAAG;IACV,UAAU,EAAE,oBAAoB;IAChC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,eAAe;IAC3B,gBAAgB,EAAE,GAAG;IACrB,SAAS,EAAE,EAAE;IACb,sBAAsB,EAAE,GAAG;IAC3B,cAAc,EAAE,IAAI;IACpB,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,CAAC;IACb,oBAAoB,EAAE,IAAI;IAC1B,iBAAiB,EAAE,KAAK;IACxB,YAAY,EAAE,UAAU;IACxB,iBAAiB,EAAE,IAAI;IACvB,oBAAoB,EAAE,CAAC;IACvB,cAAc,EAAE,EAAE;IAClB,eAAe,EAAE,EAAE;IACnB,mBAAmB,EAAE,IAAI;IACzB,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE,IAAI;IAClB,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,IAAI;IACnB,gBAAgB,EAAE,KAAK;IACvB,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,IAAI;IACd,iBAAiB,EAAE,IAAI;IACvB,gBAAgB,EAAE,KAAK;IACvB,UAAU,EAAE,KAAK;IACjB,wBAAwB,EAAE,IAAI;IAC9B,eAAe,EAAE,cAAc;IAC/B,uBAAuB,EAAE,KAAK;IAC9B,OAAO,EAAE,CAAC;IACV,uBAAuB,EAAE,EAAE;IAC3B,QAAQ,EAAE,EAAE;IACZ,YAAY,EAAE,EAAE;IAChB,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,CAAC;IACR,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,MAAM;IACpB,cAAc,EAAE,MAAM;IACtB,eAAe,EAAE,MAAM;IACvB,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,aAAa;IAC9B,cAAc,EAAE,EAAE;IAClB,WAAW,EAAE,IAAI;IACjB,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,EAAE;IACd,YAAY,EAAE,EAAE;IAChB,QAAQ,EAAE,SAAS;IACnB,cAAc,EAAE;QACZ,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,KAAK;KACA;IACnB,OAAO,EAAE,EAAE;IACX,OAAO,EAAE;QACL,YAAY,EAAE,eAAe;QAC7B,cAAc,EAAE,iBAAiB;QACjC,aAAa,EAAE,gBAAgB;QAC/B,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,YAAY;QACvB,kBAAkB,EAAE,mCAAmC;KAC/B;CAC/B,CAAC"}
+{"version":3,"file":"lg-settings.js","sourceRoot":"","sources":["../../src/lg-settings.ts"],"names":[],"mappings":";;;AAsiBa,QAAA,wBAAwB,GAA6B;IAC9D,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,GAAG;IACV,UAAU,EAAE,oBAAoB;IAChC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,eAAe;IAC3B,gBAAgB,EAAE,GAAG;IACrB,SAAS,EAAE,EAAE;IACb,sBAAsB,EAAE,GAAG;IAC3B,cAAc,EAAE,IAAI;IACpB,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,CAAC;IACb,oBAAoB,EAAE,IAAI;IAC1B,iBAAiB,EAAE,KAAK;IACxB,YAAY,EAAE,UAAU;IACxB,iBAAiB,EAAE,IAAI;IACvB,oBAAoB,EAAE,CAAC;IACvB,cAAc,EAAE,EAAE;IAClB,eAAe,EAAE,EAAE;IACnB,mBAAmB,EAAE,IAAI;IACzB,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE,IAAI;IAClB,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,IAAI;IACnB,gBAAgB,EAAE,KAAK;IACvB,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,IAAI;IACd,iBAAiB,EAAE,IAAI;IACvB,gBAAgB,EAAE,KAAK;IACvB,UAAU,EAAE,KAAK;IACjB,wBAAwB,EAAE,IAAI;IAC9B,eAAe,EAAE,cAAc;IAC/B,uBAAuB,EAAE,KAAK;IAC9B,OAAO,EAAE,CAAC;IACV,uBAAuB,EAAE,EAAE;IAC3B,QAAQ,EAAE,EAAE;IACZ,YAAY,EAAE,EAAE;IAChB,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,CAAC;IACR,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,MAAM;IACpB,cAAc,EAAE,MAAM;IACtB,eAAe,EAAE,MAAM;IACvB,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,aAAa;IAC9B,cAAc,EAAE,EAAE;IAClB,WAAW,EAAE,IAAI;IACjB,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,EAAE;IACd,YAAY,EAAE,EAAE;IAChB,QAAQ,EAAE,SAAS;IACnB,cAAc,EAAE;QACZ,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,KAAK;KACA;IACnB,OAAO,EAAE,EAAE;IACX,OAAO,EAAE;QACL,YAAY,EAAE,eAAe;QAC7B,cAAc,EAAE,iBAAiB;QACjC,aAAa,EAAE,gBAAgB;QAC/B,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,YAAY;QACvB,kBAAkB,EAAE,mCAAmC;KAC/B;CAC/B,CAAC"}

package/lib/lg-utils.js

@@ -48,6 +48,27 @@ function convertToData(attr) {
 }
 exports.convertToData = convertToData;
 var utils = {
+    /**
+     * Fetches HTML content from a given URL and inserts it into a specified element.
+     *
+     * @param url - The URL to fetch the HTML content from.
+     * @param element - The DOM element (jQuery object) to insert the HTML content into.
+     * @param insertMethod - The method to insert the HTML ('append' or 'replace').
+     */
+    fetchCaptionFromUrl: function (url, element, insertMethod) {
+        // Fetch content from the URL
+        fetch(url)
+            .then(function (response) { return response.text(); })
+            .then(function (htmlContent) {
+            if (insertMethod === 'append') {
+                var contentDiv = "<div class=\"lg-sub-html\">" + htmlContent + "</div>";
+                element.append(contentDiv);
+            }
+            else {
+                element.html(htmlContent);
+            }
+        });
+    },
     /**
      * get possible width and height from the lgSize attribute. Used for ZoomFromOrigin option
      */
@@ -132,7 +153,7 @@ var utils = {
     },
     getIframeMarkup: function (iframeWidth, iframeHeight, iframeMaxWidth, iframeMaxHeight, src, iframeTitle) {
         var title = iframeTitle ? 'title="' + iframeTitle + '"' : '';
-        return "<div class=\"lg-video-cont lg-has-iframe\" style=\"width:" + iframeWidth + "; max-width:" + iframeMaxWidth + "; height: " + iframeHeight + "; max-height:" + iframeMaxHeight + "\">\n                    <iframe class=\"lg-object\" frameborder=\"0\" " + title + " src=\"" + src + "\"  allowfullscreen=\"true\"></iframe>\n                </div>";
+        return "<div class=\"lg-media-cont lg-has-iframe\" style=\"width:" + iframeWidth + "; max-width:" + iframeMaxWidth + "; height: " + iframeHeight + "; max-height:" + iframeMaxHeight + "\">\n                    <iframe class=\"lg-object\" frameborder=\"0\" " + title + " src=\"" + src + "\"  allowfullscreen=\"true\"></iframe>\n                </div>";
     },
     getImgMarkup: function (index, src, altAttr, srcset, sizes, sources) {
         var srcsetAttr = srcset ? "srcset=\"" + srcset + "\"" : '';
@@ -204,7 +225,11 @@ var utils = {
         else {
             videoClass = 'lg-has-html5';
         }
-        return "<div class=\"lg-video-cont " + videoClass + "\" style=\"" + videoContStyle + "\">\n                <div class=\"lg-video-play-button\">\n                <svg\n                    viewBox=\"0 0 20 20\"\n                    preserveAspectRatio=\"xMidYMid\"\n                    focusable=\"false\"\n                    aria-labelledby=\"" + playVideoString + "\"\n                    role=\"img\"\n                    class=\"lg-video-play-icon\"\n                >\n                    <title>" + playVideoString + "</title>\n                    <polygon class=\"lg-video-play-icon-inner\" points=\"1,0 20,10 1,20\"></polygon>\n                </svg>\n                <svg class=\"lg-video-play-icon-bg\" viewBox=\"0 0 50 50\" focusable=\"false\">\n                    <circle cx=\"50%\" cy=\"50%\" r=\"20\"></circle></svg>\n                <svg class=\"lg-video-play-icon-circle\" viewBox=\"0 0 50 50\" focusable=\"false\">\n                    <circle cx=\"50%\" cy=\"50%\" r=\"20\"></circle>\n                </svg>\n            </div>\n            " + (dummyImg || '') + "\n            <img class=\"lg-object lg-video-poster\" src=\"" + _poster + "\" />\n        </div>";
+        var _dummy = dummyImg;
+        if (typeof dummyImg !== 'string') {
+            _dummy = dummyImg.outerHTML;
+        }
+        return "<div class=\"lg-video-cont " + videoClass + "\" style=\"" + videoContStyle + "\">\n                <div class=\"lg-video-play-button\">\n                <svg\n                    viewBox=\"0 0 20 20\"\n                    preserveAspectRatio=\"xMidYMid\"\n                    focusable=\"false\"\n                    aria-labelledby=\"" + playVideoString + "\"\n                    role=\"img\"\n                    class=\"lg-video-play-icon\"\n                >\n                    <title>" + playVideoString + "</title>\n                    <polygon class=\"lg-video-play-icon-inner\" points=\"1,0 20,10 1,20\"></polygon>\n                </svg>\n                <svg class=\"lg-video-play-icon-bg\" viewBox=\"0 0 50 50\" focusable=\"false\">\n                    <circle cx=\"50%\" cy=\"50%\" r=\"20\"></circle></svg>\n                <svg class=\"lg-video-play-icon-circle\" viewBox=\"0 0 50 50\" focusable=\"false\">\n                    <circle cx=\"50%\" cy=\"50%\" r=\"20\"></circle>\n                </svg>\n            </div>\n            " + _dummy + "\n            <img class=\"lg-object lg-video-poster\" src=\"" + _poster + "\" />\n        </div>";
     },
     getFocusableElements: function (container) {
         var elements = container.querySelectorAll('a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])');
@@ -252,6 +277,7 @@ var utils = {
             dynamicEl.alt = alt || title || '';
             dynamicElements.push(dynamicEl);
         });
+        console.log(dynamicElements, 'dynamicElements');
         return dynamicElements;
     },
     isMobile: function () {