lightgallery 2.9.0 → 3.0.0-beta.2

package/dist/plugins/justified/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "lightgallery/plugins/justified",
+  "private": true,
+  "main": "lg-justified.umd.js",
+  "module": "lg-justified.es5.js",
+  "typings": "lg-justified.d.ts"
+}

package/dist/plugins/mediumZoom/lg-medium-zoom.es5.js

@@ -0,0 +1,95 @@
+/*!
+ * lightgallery | 3.0.0-beta.2 | October 1st 2026
+ * http://www.lightgalleryjs.com/
+ * Copyright (c) 2020 Sachin Neravath;
+ * @license GPLv3
+ */
+function isToolbarEventPath(path) {
+  return path.some(
+    (node) => {
+      var _a;
+      return !!((_a = node.classList) == null ? void 0 : _a.contains("lg-toolbar"));
+    }
+  );
+}
+const lGEvents = {
+  beforeOpen: "lgBeforeOpen"
+};
+const mediumZoomSettings = {
+  margin: 40,
+  mediumZoom: true,
+  backgroundColor: "#000"
+};
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+class MediumZoom {
+  constructor(instance, $LG) {
+    this.core = instance;
+    this.$LG = $LG;
+    this.core.getMediaContainerPosition = () => {
+      return {
+        top: this.settings.margin,
+        bottom: this.settings.margin
+      };
+    };
+    const defaultSettings = {
+      controls: false,
+      download: false,
+      counter: false,
+      showCloseIcon: false,
+      extraProps: ["lgBackgroundColor"],
+      closeOnTap: false,
+      enableSwipe: false,
+      enableDrag: false,
+      swipeToClose: false,
+      addClass: this.core.settings.addClass + " lg-medium-zoom"
+    };
+    this.core.settings = __spreadValues(__spreadValues({}, this.core.settings), defaultSettings);
+    this.settings = __spreadValues(__spreadValues(__spreadValues({}, mediumZoomSettings), this.core.settings), defaultSettings);
+    return this;
+  }
+  toggleItemClass() {
+    for (let index = 0; index < this.core.items.length; index++) {
+      const $element = this.$LG(this.core.items[index]);
+      $element.toggleClass("lg-medium-zoom-item");
+    }
+  }
+  init() {
+    if (!this.settings.mediumZoom) {
+      return;
+    }
+    this.core.LGel.on(`${lGEvents.beforeOpen}.medium`, () => {
+      this.core.$backdrop.css(
+        "background-color",
+        this.core.galleryItems[this.core.index].lgBackgroundColor || this.settings.backgroundColor
+      );
+    });
+    this.toggleItemClass();
+    this.core.outer.on("click.lg.medium", (event) => {
+      if (!isToolbarEventPath(event.composedPath())) {
+        this.core.closeGallery();
+      }
+    });
+  }
+  destroy() {
+    this.toggleItemClass();
+  }
+}
+export {
+  MediumZoom as default
+};
+//# sourceMappingURL=lg-medium-zoom.es5.js.map

