lightgallery 2.9.0 → 3.0.0-beta.2

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

@@ -0,0 +1,136 @@
+/*!
+ * lightgallery | 3.0.0-beta.2 | October 1st 2026
+ * http://www.lightgalleryjs.com/
+ * Copyright (c) 2020 Sachin Neravath;
+ * @license GPLv3
+ */
+const commentDefaultIcons = {
+  comment: '<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>',
+  commentClose: '<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>'
+};
+const lGEvents = {
+  beforeSlide: "lgBeforeSlide",
+  afterSlide: "lgAfterSlide"
+};
+const commentSettings = {
+  commentBox: false,
+  fbComments: false,
+  disqusComments: false,
+  disqusConfig: {
+    title: void 0,
+    language: "en"
+  },
+  commentsMarkup: '<div id="lg-comment-box" class="lg-comment-box lg-fb-comment-box"><div class="lg-comment-header"><h3 class="lg-comment-title">Leave a comment.</h3><span class="lg-comment-close lg-icon"></span></div><div class="lg-comment-body"></div></div>'
+};
+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 CommentBox {
+  constructor(instance, $LG) {
+    this.core = instance;
+    this.$LG = $LG;
+    this.settings = __spreadValues(__spreadValues({}, commentSettings), this.core.settings);
+    return this;
+  }
+  init() {
+    this.core.registerDefaultIcons(commentDefaultIcons);
+    if (!this.settings.commentBox) {
+      return;
+    }
+    this.setMarkup();
+    this.toggleCommentBox();
+    if (this.settings.fbComments) {
+      this.addFbComments();
+    } else if (this.settings.disqusComments) {
+      this.addDisqusComments();
+    }
+  }
+  setMarkup() {
+    var _a, _b;
+    this.core.outer.append(
+      this.settings.commentsMarkup + '<div class="lg-comment-overlay"></div>'
+    );
+    const commentToggleBtn = `<button type="button" aria-label="${(_b = (_a = this.settings.commentPluginStrings) == null ? void 0 : _a.toggleComments) != null ? _b : this.core.settings.strings.toggleComments}" class="lg-comment-toggle lg-icon"></button>`;
+    this.core.$toolbar.append(commentToggleBtn);
+  }
+  toggleCommentBox() {
+    this.core.outer.find(".lg-comment-toggle").first().on("click.lg.comment", () => {
+      this.core.outer.toggleClass("lg-comment-active");
+    });
+    this.core.outer.find(".lg-comment-overlay").first().on("click.lg.comment", () => {
+      this.core.outer.removeClass("lg-comment-active");
+    });
+    this.core.outer.find(".lg-comment-close").first().on("click.lg.comment", () => {
+      this.core.outer.removeClass("lg-comment-active");
+    });
+  }
+  addFbComments() {
+    const _this = this;
+    this.core.LGel.on(`${lGEvents.beforeSlide}.comment`, (event) => {
+      const html = this.core.galleryItems[event.detail.index].fbHtml;
+      this.core.outer.find(".lg-comment-body").html(html);
+    });
+    this.core.LGel.on(`${lGEvents.afterSlide}.comment`, function() {
+      try {
+        FB.XFBML.parse();
+      } catch (err) {
+        _this.$LG(window).on("fbAsyncInit", function() {
+          FB.XFBML.parse();
+        });
+      }
+    });
+  }
+  addDisqusComments() {
+    const $disqusThread = this.$LG("#disqus_thread");
+    $disqusThread.remove();
+    this.core.outer.find(".lg-comment-body").append('<div id="disqus_thread"></div>');
+    this.core.LGel.on(`${lGEvents.beforeSlide}.comment`, () => {
+      $disqusThread.html("");
+    });
+    this.core.LGel.on(`${lGEvents.afterSlide}.comment`, (event) => {
+      const { index } = event.detail;
+      const _this2 = this;
+      setTimeout(
+        function() {
+          try {
+            DISQUS.reset({
+              reload: true,
+              config: function() {
+                this.page.identifier = _this2.core.galleryItems[index].disqusIdentifier;
+                this.page.url = _this2.core.galleryItems[index].disqusUrl;
+                this.page.title = _this2.settings.disqusConfig.title;
+                this.language = _this2.settings.disqusConfig.language;
+              }
+            });
+          } catch (err) {
+            console.error(
+              "lightGallery: make sure you have included the Disqus JavaScript code in your document. See https://www.lightgalleryjs.com/docs/settings/#comment-box-plugin"
+            );
+          }
+        },
+        _this2.core.lGalleryOn ? 0 : 1e3
+      );
+    });
+  }
+  destroy() {
+    this.core.LGel.off(".lg.comment");
+    this.core.LGel.off(".comment");
+  }
+}
+export {
+  CommentBox as default
+};
+//# sourceMappingURL=lg-comment.es5.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lg-comment.es5.js","sources":["../../../packages/headless/src/icons.ts","../../../src/lg-events.ts","../../../src/plugins/comment/lg-comment-settings.ts","../../../src/plugins/comment/lg-comment.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 CommentStrings {\n    toggleComments: string;\n}\n\nexport interface CommentSettings {\n    /**\n     * Enable comment box\n     */\n    commentBox: boolean;\n    /**\n     * Enable facebook comment box\n     */\n    fbComments: boolean;\n    /**\n     * Enable disqus comment box\n     */\n    disqusComments: boolean;\n\n    /**\n     * Disqus comment config\n     */\n    disqusConfig: {\n        title?: string;\n        language: string;\n    };\n\n    /**\n     * Facebook comments default markup\n     */\n    commentsMarkup: string;\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    commentPluginStrings?: Partial<CommentStrings>;\n}\n\nexport const commentSettings: CommentSettings = {\n    commentBox: false,\n    fbComments: false,\n    disqusComments: false,\n    disqusConfig: {\n        title: undefined,\n        language: 'en',\n    },\n    commentsMarkup:\n        '<div id=\"lg-comment-box\" class=\"lg-comment-box lg-fb-comment-box\"><div class=\"lg-comment-header\"><h3 class=\"lg-comment-title\">Leave a comment.</h3><span class=\"lg-comment-close lg-icon\"></span></div><div class=\"lg-comment-body\"></div></div>',\n};\n","/**\n * lightGallery comments module\n * Supports facebook and disqus comments\n *\n * @ref - https://help.disqus.com/customer/portal/articles/472098-javascript-configuration-variables\n * @ref - https://github.com/disqus/DISQUS-API-Recipes/blob/master/snippets/js/disqus-reset/disqus_reset.html\n * @ref - https://css-tricks.com/lazy-loading-disqus-comments/\n * @ref - https://developers.facebook.com/docs/plugins/comments/#comments-plugin\n *\n */\n\nimport { commentDefaultIcons } from '@lightgallery/headless';\nimport { lGEvents } from '../../lg-events';\nimport { LgQuery } from '../../lgQuery';\nimport { LightGallery } from '../../lightgallery';\nimport { commentSettings, CommentSettings } from './lg-comment-settings';\n\ndeclare let FB: any;\ndeclare let DISQUS: any;\n\nexport default class CommentBox {\n    core: LightGallery;\n    settings: CommentSettings;\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 = { ...commentSettings, ...this.core.settings };\n\n        return this;\n    }\n\n    public init(): void {\n        this.core.registerDefaultIcons(commentDefaultIcons);\n        if (!this.settings.commentBox) {\n            return;\n        }\n        this.setMarkup();\n        this.toggleCommentBox();\n        if (this.settings.fbComments) {\n            this.addFbComments();\n        } else if (this.settings.disqusComments) {\n            this.addDisqusComments();\n        }\n    }\n\n    private setMarkup() {\n        this.core.outer.append(\n            this.settings.commentsMarkup +\n                '<div class=\"lg-comment-overlay\"></div>',\n        );\n\n        const commentToggleBtn = `<button type=\"button\" aria-label=\"${\n            this.settings.commentPluginStrings?.toggleComments ??\n            this.core.settings.strings.toggleComments\n        }\" class=\"lg-comment-toggle lg-icon\"></button>`;\n        this.core.$toolbar.append(commentToggleBtn);\n    }\n\n    toggleCommentBox(): void {\n        this.core.outer\n            .find('.lg-comment-toggle')\n            .first()\n            .on('click.lg.comment', () => {\n                this.core.outer.toggleClass('lg-comment-active');\n            });\n\n        this.core.outer\n            .find('.lg-comment-overlay')\n            .first()\n            .on('click.lg.comment', () => {\n                this.core.outer.removeClass('lg-comment-active');\n            });\n        this.core.outer\n            .find('.lg-comment-close')\n            .first()\n            .on('click.lg.comment', () => {\n                this.core.outer.removeClass('lg-comment-active');\n            });\n    }\n\n    addFbComments() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const _this = this;\n        this.core.LGel.on(`${lGEvents.beforeSlide}.comment`, (event) => {\n            const html = this.core.galleryItems[event.detail.index].fbHtml;\n            this.core.outer.find('.lg-comment-body').html(html as string);\n        });\n        this.core.LGel.on(`${lGEvents.afterSlide}.comment`, function () {\n            try {\n                FB.XFBML.parse();\n            } catch (err) {\n                _this.$LG(window).on('fbAsyncInit', function () {\n                    FB.XFBML.parse();\n                });\n            }\n        });\n    }\n\n    addDisqusComments(): void {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const _this = this;\n        const $disqusThread = this.$LG('#disqus_thread');\n        $disqusThread.remove();\n        this.core.outer\n            .find('.lg-comment-body')\n            .append('<div id=\"disqus_thread\"></div>');\n\n        this.core.LGel.on(`${lGEvents.beforeSlide}.comment`, () => {\n            $disqusThread.html('');\n        });\n\n        this.core.LGel.on(`${lGEvents.afterSlide}.comment`, (event) => {\n            const { index } = event.detail;\n            // eslint-disable-next-line @typescript-eslint/no-this-alias\n            const _this = this;\n            // DISQUS needs sometime to intialize when lightGallery is opened from direct url(hash plugin).\n            setTimeout(\n                function () {\n                    try {\n                        DISQUS.reset({\n                            reload: true,\n                            config: function () {\n                                this.page.identifier =\n                                    _this.core.galleryItems[\n                                        index\n                                    ].disqusIdentifier;\n                                this.page.url =\n                                    _this.core.galleryItems[index].disqusUrl;\n                                this.page.title =\n                                    _this.settings.disqusConfig.title;\n                                this.language =\n                                    _this.settings.disqusConfig.language;\n                            },\n                        });\n                    } catch (err) {\n                        console.error(\n                            'lightGallery: make sure you have included the Disqus JavaScript code in your document. See https://www.lightgalleryjs.com/docs/settings/#comment-box-plugin',\n                        );\n                    }\n                },\n                _this.core.lGalleryOn ? 0 : 1000,\n            );\n        });\n    }\n\n    destroy(): void {\n        this.core.LGel.off('.lg.comment');\n        this.core.LGel.off('.comment');\n    }\n}\n"],"names":["_this"],"mappings":"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"}

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

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).lgComment=t()}(this,function(){"use strict";const e={comment:'<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>',commentClose:'<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>'},t="lgBeforeSlide",o="lgAfterSlide",s={commentBox:!1,fbComments:!1,disqusComments:!1,disqusConfig:{title:void 0,language:"en"},commentsMarkup:'<div id="lg-comment-box" class="lg-comment-box lg-fb-comment-box"><div class="lg-comment-header"><h3 class="lg-comment-title">Leave a comment.</h3><span class="lg-comment-close lg-icon"></span></div><div class="lg-comment-body"></div></div>'};var n=Object.defineProperty,i=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,r=(e,t,o)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,m=(e,t)=>{for(var o in t||(t={}))l.call(t,o)&&r(e,o,t[o]);if(i)for(var o of i(t))c.call(t,o)&&r(e,o,t[o]);return e};return class{constructor(e,t){return this.core=e,this.$LG=t,this.settings=m(m({},s),this.core.settings),this}init(){this.core.registerDefaultIcons(e),this.settings.commentBox&&(this.setMarkup(),this.toggleCommentBox(),this.settings.fbComments?this.addFbComments():this.settings.disqusComments&&this.addDisqusComments())}setMarkup(){var e,t;this.core.outer.append(this.settings.commentsMarkup+'<div class="lg-comment-overlay"></div>');const o=`<button type="button" aria-label="${null!=(t=null==(e=this.settings.commentPluginStrings)?void 0:e.toggleComments)?t:this.core.settings.strings.toggleComments}" class="lg-comment-toggle lg-icon"></button>`;this.core.$toolbar.append(o)}toggleCommentBox(){this.core.outer.find(".lg-comment-toggle").first().on("click.lg.comment",()=>{this.core.outer.toggleClass("lg-comment-active")}),this.core.outer.find(".lg-comment-overlay").first().on("click.lg.comment",()=>{this.core.outer.removeClass("lg-comment-active")}),this.core.outer.find(".lg-comment-close").first().on("click.lg.comment",()=>{this.core.outer.removeClass("lg-comment-active")})}addFbComments(){const e=this;this.core.LGel.on(`${t}.comment`,e=>{const t=this.core.galleryItems[e.detail.index].fbHtml;this.core.outer.find(".lg-comment-body").html(t)}),this.core.LGel.on(`${o}.comment`,function(){try{FB.XFBML.parse()}catch(t){e.$LG(window).on("fbAsyncInit",function(){FB.XFBML.parse()})}})}addDisqusComments(){const e=this.$LG("#disqus_thread");e.remove(),this.core.outer.find(".lg-comment-body").append('<div id="disqus_thread"></div>'),this.core.LGel.on(`${t}.comment`,()=>{e.html("")}),this.core.LGel.on(`${o}.comment`,e=>{const{index:t}=e.detail,o=this;setTimeout(function(){try{DISQUS.reset({reload:!0,config:function(){this.page.identifier=o.core.galleryItems[t].disqusIdentifier,this.page.url=o.core.galleryItems[t].disqusUrl,this.page.title=o.settings.disqusConfig.title,this.language=o.settings.disqusConfig.language}})}catch(e){console.error("lightGallery: make sure you have included the Disqus JavaScript code in your document. See https://www.lightgalleryjs.com/docs/settings/#comment-box-plugin")}},o.core.lGalleryOn?0:1e3)})}destroy(){this.core.LGel.off(".lg.comment"),this.core.LGel.off(".comment")}}});

