kdpa-components 1.35.2 → 1.35.3

package/dist/Modal/index.js

@@ -0,0 +1,751 @@
+import { j as M } from "../jsx-runtime-944c88e2.js";
+import a, { Component as E } from "react";
+function z(t) {
+  return z = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+    return typeof e;
+  } : function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, z(t);
+}
+function K(t, e) {
+  if (!(t instanceof e))
+    throw new TypeError("Cannot call a class as a function");
+}
+function N(t, e) {
+  for (var o = 0; o < e.length; o++) {
+    var n = e[o];
+    n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(t, n.key, n);
+  }
+}
+function F(t, e, o) {
+  return e && N(t.prototype, e), o && N(t, o), Object.defineProperty(t, "prototype", { writable: !1 }), t;
+}
+function q(t, e) {
+  if (typeof e != "function" && e !== null)
+    throw new TypeError("Super expression must either be null or a function");
+  t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && $(t, e);
+}
+function $(t, e) {
+  return $ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
+    return n.__proto__ = r, n;
+  }, $(t, e);
+}
+function X(t) {
+  var e = J();
+  return function() {
+    var n = b(t), r;
+    if (e) {
+      var i = b(this).constructor;
+      r = Reflect.construct(n, arguments, i);
+    } else
+      r = n.apply(this, arguments);
+    return Y(this, r);
+  };
+}
+function Y(t, e) {
+  if (e && (z(e) === "object" || typeof e == "function"))
+    return e;
+  if (e !== void 0)
+    throw new TypeError("Derived constructors may only return object or undefined");
+  return G(t);
+}
+function G(t) {
+  if (t === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return t;
+}
+function J() {
+  if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
+    return !1;
+  if (typeof Proxy == "function")
+    return !0;
+  try {
+    return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    })), !0;
+  } catch {
+    return !1;
+  }
+}
+function b(t) {
+  return b = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  }, b(t);
+}
+function Q(t, e) {
+  if (!document.head.querySelector("#" + t)) {
+    var o = document.createElement("style");
+    o.textContent = e, o.type = "text/css", o.id = t, document.head.appendChild(o);
+  }
+}
+var ee = /* @__PURE__ */ function(t) {
+  q(o, t);
+  var e = X(o);
+  function o() {
+    return K(this, o), e.apply(this, arguments);
+  }
+  return F(o, [{
+    key: "componentDidMount",
+    value: function() {
+      Q(this.props.name, this.props.css);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      var r = document.getElementById(this.props.name);
+      r.parentNode.removeChild(r);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      return null;
+    }
+  }]), o;
+}(E), te = function(e) {
+  var o = e.imageBackgroundColor;
+  return `
+  body {
+    overflow: hidden;
+  }
+
+  .__react_modal_image__modal_container {
+    position: fixed;
+    z-index: 5000;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.8);
+    touch-action: none;
+    overflow: hidden;
+  }
+
+  .__react_modal_image__modal_content {
+    position: relative;
+    height: 100%;
+    width: 100%;
+  }
+
+  .__react_modal_image__modal_content img, 
+  .__react_modal_image__modal_content svg {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate3d(-50%, -50%, 0);
+    -webkit-transform: translate3d(-50%, -50%, 0);
+    -ms-transform: translate3d(-50%, -50%, 0);
+    overflow: hidden;
+  }
+
+  .__react_modal_image__medium_img {
+    max-width: 98%;
+    max-height: 98%;
+    background-color: `.concat(o, `;
+  }
+
+  .__react_modal_image__large_img {
+    cursor: move;
+    background-color: `).concat(o, `
+  }
+
+  .__react_modal_image__icon_menu a {
+    display: inline-block;
+    font-size: 40px;
+    cursor: pointer;
+    line-height: 40px;
+    box-sizing: border-box;
+    border: none;
+    padding: 0px 5px 0px 5px;
+    margin-left: 10px;
+    color: white;
+    background-color: rgba(0, 0, 0, 0);
+  }
+
+  .__react_modal_image__icon_menu {
+    display: inline-block;
+    float: right;
+  }
+
+  .__react_modal_image__caption {
+    display: inline-block;
+    color: white;
+    font-size: 120%;
+    padding: 10px;
+    margin: 0;
+  }
+
+  .__react_modal_image__header {
+    position: absolute;
+    top: 0;
+    width: 100%;
+    background-color: rgba(0, 0, 0, 0.7);
+    overflow: hidden;
+  }
+`);
+}, ne = function() {
+  return /* @__PURE__ */ a.createElement("svg", {
+    fill: "#ffffff",
+    height: "24",
+    viewBox: "0 0 24 24",
+    width: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ a.createElement("path", {
+    d: "M0 0h24v24H0z",
+    fill: "none"
+  }), /* @__PURE__ */ a.createElement("path", {
+    d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"
+  }));
+}, oe = function() {
+  return /* @__PURE__ */ a.createElement("svg", {
+    fill: "#ffffff",
+    height: "24",
+    viewBox: "0 0 24 24",
+    width: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ a.createElement("path", {
+    d: "M0 0h24v24H0z",
+    fill: "none"
+  }), /* @__PURE__ */ a.createElement("path", {
+    d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"
+  }));
+}, re = function() {
+  return /* @__PURE__ */ a.createElement("svg", {
+    fill: "#ffffff",
+    height: "24",
+    viewBox: "0 0 24 24",
+    width: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ a.createElement("path", {
+    d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"
+  }), /* @__PURE__ */ a.createElement("path", {
+    d: "M0 0h24v24H0z",
+    fill: "none"
+  }));
+}, ae = function() {
+  return /* @__PURE__ */ a.createElement("svg", {
+    fill: "#ffffff",
+    height: "24",
+    viewBox: "0 0 24 24",
+    width: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ a.createElement("path", {
+    d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+  }), /* @__PURE__ */ a.createElement("path", {
+    d: "M0 0h24v24H0z",
+    fill: "none"
+  }));
+}, ie = function() {
+  return /* @__PURE__ */ a.createElement("svg", {
+    fill: "#ffffff",
+    height: "48",
+    viewBox: "0 0 24 24",
+    width: "48",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ a.createElement("path", {
+    d: "M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4h8v3.5l-4 4z"
+  }), /* @__PURE__ */ a.createElement("path", {
+    d: "M0 0h24v24H0V0z",
+    fill: "none"
+  }));
+}, le = function() {
+  return /* @__PURE__ */ a.createElement("svg", {
+    fill: "#ffffff",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ a.createElement("path", {
+    fill: "none",
+    d: "M0 0h24v24H0V0zm0 0h24v24H0V0z"
+  }), /* @__PURE__ */ a.createElement("path", {
+    d: "M7.47 21.49C4.2 19.93 1.86 16.76 1.5 13H0c.51 6.16 5.66 11 11.95 11 .23 0 .44-.02.66-.03L8.8 20.15l-1.33 1.34zM12.05 0c-.23 0-.44.02-.66.04l3.81 3.81 1.33-1.33C19.8 4.07 22.14 7.24 22.5 11H24c-.51-6.16-5.66-11-11.95-11zM16 14h2V8c0-1.11-.9-2-2-2h-6v2h6v6zm-8 2V4H6v2H4v2h2v8c0 1.1.89 2 2 2h8v2h2v-2h2v-2H8z"
+  }));
+};
+function ce(t) {
+  return document.location.hostname !== new URL(t, document.location).hostname;
+}
+var ue = function(e) {
+  return function(o) {
+    ce(e) && (o.preventDefault(), fetch(e).then(function(n) {
+      return n.ok || console.error("Failed to download image, HTTP status " + n.status + " from " + e), n.blob().then(function(r) {
+        var i = document.createElement("a");
+        i.setAttribute("download", e.split("/").pop()), i.href = URL.createObjectURL(r), i.click();
+      });
+    }).catch(function(n) {
+      console.error(n), console.error("Failed to download image from " + e);
+    }));
+  };
+}, fe = function(e) {
+  var o = e.image, n = e.alt, r = e.zoomed, i = e.toggleZoom, c = e.toggleRotate, l = e.onClose, u = e.enableDownload, f = e.enableZoom, m = e.enableRotate;
+  return /* @__PURE__ */ a.createElement("div", {
+    className: "__react_modal_image__header"
+  }, /* @__PURE__ */ a.createElement("span", {
+    className: "__react_modal_image__icon_menu"
+  }, u && /* @__PURE__ */ a.createElement("a", {
+    href: o,
+    download: !0,
+    onClick: ue(o)
+  }, /* @__PURE__ */ a.createElement(re, null)), f && /* @__PURE__ */ a.createElement("a", {
+    onClick: i
+  }, r ? /* @__PURE__ */ a.createElement(oe, null) : /* @__PURE__ */ a.createElement(ne, null)), m && /* @__PURE__ */ a.createElement("a", {
+    onClick: c
+  }, /* @__PURE__ */ a.createElement(le, null)), /* @__PURE__ */ a.createElement("a", {
+    onClick: l
+  }, /* @__PURE__ */ a.createElement(ae, null))), n && /* @__PURE__ */ a.createElement("span", {
+    className: "__react_modal_image__caption"
+  }, n));
+};
+function k(t) {
+  return k = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+    return typeof e;
+  } : function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, k(t);
+}
+function se(t, e) {
+  if (!(t instanceof e))
+    throw new TypeError("Cannot call a class as a function");
+}
+function Z(t, e) {
+  for (var o = 0; o < e.length; o++) {
+    var n = e[o];
+    n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(t, n.key, n);
+  }
+}
+function me(t, e, o) {
+  return e && Z(t.prototype, e), o && Z(t, o), Object.defineProperty(t, "prototype", { writable: !1 }), t;
+}
+function de(t, e) {
+  if (typeof e != "function" && e !== null)
+    throw new TypeError("Super expression must either be null or a function");
+  t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && T(t, e);
+}
+function T(t, e) {
+  return T = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
+    return n.__proto__ = r, n;
+  }, T(t, e);
+}
+function he(t) {
+  var e = ye();
+  return function() {
+    var n = w(t), r;
+    if (e) {
+      var i = w(this).constructor;
+      r = Reflect.construct(n, arguments, i);
+    } else
+      r = n.apply(this, arguments);
+    return pe(this, r);
+  };
+}
+function pe(t, e) {
+  if (e && (k(e) === "object" || typeof e == "function"))
+    return e;
+  if (e !== void 0)
+    throw new TypeError("Derived constructors may only return object or undefined");
+  return v(t);
+}
+function v(t) {
+  if (t === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return t;
+}
+function ye() {
+  if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
+    return !1;
+  if (typeof Proxy == "function")
+    return !0;
+  try {
+    return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    })), !0;
+  } catch {
+    return !1;
+  }
+}
+function w(t) {
+  return w = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  }, w(t);
+}
+function D(t, e, o) {
+  return e in t ? Object.defineProperty(t, e, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = o, t;
+}
+var V = /* @__PURE__ */ function(t) {
+  de(o, t);
+  var e = he(o);
+  function o() {
+    var n;
+    se(this, o);
+    for (var r = arguments.length, i = new Array(r), c = 0; c < r; c++)
+      i[c] = arguments[c];
+    return n = e.call.apply(e, [this].concat(i)), D(v(n), "state", {
+      loading: !0
+    }), D(v(n), "handleOnLoad", function() {
+      n.setState({
+        loading: !1
+      });
+    }), D(v(n), "handleOnContextMenu", function(l) {
+      !n.props.contextMenu && l.preventDefault();
+    }), n;
+  }
+  return me(o, [{
+    key: "render",
+    value: function() {
+      var r = this.props, i = r.id, c = r.className, l = r.src, u = r.style, f = r.handleDoubleClick;
+      return /* @__PURE__ */ a.createElement("div", null, this.state.loading && /* @__PURE__ */ a.createElement(ie, null), /* @__PURE__ */ a.createElement("img", {
+        id: i,
+        className: c,
+        src: l,
+        style: u,
+        onLoad: this.handleOnLoad,
+        onDoubleClick: f,
+        onContextMenu: this.handleOnContextMenu
+      }));
+    }
+  }]), o;
+}(E);
+function I(t) {
+  return I = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+    return typeof e;
+  } : function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, I(t);
+}
+function ge(t, e) {
+  if (!(t instanceof e))
+    throw new TypeError("Cannot call a class as a function");
+}
+function L(t, e) {
+  for (var o = 0; o < e.length; o++) {
+    var n = e[o];
+    n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(t, n.key, n);
+  }
+}
+function _e(t, e, o) {
+  return e && L(t.prototype, e), o && L(t, o), Object.defineProperty(t, "prototype", { writable: !1 }), t;
+}
+function ve(t, e) {
+  if (typeof e != "function" && e !== null)
+    throw new TypeError("Super expression must either be null or a function");
+  t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && j(t, e);
+}
+function j(t, e) {
+  return j = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
+    return n.__proto__ = r, n;
+  }, j(t, e);
+}
+function be(t) {
+  var e = Oe();
+  return function() {
+    var n = O(t), r;
+    if (e) {
+      var i = O(this).constructor;
+      r = Reflect.construct(n, arguments, i);
+    } else
+      r = n.apply(this, arguments);
+    return we(this, r);
+  };
+}
+function we(t, e) {
+  if (e && (I(e) === "object" || typeof e == "function"))
+    return e;
+  if (e !== void 0)
+    throw new TypeError("Derived constructors may only return object or undefined");
+  return s(t);
+}
+function s(t) {
+  if (t === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return t;
+}
+function Oe() {
+  if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
+    return !1;
+  if (typeof Proxy == "function")
+    return !0;
+  try {
+    return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    })), !0;
+  } catch {
+    return !1;
+  }
+}
+function O(t) {
+  return O = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  }, O(t);
+}
+function d(t, e, o) {
+  return e in t ? Object.defineProperty(t, e, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = o, t;
+}
+var xe = /* @__PURE__ */ function(t) {
+  ve(o, t);
+  var e = be(o);
+  function o() {
+    var n;
+    ge(this, o);
+    for (var r = arguments.length, i = new Array(r), c = 0; c < r; c++)
+      i[c] = arguments[c];
+    return n = e.call.apply(e, [this].concat(i)), d(s(n), "state", {
+      move: {
+        x: 0,
+        y: 0
+      },
+      moveStart: void 0,
+      zoomed: !1,
+      rotationDeg: 0
+    }), d(s(n), "handleKeyDown", function(l) {
+      (l.keyCode === 27 || l.keyCode === 13) && n.props.onClose();
+    }), d(s(n), "getCoordinatesIfOverImg", function(l) {
+      var u = l.changedTouches ? l.changedTouches[0] : l;
+      if (u.target.id === "react-modal-image-img") {
+        var f = n.contentEl.getBoundingClientRect(), m = u.clientX - f.left, y = u.clientY - f.top;
+        return {
+          x: m,
+          y
+        };
+      }
+    }), d(s(n), "handleMouseDownOrTouchStart", function(l) {
+      if (l.preventDefault(), !(l.touches && l.touches.length > 1)) {
+        var u = n.getCoordinatesIfOverImg(l);
+        u || n.props.onClose(), n.state.zoomed && n.setState(function(f) {
+          return {
+            moveStart: {
+              x: u.x - f.move.x,
+              y: u.y - f.move.y
+            }
+          };
+        });
+      }
+    }), d(s(n), "handleMouseMoveOrTouchMove", function(l) {
+      if (l.preventDefault(), !(!n.state.zoomed || !n.state.moveStart) && !(l.touches && l.touches.length > 1)) {
+        var u = n.getCoordinatesIfOverImg(l);
+        u && n.setState(function(f) {
+          return {
+            move: {
+              x: u.x - f.moveStart.x,
+              y: u.y - f.moveStart.y
+            }
+          };
+        });
+      }
+    }), d(s(n), "handleMouseUpOrTouchEnd", function(l) {
+      n.setState({
+        moveStart: void 0
+      });
+    }), d(s(n), "toggleZoom", function(l) {
+      l.preventDefault(), n.setState(function(u) {
+        return {
+          zoomed: !u.zoomed,
+          // reset position if zoomed out
+          move: u.zoomed ? {
+            x: 0,
+            y: 0
+          } : u.move
+        };
+      });
+    }), d(s(n), "toggleRotate", function(l) {
+      l.preventDefault();
+      var u = n.state.rotationDeg;
+      if (u === 360) {
+        n.setState({
+          rotationDeg: 90
+        });
+        return;
+      }
+      n.setState(function(f) {
+        return {
+          rotationDeg: f.rotationDeg += 90
+        };
+      });
+    }), n;
+  }
+  return _e(o, [{
+    key: "componentDidMount",
+    value: function() {
+      document.addEventListener("keydown", this.handleKeyDown, !1);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      document.removeEventListener("keydown", this.handleKeyDown, !1);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var r = this, i = this.props, c = i.medium, l = i.large, u = i.alt, f = i.onClose, m = i.hideDownload, y = i.hideZoom, S = i.showRotate, _ = i.imageBackgroundColor, R = _ === void 0 ? "black" : _, g = this.state, h = g.move, P = g.zoomed, p = g.rotationDeg;
+      return /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(ee, {
+        name: "__react_modal_image__lightbox",
+        css: te({
+          imageBackgroundColor: R
+        })
+      }), /* @__PURE__ */ a.createElement("div", {
+        className: "__react_modal_image__modal_container"
+      }, /* @__PURE__ */ a.createElement("div", {
+        className: "__react_modal_image__modal_content",
+        onMouseDown: this.handleMouseDownOrTouchStart,
+        onMouseUp: this.handleMouseUpOrTouchEnd,
+        onMouseMove: this.handleMouseMoveOrTouchMove,
+        onTouchStart: this.handleMouseDownOrTouchStart,
+        onTouchEnd: this.handleMouseUpOrTouchEnd,
+        onTouchMove: this.handleMouseMoveOrTouchMove,
+        ref: function(A) {
+          r.contentEl = A;
+        }
+      }, P && /* @__PURE__ */ a.createElement(V, {
+        id: "react-modal-image-img",
+        className: "__react_modal_image__large_img",
+        src: l || c,
+        style: {
+          transform: "translate3d(-50%, -50%, 0) translate3d(".concat(h.x, "px, ").concat(h.y, "px, 0) rotate(").concat(p, "deg)"),
+          WebkitTransform: "translate3d(-50%, -50%, 0) translate3d(".concat(h.x, "px, ").concat(h.y, "px, 0) rotate(").concat(p, "deg)"),
+          MsTransform: "translate3d(-50%, -50%, 0) translate3d(".concat(h.x, "px, ").concat(h.y, "px, 0) rotate(").concat(p, "deg)")
+        },
+        handleDoubleClick: this.toggleZoom
+      }), !P && /* @__PURE__ */ a.createElement(V, {
+        id: "react-modal-image-img",
+        className: "__react_modal_image__medium_img",
+        src: c || l,
+        handleDoubleClick: this.toggleZoom,
+        contextMenu: !c,
+        style: {
+          transform: "translate3d(-50%, -50%, 0) rotate(".concat(p, "deg)"),
+          WebkitTransform: "translate3d(-50%, -50%, 0) rotate(".concat(p, "deg)"),
+          MsTransform: "translate3d(-50%, -50%, 0) rotate(".concat(p, "deg)")
+        }
+      })), /* @__PURE__ */ a.createElement(fe, {
+        image: l || c,
+        alt: u,
+        zoomed: P,
+        toggleZoom: this.toggleZoom,
+        toggleRotate: this.toggleRotate,
+        onClose: f,
+        enableDownload: !m,
+        enableZoom: !y,
+        enableRotate: !!S
+      })));
+    }
+  }]), o;
+}(E);
+function H(t) {
+  return H = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+    return typeof e;
+  } : function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, H(t);
+}
+function Ee(t, e) {
+  if (!(t instanceof e))
+    throw new TypeError("Cannot call a class as a function");
+}
+function U(t, e) {
+  for (var o = 0; o < e.length; o++) {
+    var n = e[o];
+    n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(t, n.key, n);
+  }
+}
+function Se(t, e, o) {
+  return e && U(t.prototype, e), o && U(t, o), Object.defineProperty(t, "prototype", { writable: !1 }), t;
+}
+function Re(t, e) {
+  if (typeof e != "function" && e !== null)
+    throw new TypeError("Super expression must either be null or a function");
+  t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && C(t, e);
+}
+function C(t, e) {
+  return C = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
+    return n.__proto__ = r, n;
+  }, C(t, e);
+}
+function Pe(t) {
+  var e = De();
+  return function() {
+    var n = x(t), r;
+    if (e) {
+      var i = x(this).constructor;
+      r = Reflect.construct(n, arguments, i);
+    } else
+      r = n.apply(this, arguments);
+    return Me(this, r);
+  };
+}
+function Me(t, e) {
+  if (e && (H(e) === "object" || typeof e == "function"))
+    return e;
+  if (e !== void 0)
+    throw new TypeError("Derived constructors may only return object or undefined");
+  return B(t);
+}
+function B(t) {
+  if (t === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return t;
+}
+function De() {
+  if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
+    return !1;
+  if (typeof Proxy == "function")
+    return !0;
+  try {
+    return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    })), !0;
+  } catch {
+    return !1;
+  }
+}
+function x(t) {
+  return x = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  }, x(t);
+}
+function W(t, e, o) {
+  return e in t ? Object.defineProperty(t, e, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = o, t;
+}
+var ze = /* @__PURE__ */ function(t) {
+  Re(o, t);
+  var e = Pe(o);
+  function o() {
+    var n;
+    Ee(this, o);
+    for (var r = arguments.length, i = new Array(r), c = 0; c < r; c++)
+      i[c] = arguments[c];
+    return n = e.call.apply(e, [this].concat(i)), W(B(n), "state", {
+      modalOpen: !1
+    }), W(B(n), "toggleModal", function() {
+      n.setState(function(l) {
+        return {
+          modalOpen: !l.modalOpen
+        };
+      });
+    }), n;
+  }
+  return Se(o, [{
+    key: "render",
+    value: function() {
+      var r = this.props, i = r.className, c = r.small, l = r.smallSrcSet, u = r.medium, f = r.large, m = r.alt, y = r.hideDownload, S = r.hideZoom, _ = r.showRotate, R = r.imageBackgroundColor, g = this.state.modalOpen;
+      return /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement("img", {
+        className: i,
+        style: {
+          cursor: "pointer",
+          maxWidth: "100%",
+          maxHeight: "100%"
+        },
+        onClick: this.toggleModal,
+        src: c,
+        srcSet: l,
+        alt: m
+      }), g && /* @__PURE__ */ a.createElement(xe, {
+        medium: u,
+        large: f,
+        alt: m,
+        onClose: this.toggleModal,
+        hideDownload: y,
+        hideZoom: S,
+        showRotate: _,
+        imageBackgroundColor: R
+      }));
+    }
+  }]), o;
+}(E);
+const Ie = (t) => /* @__PURE__ */ M.jsx(M.Fragment, { children: /* @__PURE__ */ M.jsx(ze, { ...t }) });
+export {
+  Ie as KdpaModalImage
+};