@orangelogic/design-system 2.152.0 → 2.154.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -34,7 +34,7 @@ import { a as ObjectFit } from "./index.Cpamj0jB.js";
34
34
  import { r as r$1 } from "./state.CSDxrqLd.js";
35
35
  import { e } from "./class-map.BiVq-cVR.js";
36
36
  import { n as n$1 } from "./when.Dr1es41R.js";
37
- import { C as CxImage } from "./image.DYRVQgG1.js";
37
+ import { C as CxImage } from "./image.DazATuAV.js";
38
38
  var BookReaderMode$1 = /* @__PURE__ */ ((l) => (l.Image = "Image", l.Pdf = "Pdf", l))(BookReaderMode$1 || {}), BookReaderViewMode = /* @__PURE__ */ ((l) => (l.FourPage = "FourPage", l.OnePage = "OnePage", l.TwoPage = "TwoPage", l))(BookReaderViewMode || {});
39
39
  function commonjsRequire(l) {
40
40
  throw new Error('Could not dynamically require "' + l + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
@@ -7,7 +7,7 @@ import { L as je } from "./i18n.Bchq8v1d.js";
7
7
  import { w as I } from "./watch.DOt4Mabe.js";
8
8
  import { a as Ze } from "./url.-WDYqplj.js";
9
9
  import { i as se, E as K, x as E } from "./lit-element.jLBm65_O.js";
10
- import { n as y } from "./lib-cortex-element.CVMmyPMC.js";
10
+ import { n as v } from "./lib-cortex-element.CVMmyPMC.js";
11
11
  import { r as k } from "./state.CSDxrqLd.js";
12
12
  import { e as G } from "./query.BBf1UFkC.js";
13
13
  import { e as C } from "./class-map.BiVq-cVR.js";
@@ -26,8 +26,8 @@ var Z = /* @__PURE__ */ ((i) => (i.Automatic = "automatic", i.Manual = "manual",
26
26
  var $ = Object.assign || function(i) {
27
27
  for (var t = 1; t < arguments.length; t++) {
28
28
  var o = arguments[t];
29
- for (var s in o)
30
- Object.prototype.hasOwnProperty.call(o, s) && (i[s] = o[s]);
29
+ for (var l in o)
30
+ Object.prototype.hasOwnProperty.call(o, l) && (i[l] = o[l]);
31
31
  }
32
32
  return i;
33
33
  }, W = function(t) {
@@ -51,20 +51,20 @@ See: https://github.com/francoischalifour/medium-zoom`);
51
51
  var o = document.createElement("div");
52
52
  return o.classList.add("medium-zoom-overlay"), o.style.background = t, o;
53
53
  }, qe = function(t) {
54
- var o = t.getBoundingClientRect(), s = o.top, c = o.left, L = o.width, R = o.height, b = t.cloneNode(), F = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0, M = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
55
- return b.removeAttribute("id"), b.style.position = "absolute", b.style.top = s + F + "px", b.style.left = c + M + "px", b.style.width = L + "px", b.style.height = R + "px", b.style.transform = "", b;
54
+ var o = t.getBoundingClientRect(), l = o.top, c = o.left, L = o.width, R = o.height, b = t.cloneNode(), F = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0, M = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
55
+ return b.removeAttribute("id"), b.style.position = "absolute", b.style.top = l + F + "px", b.style.left = c + M + "px", b.style.width = L + "px", b.style.height = R + "px", b.style.transform = "", b;
56
56
  }, A = function(t, o) {
57
- var s = $({
57
+ var l = $({
58
58
  bubbles: !1,
59
59
  cancelable: !1,
60
60
  detail: void 0
61
61
  }, o);
62
62
  if (typeof window.CustomEvent == "function")
63
- return new CustomEvent(t, s);
63
+ return new CustomEvent(t, l);
64
64
  var c = document.createEvent("CustomEvent");
65
- return c.initCustomEvent(t, s.bubbles, s.cancelable, s.detail), c;
65
+ return c.initCustomEvent(t, l.bubbles, l.cancelable, l.detail), c;
66
66
  }, Ye = function i(t) {
67
- var o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s = window.Promise || function(r) {
67
+ var o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, l = window.Promise || function(r) {
68
68
  function a() {
69
69
  }
70
70
  r(a, a);
@@ -74,7 +74,7 @@ See: https://github.com/francoischalifour/medium-zoom`);
74
74
  x();
75
75
  return;
76
76
  }
77
- v.indexOf(a) !== -1 && Q({ target: a });
77
+ y.indexOf(a) !== -1 && Q({ target: a });
78
78
  }, L = function() {
79
79
  if (!(H || !e.original)) {
80
80
  var r = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
@@ -89,7 +89,7 @@ See: https://github.com/francoischalifour/medium-zoom`);
89
89
  var m = B(r.template) ? r.template : document.querySelector(r.template);
90
90
  a.template = m;
91
91
  }
92
- return d = $({}, d, a), v.forEach(function(g) {
92
+ return d = $({}, d, a), y.forEach(function(g) {
93
93
  g.dispatchEvent(A("medium-zoom:update", {
94
94
  detail: { zoom: u }
95
95
  }));
@@ -104,9 +104,9 @@ See: https://github.com/francoischalifour/medium-zoom`);
104
104
  return [].concat(n, re(f));
105
105
  }, []);
106
106
  return g.filter(function(n) {
107
- return v.indexOf(n) === -1;
107
+ return y.indexOf(n) === -1;
108
108
  }).forEach(function(n) {
109
- v.push(n), n.classList.add("medium-zoom-image");
109
+ y.push(n), n.classList.add("medium-zoom-image");
110
110
  }), _.forEach(function(n) {
111
111
  var f = n.type, z = n.listener, T = n.options;
112
112
  g.forEach(function(w) {
@@ -119,22 +119,22 @@ See: https://github.com/francoischalifour/medium-zoom`);
119
119
  e.zoomed && x();
120
120
  var g = a.length > 0 ? a.reduce(function(n, f) {
121
121
  return [].concat(n, re(f));
122
- }, []) : v;
122
+ }, []) : y;
123
123
  return g.forEach(function(n) {
124
124
  n.classList.remove("medium-zoom-image"), n.dispatchEvent(A("medium-zoom:detach", {
125
125
  detail: { zoom: u }
126
126
  }));
127
- }), v = v.filter(function(n) {
127
+ }), y = y.filter(function(n) {
128
128
  return g.indexOf(n) === -1;
129
129
  }), u;
130
130
  }, ce = function(r, a) {
131
131
  var m = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
132
- return v.forEach(function(g) {
132
+ return y.forEach(function(g) {
133
133
  g.addEventListener("medium-zoom:" + r, a, m);
134
134
  }), _.push({ type: "medium-zoom:" + r, listener: a, options: m }), u;
135
135
  }, me = function(r, a) {
136
136
  var m = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
137
- return v.forEach(function(g) {
137
+ return y.forEach(function(g) {
138
138
  g.removeEventListener("medium-zoom:" + r, a, m);
139
139
  }), _ = _.filter(function(g) {
140
140
  return !(g.type === "medium-zoom:" + r && g.listener.toString() === a.toString());
@@ -165,8 +165,8 @@ See: https://github.com/francoischalifour/medium-zoom`);
165
165
  var j = e.zoomedHd || e.original, ze = oe(j) ? f : j.naturalWidth || f, be = oe(j) ? z : j.naturalHeight || z, N = j.getBoundingClientRect(), xe = N.top, we = N.left, D = N.width, q = N.height, Ee = Math.min(Math.max(D, ze), f) / D, Ce = Math.min(Math.max(q, be), z) / q, Y = Math.min(Ee, Ce), ke = (-we + (f - D) / 2 + d.margin + n.left) / Y, Le = (-xe + (z - q) / 2 + d.margin + n.top) / Y, te = "scale(" + Y + ") translate3d(" + ke + "px, " + Le + "px, 0)";
166
166
  e.zoomed.style.transform = te, e.zoomedHd && (e.zoomedHd.style.transform = te);
167
167
  };
168
- return new s(function(g) {
169
- if (a && v.indexOf(a) === -1) {
168
+ return new l(function(g) {
169
+ if (a && y.indexOf(a) === -1) {
170
170
  g(u);
171
171
  return;
172
172
  }
@@ -181,8 +181,8 @@ See: https://github.com/francoischalifour/medium-zoom`);
181
181
  }
182
182
  if (a)
183
183
  e.original = a;
184
- else if (v.length > 0) {
185
- var f = v;
184
+ else if (y.length > 0) {
185
+ var f = y;
186
186
  e.original = f[0];
187
187
  } else {
188
188
  g(u);
@@ -212,7 +212,7 @@ See: https://github.com/francoischalifour/medium-zoom`);
212
212
  m();
213
213
  });
214
214
  }, x = function() {
215
- return new s(function(r) {
215
+ return new l(function(r) {
216
216
  if (H || !e.original) {
217
217
  r(u);
218
218
  return;
@@ -232,10 +232,10 @@ See: https://github.com/francoischalifour/medium-zoom`);
232
232
  }, ge = function() {
233
233
  return d;
234
234
  }, ue = function() {
235
- return v;
235
+ return y;
236
236
  }, pe = function() {
237
237
  return e.original;
238
- }, v = [], _ = [], H = !1, ee = 0, d = o, e = {
238
+ }, y = [], _ = [], H = !1, ee = 0, d = o, e = {
239
239
  original: null,
240
240
  zoomed: null,
241
241
  zoomedHd: null,
@@ -271,8 +271,8 @@ function Ve(i, t) {
271
271
  t === void 0 && (t = {});
272
272
  var o = t.insertAt;
273
273
  if (!(typeof document > "u")) {
274
- var s = document.head || document.getElementsByTagName("head")[0], c = document.createElement("style");
275
- c.type = "text/css", o === "top" && s.firstChild ? s.insertBefore(c, s.firstChild) : s.appendChild(c), c.styleSheet ? c.styleSheet.cssText = i : c.appendChild(document.createTextNode(i));
274
+ var l = document.head || document.getElementsByTagName("head")[0], c = document.createElement("style");
275
+ c.type = "text/css", o === "top" && l.firstChild ? l.insertBefore(c, l.firstChild) : l.appendChild(c), c.styleSheet ? c.styleSheet.cssText = i : c.appendChild(document.createTextNode(i));
276
276
  }
277
277
  }
278
278
  var Ke = ".medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}";
@@ -550,14 +550,14 @@ const Xe = se`:host([effect=jump]) .container,:host([effect=text-reveal]) .conta
550
550
  `;
551
551
  var Je = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, le = (i) => {
552
552
  throw TypeError(i);
553
- }, h = (i, t, o, s) => {
554
- for (var c = s > 1 ? void 0 : s ? Qe(t, o) : t, L = i.length - 1, R; L >= 0; L--)
555
- (R = i[L]) && (c = (s ? R(t, o, c) : R(c)) || c);
556
- return s && c && Je(t, o, c), c;
557
- }, he = (i, t, o) => t.has(i) || le("Cannot " + o), ae = (i, t, o) => (he(i, t, "read from private field"), o ? o.call(i) : t.get(i)), et = (i, t, o) => t.has(i) ? le("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, o), ne = (i, t, o, s) => (he(i, t, "write to private field"), t.set(i, o), o), O;
558
- let l = class extends Se {
553
+ }, h = (i, t, o, l) => {
554
+ for (var c = l > 1 ? void 0 : l ? Qe(t, o) : t, L = i.length - 1, R; L >= 0; L--)
555
+ (R = i[L]) && (c = (l ? R(t, o, c) : R(c)) || c);
556
+ return l && c && Je(t, o, c), c;
557
+ }, he = (i, t, o) => t.has(i) || le("Cannot " + o), ae = (i, t, o) => (he(i, t, "read from private field"), o ? o.call(i) : t.get(i)), et = (i, t, o) => t.has(i) ? le("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, o), ne = (i, t, o, l) => (he(i, t, "write to private field"), t.set(i, o), o), O;
558
+ let s = class extends Se {
559
559
  constructor() {
560
- super(...arguments), this.localize = new je(this), this.retryCount = 0, this.retryTimer = null, this.isLoaded = !1, this.isError = !1, this.isRetrying = !1, this.retryIndex = 0, this.src = "", this.placeholder = "", this.alt = "", this.objectFit = Te.Fill, this.skeleton = !1, this.fallback = !1, this.canZoom = !1, this.loading = !1, this.block = !1, this.htmlLoading = "lazy", this.clickHandlerType = Z.Automatic, this.retryOnError = !1, this.maxRetries = 3, this.isZoomed = !1, this.imageRatio = 1, this.parsedAlt = "", this.parsedAltDarkMode = "", this.zoom = null, this.lastPatchedWidth = null, et(this, O, "");
560
+ super(...arguments), this.localize = new je(this), this.retryCount = 0, this.retryTimer = null, this.isLoaded = !1, this.isError = !1, this.isRetrying = !1, this.retryIndex = 0, this.src = "", this.placeholder = "", this.alt = "", this.objectFit = Te.Fill, this.skeleton = !1, this.fallback = !1, this.canZoom = !1, this.loading = !1, this.block = !1, this.htmlLoading = "lazy", this.noCrossorigin = !1, this.clickHandlerType = Z.Automatic, this.retryOnError = !1, this.maxRetries = 3, this.isZoomed = !1, this.imageRatio = 1, this.parsedAlt = "", this.parsedAltDarkMode = "", this.zoom = null, this.lastPatchedWidth = null, et(this, O, "");
561
561
  }
562
562
  get currentAltValue() {
563
563
  return this.alt;
@@ -580,8 +580,8 @@ let l = class extends Se {
580
580
  }
581
581
  get imageClass() {
582
582
  let i = "landscape", t = this.ratio;
583
- const o = this.width.endsWith("%") ? this.clientWidth : Number.parseFloat(this.width), s = this.isResizing ? this.resizeSize.width : o, c = this.isResizing ? this.resizeSize.height : Number.parseFloat(this.height);
584
- return s && c && (t = s / c), t > this.imageRatio && (i = "portrait"), {
583
+ const o = this.width.endsWith("%") ? this.clientWidth : Number.parseFloat(this.width), l = this.isResizing ? this.resizeSize.width : o, c = this.isResizing ? this.resizeSize.height : Number.parseFloat(this.height);
584
+ return l && c && (t = l / c), t > this.imageRatio && (i = "portrait"), {
585
585
  image: !0,
586
586
  [`image--${this.objectFit}`]: !0,
587
587
  [`image--${i}`]: !0,
@@ -591,8 +591,9 @@ let l = class extends Se {
591
591
  "image--hidden": !this.currentSrc && !this.placeholder || this.isError || this.isRetrying
592
592
  };
593
593
  }
594
+ /** The crossorigin value for the `<img>`; `undefined` (attribute omitted) when `noCrossorigin` is set. */
594
595
  get crossorigin() {
595
- return "anonymous";
596
+ return this.noCrossorigin ? void 0 : "anonymous";
596
597
  }
597
598
  /**
598
599
  * Whether the image have zoom action.
@@ -667,8 +668,8 @@ let l = class extends Se {
667
668
  const t = i?.currentTarget ?? this.imageElement;
668
669
  if (!t)
669
670
  return;
670
- const { naturalHeight: o, naturalWidth: s } = t;
671
- this.imageRatio = s / o, this.clearRetryTimer(), this.retryCount = 0, this.isRetrying = !1, this.isLoaded || this.emit("cx-load"), this.isLoaded = !0, this.isError = !1;
671
+ const { naturalHeight: o, naturalWidth: l } = t;
672
+ this.imageRatio = l / o, this.clearRetryTimer(), this.retryCount = 0, this.isRetrying = !1, this.isLoaded || this.emit("cx-load"), this.isLoaded = !0, this.isError = !1;
672
673
  }
673
674
  handleError() {
674
675
  if (this.retryOnError && this.retryCount < this.maxRetries) {
@@ -678,8 +679,8 @@ let l = class extends Se {
678
679
  this.isRetrying = !1, this.emit("cx-error"), this.isLoaded = !0, this.isError = !0;
679
680
  }
680
681
  handleSizeChange() {
681
- const i = this.resizeDirection !== ie.Vertical, t = this.resizeDirection !== ie.Horizontal, o = this.isResizing ? `${this.resizeSize.width}px` : this.width, s = this.isResizing ? `${this.resizeSize.height}px` : this.height;
682
- i && (this.width || this.isResizing ? this.style.setProperty("--width", o) : this.style.removeProperty("--width")), t && (this.heightMode !== $e.Auto && (this.height || this.isResizing) ? this.style.setProperty("--height", s) : this.style.removeProperty("--height"));
682
+ const i = this.resizeDirection !== ie.Vertical, t = this.resizeDirection !== ie.Horizontal, o = this.isResizing ? `${this.resizeSize.width}px` : this.width, l = this.isResizing ? `${this.resizeSize.height}px` : this.height;
683
+ i && (this.width || this.isResizing ? this.style.setProperty("--width", o) : this.style.removeProperty("--width")), t && (this.heightMode !== $e.Auto && (this.height || this.isResizing) ? this.style.setProperty("--height", l) : this.style.removeProperty("--height"));
683
684
  }
684
685
  handleResize(i) {
685
686
  const { entries: t } = i.detail;
@@ -747,8 +748,8 @@ let l = class extends Se {
747
748
  }
748
749
  };
749
750
  O = /* @__PURE__ */ new WeakMap();
750
- l.styles = [He, Re, Ge];
751
- l.dependencies = {
751
+ s.styles = [He, Re, Ge];
752
+ s.dependencies = {
752
753
  "cx-icon": _e,
753
754
  "cx-popup": Pe,
754
755
  "cx-resize-observer": Ne,
@@ -758,94 +759,97 @@ l.dependencies = {
758
759
  };
759
760
  h([
760
761
  G(".image")
761
- ], l.prototype, "imageElement", 2);
762
+ ], s.prototype, "imageElement", 2);
762
763
  h([
763
764
  G(".zoom-image")
764
- ], l.prototype, "zoomImageElement", 2);
765
+ ], s.prototype, "zoomImageElement", 2);
765
766
  h([
766
767
  G(".highlighter")
767
- ], l.prototype, "highlighterElement", 2);
768
+ ], s.prototype, "highlighterElement", 2);
768
769
  h([
769
770
  k()
770
- ], l.prototype, "isLoaded", 2);
771
+ ], s.prototype, "isLoaded", 2);
771
772
  h([
772
773
  k()
773
- ], l.prototype, "isError", 2);
774
+ ], s.prototype, "isError", 2);
774
775
  h([
775
776
  k()
776
- ], l.prototype, "isRetrying", 2);
777
+ ], s.prototype, "isRetrying", 2);
777
778
  h([
778
779
  k()
779
- ], l.prototype, "retryIndex", 2);
780
+ ], s.prototype, "retryIndex", 2);
780
781
  h([
781
- y({ reflect: !0, type: String })
782
- ], l.prototype, "src", 2);
782
+ v({ reflect: !0, type: String })
783
+ ], s.prototype, "src", 2);
783
784
  h([
784
- y({ reflect: !0, type: String })
785
- ], l.prototype, "placeholder", 2);
785
+ v({ reflect: !0, type: String })
786
+ ], s.prototype, "placeholder", 2);
786
787
  h([
787
- y({ reflect: !0, type: String })
788
- ], l.prototype, "alt", 2);
788
+ v({ reflect: !0, type: String })
789
+ ], s.prototype, "alt", 2);
789
790
  h([
790
- y({ attribute: "object-fit", reflect: !0 })
791
- ], l.prototype, "objectFit", 2);
791
+ v({ attribute: "object-fit", reflect: !0 })
792
+ ], s.prototype, "objectFit", 2);
792
793
  h([
793
- y({ reflect: !0, type: Boolean })
794
- ], l.prototype, "skeleton", 2);
794
+ v({ reflect: !0, type: Boolean })
795
+ ], s.prototype, "skeleton", 2);
795
796
  h([
796
- y({ reflect: !0, type: Boolean })
797
- ], l.prototype, "fallback", 2);
797
+ v({ reflect: !0, type: Boolean })
798
+ ], s.prototype, "fallback", 2);
798
799
  h([
799
- y({ attribute: "can-zoom", reflect: !0, type: Boolean })
800
- ], l.prototype, "canZoom", 2);
800
+ v({ attribute: "can-zoom", reflect: !0, type: Boolean })
801
+ ], s.prototype, "canZoom", 2);
801
802
  h([
802
- y({ reflect: !0, type: Boolean })
803
- ], l.prototype, "loading", 2);
803
+ v({ reflect: !0, type: Boolean })
804
+ ], s.prototype, "loading", 2);
804
805
  h([
805
- y({ reflect: !0, type: Boolean })
806
- ], l.prototype, "block", 2);
806
+ v({ reflect: !0, type: Boolean })
807
+ ], s.prototype, "block", 2);
807
808
  h([
808
- y({ attribute: "html-loading", reflect: !0, type: String })
809
- ], l.prototype, "htmlLoading", 2);
809
+ v({ attribute: "html-loading", reflect: !0, type: String })
810
+ ], s.prototype, "htmlLoading", 2);
810
811
  h([
811
- y({ attribute: "click-handler-type", reflect: !0, type: String })
812
- ], l.prototype, "clickHandlerType", 2);
812
+ v({ attribute: "no-crossorigin", reflect: !0, type: Boolean })
813
+ ], s.prototype, "noCrossorigin", 2);
813
814
  h([
814
- y({ attribute: "retry-on-error", reflect: !0, type: Boolean })
815
- ], l.prototype, "retryOnError", 2);
815
+ v({ attribute: "click-handler-type", reflect: !0, type: String })
816
+ ], s.prototype, "clickHandlerType", 2);
816
817
  h([
817
- y({ attribute: "max-retries", type: Number })
818
- ], l.prototype, "maxRetries", 2);
818
+ v({ attribute: "retry-on-error", reflect: !0, type: Boolean })
819
+ ], s.prototype, "retryOnError", 2);
820
+ h([
821
+ v({ attribute: "max-retries", type: Number })
822
+ ], s.prototype, "maxRetries", 2);
819
823
  h([
820
824
  k()
821
- ], l.prototype, "isZoomed", 2);
825
+ ], s.prototype, "isZoomed", 2);
822
826
  h([
823
827
  k()
824
- ], l.prototype, "imageRatio", 2);
828
+ ], s.prototype, "imageRatio", 2);
825
829
  h([
826
830
  k()
827
- ], l.prototype, "parsedAlt", 2);
831
+ ], s.prototype, "parsedAlt", 2);
828
832
  h([
829
833
  k()
830
- ], l.prototype, "parsedAltDarkMode", 2);
834
+ ], s.prototype, "parsedAltDarkMode", 2);
831
835
  h([
832
836
  I("isLoaded"),
833
837
  I("canZoom", { waitUntilFirstUpdate: !0 })
834
- ], l.prototype, "handleCanZoomChange", 1);
838
+ ], s.prototype, "handleCanZoomChange", 1);
835
839
  h([
836
840
  I("objectFit", { waitUntilFirstUpdate: !0 })
837
- ], l.prototype, "handleObjectFitChange", 1);
841
+ ], s.prototype, "handleObjectFitChange", 1);
838
842
  h([
839
843
  I("src"),
840
844
  I("srcDarkMode")
841
- ], l.prototype, "handleSrcChange", 1);
845
+ ], s.prototype, "handleSrcChange", 1);
842
846
  h([
843
847
  Oe(100)
844
- ], l.prototype, "updateLastPatchedWidth", 1);
845
- l = h([
848
+ ], s.prototype, "updateLastPatchedWidth", 1);
849
+ s = h([
846
850
  Ae("cx-image")
847
- ], l);
851
+ ], s);
848
852
  export {
849
- l as C,
853
+ s as C,
850
854
  Z as a
851
855
  };