package/dist/plugins/comment/lg-comment.umd.js

@@ -0,0 +1,139 @@
+(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.lgComment = 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
+ */
+
+  const commentDefaultIcons = {
+    comment: '<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>',
+    commentClose: '<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>'
+  };
+  const lGEvents = {
+    beforeSlide: "lgBeforeSlide",
+    afterSlide: "lgAfterSlide"
+  };
+  const commentSettings = {
+    commentBox: false,
+    fbComments: false,
+    disqusComments: false,
+    disqusConfig: {
+      title: void 0,
+      language: "en"
+    },
+    commentsMarkup: '<div id="lg-comment-box" class="lg-comment-box lg-fb-comment-box"><div class="lg-comment-header"><h3 class="lg-comment-title">Leave a comment.</h3><span class="lg-comment-close lg-icon"></span></div><div class="lg-comment-body"></div></div>'
+  };
+  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 CommentBox {
+    constructor(instance, $LG) {
+      this.core = instance;
+      this.$LG = $LG;
+      this.settings = __spreadValues(__spreadValues({}, commentSettings), this.core.settings);
+      return this;
+    }
+    init() {
+      this.core.registerDefaultIcons(commentDefaultIcons);
+      if (!this.settings.commentBox) {
+        return;
+      }
+      this.setMarkup();
+      this.toggleCommentBox();
+      if (this.settings.fbComments) {
+        this.addFbComments();
+      } else if (this.settings.disqusComments) {
+        this.addDisqusComments();
+      }
+    }
+    setMarkup() {
+      var _a, _b;
+      this.core.outer.append(
+        this.settings.commentsMarkup + '<div class="lg-comment-overlay"></div>'
+      );
+      const commentToggleBtn = `<button type="button" aria-label="${(_b = (_a = this.settings.commentPluginStrings) == null ? void 0 : _a.toggleComments) != null ? _b : this.core.settings.strings.toggleComments}" class="lg-comment-toggle lg-icon"></button>`;
+      this.core.$toolbar.append(commentToggleBtn);
+    }
+    toggleCommentBox() {
+      this.core.outer.find(".lg-comment-toggle").first().on("click.lg.comment", () => {
+        this.core.outer.toggleClass("lg-comment-active");
+      });
+      this.core.outer.find(".lg-comment-overlay").first().on("click.lg.comment", () => {
+        this.core.outer.removeClass("lg-comment-active");
+      });
+      this.core.outer.find(".lg-comment-close").first().on("click.lg.comment", () => {
+        this.core.outer.removeClass("lg-comment-active");
+      });
+    }
+    addFbComments() {
+      const _this = this;
+      this.core.LGel.on(`${lGEvents.beforeSlide}.comment`, (event) => {
+        const html = this.core.galleryItems[event.detail.index].fbHtml;
+        this.core.outer.find(".lg-comment-body").html(html);
+      });
+      this.core.LGel.on(`${lGEvents.afterSlide}.comment`, function() {
+        try {
+          FB.XFBML.parse();
+        } catch (err) {
+          _this.$LG(window).on("fbAsyncInit", function() {
+            FB.XFBML.parse();
+          });
+        }
+      });
+    }
+    addDisqusComments() {
+      const $disqusThread = this.$LG("#disqus_thread");
+      $disqusThread.remove();
+      this.core.outer.find(".lg-comment-body").append('<div id="disqus_thread"></div>');
+      this.core.LGel.on(`${lGEvents.beforeSlide}.comment`, () => {
+        $disqusThread.html("");
+      });
+      this.core.LGel.on(`${lGEvents.afterSlide}.comment`, (event) => {
+        const { index } = event.detail;
+        const _this2 = this;
+        setTimeout(
+          function() {
+            try {
+              DISQUS.reset({
+                reload: true,
+                config: function() {
+                  this.page.identifier = _this2.core.galleryItems[index].disqusIdentifier;
+                  this.page.url = _this2.core.galleryItems[index].disqusUrl;
+                  this.page.title = _this2.settings.disqusConfig.title;
+                  this.language = _this2.settings.disqusConfig.language;
+                }
+              });
+            } catch (err) {
+              console.error(
+                "lightGallery: make sure you have included the Disqus JavaScript code in your document. See https://www.lightgalleryjs.com/docs/settings/#comment-box-plugin"
+              );
+            }
+          },
+          _this2.core.lGalleryOn ? 0 : 1e3
+        );
+      });
+    }
+    destroy() {
+      this.core.LGel.off(".lg.comment");
+      this.core.LGel.off(".comment");
+    }
+  }
+  return CommentBox;
+});
+//# sourceMappingURL=lg-comment.umd.js.map