package/dist/plugins/mediumZoom/lg-medium-zoom.es5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lg-medium-zoom.es5.js","sources":["../../../packages/headless/src/toolbar-overflow.ts","../../../src/lg-events.ts","../../../src/plugins/mediumZoom/lg-medium-zoom-settings.ts","../../../src/plugins/mediumZoom/lg-medium-zoom.ts"],"sourcesContent":["/**\n * Toolbar overflow: when the toolbar's icon buttons do not fit on one row\n * beside the counter, the lowest-priority buttons move into a \"More\n * options\" menu. Pure layout arithmetic over measured widths; each runtime\n * measures its own DOM, applies the result and renders the menu.\n */\n\n/** Priority of a button that never moves into the menu (close). */\nexport const TOOLBAR_PINNED = Number.POSITIVE_INFINITY;\n\n/** Priority of a button the table does not know (custom plugin buttons). */\nexport const TOOLBAR_DEFAULT_PRIORITY = 20;\n\n/**\n * Higher stays in the row longer. Keyed by the class each button carries\n * in every runtime; the first matching class wins.\n */\nconst PRIORITY_BY_CLASS: ReadonlyArray<readonly [string, number]> = [\n    ['lg-close', TOOLBAR_PINNED],\n    ['lg-share', 30],\n    ['lg-autoplay-button', 30],\n    ['lg-download', 30],\n    ['lg-fullscreen', 20],\n    ['lg-toggle-thumb', 20],\n    ['lg-comment-toggle', 20],\n    ['lg-maximize', 10],\n    ['lg-rotate-left', 10],\n    ['lg-rotate-right', 10],\n    ['lg-flip-hor', 10],\n    ['lg-flip-ver', 10],\n    // Gesture duplicates go first: pinch and double-tap do the same.\n    ['lg-zoom-in', 0],\n    ['lg-zoom-out', 0],\n    ['lg-actual-size', 0],\n];\n\n/** Overflow priority of a toolbar button from its class names. */\nexport function getToolbarItemPriority(classList: Iterable<string>): number {\n    const classes = new Set(classList);\n    for (const [className, priority] of PRIORITY_BY_CLASS) {\n        if (classes.has(className)) {\n            return priority;\n        }\n    }\n    return TOOLBAR_DEFAULT_PRIORITY;\n}\n\nexport interface ToolbarOverflowItem {\n    /** Measured width, px. */\n    width: number;\n    /** From {@link getToolbarItemPriority}; higher stays longer. */\n    priority: number;\n}\n\nexport interface ToolbarOverflowInput {\n    /** Width of the toolbar row, px. */\n    available: number;\n    /** Width taken by content that never moves (the counter), px. */\n    reserved: number;\n    /** Width of the More button, px. */\n    moreWidth: number;\n    /** The toolbar's icon buttons, in DOM order. */\n    items: readonly ToolbarOverflowItem[];\n}\n\n/**\n * Indices (in DOM order) of the buttons that move into the menu; empty\n * when everything fits, or when the toolbar has no width yet (not laid\n * out). Lowest priority moves first; among equals, the button later in\n * DOM order goes first, which is the one furthest from the close button.\n * The More button's own width is paid as soon as anything moves.\n */\nexport function getToolbarOverflow({\n    available,\n    reserved,\n    moreWidth,\n    items,\n}: ToolbarOverflowInput): number[] {\n    if (available <= 0) {\n        return [];\n    }\n    const total = items.reduce((sum, item) => sum + item.width, 0);\n    if (reserved + total <= available) {\n        return [];\n    }\n    const candidates = items\n        .map((item, index) => ({ ...item, index }))\n        .filter((item) => item.priority !== TOOLBAR_PINNED)\n        .sort((a, b) => a.priority - b.priority || b.index - a.index);\n    let used = reserved + moreWidth + total;\n    const moved: number[] = [];\n    for (const item of candidates) {\n        if (used <= available) {\n            break;\n        }\n        moved.push(item.index);\n        used -= item.width;\n    }\n    return moved.sort((a, b) => a - b);\n}\n\n/**\n * Whether a click's event path runs through the toolbar. Clicks there are\n * controls, not a tap on the backdrop: Medium zoom closes on the latter\n * only. The path (`event.composedPath()`) still lists a More menu item the\n * click already removed from the document.\n */\nexport function isToolbarEventPath(path: readonly unknown[]): boolean {\n    return path.some(\n        (node) =>\n            !!(\n                node as { classList?: { contains(name: string): boolean } }\n            ).classList?.contains('lg-toolbar'),\n    );\n}\n\n/**\n * Class names of the backdrop around the slide, where a tap closes the\n * gallery (`closeOnTap`) and a drag starts a swipe.\n */\nconst BACKDROP_CLASS_NAMES = [\n    'lg-outer',\n    'lg-item',\n    'lg-img-wrap',\n    'lg-img-rotate',\n];\n\n/** What the dismissal of a toolbar menu reads from the dismissing press. */\nexport interface MenuDismissEvent {\n    target: unknown;\n    preventDefault(): void;\n    stopPropagation(): void;\n}\n\n/**\n * A press outside an open toolbar menu (the More options menu, the share\n * dropdown) dismisses it. A press on a control passes through, so one\n * click on another toolbar button both dismisses the menu and runs the\n * button. A press on the backdrop around the slide is consumed instead:\n * there the gallery's own tap-to-close and drag would fire, and\n * dismissing a menu must not also close the gallery. Cancelling the\n * pointerdown suppresses the compatibility mouse events the vanilla\n * runtime listens to; stopping it keeps the pointer-driven runtimes'\n * handlers from arming. Returns whether the press was consumed.\n */\nexport function consumeBackdropPress(event: MenuDismissEvent): boolean {\n    const classList = (\n        event.target as {\n            classList?: { contains(name: string): boolean };\n        } | null\n    )?.classList;\n    if (\n        !classList ||\n        !BACKDROP_CLASS_NAMES.some((name) => classList.contains(name))\n    ) {\n        return false;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n    return true;\n}\n","import { LightGallery } from './lightgallery';\nimport { VideoSource } from './plugins/video/types';\n\n/**\n * List of lightGallery events\n * All events should be documented here\n * Below interfaces are used to build the website documentations\n * */\nexport const lGEvents: {\n    [key: string]: string;\n} = {\n    afterAppendSlide: 'lgAfterAppendSlide',\n    init: 'lgInit',\n    hasVideo: 'lgHasVideo',\n    containerResize: 'lgContainerResize',\n    updateSlides: 'lgUpdateSlides',\n    afterAppendSubHtml: 'lgAfterAppendSubHtml',\n    beforeOpen: 'lgBeforeOpen',\n    afterOpen: 'lgAfterOpen',\n    slideItemLoad: 'lgSlideItemLoad',\n    beforeSlide: 'lgBeforeSlide',\n    afterSlide: 'lgAfterSlide',\n    posterClick: 'lgPosterClick',\n    dragStart: 'lgDragStart',\n    dragMove: 'lgDragMove',\n    dragEnd: 'lgDragEnd',\n    beforeNextSlide: 'lgBeforeNextSlide',\n    beforePrevSlide: 'lgBeforePrevSlide',\n    beforeClose: 'lgBeforeClose',\n    afterClose: 'lgAfterClose',\n    rotateLeft: 'lgRotateLeft',\n    rotateRight: 'lgRotateRight',\n    flipHorizontal: 'lgFlipHorizontal',\n    flipVertical: 'lgFlipVertical',\n    autoplay: 'lgAutoplay',\n    autoplayStart: 'lgAutoplayStart',\n    autoplayStop: 'lgAutoplayStop',\n};\n\n// Follow the below format for the event documentation\n// @method is the method name when event is used with Angular/React components\n\n/**\n * Fired only once when lightGallery is initialized\n * @name lgInit\n * @method onInit\n * @example\n *   const lg = document.getElementById('custom-events-demo');\n *   // Perform any action on lightGallery initialization.\n *   // Init event returns the plugin instance that can be used to call any lightGalley public method\n *   let pluginInstance = null;\n *   lg.addEventListener('lgInit', (event) => {\n *      pluginInstance = event.detail.instance;\n *   });\n *   lightGallery(lg);\n * @see <a href=\"/docs/methods/\">Methods</a>\n */\nexport interface InitDetail {\n    /**\n     * lightGallery plugin instance\n     */\n    instance: LightGallery;\n}\n\n/**\n * Fired when the slide content has been inserted into it's slide container.\n * @name lgAfterAppendSlide\n * @method onAfterAppendSlide\n */\nexport interface AfterAppendSlideEventDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired immediately before opening the gallery\n * @name lgBeforeOpen\n * @method onBeforeOpen\n */\nexport interface BeforeOpenDetail {}\n\n/**\n * Fired immediately after opening the gallery\n * @name lgAfterOpen\n * @method onAfterOpen\n */\nexport interface AfterOpenDetail {}\n\n/**\n * Fired once the media inside the slide has been completely loaded .\n * @name lgSlideItemLoad\n * @method onSlideItemLoad\n */\nexport interface SlideItemLoadDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n    /**\n     * For the first slide, lightGallery adds some delay for displaying the loaded slide item.\n     * This delay is required for the transition effect when the slide item is displayed\n     * Respect the delay when you use this event\n     */\n    delay: number;\n\n    // Will be true for the first slide\n    isFirstSlide: boolean;\n}\n\n/**\n * Fired immediately before each slide transition.\n * @name lgBeforeSlide\n * @method onBeforeSlide\n * @example\n *   const lg = document.getElementById('custom-events-demo');\n *   // Perform any action before each slide transition\n *   lg.addEventListener('lgBeforeSlide', (event) => {\n *       const { index, prevIndex } = event.detail;\n *       alert(index, prevIndex);\n *   });\n *   lightGallery(lg);\n */\nexport interface BeforeSlideDetail {\n    /**\n     * Index of the previous slide\n     */\n    prevIndex: number;\n    /**\n     * Index of the slide\n     */\n    index: number;\n    /**\n     * true if slide function called via touch event or mouse drag\n     */\n    fromTouch: boolean;\n    /**\n     * true if slide function called via thumbnail click\n     */\n    fromThumb: boolean;\n}\n\n/**\n * Fired immediately after each slide transition.\n * @name lgAfterSlide\n * @method onAfterSlide\n */\nexport interface AfterSlideDetail {\n    /**\n     * Index of the previous slide\n     */\n    prevIndex: number;\n    /**\n     * Index of the slide\n     */\n    index: number;\n    /**\n     * true if slide function called via touch event or mouse drag\n     */\n    fromTouch: boolean;\n    /**\n     * true if slide function called via thumbnail click\n     */\n    fromThumb: boolean;\n}\n\n/**\n * Fired when the video poster is clicked.\n * @name lgPosterClick\n * @method onPosterClick\n */\nexport interface PosterClickDetail {}\n\n/**\n * Fired when the drag event to move to different slide starts.\n * @name lgDragStart\n * @method onDragStart\n */\nexport interface DragStartDetail {}\n\n/**\n * Fired periodically during the drag operation.\n * @name lgDragMove\n * @method onDragMove\n */\nexport interface DragMoveDetail {}\n\n/**\n * Fired when the user has finished the drag operation\n * @name lgDragEnd\n * @method onDragEnd\n */\nexport interface DragEndDetail {}\n\n/**\n * Fired immediately before the start of the close process.\n * @name lgBeforeClose\n * @method onBeforeClose\n */\nexport interface BeforeCloseDetail {}\n\n/**\n * Fired immediately once lightGallery is closed.\n * @name lgAfterClose\n * @method onAfterClose\n */\nexport interface AfterCloseDetail {\n    /**\n     * lightGallery plugin instance\n     */\n    instance: LightGallery;\n}\n\n/**\n * Fired immediately before each \"next\" slide transition\n * @name lgBeforeNextSlide\n * @method onBeforeNextSlide\n */\nexport interface BeforeNextSlideDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n    /**\n     * true if slide function called via touch event or mouse drag\n     */\n    fromTouch: boolean;\n}\n\n/**\n * Fired immediately before each \"prev\" slide transition\n * @name lgBeforePrevSlide\n * @method onBeforePrevSlide\n */\nexport interface BeforePrevSlideDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n    /**\n     * true if slide function called via touch event or mouse drag\n     */\n    fromTouch: boolean;\n}\n\n/**\n * Fired when the sub-html content (ex : title/ description) has been appended into the slide.\n * @name lgAfterAppendSubHtml\n * @method onAfterAppendSubHtml\n */\nexport interface AfterAppendSubHtmlDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired when the lightGallery container has been resized.\n * @name lgContainerResize\n * @method onContainerResize\n */\nexport interface ContainerResizeDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired when lightGallery detects video slide\n * @name lgHasVideo\n * @method onHasVideo\n */\nexport interface HasVideoDetail {\n    /**\n     * Index of the slide,\n     */\n    index: number;\n    /**\n     * Video source\n     */\n    src: string;\n    /**\n     * HTML5 video source if available\n     * <p>\n       HTML5 video source = source: {\n            src: string;\n            type: string;\n        }[];\n        attributes: HTMLVideoElement;\n     * </p>\n     */\n    html5Video: VideoSource;\n    /**\n     * True if video has poster\n     */\n    hasPoster: boolean;\n}\n\n/**\n * Fired when the image is rotated in anticlockwise direction\n * @name lgRotateLeft\n * @method onRotateLeft\n */\nexport interface RotateLeftDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired when the image is rotated in clockwise direction\n * @name lgRotateRight\n * @method onRotateRight\n */\nexport interface RotateRightDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired when the image is flipped horizontally\n * @name lgFlipHorizontal\n * @method onFlipHorizontal\n */\nexport interface FlipHorizontalDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired when the image is flipped vertically\n * @name lgFlipVertical\n * @method onFlipVertical\n */\nexport interface FlipVerticalDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n","export interface MediumZoomSettings {\n    /**\n     * Enable/Disable medium like zoom experience\n     */\n    mediumZoom: boolean;\n\n    /**\n     * Space between the gallery outer area and images\n     */\n    margin: number;\n\n    /**\n     * Background color for the gallery\n     * This can be overwritten by passing background color via `lg-background-color` for each item\n     */\n    backgroundColor: string;\n}\n\nexport const mediumZoomSettings: MediumZoomSettings = {\n    margin: 40,\n    mediumZoom: true,\n    backgroundColor: '#000',\n};\n","import { isToolbarEventPath } from '@lightgallery/headless';\n\nimport { lGEvents } from '../../lg-events';\nimport {\n    LightGalleryAllSettings,\n    LightGallerySettings,\n} from '../../lg-settings';\nimport { LgQuery } from '../../lgQuery';\nimport { LightGallery } from '../../lightgallery';\nimport {\n    MediumZoomSettings,\n    mediumZoomSettings,\n} from './lg-medium-zoom-settings';\n\nexport default class MediumZoom {\n    core: LightGallery;\n    settings: MediumZoomSettings;\n    private $LG!: LgQuery;\n    constructor(instance: LightGallery, $LG: LgQuery) {\n        // get lightGallery core plugin instance\n        this.core = instance;\n        this.$LG = $LG;\n\n        // Set margin\n        this.core.getMediaContainerPosition = () => {\n            return {\n                top: this.settings.margin,\n                bottom: this.settings.margin,\n            };\n        };\n\n        // Override some of lightGallery default settings\n        // Typed against the resolved settings shape (strings is the\n        // full contract there), this object never sets strings.\n        const defaultSettings: Partial<LightGalleryAllSettings> = {\n            controls: false,\n            download: false,\n            counter: false,\n            showCloseIcon: false,\n            extraProps: ['lgBackgroundColor'],\n            closeOnTap: false,\n            enableSwipe: false,\n            enableDrag: false,\n            swipeToClose: false,\n            addClass: this.core.settings.addClass + ' lg-medium-zoom',\n        };\n\n        this.core.settings = { ...this.core.settings, ...defaultSettings };\n\n        // extend module default settings with lightGallery core settings\n        this.settings = {\n            ...mediumZoomSettings,\n            ...this.core.settings,\n            ...defaultSettings,\n        };\n\n        return this;\n    }\n\n    private toggleItemClass() {\n        for (let index = 0; index < this.core.items.length; index++) {\n            const $element = this.$LG(this.core.items[index]);\n            $element.toggleClass('lg-medium-zoom-item');\n        }\n    }\n\n    init(): void {\n        if (!this.settings.mediumZoom) {\n            return;\n        }\n        this.core.LGel.on(`${lGEvents.beforeOpen}.medium`, () => {\n            this.core.$backdrop.css(\n                'background-color',\n                this.core.galleryItems[this.core.index].lgBackgroundColor ||\n                    this.settings.backgroundColor,\n            );\n        });\n        this.toggleItemClass();\n\n        this.core.outer.on('click.lg.medium', (event: Event) => {\n            // Toolbar buttons are controls, not a tap on the backdrop.\n            if (!isToolbarEventPath(event.composedPath())) {\n                this.core.closeGallery();\n            }\n        });\n    }\n\n    destroy(): void {\n        this.toggleItemClass();\n    }\n}\n"],"names":[],"mappings":";;;;;;AA2GO,SAAS,mBAAmB,MAAmC;AAClE,SAAO,KAAK;AAAA,IACR,CAAC,SAAM;AA7Gf,UAAA;AA8GY,aAAA,CAAC,GACG,KAAA,KACF,cADE,OAAA,SAAA,GACS,SAAS,YAAA;AAAA,IAAA;AAAA,EAAA;AAElC;AC1GO,MAAM,WAET;AAAA,EAOA,YAAY;AAoBhB;ACnBO,MAAM,qBAAyC;AAAA,EAClD,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,iBAAiB;AACrB;;;;;;;;;;;;;;;;;ACRA,MAAqB,WAAW;AAAA,EAI5B,YAAY,UAAwB,KAAc;AAE9C,SAAK,OAAO;AACZ,SAAK,MAAM;AAGX,SAAK,KAAK,4BAA4B,MAAM;AACxC,aAAO;AAAA,QACH,KAAK,KAAK,SAAS;AAAA,QACnB,QAAQ,KAAK,SAAS;AAAA,MAAA;AAAA,IAE9B;AAKA,UAAM,kBAAoD;AAAA,MACtD,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY,CAAC,mBAAmB;AAAA,MAChC,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,UAAU,KAAK,KAAK,SAAS,WAAW;AAAA,IAAA;AAG5C,SAAK,KAAK,WAAW,eAAA,eAAA,IAAK,KAAK,KAAK,QAAA,GAAa,eAAA;AAGjD,SAAK,WAAW,eAAA,eAAA,eAAA,CAAA,GACT,kBAAA,GACA,KAAK,KAAK,QAAA,GACV,eAAA;AAGP,WAAO;AAAA,EACX;AAAA,EAEQ,kBAAkB;AACtB,aAAS,QAAQ,GAAG,QAAQ,KAAK,KAAK,MAAM,QAAQ,SAAS;AACzD,YAAM,WAAW,KAAK,IAAI,KAAK,KAAK,MAAM,KAAK,CAAC;AAChD,eAAS,YAAY,qBAAqB;AAAA,IAC9C;AAAA,EACJ;AAAA,EAEA,OAAa;AACT,QAAI,CAAC,KAAK,SAAS,YAAY;AAC3B;AAAA,IACJ;AACA,SAAK,KAAK,KAAK,GAAG,GAAG,SAAS,UAAU,WAAW,MAAM;AACrD,WAAK,KAAK,UAAU;AAAA,QAChB;AAAA,QACA,KAAK,KAAK,aAAa,KAAK,KAAK,KAAK,EAAE,qBACpC,KAAK,SAAS;AAAA,MAAA;AAAA,IAE1B,CAAC;AACD,SAAK,gBAAA;AAEL,SAAK,KAAK,MAAM,GAAG,mBAAmB,CAAC,UAAiB;AAEpD,UAAI,CAAC,mBAAmB,MAAM,aAAA,CAAc,GAAG;AAC3C,aAAK,KAAK,aAAA;AAAA,MACd;AAAA,IACJ,CAAC;AAAA,EACL;AAAA,EAEA,UAAgB;AACZ,SAAK,gBAAA;AAAA,EACT;AACJ;"}

package/dist/plugins/mediumZoom/lg-medium-zoom.min.js

@@ -0,0 +1 @@
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o():"function"==typeof define&&define.amd?define(o):(e="undefined"!=typeof globalThis?globalThis:e||self).lgMediumZoom=o()}(this,function(){"use strict";const e="lgBeforeOpen",o={margin:40,mediumZoom:!0,backgroundColor:"#000"};var t=Object.defineProperty,s=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,n=(e,o,s)=>o in e?t(e,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[o]=s,l=(e,o)=>{for(var t in o||(o={}))i.call(o,t)&&n(e,t,o[t]);if(s)for(var t of s(o))r.call(o,t)&&n(e,t,o[t]);return e};return class{constructor(e,t){this.core=e,this.$LG=t,this.core.getMediaContainerPosition=()=>({top:this.settings.margin,bottom:this.settings.margin});const s={controls:!1,download:!1,counter:!1,showCloseIcon:!1,extraProps:["lgBackgroundColor"],closeOnTap:!1,enableSwipe:!1,enableDrag:!1,swipeToClose:!1,addClass:this.core.settings.addClass+" lg-medium-zoom"};return this.core.settings=l(l({},this.core.settings),s),this.settings=l(l(l({},o),this.core.settings),s),this}toggleItemClass(){for(let e=0;e<this.core.items.length;e++){this.$LG(this.core.items[e]).toggleClass("lg-medium-zoom-item")}}init(){this.settings.mediumZoom&&(this.core.LGel.on(`${e}.medium`,()=>{this.core.$backdrop.css("background-color",this.core.galleryItems[this.core.index].lgBackgroundColor||this.settings.backgroundColor)}),this.toggleItemClass(),this.core.outer.on("click.lg.medium",e=>{e.composedPath().some(e=>{var o;return!!(null==(o=e.classList)?void 0:o.contains("lg-toolbar"))})||this.core.closeGallery()}))}destroy(){this.toggleItemClass()}}});

package/dist/plugins/mediumZoom/lg-medium-zoom.umd.js

@@ -0,0 +1,98 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? module.exports = factory() : typeof define === "function" && define.amd ? define(factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, global.lgMediumZoom = factory());
+})(this, function() {
+  "use strict";/*!
+ * lightgallery | 3.0.0-beta.2 | October 1st 2026
+ * http://www.lightgalleryjs.com/
+ * Copyright (c) 2020 Sachin Neravath;
+ * @license GPLv3
+ */
+
+  function isToolbarEventPath(path) {
+    return path.some(
+      (node) => {
+        var _a;
+        return !!((_a = node.classList) == null ? void 0 : _a.contains("lg-toolbar"));
+      }
+    );
+  }
+  const lGEvents = {
+    beforeOpen: "lgBeforeOpen"
+  };
+  const mediumZoomSettings = {
+    margin: 40,
+    mediumZoom: true,
+    backgroundColor: "#000"
+  };
+  var __defProp = Object.defineProperty;
+  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __propIsEnum = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(b)) {
+        if (__propIsEnum.call(b, prop))
+          __defNormalProp(a, prop, b[prop]);
+      }
+    return a;
+  };
+  class MediumZoom {
+    constructor(instance, $LG) {
+      this.core = instance;
+      this.$LG = $LG;
+      this.core.getMediaContainerPosition = () => {
+        return {
+          top: this.settings.margin,
+          bottom: this.settings.margin
+        };
+      };
+      const defaultSettings = {
+        controls: false,
+        download: false,
+        counter: false,
+        showCloseIcon: false,
+        extraProps: ["lgBackgroundColor"],
+        closeOnTap: false,
+        enableSwipe: false,
+        enableDrag: false,
+        swipeToClose: false,
+        addClass: this.core.settings.addClass + " lg-medium-zoom"
+      };
+      this.core.settings = __spreadValues(__spreadValues({}, this.core.settings), defaultSettings);
+      this.settings = __spreadValues(__spreadValues(__spreadValues({}, mediumZoomSettings), this.core.settings), defaultSettings);
+      return this;
+    }
+    toggleItemClass() {
+      for (let index = 0; index < this.core.items.length; index++) {
+        const $element = this.$LG(this.core.items[index]);
+        $element.toggleClass("lg-medium-zoom-item");
+      }
+    }
+    init() {
+      if (!this.settings.mediumZoom) {
+        return;
+      }
+      this.core.LGel.on(`${lGEvents.beforeOpen}.medium`, () => {
+        this.core.$backdrop.css(
+          "background-color",
+          this.core.galleryItems[this.core.index].lgBackgroundColor || this.settings.backgroundColor
+        );
+      });
+      this.toggleItemClass();
+      this.core.outer.on("click.lg.medium", (event) => {
+        if (!isToolbarEventPath(event.composedPath())) {
+          this.core.closeGallery();
+        }
+      });
+    }
+    destroy() {
+      this.toggleItemClass();
+    }
+  }
+  return MediumZoom;
+});
+//# sourceMappingURL=lg-medium-zoom.umd.js.map

