lightgallery 2.9.0 → 3.0.0-beta.3

package/dist/plugins/relativeCaption/lg-relative-caption.umd.js

@@ -0,0 +1,101 @@
+(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.lgRelativeCaption = factory());
+})(this, function() {
+  "use strict";/*!
+ * lightgallery | 3.0.0-beta.3 | October 1st 2026
+ * http://www.lightgalleryjs.com/
+ * Copyright (c) 2020 Sachin Neravath;
+ * @license GPLv3
+ */
+
+  const lGEvents = {
+    containerResize: "lgContainerResize",
+    slideItemLoad: "lgSlideItemLoad",
+    beforeSlide: "lgBeforeSlide",
+    afterSlide: "lgAfterSlide"
+  };
+  const relativeCaptionSettings = {
+    relativeCaption: false
+  };
+  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 RelativeCaption {
+    constructor(instance) {
+      this.core = instance;
+      const defaultSettings = {
+        addClass: this.core.settings.addClass + " lg-relative-caption"
+      };
+      this.core.settings = __spreadValues(__spreadValues({}, this.core.settings), defaultSettings);
+      this.settings = __spreadValues(__spreadValues(__spreadValues({}, relativeCaptionSettings), this.core.settings), defaultSettings);
+      return this;
+    }
+    init() {
+      if (!this.settings.relativeCaption) {
+        return;
+      }
+      this.core.LGel.on(`${lGEvents.slideItemLoad}.caption`, (event) => {
+        const { index, delay } = event.detail;
+        setTimeout(() => {
+          if (index === this.core.index) {
+            this.setRelativeCaption(index);
+          }
+        }, delay);
+      });
+      this.core.LGel.on(`${lGEvents.afterSlide}.caption`, (event) => {
+        const { index } = event.detail;
+        setTimeout(() => {
+          const slide = this.core.getSlideItem(index);
+          if (slide.hasClass("lg-complete")) {
+            this.setRelativeCaption(index);
+          }
+        });
+      });
+      this.core.LGel.on(`${lGEvents.beforeSlide}.caption`, (event) => {
+        const { index } = event.detail;
+        setTimeout(() => {
+          const slide = this.core.getSlideItem(index);
+          slide.removeClass("lg-show-caption");
+        });
+      });
+      this.core.LGel.on(`${lGEvents.containerResize}.caption`, (event) => {
+        this.setRelativeCaption(this.core.index);
+      });
+    }
+    setCaptionStyle(index, rect, slideWrapRect) {
+      const $subHtmlInner = this.core.getSlideItem(index).find(".lg-relative-caption-item");
+      const $subHtml = this.core.getSlideItem(index).find(".lg-sub-html");
+      $subHtml.css("width", `${rect.width}px`).css("left", `${rect.left}px`);
+      const subHtmlRect = $subHtmlInner.get().getBoundingClientRect();
+      const bottom = slideWrapRect.bottom - rect.bottom - subHtmlRect.height;
+      $subHtml.css("top", `auto`).css("bottom", `${Math.max(bottom, 0)}px`);
+    }
+    setRelativeCaption(index) {
+      const slide = this.core.getSlideItem(index);
+      if (slide.hasClass("lg-current")) {
+        const rect = this.core.getSlideItem(index).find(".lg-object").get().getBoundingClientRect();
+        const slideWrapRect = this.core.getSlideItem(index).get().getBoundingClientRect();
+        this.setCaptionStyle(index, rect, slideWrapRect);
+        slide.addClass("lg-show-caption");
+      }
+    }
+    destroy() {
+      this.core.LGel.off(".caption");
+    }
+  }
+  return RelativeCaption;
+});
+//# sourceMappingURL=lg-relative-caption.umd.js.map