package/dist/plugins/comment/lg-comment.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lg-comment.umd.js","sources":["../../../packages/headless/src/icons.ts","../../../src/lg-events.ts","../../../src/plugins/comment/lg-comment-settings.ts","../../../src/plugins/comment/lg-comment.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 CommentStrings {\n    toggleComments: string;\n}\n\nexport interface CommentSettings {\n    /**\n     * Enable comment box\n     */\n    commentBox: boolean;\n    /**\n     * Enable facebook comment box\n     */\n    fbComments: boolean;\n    /**\n     * Enable disqus comment box\n     */\n    disqusComments: boolean;\n\n    /**\n     * Disqus comment config\n     */\n    disqusConfig: {\n        title?: string;\n        language: string;\n    };\n\n    /**\n     * Facebook comments default markup\n     */\n    commentsMarkup: string;\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    commentPluginStrings?: Partial<CommentStrings>;\n}\n\nexport const commentSettings: CommentSettings = {\n    commentBox: false,\n    fbComments: false,\n    disqusComments: false,\n    disqusConfig: {\n        title: undefined,\n        language: 'en',\n    },\n    commentsMarkup:\n        '<div id=\"lg-comment-box\" class=\"lg-comment-box lg-fb-comment-box\"><div class=\"lg-comment-header\"><h3 class=\"lg-comment-title\">Leave a comment.</h3><span class=\"lg-comment-close lg-icon\"></span></div><div class=\"lg-comment-body\"></div></div>',\n};\n","/**\n * lightGallery comments module\n * Supports facebook and disqus comments\n *\n * @ref - https://help.disqus.com/customer/portal/articles/472098-javascript-configuration-variables\n * @ref - https://github.com/disqus/DISQUS-API-Recipes/blob/master/snippets/js/disqus-reset/disqus_reset.html\n * @ref - https://css-tricks.com/lazy-loading-disqus-comments/\n * @ref - https://developers.facebook.com/docs/plugins/comments/#comments-plugin\n *\n */\n\nimport { commentDefaultIcons } from '@lightgallery/headless';\nimport { lGEvents } from '../../lg-events';\nimport { LgQuery } from '../../lgQuery';\nimport { LightGallery } from '../../lightgallery';\nimport { commentSettings, CommentSettings } from './lg-comment-settings';\n\ndeclare let FB: any;\ndeclare let DISQUS: any;\n\nexport default class CommentBox {\n    core: LightGallery;\n    settings: CommentSettings;\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 = { ...commentSettings, ...this.core.settings };\n\n        return this;\n    }\n\n    public init(): void {\n        this.core.registerDefaultIcons(commentDefaultIcons);\n        if (!this.settings.commentBox) {\n            return;\n        }\n        this.setMarkup();\n        this.toggleCommentBox();\n        if (this.settings.fbComments) {\n            this.addFbComments();\n        } else if (this.settings.disqusComments) {\n            this.addDisqusComments();\n        }\n    }\n\n    private setMarkup() {\n        this.core.outer.append(\n            this.settings.commentsMarkup +\n                '<div class=\"lg-comment-overlay\"></div>',\n        );\n\n        const commentToggleBtn = `<button type=\"button\" aria-label=\"${\n            this.settings.commentPluginStrings?.toggleComments ??\n            this.core.settings.strings.toggleComments\n        }\" class=\"lg-comment-toggle lg-icon\"></button>`;\n        this.core.$toolbar.append(commentToggleBtn);\n    }\n\n    toggleCommentBox(): void {\n        this.core.outer\n            .find('.lg-comment-toggle')\n            .first()\n            .on('click.lg.comment', () => {\n                this.core.outer.toggleClass('lg-comment-active');\n            });\n\n        this.core.outer\n            .find('.lg-comment-overlay')\n            .first()\n            .on('click.lg.comment', () => {\n                this.core.outer.removeClass('lg-comment-active');\n            });\n        this.core.outer\n            .find('.lg-comment-close')\n            .first()\n            .on('click.lg.comment', () => {\n                this.core.outer.removeClass('lg-comment-active');\n            });\n    }\n\n    addFbComments() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const _this = this;\n        this.core.LGel.on(`${lGEvents.beforeSlide}.comment`, (event) => {\n            const html = this.core.galleryItems[event.detail.index].fbHtml;\n            this.core.outer.find('.lg-comment-body').html(html as string);\n        });\n        this.core.LGel.on(`${lGEvents.afterSlide}.comment`, function () {\n            try {\n                FB.XFBML.parse();\n            } catch (err) {\n                _this.$LG(window).on('fbAsyncInit', function () {\n                    FB.XFBML.parse();\n                });\n            }\n        });\n    }\n\n    addDisqusComments(): void {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const _this = this;\n        const $disqusThread = this.$LG('#disqus_thread');\n        $disqusThread.remove();\n        this.core.outer\n            .find('.lg-comment-body')\n            .append('<div id=\"disqus_thread\"></div>');\n\n        this.core.LGel.on(`${lGEvents.beforeSlide}.comment`, () => {\n            $disqusThread.html('');\n        });\n\n        this.core.LGel.on(`${lGEvents.afterSlide}.comment`, (event) => {\n            const { index } = event.detail;\n            // eslint-disable-next-line @typescript-eslint/no-this-alias\n            const _this = this;\n            // DISQUS needs sometime to intialize when lightGallery is opened from direct url(hash plugin).\n            setTimeout(\n                function () {\n                    try {\n                        DISQUS.reset({\n                            reload: true,\n                            config: function () {\n                                this.page.identifier =\n                                    _this.core.galleryItems[\n                                        index\n                                    ].disqusIdentifier;\n                                this.page.url =\n                                    _this.core.galleryItems[index].disqusUrl;\n                                this.page.title =\n                                    _this.settings.disqusConfig.title;\n                                this.language =\n                                    _this.settings.disqusConfig.language;\n                            },\n                        });\n                    } catch (err) {\n                        console.error(\n                            'lightGallery: make sure you have included the Disqus JavaScript code in your document. See https://www.lightgalleryjs.com/docs/settings/#comment-box-plugin',\n                        );\n                    }\n                },\n                _this.core.lGalleryOn ? 0 : 1000,\n            );\n        });\n    }\n\n    destroy(): void {\n        this.core.LGel.off('.lg.comment');\n        this.core.LGel.off('.comment');\n    }\n}\n"],"names":["_this"],"mappings":"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"}

package/dist/plugins/comment/package.json

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

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

@@ -0,0 +1,114 @@
+/*!
+ * lightgallery | 3.0.0-beta.2 | October 1st 2026
+ * http://www.lightgalleryjs.com/
+ * Copyright (c) 2020 Sachin Neravath;
+ * @license GPLv3
+ */
+const fullscreenDefaultIcons = {
+  fullscreen: '<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>',
+  fullscreenExit: '<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>'
+};
+const fullscreenSettings = {
+  fullScreen: 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 FullScreen {
+  constructor(instance, $LG) {
+    this.core = instance;
+    this.$LG = $LG;
+    this.settings = __spreadValues(__spreadValues({}, fullscreenSettings), this.core.settings);
+    return this;
+  }
+  init() {
+    var _a, _b;
+    this.core.registerDefaultIcons(fullscreenDefaultIcons);
+    let fullScreen = "";
+    if (this.settings.fullScreen) {
+      if (!document.fullscreenEnabled && !document.webkitFullscreenEnabled && !document.mozFullScreenEnabled && !document.msFullscreenEnabled) {
+        return;
+      } else {
+        fullScreen = `<button type="button" aria-label="${(_b = (_a = this.settings.fullscreenPluginStrings) == null ? void 0 : _a.toggleFullscreen) != null ? _b : this.core.settings.strings.toggleFullscreen}" class="lg-fullscreen lg-icon"></button>`;
+        this.core.$toolbar.append(fullScreen);
+        this.fullScreen();
+      }
+    }
+  }
+  isFullScreen() {
+    return document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement;
+  }
+  requestFullscreen() {
+    const el = document.documentElement;
+    if (el.requestFullscreen) {
+      el.requestFullscreen();
+    } else if (el.msRequestFullscreen) {
+      el.msRequestFullscreen();
+    } else if (el.mozRequestFullScreen) {
+      el.mozRequestFullScreen();
+    } else if (el.webkitRequestFullscreen) {
+      el.webkitRequestFullscreen();
+    }
+  }
+  exitFullscreen() {
+    if (document.exitFullscreen) {
+      document.exitFullscreen();
+    } else if (document.msExitFullscreen) {
+      document.msExitFullscreen();
+    } else if (document.mozCancelFullScreen) {
+      document.mozCancelFullScreen();
+    } else if (document.webkitExitFullscreen) {
+      document.webkitExitFullscreen();
+    }
+  }
+  // https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
+  fullScreen() {
+    this.$LG(document).on(
+      `fullscreenchange.lg.global${this.core.lgId} 
+            webkitfullscreenchange.lg.global${this.core.lgId} 
+            mozfullscreenchange.lg.global${this.core.lgId} 
+            MSFullscreenChange.lg.global${this.core.lgId}`,
+      () => {
+        if (!this.core.lgOpened) return;
+        this.core.outer.toggleClass("lg-fullscreen-on");
+      }
+    );
+    this.core.outer.find(".lg-fullscreen").first().on("click.lg", () => {
+      if (this.isFullScreen()) {
+        this.exitFullscreen();
+      } else {
+        this.requestFullscreen();
+      }
+    });
+  }
+  closeGallery() {
+    if (this.isFullScreen()) {
+      this.exitFullscreen();
+    }
+  }
+  destroy() {
+    this.$LG(document).off(
+      `fullscreenchange.lg.global${this.core.lgId} 
+            webkitfullscreenchange.lg.global${this.core.lgId} 
+            mozfullscreenchange.lg.global${this.core.lgId} 
+            MSFullscreenChange.lg.global${this.core.lgId}`
+    );
+  }
+}
+export {
+  FullScreen as default
+};
+//# sourceMappingURL=lg-fullscreen.es5.js.map