package/dist/plugins/mediumZoom/lg-medium-zoom.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lg-medium-zoom.umd.js","sources":["../../../packages/headless/src/toolbar-overflow.ts","../../../src/lg-events.ts","../../../src/plugins/mediumZoom/lg-medium-zoom-settings.ts","../../../src/plugins/mediumZoom/lg-medium-zoom.ts"],"sourcesContent":["/**\n * Toolbar overflow: when the toolbar's icon buttons do not fit on one row\n * beside the counter, the lowest-priority buttons move into a \"More\n * options\" menu. Pure layout arithmetic over measured widths; each runtime\n * measures its own DOM, applies the result and renders the menu.\n */\n\n/** Priority of a button that never moves into the menu (close). */\nexport const TOOLBAR_PINNED = Number.POSITIVE_INFINITY;\n\n/** Priority of a button the table does not know (custom plugin buttons). */\nexport const TOOLBAR_DEFAULT_PRIORITY = 20;\n\n/**\n * Higher stays in the row longer. Keyed by the class each button carries\n * in every runtime; the first matching class wins.\n */\nconst PRIORITY_BY_CLASS: ReadonlyArray<readonly [string, number]> = [\n    ['lg-close', TOOLBAR_PINNED],\n    ['lg-share', 30],\n    ['lg-autoplay-button', 30],\n    ['lg-download', 30],\n    ['lg-fullscreen', 20],\n    ['lg-toggle-thumb', 20],\n    ['lg-comment-toggle', 20],\n    ['lg-maximize', 10],\n    ['lg-rotate-left', 10],\n    ['lg-rotate-right', 10],\n    ['lg-flip-hor', 10],\n    ['lg-flip-ver', 10],\n    // Gesture duplicates go first: pinch and double-tap do the same.\n    ['lg-zoom-in', 0],\n    ['lg-zoom-out', 0],\n    ['lg-actual-size', 0],\n];\n\n/** Overflow priority of a toolbar button from its class names. */\nexport function getToolbarItemPriority(classList: Iterable<string>): number {\n    const classes = new Set(classList);\n    for (const [className, priority] of PRIORITY_BY_CLASS) {\n        if (classes.has(className)) {\n            return priority;\n        }\n    }\n    return TOOLBAR_DEFAULT_PRIORITY;\n}\n\nexport interface ToolbarOverflowItem {\n    /** Measured width, px. */\n    width: number;\n    /** From {@link getToolbarItemPriority}; higher stays longer. */\n    priority: number;\n}\n\nexport interface ToolbarOverflowInput {\n    /** Width of the toolbar row, px. */\n    available: number;\n    /** Width taken by content that never moves (the counter), px. */\n    reserved: number;\n    /** Width of the More button, px. */\n    moreWidth: number;\n    /** The toolbar's icon buttons, in DOM order. */\n    items: readonly ToolbarOverflowItem[];\n}\n\n/**\n * Indices (in DOM order) of the buttons that move into the menu; empty\n * when everything fits, or when the toolbar has no width yet (not laid\n * out). Lowest priority moves first; among equals, the button later in\n * DOM order goes first, which is the one furthest from the close button.\n * The More button's own width is paid as soon as anything moves.\n */\nexport function getToolbarOverflow({\n    available,\n    reserved,\n    moreWidth,\n    items,\n}: ToolbarOverflowInput): number[] {\n    if (available <= 0) {\n        return [];\n    }\n    const total = items.reduce((sum, item) => sum + item.width, 0);\n    if (reserved + total <= available) {\n        return [];\n    }\n    const candidates = items\n        .map((item, index) => ({ ...item, index }))\n        .filter((item) => item.priority !== TOOLBAR_PINNED)\n        .sort((a, b) => a.priority - b.priority || b.index - a.index);\n    let used = reserved + moreWidth + total;\n    const moved: number[] = [];\n    for (const item of candidates) {\n        if (used <= available) {\n            break;\n        }\n        moved.push(item.index);\n        used -= item.width;\n    }\n    return moved.sort((a, b) => a - b);\n}\n\n/**\n * Whether a click's event path runs through the toolbar. Clicks there are\n * controls, not a tap on the backdrop: Medium zoom closes on the latter\n * only. The path (`event.composedPath()`) still lists a More menu item the\n * click already removed from the document.\n */\nexport function isToolbarEventPath(path: readonly unknown[]): boolean {\n    return path.some(\n        (node) =>\n            !!(\n                node as { classList?: { contains(name: string): boolean } }\n            ).classList?.contains('lg-toolbar'),\n    );\n}\n\n/**\n * Class names of the backdrop around the slide, where a tap closes the\n * gallery (`closeOnTap`) and a drag starts a swipe.\n */\nconst BACKDROP_CLASS_NAMES = [\n    'lg-outer',\n    'lg-item',\n    'lg-img-wrap',\n    'lg-img-rotate',\n];\n\n/** What the dismissal of a toolbar menu reads from the dismissing press. */\nexport interface MenuDismissEvent {\n    target: unknown;\n    preventDefault(): void;\n    stopPropagation(): void;\n}\n\n/**\n * A press outside an open toolbar menu (the More options menu, the share\n * dropdown) dismisses it. A press on a control passes through, so one\n * click on another toolbar button both dismisses the menu and runs the\n * button. A press on the backdrop around the slide is consumed instead:\n * there the gallery's own tap-to-close and drag would fire, and\n * dismissing a menu must not also close the gallery. Cancelling the\n * pointerdown suppresses the compatibility mouse events the vanilla\n * runtime listens to; stopping it keeps the pointer-driven runtimes'\n * handlers from arming. Returns whether the press was consumed.\n */\nexport function consumeBackdropPress(event: MenuDismissEvent): boolean {\n    const classList = (\n        event.target as {\n            classList?: { contains(name: string): boolean };\n        } | null\n    )?.classList;\n    if (\n        !classList ||\n        !BACKDROP_CLASS_NAMES.some((name) => classList.contains(name))\n    ) {\n        return false;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n    return true;\n}\n","import { LightGallery } from './lightgallery';\nimport { VideoSource } from './plugins/video/types';\n\n/**\n * List of lightGallery events\n * All events should be documented here\n * Below interfaces are used to build the website documentations\n * */\nexport const lGEvents: {\n    [key: string]: string;\n} = {\n    afterAppendSlide: 'lgAfterAppendSlide',\n    init: 'lgInit',\n    hasVideo: 'lgHasVideo',\n    containerResize: 'lgContainerResize',\n    updateSlides: 'lgUpdateSlides',\n    afterAppendSubHtml: 'lgAfterAppendSubHtml',\n    beforeOpen: 'lgBeforeOpen',\n    afterOpen: 'lgAfterOpen',\n    slideItemLoad: 'lgSlideItemLoad',\n    beforeSlide: 'lgBeforeSlide',\n    afterSlide: 'lgAfterSlide',\n    posterClick: 'lgPosterClick',\n    dragStart: 'lgDragStart',\n    dragMove: 'lgDragMove',\n    dragEnd: 'lgDragEnd',\n    beforeNextSlide: 'lgBeforeNextSlide',\n    beforePrevSlide: 'lgBeforePrevSlide',\n    beforeClose: 'lgBeforeClose',\n    afterClose: 'lgAfterClose',\n    rotateLeft: 'lgRotateLeft',\n    rotateRight: 'lgRotateRight',\n    flipHorizontal: 'lgFlipHorizontal',\n    flipVertical: 'lgFlipVertical',\n    autoplay: 'lgAutoplay',\n    autoplayStart: 'lgAutoplayStart',\n    autoplayStop: 'lgAutoplayStop',\n};\n\n// Follow the below format for the event documentation\n// @method is the method name when event is used with Angular/React components\n\n/**\n * Fired only once when lightGallery is initialized\n * @name lgInit\n * @method onInit\n * @example\n *   const lg = document.getElementById('custom-events-demo');\n *   // Perform any action on lightGallery initialization.\n *   // Init event returns the plugin instance that can be used to call any lightGalley public method\n *   let pluginInstance = null;\n *   lg.addEventListener('lgInit', (event) => {\n *      pluginInstance = event.detail.instance;\n *   });\n *   lightGallery(lg);\n * @see <a href=\"/docs/methods/\">Methods</a>\n */\nexport interface InitDetail {\n    /**\n     * lightGallery plugin instance\n     */\n    instance: LightGallery;\n}\n\n/**\n * Fired when the slide content has been inserted into it's slide container.\n * @name lgAfterAppendSlide\n * @method onAfterAppendSlide\n */\nexport interface AfterAppendSlideEventDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired immediately before opening the gallery\n * @name lgBeforeOpen\n * @method onBeforeOpen\n */\nexport interface BeforeOpenDetail {}\n\n/**\n * Fired immediately after opening the gallery\n * @name lgAfterOpen\n * @method onAfterOpen\n */\nexport interface AfterOpenDetail {}\n\n/**\n * Fired once the media inside the slide has been completely loaded .\n * @name lgSlideItemLoad\n * @method onSlideItemLoad\n */\nexport interface SlideItemLoadDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n    /**\n     * For the first slide, lightGallery adds some delay for displaying the loaded slide item.\n     * This delay is required for the transition effect when the slide item is displayed\n     * Respect the delay when you use this event\n     */\n    delay: number;\n\n    // Will be true for the first slide\n    isFirstSlide: boolean;\n}\n\n/**\n * Fired immediately before each slide transition.\n * @name lgBeforeSlide\n * @method onBeforeSlide\n * @example\n *   const lg = document.getElementById('custom-events-demo');\n *   // Perform any action before each slide transition\n *   lg.addEventListener('lgBeforeSlide', (event) => {\n *       const { index, prevIndex } = event.detail;\n *       alert(index, prevIndex);\n *   });\n *   lightGallery(lg);\n */\nexport interface BeforeSlideDetail {\n    /**\n     * Index of the previous slide\n     */\n    prevIndex: number;\n    /**\n     * Index of the slide\n     */\n    index: number;\n    /**\n     * true if slide function called via touch event or mouse drag\n     */\n    fromTouch: boolean;\n    /**\n     * true if slide function called via thumbnail click\n     */\n    fromThumb: boolean;\n}\n\n/**\n * Fired immediately after each slide transition.\n * @name lgAfterSlide\n * @method onAfterSlide\n */\nexport interface AfterSlideDetail {\n    /**\n     * Index of the previous slide\n     */\n    prevIndex: number;\n    /**\n     * Index of the slide\n     */\n    index: number;\n    /**\n     * true if slide function called via touch event or mouse drag\n     */\n    fromTouch: boolean;\n    /**\n     * true if slide function called via thumbnail click\n     */\n    fromThumb: boolean;\n}\n\n/**\n * Fired when the video poster is clicked.\n * @name lgPosterClick\n * @method onPosterClick\n */\nexport interface PosterClickDetail {}\n\n/**\n * Fired when the drag event to move to different slide starts.\n * @name lgDragStart\n * @method onDragStart\n */\nexport interface DragStartDetail {}\n\n/**\n * Fired periodically during the drag operation.\n * @name lgDragMove\n * @method onDragMove\n */\nexport interface DragMoveDetail {}\n\n/**\n * Fired when the user has finished the drag operation\n * @name lgDragEnd\n * @method onDragEnd\n */\nexport interface DragEndDetail {}\n\n/**\n * Fired immediately before the start of the close process.\n * @name lgBeforeClose\n * @method onBeforeClose\n */\nexport interface BeforeCloseDetail {}\n\n/**\n * Fired immediately once lightGallery is closed.\n * @name lgAfterClose\n * @method onAfterClose\n */\nexport interface AfterCloseDetail {\n    /**\n     * lightGallery plugin instance\n     */\n    instance: LightGallery;\n}\n\n/**\n * Fired immediately before each \"next\" slide transition\n * @name lgBeforeNextSlide\n * @method onBeforeNextSlide\n */\nexport interface BeforeNextSlideDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n    /**\n     * true if slide function called via touch event or mouse drag\n     */\n    fromTouch: boolean;\n}\n\n/**\n * Fired immediately before each \"prev\" slide transition\n * @name lgBeforePrevSlide\n * @method onBeforePrevSlide\n */\nexport interface BeforePrevSlideDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n    /**\n     * true if slide function called via touch event or mouse drag\n     */\n    fromTouch: boolean;\n}\n\n/**\n * Fired when the sub-html content (ex : title/ description) has been appended into the slide.\n * @name lgAfterAppendSubHtml\n * @method onAfterAppendSubHtml\n */\nexport interface AfterAppendSubHtmlDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired when the lightGallery container has been resized.\n * @name lgContainerResize\n * @method onContainerResize\n */\nexport interface ContainerResizeDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired when lightGallery detects video slide\n * @name lgHasVideo\n * @method onHasVideo\n */\nexport interface HasVideoDetail {\n    /**\n     * Index of the slide,\n     */\n    index: number;\n    /**\n     * Video source\n     */\n    src: string;\n    /**\n     * HTML5 video source if available\n     * <p>\n       HTML5 video source = source: {\n            src: string;\n            type: string;\n        }[];\n        attributes: HTMLVideoElement;\n     * </p>\n     */\n    html5Video: VideoSource;\n    /**\n     * True if video has poster\n     */\n    hasPoster: boolean;\n}\n\n/**\n * Fired when the image is rotated in anticlockwise direction\n * @name lgRotateLeft\n * @method onRotateLeft\n */\nexport interface RotateLeftDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired when the image is rotated in clockwise direction\n * @name lgRotateRight\n * @method onRotateRight\n */\nexport interface RotateRightDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired when the image is flipped horizontally\n * @name lgFlipHorizontal\n * @method onFlipHorizontal\n */\nexport interface FlipHorizontalDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired when the image is flipped vertically\n * @name lgFlipVertical\n * @method onFlipVertical\n */\nexport interface FlipVerticalDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n","export interface MediumZoomSettings {\n    /**\n     * Enable/Disable medium like zoom experience\n     */\n    mediumZoom: boolean;\n\n    /**\n     * Space between the gallery outer area and images\n     */\n    margin: number;\n\n    /**\n     * Background color for the gallery\n     * This can be overwritten by passing background color via `lg-background-color` for each item\n     */\n    backgroundColor: string;\n}\n\nexport const mediumZoomSettings: MediumZoomSettings = {\n    margin: 40,\n    mediumZoom: true,\n    backgroundColor: '#000',\n};\n","import { isToolbarEventPath } from '@lightgallery/headless';\n\nimport { lGEvents } from '../../lg-events';\nimport {\n    LightGalleryAllSettings,\n    LightGallerySettings,\n} from '../../lg-settings';\nimport { LgQuery } from '../../lgQuery';\nimport { LightGallery } from '../../lightgallery';\nimport {\n    MediumZoomSettings,\n    mediumZoomSettings,\n} from './lg-medium-zoom-settings';\n\nexport default class MediumZoom {\n    core: LightGallery;\n    settings: MediumZoomSettings;\n    private $LG!: LgQuery;\n    constructor(instance: LightGallery, $LG: LgQuery) {\n        // get lightGallery core plugin instance\n        this.core = instance;\n        this.$LG = $LG;\n\n        // Set margin\n        this.core.getMediaContainerPosition = () => {\n            return {\n                top: this.settings.margin,\n                bottom: this.settings.margin,\n            };\n        };\n\n        // Override some of lightGallery default settings\n        // Typed against the resolved settings shape (strings is the\n        // full contract there), this object never sets strings.\n        const defaultSettings: Partial<LightGalleryAllSettings> = {\n            controls: false,\n            download: false,\n            counter: false,\n            showCloseIcon: false,\n            extraProps: ['lgBackgroundColor'],\n            closeOnTap: false,\n            enableSwipe: false,\n            enableDrag: false,\n            swipeToClose: false,\n            addClass: this.core.settings.addClass + ' lg-medium-zoom',\n        };\n\n        this.core.settings = { ...this.core.settings, ...defaultSettings };\n\n        // extend module default settings with lightGallery core settings\n        this.settings = {\n            ...mediumZoomSettings,\n            ...this.core.settings,\n            ...defaultSettings,\n        };\n\n        return this;\n    }\n\n    private toggleItemClass() {\n        for (let index = 0; index < this.core.items.length; index++) {\n            const $element = this.$LG(this.core.items[index]);\n            $element.toggleClass('lg-medium-zoom-item');\n        }\n    }\n\n    init(): void {\n        if (!this.settings.mediumZoom) {\n            return;\n        }\n        this.core.LGel.on(`${lGEvents.beforeOpen}.medium`, () => {\n            this.core.$backdrop.css(\n                'background-color',\n                this.core.galleryItems[this.core.index].lgBackgroundColor ||\n                    this.settings.backgroundColor,\n            );\n        });\n        this.toggleItemClass();\n\n        this.core.outer.on('click.lg.medium', (event: Event) => {\n            // Toolbar buttons are controls, not a tap on the backdrop.\n            if (!isToolbarEventPath(event.composedPath())) {\n                this.core.closeGallery();\n            }\n        });\n    }\n\n    destroy(): void {\n        this.toggleItemClass();\n    }\n}\n"],"names":[],"mappings":";;;;;;;;;;AA2GO,WAAS,mBAAmB,MAAmC;AAClE,WAAO,KAAK;AAAA,MACR,CAAC,SAAM;AA7Gf,YAAA;AA8GY,eAAA,CAAC,GACG,KAAA,KACF,cADE,OAAA,SAAA,GACS,SAAS,YAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAElC;AC1GO,QAAM,WAET;AAAA,IAOA,YAAY;AAAA,EAoBhB;ACnBO,QAAM,qBAAyC;AAAA,IAClD,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,iBAAiB;AAAA,EACrB;;;;;;;;;;;;;;;;;ECRA,MAAqB,WAAW;AAAA,IAI5B,YAAY,UAAwB,KAAc;AAE9C,WAAK,OAAO;AACZ,WAAK,MAAM;AAGX,WAAK,KAAK,4BAA4B,MAAM;AACxC,eAAO;AAAA,UACH,KAAK,KAAK,SAAS;AAAA,UACnB,QAAQ,KAAK,SAAS;AAAA,QAAA;AAAA,MAE9B;AAKA,YAAM,kBAAoD;AAAA,QACtD,UAAU;AAAA,QACV,UAAU;AAAA,QACV,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY,CAAC,mBAAmB;AAAA,QAChC,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,UAAU,KAAK,KAAK,SAAS,WAAW;AAAA,MAAA;AAG5C,WAAK,KAAK,WAAW,eAAA,eAAA,IAAK,KAAK,KAAK,QAAA,GAAa,eAAA;AAGjD,WAAK,WAAW,eAAA,eAAA,eAAA,CAAA,GACT,kBAAA,GACA,KAAK,KAAK,QAAA,GACV,eAAA;AAGP,aAAO;AAAA,IACX;AAAA,IAEQ,kBAAkB;AACtB,eAAS,QAAQ,GAAG,QAAQ,KAAK,KAAK,MAAM,QAAQ,SAAS;AACzD,cAAM,WAAW,KAAK,IAAI,KAAK,KAAK,MAAM,KAAK,CAAC;AAChD,iBAAS,YAAY,qBAAqB;AAAA,MAC9C;AAAA,IACJ;AAAA,IAEA,OAAa;AACT,UAAI,CAAC,KAAK,SAAS,YAAY;AAC3B;AAAA,MACJ;AACA,WAAK,KAAK,KAAK,GAAG,GAAG,SAAS,UAAU,WAAW,MAAM;AACrD,aAAK,KAAK,UAAU;AAAA,UAChB;AAAA,UACA,KAAK,KAAK,aAAa,KAAK,KAAK,KAAK,EAAE,qBACpC,KAAK,SAAS;AAAA,QAAA;AAAA,MAE1B,CAAC;AACD,WAAK,gBAAA;AAEL,WAAK,KAAK,MAAM,GAAG,mBAAmB,CAAC,UAAiB;AAEpD,YAAI,CAAC,mBAAmB,MAAM,aAAA,CAAc,GAAG;AAC3C,eAAK,KAAK,aAAA;AAAA,QACd;AAAA,MACJ,CAAC;AAAA,IACL;AAAA,IAEA,UAAgB;AACZ,WAAK,gBAAA;AAAA,IACT;AAAA,EACJ;;;"}

package/dist/plugins/mediumZoom/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "lightgallery/plugins/mediumZoom",
+  "private": true,
+  "main": "lg-medium-zoom.umd.js",
+  "module": "lg-medium-zoom.es5.js",
+  "typings": "lg-medium-zoom.d.ts"
+}