@@ -20,7 +20,7 @@ import { default as W } from "./details.js";
20
20
  import { default as Y } from "./diff.js";
21
21
  import { C as _ } from "../chunks/dialog.DIXmnVis.js";
22
22
  import { default as oe } from "./divider.js";
23
- import { C as ae } from "../chunks/document-viewer.DzwB_FfN.js";
23
+ import { C as ae } from "../chunks/document-viewer.BN-OQfid.js";
24
24
  import { C as xe } from "../chunks/dot-pagination.BdZc-K0r.js";
25
25
  import { default as me } from "./dot-status.js";
26
26
  import { default as pe } from "./drawer.js";
@@ -39,7 +39,7 @@ import { f } from "../chunks/icon.mxNZ85k0.js";
39
39
  import { C as Fe } from "../chunks/icon.mxNZ85k0.js";
40
40
  import { C as Oe } from "../chunks/icon-button.DbVIFgu7.js";
41
41
  import { C as Ee } from "../chunks/iframe.DcHjOcLG.js";
42
- import { C as Le } from "../chunks/image.DYRVQgG1.js";
42
+ import { C as Le } from "../chunks/image.DazATuAV.js";
43
43
  import { default as je } from "./image-comparer.js";
44
44
  import { default as Qe } from "./include.js";