package/dist/plugins/relativeCaption/lg-relative-caption.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lg-relative-caption.umd.js","sources":["../../../src/lg-events.ts","../../../src/plugins/relativeCaption/lg-relative-caption-settings.ts","../../../src/plugins/relativeCaption/lg-relative-caption.ts"],"sourcesContent":["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 RelativeCaptionSettings {\n    /**\n     * Enable/Disable relative captions\n     */\n    relativeCaption: boolean;\n}\n\nexport const relativeCaptionSettings: RelativeCaptionSettings = {\n    relativeCaption: false,\n};\n","/**\n * lightGallery caption for placing captions relative to the image\n */\n\nimport { lGEvents } from '../../lg-events';\nimport {\n    LightGalleryAllSettings,\n    LightGallerySettings,\n} from '../../lg-settings';\nimport { LightGallery } from '../../lightgallery';\nimport {\n    RelativeCaptionSettings,\n    relativeCaptionSettings,\n} from './lg-relative-caption-settings';\n\nexport default class RelativeCaption {\n    core: LightGallery;\n    settings: RelativeCaptionSettings;\n    constructor(instance: LightGallery) {\n        // get lightGallery core plugin instance\n        this.core = instance;\n\n        // Override some of lightGallery default settings\n        const defaultSettings: Partial<LightGalleryAllSettings> = {\n            addClass: this.core.settings.addClass + ' lg-relative-caption',\n        };\n\n        this.core.settings = { ...this.core.settings, ...defaultSettings };\n\n        // extend module default settings with lightGallery core settings\n        this.settings = {\n            ...relativeCaptionSettings,\n            ...this.core.settings,\n            ...defaultSettings,\n        };\n\n        return this;\n    }\n\n    init(): void {\n        if (!this.settings.relativeCaption) {\n            return;\n        }\n        this.core.LGel.on(`${lGEvents.slideItemLoad}.caption`, (event) => {\n            const { index, delay } = event.detail;\n            setTimeout(() => {\n                if (index === this.core.index) {\n                    this.setRelativeCaption(index);\n                }\n            }, delay);\n        });\n        this.core.LGel.on(`${lGEvents.afterSlide}.caption`, (event) => {\n            const { index } = event.detail;\n            setTimeout(() => {\n                const slide = this.core.getSlideItem(index);\n                if (slide.hasClass('lg-complete')) {\n                    this.setRelativeCaption(index);\n                }\n            });\n        });\n        this.core.LGel.on(`${lGEvents.beforeSlide}.caption`, (event) => {\n            const { index } = event.detail;\n            setTimeout(() => {\n                const slide = this.core.getSlideItem(index);\n                slide.removeClass('lg-show-caption');\n            });\n        });\n        this.core.LGel.on(`${lGEvents.containerResize}.caption`, (event) => {\n            this.setRelativeCaption(this.core.index);\n        });\n    }\n\n    private setCaptionStyle(\n        index: number,\n        rect: ClientRect,\n        slideWrapRect: ClientRect,\n    ) {\n        const $subHtmlInner = this.core\n            .getSlideItem(index)\n            .find('.lg-relative-caption-item');\n        const $subHtml = this.core.getSlideItem(index).find('.lg-sub-html');\n        $subHtml.css('width', `${rect.width}px`).css('left', `${rect.left}px`);\n        const subHtmlRect = $subHtmlInner.get().getBoundingClientRect();\n        const bottom = slideWrapRect.bottom - rect.bottom - subHtmlRect.height;\n        $subHtml.css('top', `auto`).css('bottom', `${Math.max(bottom, 0)}px`);\n    }\n\n    private setRelativeCaption(index: number) {\n        const slide = this.core.getSlideItem(index);\n        if (slide.hasClass('lg-current')) {\n            const rect = this.core\n                .getSlideItem(index)\n                .find('.lg-object')\n                .get()\n                .getBoundingClientRect();\n            const slideWrapRect = this.core\n                .getSlideItem(index)\n                .get()\n                .getBoundingClientRect();\n            this.setCaptionStyle(index, rect, slideWrapRect);\n            slide.addClass('lg-show-caption');\n        }\n    }\n\n    destroy(): void {\n        this.core.LGel.off('.caption');\n    }\n}\n"],"names":[],"mappings":";;;;;;;;;;AAQO,QAAM,WAET;AAAA,IAIA,iBAAiB;AAAA,IAKjB,eAAe;AAAA,IACf,aAAa;AAAA,IACb,YAAY;AAAA,EAgBhB;AC9BO,QAAM,0BAAmD;AAAA,IAC5D,iBAAiB;AAAA,EACrB;;;;;;;;;;;;;;;;;ECMA,MAAqB,gBAAgB;AAAA,IAGjC,YAAY,UAAwB;AAEhC,WAAK,OAAO;AAGZ,YAAM,kBAAoD;AAAA,QACtD,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,uBAAA,GACA,KAAK,KAAK,QAAA,GACV,eAAA;AAGP,aAAO;AAAA,IACX;AAAA,IAEA,OAAa;AACT,UAAI,CAAC,KAAK,SAAS,iBAAiB;AAChC;AAAA,MACJ;AACA,WAAK,KAAK,KAAK,GAAG,GAAG,SAAS,aAAa,YAAY,CAAC,UAAU;AAC9D,cAAM,EAAE,OAAO,MAAA,IAAU,MAAM;AAC/B,mBAAW,MAAM;AACb,cAAI,UAAU,KAAK,KAAK,OAAO;AAC3B,iBAAK,mBAAmB,KAAK;AAAA,UACjC;AAAA,QACJ,GAAG,KAAK;AAAA,MACZ,CAAC;AACD,WAAK,KAAK,KAAK,GAAG,GAAG,SAAS,UAAU,YAAY,CAAC,UAAU;AAC3D,cAAM,EAAE,UAAU,MAAM;AACxB,mBAAW,MAAM;AACb,gBAAM,QAAQ,KAAK,KAAK,aAAa,KAAK;AAC1C,cAAI,MAAM,SAAS,aAAa,GAAG;AAC/B,iBAAK,mBAAmB,KAAK;AAAA,UACjC;AAAA,QACJ,CAAC;AAAA,MACL,CAAC;AACD,WAAK,KAAK,KAAK,GAAG,GAAG,SAAS,WAAW,YAAY,CAAC,UAAU;AAC5D,cAAM,EAAE,UAAU,MAAM;AACxB,mBAAW,MAAM;AACb,gBAAM,QAAQ,KAAK,KAAK,aAAa,KAAK;AAC1C,gBAAM,YAAY,iBAAiB;AAAA,QACvC,CAAC;AAAA,MACL,CAAC;AACD,WAAK,KAAK,KAAK,GAAG,GAAG,SAAS,eAAe,YAAY,CAAC,UAAU;AAChE,aAAK,mBAAmB,KAAK,KAAK,KAAK;AAAA,MAC3C,CAAC;AAAA,IACL;AAAA,IAEQ,gBACJ,OACA,MACA,eACF;AACE,YAAM,gBAAgB,KAAK,KACtB,aAAa,KAAK,EAClB,KAAK,2BAA2B;AACrC,YAAM,WAAW,KAAK,KAAK,aAAa,KAAK,EAAE,KAAK,cAAc;AAClE,eAAS,IAAI,SAAS,GAAG,KAAK,KAAK,IAAI,EAAE,IAAI,QAAQ,GAAG,KAAK,IAAI,IAAI;AACrE,YAAM,cAAc,cAAc,IAAA,EAAM,sBAAA;AACxC,YAAM,SAAS,cAAc,SAAS,KAAK,SAAS,YAAY;AAChE,eAAS,IAAI,OAAO,MAAM,EAAE,IAAI,UAAU,GAAG,KAAK,IAAI,QAAQ,CAAC,CAAC,IAAI;AAAA,IACxE;AAAA,IAEQ,mBAAmB,OAAe;AACtC,YAAM,QAAQ,KAAK,KAAK,aAAa,KAAK;AAC1C,UAAI,MAAM,SAAS,YAAY,GAAG;AAC9B,cAAM,OAAO,KAAK,KACb,aAAa,KAAK,EAClB,KAAK,YAAY,EACjB,IAAA,EACA,sBAAA;AACL,cAAM,gBAAgB,KAAK,KACtB,aAAa,KAAK,EAClB,IAAA,EACA,sBAAA;AACL,aAAK,gBAAgB,OAAO,MAAM,aAAa;AAC/C,cAAM,SAAS,iBAAiB;AAAA,MACpC;AAAA,IACJ;AAAA,IAEA,UAAgB;AACZ,WAAK,KAAK,KAAK,IAAI,UAAU;AAAA,IACjC;AAAA,EACJ;;;"}

package/dist/plugins/relativeCaption/package.json

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

package/dist/plugins/rotate/lg-rotate.es5.js

@@ -0,0 +1,226 @@
+/*!
+ * lightgallery | 3.0.0-beta.3 | October 1st 2026
+ * http://www.lightgalleryjs.com/
+ * Copyright (c) 2020 Sachin Neravath;
+ * @license GPLv3
+ */
+const rotateDefaultIcons = {
+  rotateLeft: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" fill="currentColor"><path transform="translate(0, 960) scale(1, -1)" d="M554 764.667q126-16 213-112t87-226-87-226-213-112v86q92 16 153 87t61 165-61 165-153 87v-166l-194 190 194 194v-132zM302 156.667l62 62q46-34 106-44v-86q-96 12-168 68zM260 384.667q10-58 42-106l-60-60q-56 74-68 166h86zM304 574.667q-36-52-44-106h-86q12 90 70 166z"/></svg>',
+  rotateRight: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" fill="currentColor"><path transform="translate(0, 960) scale(1, -1)" d="M720 278.667q34 46 44 106h86q-12-92-68-166zM554 174.667q60 10 106 44l62-62q-72-56-168-68v86zM850 468.667h-86q-10 60-44 106l62 60q58-72 68-166zM664 702.667l-194-190v166q-92-16-153-87t-61-165 61-165 153-87v-86q-126 16-213 112t-87 226 87 226 213 112v132z"/></svg>',
+  flipHorizontal: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" fill="currentColor"><path transform="translate(0, 960) scale(1, -1)" d="M896 554.667l-170-170v128h-300v84h300v128zM298 468.667v-128h300v-84h-300v-128l-170 170z"/></svg>',
+  flipVertical: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" fill="currentColor"><path transform="translate(0, 960) scale(1, -1)" d="M384 810.667l170-170h-128v-300h-84v300h-128zM682 212.667h128l-170-170-170 170h128v300h84v-300z"/></svg>'
+};
+const lGEvents = {
+  slideItemLoad: "lgSlideItemLoad",
+  beforeSlide: "lgBeforeSlide",
+  rotateLeft: "lgRotateLeft",
+  rotateRight: "lgRotateRight",
+  flipHorizontal: "lgFlipHorizontal",
+  flipVertical: "lgFlipVertical"
+};
+const rotateSettings = {
+  rotate: true,
+  rotateSpeed: 400,
+  rotateLeft: true,
+  rotateRight: true,
+  flipHorizontal: true,
+  flipVertical: true
+};
+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 Rotate {
+  constructor(instance, $LG) {
+    this.core = instance;
+    this.$LG = $LG;
+    this.settings = __spreadValues(__spreadValues({}, rotateSettings), this.core.settings);
+    return this;
+  }
+  buildTemplates() {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    let rotateIcons = "";
+    if (this.settings.flipVertical) {
+      rotateIcons += `<button type="button" id="lg-flip-ver" aria-label="${(_b = (_a = this.settings.rotatePluginStrings) == null ? void 0 : _a.flipVertical) != null ? _b : this.core.settings.strings.flipVertical}" class="lg-flip-ver lg-icon"></button>`;
+    }
+    if (this.settings.flipHorizontal) {
+      rotateIcons += `<button type="button" id="lg-flip-hor" aria-label="${(_d = (_c = this.settings.rotatePluginStrings) == null ? void 0 : _c.flipHorizontal) != null ? _d : this.core.settings.strings.flipHorizontal}" class="lg-flip-hor lg-icon"></button>`;
+    }
+    if (this.settings.rotateLeft) {
+      rotateIcons += `<button type="button" id="lg-rotate-left" aria-label="${(_f = (_e = this.settings.rotatePluginStrings) == null ? void 0 : _e.rotateLeft) != null ? _f : this.core.settings.strings.rotateLeft}" class="lg-rotate-left lg-icon"></button>`;
+    }
+    if (this.settings.rotateRight) {
+      rotateIcons += `<button type="button" id="lg-rotate-right" aria-label="${(_h = (_g = this.settings.rotatePluginStrings) == null ? void 0 : _g.rotateRight) != null ? _h : this.core.settings.strings.rotateRight}" class="lg-rotate-right lg-icon"></button>`;
+    }
+    this.core.$toolbar.append(rotateIcons);
+  }
+  init() {
+    this.core.registerDefaultIcons(rotateDefaultIcons);
+    if (!this.settings.rotate) {
+      return;
+    }
+    this.buildTemplates();
+    this.rotateValuesList = {};
+    this.core.LGel.on(`${lGEvents.slideItemLoad}.rotate`, (event) => {
+      const { index } = event.detail;
+      const rotateEl = this.core.getSlideItem(index).find(".lg-img-rotate").get();
+      if (!rotateEl) {
+        const imageWrap = this.core.getSlideItem(index).find(".lg-object").first();
+        imageWrap.wrap("lg-img-rotate");
+        this.core.getSlideItem(this.core.index).find(".lg-img-rotate").css(
+          "transition-duration",
+          this.settings.rotateSpeed + "ms"
+        );
+      }
+    });
+    this.core.outer.find("#lg-rotate-left").first().on("click.lg", this.rotateLeft.bind(this));
+    this.core.outer.find("#lg-rotate-right").first().on("click.lg", this.rotateRight.bind(this));
+    this.core.outer.find("#lg-flip-hor").first().on("click.lg", this.flipHorizontal.bind(this));
+    this.core.outer.find("#lg-flip-ver").first().on("click.lg", this.flipVertical.bind(this));
+    this.core.LGel.on(`${lGEvents.beforeSlide}.rotate`, (event) => {
+      if (!this.rotateValuesList[event.detail.index]) {
+        this.rotateValuesList[event.detail.index] = {
+          rotate: 0,
+          flipHorizontal: 1,
+          flipVertical: 1
+        };
+      }
+    });
+    this.$LG(window).on(`resize.lg.rotate.global${this.core.lgId}`, () => {
+      if (this.core.lgOpened && this.rotateValuesList[this.core.index] && this.isImageOrientationChanged()) {
+        this.applyStyles();
+      }
+    });
+  }
+  // At 90/270 degrees the image's rendered width runs vertically, so it
+  // must be scaled down to keep fitting the stage; rotation never
+  // upscales. Offset dimensions ignore transforms, so measuring stays
+  // correct regardless of the current rotation.
+  getFitScale() {
+    const rotateValue = this.rotateValuesList[this.core.index];
+    const normalized = (rotateValue.rotate % 360 + 360) % 360;
+    if (normalized !== 90 && normalized !== 270) {
+      return 1;
+    }
+    const $rotateEl = this.core.getSlideItem(this.core.index).find(".lg-img-rotate").first();
+    const stage = $rotateEl.get();
+    const image = stage && stage.querySelector(".lg-object");
+    if (!stage || !image) {
+      return 1;
+    }
+    const imageWidth = image.offsetWidth;
+    const imageHeight = image.offsetHeight;
+    const stageWidth = stage.clientWidth;
+    const stageHeight = stage.clientHeight;
+    if (!imageWidth || !imageHeight || !stageWidth || !stageHeight) {
+      return 1;
+    }
+    return Math.min(stageWidth / imageHeight, stageHeight / imageWidth, 1);
+  }
+  applyStyles() {
+    const $image = this.core.getSlideItem(this.core.index).find(".lg-img-rotate").first();
+    const rotateValue = this.rotateValuesList[this.core.index];
+    const fitScale = this.getFitScale();
+    $image.css(
+      "transform",
+      "rotate(" + rotateValue.rotate + "deg) scale3d(" + rotateValue.flipHorizontal * fitScale + ", " + rotateValue.flipVertical * fitScale + ", 1)"
+    );
+  }
+  rotateLeft() {
+    this.rotateValuesList[this.core.index].rotate -= 90;
+    this.applyStyles();
+    this.triggerEvents(lGEvents.rotateLeft, {
+      rotate: this.rotateValuesList[this.core.index].rotate
+    });
+  }
+  rotateRight() {
+    this.rotateValuesList[this.core.index].rotate += 90;
+    this.applyStyles();
+    this.triggerEvents(lGEvents.rotateRight, {
+      rotate: this.rotateValuesList[this.core.index].rotate
+    });
+  }
+  getCurrentRotation(el) {
+    if (!el) {
+      return 0;
+    }
+    const st = this.$LG(el).style();
+    const tm = st.getPropertyValue("-webkit-transform") || st.getPropertyValue("-moz-transform") || st.getPropertyValue("-ms-transform") || st.getPropertyValue("-o-transform") || st.getPropertyValue("transform") || "none";
+    if (tm !== "none") {
+      const values = tm.split("(")[1].split(")")[0].split(",");
+      if (values) {
+        const angle = Math.round(
+          Math.atan2(values[1], values[0]) * (180 / Math.PI)
+        );
+        return angle < 0 ? angle + 360 : angle;
+      }
+    }
+    return 0;
+  }
+  flipHorizontal() {
+    const rotateEl = this.core.getSlideItem(this.core.index).find(".lg-img-rotate").first().get();
+    const currentRotation = this.getCurrentRotation(rotateEl);
+    let rotateAxis = "flipHorizontal";
+    if (currentRotation === 90 || currentRotation === 270) {
+      rotateAxis = "flipVertical";
+    }
+    this.rotateValuesList[this.core.index][rotateAxis] *= -1;
+    this.applyStyles();
+    this.triggerEvents(lGEvents.flipHorizontal, {
+      flipHorizontal: this.rotateValuesList[this.core.index][rotateAxis]
+    });
+  }
+  flipVertical() {
+    const rotateEl = this.core.getSlideItem(this.core.index).find(".lg-img-rotate").first().get();
+    const currentRotation = this.getCurrentRotation(rotateEl);
+    let rotateAxis = "flipVertical";
+    if (currentRotation === 90 || currentRotation === 270) {
+      rotateAxis = "flipHorizontal";
+    }
+    this.rotateValuesList[this.core.index][rotateAxis] *= -1;
+    this.applyStyles();
+    this.triggerEvents(lGEvents.flipVertical, {
+      flipVertical: this.rotateValuesList[this.core.index][rotateAxis]
+    });
+  }
+  triggerEvents(event, detail) {
+    setTimeout(() => {
+      this.core.LGel.trigger(event, detail);
+    }, this.settings.rotateSpeed + 10);
+  }
+  isImageOrientationChanged() {
+    const rotateValue = this.rotateValuesList[this.core.index];
+    const isRotated = Math.abs(rotateValue.rotate) % 360 !== 0;
+    const ifFlippedHor = rotateValue.flipHorizontal < 0;
+    const ifFlippedVer = rotateValue.flipVertical < 0;
+    return isRotated || ifFlippedHor || ifFlippedVer;
+  }
+  closeGallery() {
+    if (!this.settings.rotate) return;
+    if (this.isImageOrientationChanged()) {
+      this.core.getSlideItem(this.core.index).css("opacity", 0);
+    }
+    this.rotateValuesList = {};
+  }
+  destroy() {
+    this.core.LGel.off(".lg.rotate");
+    this.core.LGel.off(".rotate");
+    this.$LG(window).off(`.lg.rotate.global${this.core.lgId}`);
+  }
+}
+export {
+  Rotate as default
+};
+//# sourceMappingURL=lg-rotate.es5.js.map

package/dist/plugins/rotate/lg-rotate.es5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lg-rotate.es5.js","sources":["../../../packages/headless/src/icons.ts","../../../src/lg-events.ts","../../../src/plugins/rotate/lg-rotate-settings.ts","../../../src/plugins/rotate/lg-rotate.ts"],"sourcesContent":["/**\n * Built-in UI icon set: inline SVG strings, one per icon name, grouped\n * by the feature that renders them so bundlers ship only the groups a\n * consumer's plugins import. Pure string data — safe in this DOM-free\n * package. Runtimes render these when the consumer supplies no custom\n * icon for a name.\n *\n * The artwork is lightGallery's own icon set, carried over from the\n * 2.x icon font: each glyph's vector outline extracted from the font\n * and re-baselined onto a square viewBox (font ascent 960 on a 1024\n * em). Same shapes the library has always shipped — now crisp inline\n * SVGs that follow `currentColor`.\n */\n\n/** The icon-name contract shared by every runtime and plugin. */\nexport type LgIconName =\n    | 'close'\n    | 'prev'\n    | 'next'\n    | 'download'\n    | 'maximize'\n    | 'minimize'\n    | 'more'\n    | 'zoomIn'\n    | 'zoomOut'\n    | 'actualSize'\n    | 'rotateLeft'\n    | 'rotateRight'\n    | 'flipHorizontal'\n    | 'flipVertical'\n    | 'share'\n    | 'shareFacebook'\n    | 'shareX'\n    | 'sharePinterest'\n    | 'autoplayPlay'\n    | 'autoplayPause'\n    | 'fullscreen'\n    | 'fullscreenExit'\n    | 'comment'\n    | 'commentClose'\n    | 'toggleThumbnails';\n\nexport const coreDefaultIcons = {\n    close: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M810 664.667l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z\"/></svg>',\n    // Three dots for the toolbar's More options menu button.\n    more: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><circle cx=\"232\" cy=\"512\" r=\"80\"/><circle cx=\"512\" cy=\"512\" r=\"80\"/><circle cx=\"792\" cy=\"512\" r=\"80\"/></svg>',\n    prev: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M426.667 768q17.667 0 30.167-12.5t12.5-30.167q0-18-12.667-30.333l-225.667-225.667h665q17.667 0 30.167-12.5t12.5-30.167-12.5-30.167-30.167-12.5h-665l225.667-225.667q12.667-12.333 12.667-30.333 0-17.667-12.5-30.167t-30.167-12.5q-18 0-30.333 12.333l-298.667 298.667q-12.333 13-12.333 30.333t12.333 30.333l298.667 298.667q12.667 12.333 30.333 12.333z\"/></svg>',\n    next: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M597.333 768q18 0 30.333-12.333l298.667-298.667q12.333-12.333 12.333-30.333t-12.333-30.333l-298.667-298.667q-12.333-12.333-30.333-12.333-18.333 0-30.5 12.167t-12.167 30.5q0 18 12.333 30.333l226 225.667h-665q-17.667 0-30.167 12.5t-12.5 30.167 12.5 30.167 30.167 12.5h665l-226 225.667q-12.333 12.333-12.333 30.333 0 18.333 12.167 30.5t30.5 12.167z\"/></svg>',\n    download:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M170 128.667h684v-86h-684v86zM682 384.667l-170-172-170 172h128v426h84v-426h128z\"/></svg>',\n    maximize:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M793.003 768l-225.835-225.835c-16.683-16.683-16.683-43.691 0-60.331s43.691-16.683 60.331 0l225.835 225.835v-153.003c0-23.552 19.115-42.667 42.667-42.667s42.667 19.115 42.667 42.667v256c0 5.803-1.152 11.307-3.243 16.341s-5.163 9.728-9.216 13.781c-0.043 0.043-0.043 0.043-0.085 0.085-3.925 3.925-8.619 7.083-13.781 9.216-5.035 2.091-10.539 3.243-16.341 3.243h-256c-23.552 0-42.667-19.115-42.667-42.667s19.115-42.667 42.667-42.667zM230.997 85.334l225.835 225.835c16.683 16.683 16.683 43.691 0 60.331s-43.691 16.683-60.331 0l-225.835-225.835v153.003c0 23.552-19.115 42.667-42.667 42.667s-42.667-19.115-42.667-42.667v-256c0-23.552 19.115-42.667 42.667-42.667h256c23.552 0 42.667 19.115 42.667 42.667s-19.115 42.667-42.667 42.667z\"/></svg>',\n    minimize:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M700.331 554.667l225.835 225.835c16.683 16.683 16.683 43.691 0 60.331s-43.691 16.683-60.331 0l-225.835-225.835v153.003c0 23.552-19.115 42.667-42.667 42.667s-42.667-19.115-42.667-42.667v-256c0-5.803 1.152-11.307 3.243-16.341s5.163-9.728 9.216-13.781c0.043-0.043 0.043-0.043 0.085-0.085 3.925-3.925 8.619-7.083 13.781-9.216 5.035-2.091 10.539-3.243 16.341-3.243h256c23.552 0 42.667 19.115 42.667 42.667s-19.115 42.667-42.667 42.667zM158.165 12.502l225.835 225.835v-153.003c0-23.552 19.115-42.667 42.667-42.667s42.667 19.115 42.667 42.667v256c0 5.803-1.152 11.307-3.243 16.341s-5.163 9.728-9.216 13.781c-0.043 0.043-0.043 0.043-0.085 0.085-4.096 4.053-8.789 7.125-13.781 9.216-5.035 2.091-10.539 3.243-16.341 3.243h-256c-23.552 0-42.667-19.115-42.667-42.667s19.115-42.667 42.667-42.667h153.003l-225.835-225.835c-16.683-16.683-16.683-43.691 0-60.331s43.691-16.683 60.331 0z\"/></svg>',\n} as const;\n\nexport const zoomDefaultIcons = {\n    zoomIn: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M512 512.667h-86v-86h-42v86h-86v42h86v86h42v-86h86v-42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z\"/></svg>',\n    zoomOut:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M298 554.667h214v-42h-214v42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z\"/></svg>',\n    actualSize:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M384 853.334h426.667q53 0 90.5-37.5t37.5-90.5v-426.667q0-53-37.5-90.5t-90.5-37.5h-426.667q-53 0-90.5 37.5t-37.5 90.5v426.667q0 53 37.5 90.5t90.5 37.5zM170.667 675.334v-547.333q0-17.667 12.5-30.167t30.167-12.5h547.333q-13.333-37.667-46.333-61.5t-74.333-23.833h-426.667q-53 0-90.5 37.5t-37.5 90.5v426.667q0 41.333 23.833 74.333t61.5 46.333zM810.667 768h-426.667q-17.667 0-30.167-12.5t-12.5-30.167v-426.667q0-17.667 12.5-30.167t30.167-12.5h426.667q17.667 0 30.167 12.5t12.5 30.167v426.667q0 17.667-12.5 30.167t-30.167 12.5z\"/></svg>',\n} as const;\n\nexport const rotateDefaultIcons = {\n    rotateLeft:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M554 764.667q126-16 213-112t87-226-87-226-213-112v86q92 16 153 87t61 165-61 165-153 87v-166l-194 190 194 194v-132zM302 156.667l62 62q46-34 106-44v-86q-96 12-168 68zM260 384.667q10-58 42-106l-60-60q-56 74-68 166h86zM304 574.667q-36-52-44-106h-86q12 90 70 166z\"/></svg>',\n    rotateRight:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M720 278.667q34 46 44 106h86q-12-92-68-166zM554 174.667q60 10 106 44l62-62q-72-56-168-68v86zM850 468.667h-86q-10 60-44 106l62 60q58-72 68-166zM664 702.667l-194-190v166q-92-16-153-87t-61-165 61-165 153-87v-86q-126 16-213 112t-87 226 87 226 213 112v132z\"/></svg>',\n    flipHorizontal:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M896 554.667l-170-170v128h-300v84h300v128zM298 468.667v-128h300v-84h-300v-128l-170 170z\"/></svg>',\n    flipVertical:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M384 810.667l170-170h-128v-300h-84v300h-128zM682 212.667h128l-170-170-170 170h128v300h84v-300z\"/></svg>',\n} as const;\n\nexport const shareDefaultIcons = {\n    share: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M768 252.667c68 0 124-56 124-124s-56-126-124-126-124 58-124 126c0 10 0 20 2 28l-302 176c-24-22-54-34-88-34-70 0-128 58-128 128s58 128 128 128c34 0 64-12 88-34l300 174c-2 10-4 20-4 30 0 70 58 128 128 128s128-58 128-128-58-128-128-128c-34 0-64 14-88 36l-300-176c2-10 4-20 4-30s-2-20-4-30l304-176c22 20 52 32 84 32z\"/></svg>',\n    shareFacebook:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM628.429 612.659h-73.882c-8.755 0-18.483-11.52-18.483-26.829v-53.35h92.416l-13.978-76.083h-78.438v-228.403h-87.194v228.403h-79.104v76.083h79.104v44.749c0 64.205 44.544 116.378 105.677 116.378h73.882v-80.947z\"/></svg>',\n    shareX: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><circle cx=\"512\" cy=\"512\" r=\"491.52\"/><path fill=\"#fff\" transform=\"translate(227 224) scale(24)\" d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"/></svg>',\n    sharePinterest:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM545.638 344.32c-31.539 2.406-44.749 18.022-69.427 32.973-13.568-71.219-30.157-139.52-79.309-175.206-15.206 107.725 22.221 188.518 39.629 274.381-29.645 49.92 3.533 150.323 66.099 125.645 76.954-30.515-66.662-185.6 29.747-205.005 100.659-20.173 141.773 174.694 79.36 237.978-90.214 91.494-262.502 2.099-241.306-128.87 5.12-32 38.246-41.728 13.21-85.914-57.702 12.8-74.957 58.317-72.704 118.989 3.533 99.328 89.242 168.909 175.155 178.483 108.698 12.083 210.688-39.885 224.819-142.182 15.821-115.405-49.101-240.282-165.274-231.27z\"/></svg>',\n} as const;\n\nexport const autoplayDefaultIcons = {\n    autoplayPlay:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM426 234.667v384l256-192z\"/></svg>',\n    autoplayPause:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M554 256.667v340h86v-340h-86zM512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM384 256.667v340h86v-340h-86z\"/></svg>',\n} as const;\n\nexport const fullscreenDefaultIcons = {\n    fullscreen:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M598 724.667h212v-212h-84v128h-128v84zM726 212.667v128h84v-212h-212v84h128zM214 512.667v212h212v-84h-128v-128h-84zM298 340.667v-128h128v-84h-212v212h84z\"/></svg>',\n    fullscreenExit:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M682 596.667h128v-84h-212v212h84v-128zM598 128.667v212h212v-84h-128v-128h-84zM342 596.667v128h84v-212h-212v84h128zM214 256.667v84h212v-212h-84v128h-128z\"/></svg>',\n} as const;\n\nexport const commentDefaultIcons = {\n    comment:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M938.667 448.128v21.205c0 0.725-0.043 1.621-0.085 2.475-5.803 99.755-47.488 190.336-112.725 258.176-68.352 71.125-162.731 117.419-268.843 123.264-0.683 0.043-1.536 0.085-2.347 0.085h-20.864c-59.947 0.683-122.965-13.227-181.931-43.008-52.181-26.496-97.749-63.488-133.931-108.16-56.405-69.717-89.899-158.080-89.941-253.696-0.597-54.4 10.795-111.36 35.157-165.419l-75.605-226.859c-2.816-8.363-3.072-17.835 0-26.965 7.467-22.357 31.616-34.432 53.973-26.965l226.731 75.563c49.493-22.485 105.984-35.243 165.376-35.115 58.539 0.384 115.797 13.141 168.149 36.949 81.579 37.163 151.040 101.248 193.749 186.667 27.477 53.291 43.307 115.84 43.136 181.803zM853.333 447.872c0.128-52.267-12.459-101.333-33.664-142.464-34.176-68.352-88.832-118.827-153.259-148.139-41.387-18.859-86.827-28.971-133.376-29.269-52.096-0.128-101.163 12.459-142.293 33.664-10.624 5.504-22.528 6.059-33.067 2.56l-162.261-54.101 54.101 162.261c3.755 11.221 2.56 22.912-2.389 32.725-23.552 46.677-34.304 96.171-33.792 142.421 0.043 76.331 26.411 145.92 70.955 200.917 28.629 35.371 64.768 64.725 106.24 85.76 46.592 23.552 96.085 34.304 142.336 33.792h19.456c83.712-4.565 158.037-41.003 212.011-97.152 51.285-53.376 84.139-124.416 89.003-202.795z\"/></svg>',\n    commentClose:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M810 664.667l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z\"/></svg>',\n} as const;\n\nexport const thumbnailDefaultIcons = {\n    toggleThumbnails:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\" fill=\"currentColor\"><path transform=\"translate(0, 960) scale(1, -1)\" d=\"M682 84.667v172h172v-172h-172zM682 340.667v172h172v-172h-172zM426 596.667v172h172v-172h-172zM682 768.667h172v-172h-172v172zM426 340.667v172h172v-172h-172zM170 340.667v172h172v-172h-172zM170 84.667v172h172v-172h-172zM426 84.667v172h172v-172h-172zM170 596.667v172h172v-172h-172z\"/></svg>',\n} as const;\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 RotateStrings {\n    flipVertical: string;\n    flipHorizontal: string;\n    rotateLeft: string;\n    rotateRight: string;\n}\n\nexport interface RotateSettings {\n    /**\n     * Enable/Disable rotate option\n     */\n    rotate: boolean;\n\n    /**\n     * Rotate speed in milliseconds\n     */\n    rotateSpeed: number;\n\n    /**\n     * Enable rotate left.\n     */\n    rotateLeft: boolean;\n\n    /**\n     * Enable rotate right.\n     */\n    rotateRight: boolean;\n\n    /**\n     * Enable flip horizontal.\n     */\n    flipHorizontal: boolean;\n\n    /**\n     * Enable flip vertical.\n     */\n    flipVertical: boolean;\n\n    /**\n     * Custom translation strings for aria-labels\n     * @deprecated Set these labels on the core `strings` object instead,\n     * every user-facing string lives in that one contract. An explicitly set\n     * key here still wins (alias).\n     */\n    rotatePluginStrings?: Partial<RotateStrings>;\n}\nexport const rotateSettings = {\n    rotate: true,\n    rotateSpeed: 400,\n    rotateLeft: true,\n    rotateRight: true,\n    flipHorizontal: true,\n    flipVertical: true,\n};\n","import { rotateDefaultIcons } from '@lightgallery/headless';\nimport { lGEvents } from '../../lg-events';\nimport { LgQuery } from '../../lgQuery';\nimport { LightGallery } from '../../lightgallery';\nimport { rotateSettings, RotateSettings } from './lg-rotate-settings';\n\nexport default class Rotate {\n    core: LightGallery;\n    settings: RotateSettings;\n    rotateValuesList!: {\n        [key: string]: any;\n    };\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        // extend module default settings with lightGallery core settings\n        this.settings = {\n            ...rotateSettings,\n            ...this.core.settings,\n        };\n\n        return this;\n    }\n    buildTemplates(): void {\n        let rotateIcons = '';\n        if (this.settings.flipVertical) {\n            rotateIcons += `<button type=\"button\" id=\"lg-flip-ver\" aria-label=\"${\n                this.settings.rotatePluginStrings?.flipVertical ??\n                this.core.settings.strings.flipVertical\n            }\" class=\"lg-flip-ver lg-icon\"></button>`;\n        }\n        if (this.settings.flipHorizontal) {\n            rotateIcons += `<button type=\"button\" id=\"lg-flip-hor\" aria-label=\"${\n                this.settings.rotatePluginStrings?.flipHorizontal ??\n                this.core.settings.strings.flipHorizontal\n            }\" class=\"lg-flip-hor lg-icon\"></button>`;\n        }\n        if (this.settings.rotateLeft) {\n            rotateIcons += `<button type=\"button\" id=\"lg-rotate-left\" aria-label=\"${\n                this.settings.rotatePluginStrings?.rotateLeft ??\n                this.core.settings.strings.rotateLeft\n            }\" class=\"lg-rotate-left lg-icon\"></button>`;\n        }\n        if (this.settings.rotateRight) {\n            rotateIcons += `<button type=\"button\" id=\"lg-rotate-right\" aria-label=\"${\n                this.settings.rotatePluginStrings?.rotateRight ??\n                this.core.settings.strings.rotateRight\n            }\" class=\"lg-rotate-right lg-icon\"></button>`;\n        }\n        this.core.$toolbar.append(rotateIcons);\n    }\n\n    init(): void {\n        this.core.registerDefaultIcons(rotateDefaultIcons);\n        if (!this.settings.rotate) {\n            return;\n        }\n        this.buildTemplates();\n\n        // Save rotate config for each item to persist its rotate, flip values\n        // even after navigating to diferent slides\n        this.rotateValuesList = {};\n\n        // event triggered after appending slide content\n        this.core.LGel.on(`${lGEvents.slideItemLoad}.rotate`, (event) => {\n            const { index } = event.detail;\n\n            const rotateEl = this.core\n                .getSlideItem(index)\n                .find('.lg-img-rotate')\n                .get();\n            if (!rotateEl) {\n                const imageWrap = this.core\n                    .getSlideItem(index)\n                    .find('.lg-object')\n                    .first();\n\n                imageWrap.wrap('lg-img-rotate');\n                //this.rotateValuesList[this.core.index]\n                this.core\n                    .getSlideItem(this.core.index)\n                    .find('.lg-img-rotate')\n                    .css(\n                        'transition-duration',\n                        this.settings.rotateSpeed + 'ms',\n                    );\n            }\n        });\n\n        this.core.outer\n            .find('#lg-rotate-left')\n            .first()\n            .on('click.lg', this.rotateLeft.bind(this));\n\n        this.core.outer\n            .find('#lg-rotate-right')\n            .first()\n            .on('click.lg', this.rotateRight.bind(this));\n\n        this.core.outer\n            .find('#lg-flip-hor')\n            .first()\n            .on('click.lg', this.flipHorizontal.bind(this));\n\n        this.core.outer\n            .find('#lg-flip-ver')\n            .first()\n            .on('click.lg', this.flipVertical.bind(this));\n\n        // Reset rotate on slide change\n        this.core.LGel.on(`${lGEvents.beforeSlide}.rotate`, (event) => {\n            if (!this.rotateValuesList[event.detail.index]) {\n                this.rotateValuesList[event.detail.index] = {\n                    rotate: 0,\n                    flipHorizontal: 1,\n                    flipVertical: 1,\n                };\n            }\n        });\n\n        // A rotated image's fit scale depends on the stage size.\n        this.$LG(window).on(`resize.lg.rotate.global${this.core.lgId}`, () => {\n            if (\n                this.core.lgOpened &&\n                this.rotateValuesList[this.core.index] &&\n                this.isImageOrientationChanged()\n            ) {\n                this.applyStyles();\n            }\n        });\n    }\n\n    // At 90/270 degrees the image's rendered width runs vertically, so it\n    // must be scaled down to keep fitting the stage; rotation never\n    // upscales. Offset dimensions ignore transforms, so measuring stays\n    // correct regardless of the current rotation.\n    getFitScale(): number {\n        const rotateValue = this.rotateValuesList[this.core.index];\n        const normalized = ((rotateValue.rotate % 360) + 360) % 360;\n        if (normalized !== 90 && normalized !== 270) {\n            return 1;\n        }\n        const $rotateEl = this.core\n            .getSlideItem(this.core.index)\n            .find('.lg-img-rotate')\n            .first();\n        const stage = $rotateEl.get() as HTMLElement;\n        const image = stage && stage.querySelector('.lg-object');\n        if (!stage || !image) {\n            return 1;\n        }\n        const imageWidth = (image as HTMLElement).offsetWidth;\n        const imageHeight = (image as HTMLElement).offsetHeight;\n        const stageWidth = stage.clientWidth;\n        const stageHeight = stage.clientHeight;\n        if (!imageWidth || !imageHeight || !stageWidth || !stageHeight) {\n            return 1;\n        }\n        return Math.min(stageWidth / imageHeight, stageHeight / imageWidth, 1);\n    }\n\n    applyStyles(): void {\n        const $image = this.core\n            .getSlideItem(this.core.index)\n            .find('.lg-img-rotate')\n            .first();\n        const rotateValue = this.rotateValuesList[this.core.index];\n        const fitScale = this.getFitScale();\n\n        $image.css(\n            'transform',\n            'rotate(' +\n                rotateValue.rotate +\n                'deg)' +\n                ' scale3d(' +\n                rotateValue.flipHorizontal * fitScale +\n                ', ' +\n                rotateValue.flipVertical * fitScale +\n                ', 1)',\n        );\n    }\n\n    rotateLeft(): void {\n        this.rotateValuesList[this.core.index].rotate -= 90;\n        this.applyStyles();\n        this.triggerEvents(lGEvents.rotateLeft, {\n            rotate: this.rotateValuesList[this.core.index].rotate,\n        });\n    }\n\n    rotateRight(): void {\n        this.rotateValuesList[this.core.index].rotate += 90;\n        this.applyStyles();\n        this.triggerEvents(lGEvents.rotateRight, {\n            rotate: this.rotateValuesList[this.core.index].rotate,\n        });\n    }\n\n    getCurrentRotation(el: HTMLElement): number {\n        if (!el) {\n            return 0;\n        }\n        const st = this.$LG(el).style();\n        const tm =\n            st.getPropertyValue('-webkit-transform') ||\n            st.getPropertyValue('-moz-transform') ||\n            st.getPropertyValue('-ms-transform') ||\n            st.getPropertyValue('-o-transform') ||\n            st.getPropertyValue('transform') ||\n            'none';\n        if (tm !== 'none') {\n            const values = tm.split('(')[1].split(')')[0].split(',') as any;\n            if (values) {\n                const angle = Math.round(\n                    Math.atan2(values[1], values[0]) * (180 / Math.PI),\n                );\n                return angle < 0 ? angle + 360 : angle;\n            }\n        }\n        return 0;\n    }\n\n    flipHorizontal(): void {\n        const rotateEl = this.core\n            .getSlideItem(this.core.index)\n            .find('.lg-img-rotate')\n            .first()\n            .get();\n        const currentRotation = this.getCurrentRotation(rotateEl);\n        let rotateAxis = 'flipHorizontal';\n        if (currentRotation === 90 || currentRotation === 270) {\n            rotateAxis = 'flipVertical';\n        }\n        this.rotateValuesList[this.core.index][rotateAxis] *= -1;\n        this.applyStyles();\n        this.triggerEvents(lGEvents.flipHorizontal, {\n            flipHorizontal: this.rotateValuesList[this.core.index][rotateAxis],\n        });\n    }\n\n    flipVertical(): void {\n        const rotateEl = this.core\n            .getSlideItem(this.core.index)\n            .find('.lg-img-rotate')\n            .first()\n            .get();\n        const currentRotation = this.getCurrentRotation(rotateEl);\n        let rotateAxis = 'flipVertical';\n        if (currentRotation === 90 || currentRotation === 270) {\n            rotateAxis = 'flipHorizontal';\n        }\n        this.rotateValuesList[this.core.index][rotateAxis] *= -1;\n\n        this.applyStyles();\n\n        this.triggerEvents(lGEvents.flipVertical, {\n            flipVertical: this.rotateValuesList[this.core.index][rotateAxis],\n        });\n    }\n\n    triggerEvents(event: string, detail: any): void {\n        setTimeout(() => {\n            this.core.LGel.trigger(event, detail);\n        }, this.settings.rotateSpeed + 10);\n    }\n\n    isImageOrientationChanged(): boolean {\n        const rotateValue = this.rotateValuesList[this.core.index];\n        const isRotated = Math.abs(rotateValue.rotate) % 360 !== 0;\n        const ifFlippedHor = rotateValue.flipHorizontal < 0;\n        const ifFlippedVer = rotateValue.flipVertical < 0;\n        return isRotated || ifFlippedHor || ifFlippedVer;\n    }\n\n    closeGallery(): void {\n        // Nothing to reset when the plugin was switched off at init.\n        if (!this.settings.rotate) return;\n        if (this.isImageOrientationChanged()) {\n            this.core.getSlideItem(this.core.index).css('opacity', 0);\n        }\n        this.rotateValuesList = {};\n    }\n\n    destroy(): void {\n        // Unbind all events added by lightGallery rotate plugin\n        this.core.LGel.off('.lg.rotate');\n        this.core.LGel.off('.rotate');\n        this.$LG(window).off(`.lg.rotate.global${this.core.lgId}`);\n    }\n}\n"],"names":[],"mappings":";;;;;;AAgEO,MAAM,qBAAqB;AAAA,EAC9B,YACI;AAAA,EACJ,aACI;AAAA,EACJ,gBACI;AAAA,EACJ,cACI;AACR;ACjEO,MAAM,WAET;AAAA,EASA,eAAe;AAAA,EACf,aAAa;AAAA,EAUb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,cAAc;AAIlB;ACSO,MAAM,iBAAiB;AAAA,EAC1B,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,cAAc;AAClB;;;;;;;;;;;;;;;;;AC/CA,MAAqB,OAAO;AAAA,EAOxB,YAAY,UAAwB,KAAc;AAE9C,SAAK,OAAO;AACZ,SAAK,MAAM;AAGX,SAAK,WAAW,eAAA,eAAA,CAAA,GACT,cAAA,GACA,KAAK,KAAK,QAAA;AAGjB,WAAO;AAAA,EACX;AAAA,EACA,iBAAuB;AA1B3B,QAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA;AA2BQ,QAAI,cAAc;AAClB,QAAI,KAAK,SAAS,cAAc;AAC5B,qBAAe,uDACX,MAAA,KAAA,KAAK,SAAS,wBAAd,OAAA,SAAA,GAAmC,iBAAnC,OAAA,KACA,KAAK,KAAK,SAAS,QAAQ,YAC/B;AAAA,IACJ;AACA,QAAI,KAAK,SAAS,gBAAgB;AAC9B,qBAAe,uDACX,MAAA,KAAA,KAAK,SAAS,wBAAd,OAAA,SAAA,GAAmC,mBAAnC,OAAA,KACA,KAAK,KAAK,SAAS,QAAQ,cAC/B;AAAA,IACJ;AACA,QAAI,KAAK,SAAS,YAAY;AAC1B,qBAAe,0DACX,MAAA,KAAA,KAAK,SAAS,wBAAd,OAAA,SAAA,GAAmC,eAAnC,OAAA,KACA,KAAK,KAAK,SAAS,QAAQ,UAC/B;AAAA,IACJ;AACA,QAAI,KAAK,SAAS,aAAa;AAC3B,qBAAe,2DACX,MAAA,KAAA,KAAK,SAAS,wBAAd,OAAA,SAAA,GAAmC,gBAAnC,OAAA,KACA,KAAK,KAAK,SAAS,QAAQ,WAC/B;AAAA,IACJ;AACA,SAAK,KAAK,SAAS,OAAO,WAAW;AAAA,EACzC;AAAA,EAEA,OAAa;AACT,SAAK,KAAK,qBAAqB,kBAAkB;AACjD,QAAI,CAAC,KAAK,SAAS,QAAQ;AACvB;AAAA,IACJ;AACA,SAAK,eAAA;AAIL,SAAK,mBAAmB,CAAA;AAGxB,SAAK,KAAK,KAAK,GAAG,GAAG,SAAS,aAAa,WAAW,CAAC,UAAU;AAC7D,YAAM,EAAE,UAAU,MAAM;AAExB,YAAM,WAAW,KAAK,KACjB,aAAa,KAAK,EAClB,KAAK,gBAAgB,EACrB,IAAA;AACL,UAAI,CAAC,UAAU;AACX,cAAM,YAAY,KAAK,KAClB,aAAa,KAAK,EAClB,KAAK,YAAY,EACjB,MAAA;AAEL,kBAAU,KAAK,eAAe;AAE9B,aAAK,KACA,aAAa,KAAK,KAAK,KAAK,EAC5B,KAAK,gBAAgB,EACrB;AAAA,UACG;AAAA,UACA,KAAK,SAAS,cAAc;AAAA,QAAA;AAAA,MAExC;AAAA,IACJ,CAAC;AAED,SAAK,KAAK,MACL,KAAK,iBAAiB,EACtB,MAAA,EACA,GAAG,YAAY,KAAK,WAAW,KAAK,IAAI,CAAC;AAE9C,SAAK,KAAK,MACL,KAAK,kBAAkB,EACvB,MAAA,EACA,GAAG,YAAY,KAAK,YAAY,KAAK,IAAI,CAAC;AAE/C,SAAK,KAAK,MACL,KAAK,cAAc,EACnB,MAAA,EACA,GAAG,YAAY,KAAK,eAAe,KAAK,IAAI,CAAC;AAElD,SAAK,KAAK,MACL,KAAK,cAAc,EACnB,MAAA,EACA,GAAG,YAAY,KAAK,aAAa,KAAK,IAAI,CAAC;AAGhD,SAAK,KAAK,KAAK,GAAG,GAAG,SAAS,WAAW,WAAW,CAAC,UAAU;AAC3D,UAAI,CAAC,KAAK,iBAAiB,MAAM,OAAO,KAAK,GAAG;AAC5C,aAAK,iBAAiB,MAAM,OAAO,KAAK,IAAI;AAAA,UACxC,QAAQ;AAAA,UACR,gBAAgB;AAAA,UAChB,cAAc;AAAA,QAAA;AAAA,MAEtB;AAAA,IACJ,CAAC;AAGD,SAAK,IAAI,MAAM,EAAE,GAAG,0BAA0B,KAAK,KAAK,IAAI,IAAI,MAAM;AAClE,UACI,KAAK,KAAK,YACV,KAAK,iBAAiB,KAAK,KAAK,KAAK,KACrC,KAAK,0BAAA,GACP;AACE,aAAK,YAAA;AAAA,MACT;AAAA,IACJ,CAAC;AAAA,EACL;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,cAAsB;AAClB,UAAM,cAAc,KAAK,iBAAiB,KAAK,KAAK,KAAK;AACzD,UAAM,cAAe,YAAY,SAAS,MAAO,OAAO;AACxD,QAAI,eAAe,MAAM,eAAe,KAAK;AACzC,aAAO;AAAA,IACX;AACA,UAAM,YAAY,KAAK,KAClB,aAAa,KAAK,KAAK,KAAK,EAC5B,KAAK,gBAAgB,EACrB,MAAA;AACL,UAAM,QAAQ,UAAU,IAAA;AACxB,UAAM,QAAQ,SAAS,MAAM,cAAc,YAAY;AACvD,QAAI,CAAC,SAAS,CAAC,OAAO;AAClB,aAAO;AAAA,IACX;AACA,UAAM,aAAc,MAAsB;AAC1C,UAAM,cAAe,MAAsB;AAC3C,UAAM,aAAa,MAAM;AACzB,UAAM,cAAc,MAAM;AAC1B,QAAI,CAAC,cAAc,CAAC,eAAe,CAAC,cAAc,CAAC,aAAa;AAC5D,aAAO;AAAA,IACX;AACA,WAAO,KAAK,IAAI,aAAa,aAAa,cAAc,YAAY,CAAC;AAAA,EACzE;AAAA,EAEA,cAAoB;AAChB,UAAM,SAAS,KAAK,KACf,aAAa,KAAK,KAAK,KAAK,EAC5B,KAAK,gBAAgB,EACrB,MAAA;AACL,UAAM,cAAc,KAAK,iBAAiB,KAAK,KAAK,KAAK;AACzD,UAAM,WAAW,KAAK,YAAA;AAEtB,WAAO;AAAA,MACH;AAAA,MACA,YACI,YAAY,SACZ,kBAEA,YAAY,iBAAiB,WAC7B,OACA,YAAY,eAAe,WAC3B;AAAA,IAAA;AAAA,EAEZ;AAAA,EAEA,aAAmB;AACf,SAAK,iBAAiB,KAAK,KAAK,KAAK,EAAE,UAAU;AACjD,SAAK,YAAA;AACL,SAAK,cAAc,SAAS,YAAY;AAAA,MACpC,QAAQ,KAAK,iBAAiB,KAAK,KAAK,KAAK,EAAE;AAAA,IAAA,CAClD;AAAA,EACL;AAAA,EAEA,cAAoB;AAChB,SAAK,iBAAiB,KAAK,KAAK,KAAK,EAAE,UAAU;AACjD,SAAK,YAAA;AACL,SAAK,cAAc,SAAS,aAAa;AAAA,MACrC,QAAQ,KAAK,iBAAiB,KAAK,KAAK,KAAK,EAAE;AAAA,IAAA,CAClD;AAAA,EACL;AAAA,EAEA,mBAAmB,IAAyB;AACxC,QAAI,CAAC,IAAI;AACL,aAAO;AAAA,IACX;AACA,UAAM,KAAK,KAAK,IAAI,EAAE,EAAE,MAAA;AACxB,UAAM,KACF,GAAG,iBAAiB,mBAAmB,KACvC,GAAG,iBAAiB,gBAAgB,KACpC,GAAG,iBAAiB,eAAe,KACnC,GAAG,iBAAiB,cAAc,KAClC,GAAG,iBAAiB,WAAW,KAC/B;AACJ,QAAI,OAAO,QAAQ;AACf,YAAM,SAAS,GAAG,MAAM,GAAG,EAAE,CAAC,EAAE,MAAM,GAAG,EAAE,CAAC,EAAE,MAAM,GAAG;AACvD,UAAI,QAAQ;AACR,cAAM,QAAQ,KAAK;AAAA,UACf,KAAK,MAAM,OAAO,CAAC,GAAG,OAAO,CAAC,CAAC,KAAK,MAAM,KAAK;AAAA,QAAA;AAEnD,eAAO,QAAQ,IAAI,QAAQ,MAAM;AAAA,MACrC;AAAA,IACJ;AACA,WAAO;AAAA,EACX;AAAA,EAEA,iBAAuB;AACnB,UAAM,WAAW,KAAK,KACjB,aAAa,KAAK,KAAK,KAAK,EAC5B,KAAK,gBAAgB,EACrB,MAAA,EACA,IAAA;AACL,UAAM,kBAAkB,KAAK,mBAAmB,QAAQ;AACxD,QAAI,aAAa;AACjB,QAAI,oBAAoB,MAAM,oBAAoB,KAAK;AACnD,mBAAa;AAAA,IACjB;AACA,SAAK,iBAAiB,KAAK,KAAK,KAAK,EAAE,UAAU,KAAK;AACtD,SAAK,YAAA;AACL,SAAK,cAAc,SAAS,gBAAgB;AAAA,MACxC,gBAAgB,KAAK,iBAAiB,KAAK,KAAK,KAAK,EAAE,UAAU;AAAA,IAAA,CACpE;AAAA,EACL;AAAA,EAEA,eAAqB;AACjB,UAAM,WAAW,KAAK,KACjB,aAAa,KAAK,KAAK,KAAK,EAC5B,KAAK,gBAAgB,EACrB,MAAA,EACA,IAAA;AACL,UAAM,kBAAkB,KAAK,mBAAmB,QAAQ;AACxD,QAAI,aAAa;AACjB,QAAI,oBAAoB,MAAM,oBAAoB,KAAK;AACnD,mBAAa;AAAA,IACjB;AACA,SAAK,iBAAiB,KAAK,KAAK,KAAK,EAAE,UAAU,KAAK;AAEtD,SAAK,YAAA;AAEL,SAAK,cAAc,SAAS,cAAc;AAAA,MACtC,cAAc,KAAK,iBAAiB,KAAK,KAAK,KAAK,EAAE,UAAU;AAAA,IAAA,CAClE;AAAA,EACL;AAAA,EAEA,cAAc,OAAe,QAAmB;AAC5C,eAAW,MAAM;AACb,WAAK,KAAK,KAAK,QAAQ,OAAO,MAAM;AAAA,IACxC,GAAG,KAAK,SAAS,cAAc,EAAE;AAAA,EACrC;AAAA,EAEA,4BAAqC;AACjC,UAAM,cAAc,KAAK,iBAAiB,KAAK,KAAK,KAAK;AACzD,UAAM,YAAY,KAAK,IAAI,YAAY,MAAM,IAAI,QAAQ;AACzD,UAAM,eAAe,YAAY,iBAAiB;AAClD,UAAM,eAAe,YAAY,eAAe;AAChD,WAAO,aAAa,gBAAgB;AAAA,EACxC;AAAA,EAEA,eAAqB;AAEjB,QAAI,CAAC,KAAK,SAAS,OAAQ;AAC3B,QAAI,KAAK,6BAA6B;AAClC,WAAK,KAAK,aAAa,KAAK,KAAK,KAAK,EAAE,IAAI,WAAW,CAAC;AAAA,IAC5D;AACA,SAAK,mBAAmB,CAAA;AAAA,EAC5B;AAAA,EAEA,UAAgB;AAEZ,SAAK,KAAK,KAAK,IAAI,YAAY;AAC/B,SAAK,KAAK,KAAK,IAAI,SAAS;AAC5B,SAAK,IAAI,MAAM,EAAE,IAAI,oBAAoB,KAAK,KAAK,IAAI,EAAE;AAAA,EAC7D;AACJ;"}

package/dist/plugins/rotate/lg-rotate.min.js

@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).lgRotate=e()}(this,function(){"use strict";const t={rotateLeft:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" fill="currentColor"><path transform="translate(0, 960) scale(1, -1)" d="M554 764.667q126-16 213-112t87-226-87-226-213-112v86q92 16 153 87t61 165-61 165-153 87v-166l-194 190 194 194v-132zM302 156.667l62 62q46-34 106-44v-86q-96 12-168 68zM260 384.667q10-58 42-106l-60-60q-56 74-68 166h86zM304 574.667q-36-52-44-106h-86q12 90 70 166z"/></svg>',rotateRight:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" fill="currentColor"><path transform="translate(0, 960) scale(1, -1)" d="M720 278.667q34 46 44 106h86q-12-92-68-166zM554 174.667q60 10 106 44l62-62q-72-56-168-68v86zM850 468.667h-86q-10 60-44 106l62 60q58-72 68-166zM664 702.667l-194-190v166q-92-16-153-87t-61-165 61-165 153-87v-86q-126 16-213 112t-87 226 87 226 213 112v132z"/></svg>',flipHorizontal:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" fill="currentColor"><path transform="translate(0, 960) scale(1, -1)" d="M896 554.667l-170-170v128h-300v84h300v128zM298 468.667v-128h300v-84h-300v-128l-170 170z"/></svg>',flipVertical:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" fill="currentColor"><path transform="translate(0, 960) scale(1, -1)" d="M384 810.667l170-170h-128v-300h-84v300h-128zM682 212.667h128l-170-170-170 170h128v300h84v-300z"/></svg>'},e="lgSlideItemLoad",i="lgBeforeSlide",r="lgRotateLeft",s="lgRotateRight",o="lgFlipHorizontal",l="lgFlipVertical",a={rotate:!0,rotateSpeed:400,rotateLeft:!0,rotateRight:!0,flipHorizontal:!0,flipVertical:!0};var n=Object.defineProperty,g=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,f=(t,e,i)=>e in t?n(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,d=(t,e)=>{for(var i in e||(e={}))h.call(e,i)&&f(t,i,e[i]);if(g)for(var i of g(e))c.call(e,i)&&f(t,i,e[i]);return t};return class{constructor(t,e){return this.core=t,this.$LG=e,this.settings=d(d({},a),this.core.settings),this}buildTemplates(){var t,e,i,r,s,o,l,a;let n="";this.settings.flipVertical&&(n+=`<button type="button" id="lg-flip-ver" aria-label="${null!=(e=null==(t=this.settings.rotatePluginStrings)?void 0:t.flipVertical)?e:this.core.settings.strings.flipVertical}" class="lg-flip-ver lg-icon"></button>`),this.settings.flipHorizontal&&(n+=`<button type="button" id="lg-flip-hor" aria-label="${null!=(r=null==(i=this.settings.rotatePluginStrings)?void 0:i.flipHorizontal)?r:this.core.settings.strings.flipHorizontal}" class="lg-flip-hor lg-icon"></button>`),this.settings.rotateLeft&&(n+=`<button type="button" id="lg-rotate-left" aria-label="${null!=(o=null==(s=this.settings.rotatePluginStrings)?void 0:s.rotateLeft)?o:this.core.settings.strings.rotateLeft}" class="lg-rotate-left lg-icon"></button>`),this.settings.rotateRight&&(n+=`<button type="button" id="lg-rotate-right" aria-label="${null!=(a=null==(l=this.settings.rotatePluginStrings)?void 0:l.rotateRight)?a:this.core.settings.strings.rotateRight}" class="lg-rotate-right lg-icon"></button>`),this.core.$toolbar.append(n)}init(){this.core.registerDefaultIcons(t),this.settings.rotate&&(this.buildTemplates(),this.rotateValuesList={},this.core.LGel.on(`${e}.rotate`,t=>{const{index:e}=t.detail;if(!this.core.getSlideItem(e).find(".lg-img-rotate").get()){this.core.getSlideItem(e).find(".lg-object").first().wrap("lg-img-rotate"),this.core.getSlideItem(this.core.index).find(".lg-img-rotate").css("transition-duration",this.settings.rotateSpeed+"ms")}}),this.core.outer.find("#lg-rotate-left").first().on("click.lg",this.rotateLeft.bind(this)),this.core.outer.find("#lg-rotate-right").first().on("click.lg",this.rotateRight.bind(this)),this.core.outer.find("#lg-flip-hor").first().on("click.lg",this.flipHorizontal.bind(this)),this.core.outer.find("#lg-flip-ver").first().on("click.lg",this.flipVertical.bind(this)),this.core.LGel.on(`${i}.rotate`,t=>{this.rotateValuesList[t.detail.index]||(this.rotateValuesList[t.detail.index]={rotate:0,flipHorizontal:1,flipVertical:1})}),this.$LG(window).on(`resize.lg.rotate.global${this.core.lgId}`,()=>{this.core.lgOpened&&this.rotateValuesList[this.core.index]&&this.isImageOrientationChanged()&&this.applyStyles()}))}getFitScale(){const t=(this.rotateValuesList[this.core.index].rotate%360+360)%360;if(90!==t&&270!==t)return 1;const e=this.core.getSlideItem(this.core.index).find(".lg-img-rotate").first().get(),i=e&&e.querySelector(".lg-object");if(!e||!i)return 1;const r=i.offsetWidth,s=i.offsetHeight,o=e.clientWidth,l=e.clientHeight;return r&&s&&o&&l?Math.min(o/s,l/r,1):1}applyStyles(){const t=this.core.getSlideItem(this.core.index).find(".lg-img-rotate").first(),e=this.rotateValuesList[this.core.index],i=this.getFitScale();t.css("transform","rotate("+e.rotate+"deg) scale3d("+e.flipHorizontal*i+", "+e.flipVertical*i+", 1)")}rotateLeft(){this.rotateValuesList[this.core.index].rotate-=90,this.applyStyles(),this.triggerEvents(r,{rotate:this.rotateValuesList[this.core.index].rotate})}rotateRight(){this.rotateValuesList[this.core.index].rotate+=90,this.applyStyles(),this.triggerEvents(s,{rotate:this.rotateValuesList[this.core.index].rotate})}getCurrentRotation(t){if(!t)return 0;const e=this.$LG(t).style(),i=e.getPropertyValue("-webkit-transform")||e.getPropertyValue("-moz-transform")||e.getPropertyValue("-ms-transform")||e.getPropertyValue("-o-transform")||e.getPropertyValue("transform")||"none";if("none"!==i){const t=i.split("(")[1].split(")")[0].split(",");if(t){const e=Math.round(Math.atan2(t[1],t[0])*(180/Math.PI));return e<0?e+360:e}}return 0}flipHorizontal(){const t=this.core.getSlideItem(this.core.index).find(".lg-img-rotate").first().get(),e=this.getCurrentRotation(t);let i="flipHorizontal";90!==e&&270!==e||(i="flipVertical"),this.rotateValuesList[this.core.index][i]*=-1,this.applyStyles(),this.triggerEvents(o,{flipHorizontal:this.rotateValuesList[this.core.index][i]})}flipVertical(){const t=this.core.getSlideItem(this.core.index).find(".lg-img-rotate").first().get(),e=this.getCurrentRotation(t);let i="flipVertical";90!==e&&270!==e||(i="flipHorizontal"),this.rotateValuesList[this.core.index][i]*=-1,this.applyStyles(),this.triggerEvents(l,{flipVertical:this.rotateValuesList[this.core.index][i]})}triggerEvents(t,e){setTimeout(()=>{this.core.LGel.trigger(t,e)},this.settings.rotateSpeed+10)}isImageOrientationChanged(){const t=this.rotateValuesList[this.core.index],e=Math.abs(t.rotate)%360!=0,i=t.flipHorizontal<0,r=t.flipVertical<0;return e||i||r}closeGallery(){this.settings.rotate&&(this.isImageOrientationChanged()&&this.core.getSlideItem(this.core.index).css("opacity",0),this.rotateValuesList={})}destroy(){this.core.LGel.off(".lg.rotate"),this.core.LGel.off(".rotate"),this.$LG(window).off(`.lg.rotate.global${this.core.lgId}`)}}});