45
45
  import { C as qe } from "../chunks/input.BcyLZUmv.js";
@@ -1,5 +1,5 @@
1
1
  import "../chunks/resizable-component.styles.CAfXABBc.js";
2
- import { C as b } from "../chunks/document-viewer.DzwB_FfN.js";
2
+ import { C as b } from "../chunks/document-viewer.BN-OQfid.js";
3
3
  import "../chunks/component.styles.CRO4Odto.js";
4
4
  import "../chunks/index.Cpamj0jB.js";
5
5
  import "../chunks/custom-element.L4WJXn1j.js";
@@ -10,7 +10,7 @@ import "../chunks/state.CSDxrqLd.js";
10
10
  import "../chunks/class-map.BiVq-cVR.js";
11
11
  import "../chunks/when.Dr1es41R.js";
12
12
  import "../chunks/icon.mxNZ85k0.js";
13
- import "../chunks/image.DYRVQgG1.js";
13
+ import "../chunks/image.DazATuAV.js";
14
14
  import "../chunks/typography.IqHbnd3C.js";
15
15
  export {
16
16
  b as default
@@ -1,7 +1,7 @@
1
1
  import "../chunks/resizable-component.styles.CAfXABBc.js";
2
2
  import "../chunks/component.styles.CRO4Odto.js";
3
3
  import "../chunks/index.Cpamj0jB.js";
4
- import { C as y } from "../chunks/image.DYRVQgG1.js";
4
+ import { C as y } from "../chunks/image.DazATuAV.js";
5
5
  import "../chunks/custom-element.L4WJXn1j.js";
6
6
  import "../chunks/debounce.DaHuiSGU.js";
7
7
  import "../chunks/i18n.Bchq8v1d.js";
@@ -1,7 +1,7 @@
1
1
  import _ from "./grid.js";
2
2
  import f from "./grid-item.js";
3
3
  import { C as v } from "../chunks/icon-button.DbVIFgu7.js";
4
- import { C as S } from "../chunks/image.DYRVQgG1.js";
4
+ import { C as S } from "../chunks/image.DazATuAV.js";
5
5
  import $ from "./space.js";
6
6
  import C from "./tooltip.js";
7
7
  import { n, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
@@ -59,10 +59,10 @@ let i = class extends m {
59
59
  );
60
60
  }
61
61
  handleCloseTriggerClick() {
62
- this.collapsible && (this.open = !1, this.handleSizeChange());
62
+ this.collapsible && (this.open = !1);
63
63
  }
64
64
  handleOpenTriggerClick() {
65
- this.collapsible && (this.open = !0, this.handleSizeChange());
65
+ this.collapsible && (this.open = !0);
66
66
  }
67
67
  render() {
68
68
  const e = this.hasSlotController.test("header");