@orangelogic/design-system 4.47.0 → 4.49.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.
Files changed (98) hide show
  1. package/library/chunks/{array-line-clamp.BWWMLJhi.js → array-line-clamp.HGGPocNC.js} +2 -2
  2. package/library/chunks/{asset-link-format.P8WKO488.js → asset-link-format.CZBeBJej.js} +11 -6
  3. package/library/chunks/{bicolor-picker.Dbag6AHo.js → bicolor-picker.CIQZ9X5x.js} +1 -1
  4. package/library/chunks/{block-width.BRSYOaIg.js → block-width.DTvz7xM0.js} +25 -25
  5. package/library/chunks/{border-input-group.B12EFZFD.js → border-input-group.zWvxXDrV.js} +1 -1
  6. package/library/chunks/{color-picker.Dz6vVcZS.js → color-picker.DlpYhvA1.js} +4 -4
  7. package/library/chunks/{color-swatch-group.ujgqmTBa.js → color-swatch-group.CatSe9IU.js} +11 -11
  8. package/library/chunks/{color-swatch.C3Elv0dG.js → color-swatch.D31RnyZs.js} +2 -2
  9. package/library/chunks/{config-manager.B-v8i-BX.js → config-manager.BBN9hptw.js} +20 -20
  10. package/library/chunks/{configs-controller.oPuU_6Qb.js → configs-controller.wtRhwfJ1.js} +5 -5
  11. package/library/chunks/{confirm-popover.CahmeTbf.js → confirm-popover.UUhlXSDu.js} +2 -2
  12. package/library/chunks/{copy-button.D2ZwXadV.js → copy-button.CSUoVbip.js} +1 -1
  13. package/library/chunks/{corner-position-input-group.BV8b7GsS.js → corner-position-input-group.BMDQlHSS.js} +1 -1
  14. package/library/chunks/{dialog.BfGASgvs.js → dialog.BKSCSk0r.js} +14 -13
  15. package/library/chunks/{document-viewer.BtB-RTvP.js → document-viewer.D8UPa4kM.js} +6 -6
  16. package/library/chunks/{dot-pagination.BUZhiikk.js → dot-pagination.CfK67Z-x.js} +1 -1
  17. package/library/chunks/{dropdown.CnT7uTzf.js → dropdown.CcjP36wF.js} +2 -2
  18. package/library/chunks/{dynamic-select.BeqPRh6t.js → dynamic-select.D49cHmhm.js} +1 -1
  19. package/library/chunks/{file-on-demand.BEAjdrt_.js → file-on-demand.4Zi0mu_q.js} +8 -8
  20. package/library/chunks/{folder-select.B02Mdr8b.js → folder-select.DsF8LODE.js} +4 -4
  21. package/library/chunks/{header.NoiopyyV.js → header.CD4B3ylz.js} +1 -1
  22. package/library/chunks/{image.CRrj-94o.js → image.B87-7U_Z.js} +75 -80
  23. package/library/chunks/{line-clamp.B7QEzpUF.js → line-clamp.BFh7eXXl.js} +1 -1
  24. package/library/chunks/{masonry.B5kwpjVE.js → masonry.H7Hpnx9d.js} +2 -2
  25. package/library/chunks/{menu-item.BgoL4QFj.js → menu-item.CCbtHE5R.js} +1 -1
  26. package/library/chunks/{menu.DJBOpi__.js → menu.DNeN3pz0.js} +1 -1
  27. package/library/chunks/{pagination.GiwV5ZHF.js → pagination.c9x67wQ0.js} +2 -2
  28. package/library/chunks/{popup.C2ySgZ9I.js → popup.yll4fQau.js} +1 -1
  29. package/library/chunks/{radio-card.BPumEe9b.js → radio-card.DTRD2YQ6.js} +1 -1
  30. package/library/chunks/{range.E1wPWa7j.js → range.BUjztx8Q.js} +1 -1
  31. package/library/chunks/{select.DGL9C_32.js → select.B154rVXD.js} +3 -3
  32. package/library/chunks/{shadow-input-group.CaCaO1C9.js → shadow-input-group.rms5mviC.js} +1 -1
  33. package/library/chunks/{share-option-list.u2Q0zMae.js → share-option-list.pVQugFoP.js} +1 -1
  34. package/library/chunks/{size-input-group.Ciupfrja.js → size-input-group.DiTi9CgW.js} +2 -2
  35. package/library/chunks/{src.CkVx3FOe.js → src.trg9VhQU.js} +25 -25
  36. package/library/chunks/{step.CjuuzW_o.js → step.CC1wfskA.js} +2 -2
  37. package/library/chunks/{stepper-wizard.CwmtGpGw.js → stepper-wizard.BJARESIb.js} +2 -2
  38. package/library/chunks/{stepper.DIAhu2lX.js → stepper.CUxBZKM6.js} +1 -1
  39. package/library/chunks/{tab-group.Ib4bahXC.js → tab-group.lMvydOdb.js} +4 -4
  40. package/library/chunks/{tab.BOJ3V4IE.js → tab.BKJEGsgj.js} +1 -1
  41. package/library/chunks/{tag.BySfbRok.js → tag.Dj8VrFFk.js} +1 -1
  42. package/library/chunks/{tooltip.DWx9VYtS.js → tooltip.DJl5qcTx.js} +1 -1
  43. package/library/chunks/{tree.B3qvSTCo.js → tree.BWKeg92V.js} +1 -1
  44. package/library/chunks/{typeface.BcNOEnVy.js → typeface.BLblmcP7.js} +1 -1
  45. package/library/chunks/{video.DVuLcN2J.js → video.2jpE1tqO.js} +2 -2
  46. package/library/components/array-line-clamp.js +1 -1
  47. package/library/components/asset-link-format.js +1 -1
  48. package/library/components/atoms.js +26 -26
  49. package/library/components/bicolor-picker.js +1 -1
  50. package/library/components/border-input-group.js +1 -1
  51. package/library/components/color-picker.js +1 -1
  52. package/library/components/color-swatch-group.js +1 -1
  53. package/library/components/color-swatch.js +1 -1
  54. package/library/components/confirm-popover.js +1 -1
  55. package/library/components/copy-button.js +1 -1
  56. package/library/components/corner-position-input-group.js +1 -1
  57. package/library/components/dialog.js +1 -1
  58. package/library/components/document-viewer.js +1 -1
  59. package/library/components/dot-pagination.js +1 -1
  60. package/library/components/dropdown.js +1 -1
  61. package/library/components/dynamic-select.js +1 -1
  62. package/library/components/file-on-demand.js +1 -1
  63. package/library/components/folder-select.js +1 -1
  64. package/library/components/header.js +1 -1
  65. package/library/components/image.js +1 -1
  66. package/library/components/line-clamp.js +1 -1
  67. package/library/components/masonry.js +1 -1
  68. package/library/components/menu-item.js +1 -1
  69. package/library/components/menu.js +1 -1
  70. package/library/components/molecules.js +13 -13
  71. package/library/components/organisms.js +3 -3
  72. package/library/components/pagination.js +1 -1
  73. package/library/components/popup.js +1 -1
  74. package/library/components/radio-card.js +1 -1
  75. package/library/components/range.js +1 -1
  76. package/library/components/select.js +1 -1
  77. package/library/components/shadow-input-group.js +1 -1
  78. package/library/components/share-option-list.js +1 -1
  79. package/library/components/size-input-group.js +1 -1
  80. package/library/components/step.js +1 -1
  81. package/library/components/stepper-wizard.js +1 -1
  82. package/library/components/stepper.js +1 -1
  83. package/library/components/tab-group.js +1 -1
  84. package/library/components/tab.js +1 -1
  85. package/library/components/tag.js +1 -1
  86. package/library/components/tooltip.js +1 -1
  87. package/library/components/tree-item.js +1 -1
  88. package/library/components/tree.js +1 -1
  89. package/library/components/typeface.js +1 -1
  90. package/library/components/types.js +61 -57
  91. package/library/components/video.js +1 -1
  92. package/library/package.json +1 -1
  93. package/library/packages/atoms/src/components/dialog/dialog.d.ts +2 -0
  94. package/library/packages/atoms/src/components/image/image.d.ts +0 -3
  95. package/library/packages/molecules/src/3d-viewer/controllers/scene-controller.d.ts +1 -0
  96. package/library/packages/organisms/src/asset-link-format/asset-link-format.d.ts +5 -0
  97. package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts +1 -6
  98. package/package.json +1 -1
@@ -13,7 +13,7 @@ import { t as h } from "./button.DnOMjl_G.js";
13
13
  import { t as g } from "./debounce.Ci-xdsHE.js";
14
14
  import { t as _ } from "./repeat.CKv9FPlC.js";
15
15
  import { n as v, t as y } from "./option.C97GEvQ6.js";
16
- import { t as b } from "./select.DGL9C_32.js";
16
+ import { t as b } from "./select.B154rVXD.js";
17
17
  import { t as x } from "./map.ByDuLduF.js";
18
18
  import { t as S } from "./keyed.zYwdaCfO.js";
19
19
  import { t as C } from "./_baseIteratee.DWc2-Bvm.js";
@@ -14,8 +14,8 @@ import { t as te } from "./style-map.DPGQIxip.js";
14
14
  import { t as ne } from "./button.DnOMjl_G.js";
15
15
  import { d as y } from "./string.DAuTpyw8.js";
16
16
  import { t as re } from "./debounce.Ci-xdsHE.js";
17
- import { t as b } from "./tooltip.DWx9VYtS.js";
18
- import { t as x } from "./line-clamp.B7QEzpUF.js";
17
+ import { t as b } from "./tooltip.DJl5qcTx.js";
18
+ import { t as x } from "./line-clamp.BFh7eXXl.js";
19
19
  import { t as S } from "./number.CNp5LKkv.js";
20
20
  import { t as C } from "./typography.B0mkhqTB.js";
21
21
  import { t as ie } from "./avatar.Ce0OZHBT.js";
@@ -23,18 +23,18 @@ import { t as w } from "./repeat.CKv9FPlC.js";
23
23
  import { t as ae } from "./input.D1UkXp3F.js";
24
24
  import { t as oe } from "./option.C97GEvQ6.js";
25
25
  import { t as se } from "./space.Dd8jezXK.js";
26
- import { t as ce } from "./select.DGL9C_32.js";
27
- import { t as le } from "./tab.BOJ3V4IE.js";
28
- import { t as T } from "./tab-group.Ib4bahXC.js";
26
+ import { t as ce } from "./select.B154rVXD.js";
27
+ import { t as le } from "./tab.BKJEGsgj.js";
28
+ import { t as T } from "./tab-group.lMvydOdb.js";
29
29
  import { t as ue } from "./tab-panel.BxeoKuSv.js";
30
- import { t as E } from "./dialog.BfGASgvs.js";
30
+ import { t as E } from "./dialog.BKSCSk0r.js";
31
31
  import { t as de } from "./divider.CqSNZCU8.js";
32
32
  import { t as fe } from "./progress-bar.BfHPsueW.js";
33
33
  import { o as D, u as O } from "./url.BCc06dE7.js";
34
34
  import k from "../components/format-bytes.js";
35
35
  import { t as pe } from "./relative-time.BcpFkSZT.js";
36
- import { a as A, i as me, n as he, t as j } from "./tree.B3qvSTCo.js";
37
- import { t as ge } from "./confirm-popover.CahmeTbf.js";
36
+ import { a as A, i as me, n as he, t as j } from "./tree.BWKeg92V.js";
37
+ import { t as ge } from "./confirm-popover.UUhlXSDu.js";
38
38
  import { t as _e } from "./_baseIteratee.DWc2-Bvm.js";
39
39
  import { t as ve } from "./choose.C2vpqhLc.js";
40
40
  import { t as ye } from "./_baseXor.Ca5K0ORC.js";
@@ -13,15 +13,15 @@ import { t as g } from "./style-map.DPGQIxip.js";
13
13
  import { t as _ } from "./button.DnOMjl_G.js";
14
14
  import { c as v, d as y, i as b } from "./string.DAuTpyw8.js";
15
15
  import { t as x } from "./debounce.Ci-xdsHE.js";
16
- import { t as S } from "./line-clamp.B7QEzpUF.js";
17
- import { t as C } from "./tag.BySfbRok.js";
16
+ import { t as S } from "./line-clamp.BFh7eXXl.js";
17
+ import { t as C } from "./tag.Dj8VrFFk.js";
18
18
  import { t as w } from "./repeat.CKv9FPlC.js";
19
19
  import { t as T } from "./input.D1UkXp3F.js";
20
20
  import { t as E } from "./space.Dd8jezXK.js";
21
- import { t as D } from "./select.DGL9C_32.js";
21
+ import { t as D } from "./select.B154rVXD.js";
22
22
  import { t as O } from "./template.Cyvih0XQ.js";
23
23
  import { s as k } from "./asset-link-format.COPyGdND.js";
24
- import { a as A, i as j } from "./tree.B3qvSTCo.js";
24
+ import { a as A, i as j } from "./tree.BWKeg92V.js";
25
25
  import { l as M, m as N, p as P, t as F } from "./string-array.Dstcqyjm.js";
26
26
  import { t as I } from "./choose.C2vpqhLc.js";
27
27
  //#region ../../node_modules/axios/index.js
@@ -10,7 +10,7 @@ import { t as f } from "./when.BUskJLtZ.js";
10
10
  import { n as p, t as m } from "./static-html.Ce8Avr_g.js";
11
11
  import { t as h } from "./style-map.DPGQIxip.js";
12
12
  import { t as g } from "./debounce.Ci-xdsHE.js";
13
- import { t as _ } from "./copy-button.D2ZwXadV.js";
13
+ import { t as _ } from "./copy-button.CSUoVbip.js";
14
14
  import { f as v, n as y, r as b, t as x } from "./responsive.L9Csz2w2.js";
15
15
  //#region ../../packages/styles/src/prosemirror.styles.ts
16
16
  var S = e`insert,span[format]{background-color:var(--cx-color-success-200)}delete{background-color:var(--cx-color-neutral-200);text-decoration:line-through}annotate{background-color:var(--cx-color-warning-200)}.ProseMirror figure[data-track*=deletion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=deletion],.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]{border:3px solid var(--cx-color-neutral);position:relative}.ProseMirror figure[data-track*=deletion] [data-node-type=figure]:after,.ProseMirror cx-rich-text-code-block[data-track*=deletion]:after,.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]:after{content:"";box-sizing:border-box;pointer-events:none;background-image:repeating-linear-gradient(45deg, var(--cx-color-neutral), var(--cx-color-neutral) 10px, var(--rich-text-background-color,var(--cx-color-neutral-0)) 10px, var(--rich-text-background-color,var(--cx-color-neutral-0)) 20px);opacity:.4;width:100%;height:100%;position:absolute;top:0;left:0}.ProseMirror figure[data-track*=insertion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=insertion],.ProseMirror cx-rich-text-image-viewer[data-track*=insertion]{border:3px solid var(--cx-color-success)}.ProseMirror figure[data-track*=annotation] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=annotation],.ProseMirror cx-rich-text-image-viewer[data-track*=annotation]{border:3px solid var(--cx-color-warning-200)}`, C = e`
@@ -1,7 +1,7 @@
1
1
  import { c as e, d as t, r as n } from "./lit.CyJqR2kf.js";
2
2
  import { a as r, i, n as a, r as o } from "./cortex-element.DTrNUtdr.js";
3
3
  import { t as s } from "./query.B1yi7t71.js";
4
- import { t as c } from "./popup.C2ySgZ9I.js";
4
+ import { t as c } from "./popup.yll4fQau.js";
5
5
  import { t as l } from "./component.styles.0xM1ZmBs.js";
6
6
  import { t as u } from "./custom-element.BEMYNDK1.js";
7
7
  import { t as d } from "./i18n.CQPiI18Q.js";
@@ -17,40 +17,39 @@ import { t as w } from "./resize-observer.D9EHlnZI.js";
17
17
  import { n as T } from "./position-picker.dY_vgF_H.js";
18
18
  import { a as E } from "./src.BJhIYoMP.js";
19
19
  import { t as D } from "./space.Dd8jezXK.js";
20
- import { s as O } from "./url.BCc06dE7.js";
21
- import { t as k } from "./keyed.zYwdaCfO.js";
22
- import { t as A } from "./skeleton.BtwugOTG.js";
20
+ import { t as O } from "./keyed.zYwdaCfO.js";
21
+ import { t as k } from "./skeleton.BtwugOTG.js";
23
22
  //#region ../../packages/types/src/image.ts
24
- var j = /* @__PURE__ */ function(e) {
23
+ var A = /* @__PURE__ */ function(e) {
25
24
  return e.Automatic = "automatic", e.Manual = "manual", e;
26
- }({}), M = Object.assign || function(e) {
25
+ }({}), j = Object.assign || function(e) {
27
26
  for (var t = 1; t < arguments.length; t++) {
28
27
  var n = arguments[t];
29
28
  for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
30
29
  }
31
30
  return e;
32
- }, N = function(e) {
31
+ }, M = function(e) {
33
32
  return e.tagName === "IMG";
34
- }, P = function(e) {
33
+ }, N = function(e) {
35
34
  return NodeList.prototype.isPrototypeOf(e);
36
- }, F = function(e) {
35
+ }, P = function(e) {
37
36
  return e && e.nodeType === 1;
38
- }, I = function(e) {
37
+ }, F = function(e) {
39
38
  return (e.currentSrc || e.src).substr(-4).toLowerCase() === ".svg";
40
- }, L = function(e) {
39
+ }, I = function(e) {
41
40
  try {
42
- return Array.isArray(e) ? e.filter(N) : P(e) ? [].slice.call(e).filter(N) : F(e) ? [e].filter(N) : typeof e == "string" ? [].slice.call(document.querySelectorAll(e)).filter(N) : [];
41
+ return Array.isArray(e) ? e.filter(M) : N(e) ? [].slice.call(e).filter(M) : P(e) ? [e].filter(M) : typeof e == "string" ? [].slice.call(document.querySelectorAll(e)).filter(M) : [];
43
42
  } catch {
44
43
  throw TypeError("The provided selector is invalid.\nExpects a CSS selector, a Node element, a NodeList or an array.\nSee: https://github.com/francoischalifour/medium-zoom");
45
44
  }
46
- }, R = function(e) {
45
+ }, L = function(e) {
47
46
  var t = document.createElement("div");
48
47
  return t.classList.add("medium-zoom-overlay"), t.style.background = e, t;
49
- }, z = function(e) {
48
+ }, R = function(e) {
50
49
  var t = e.getBoundingClientRect(), n = t.top, r = t.left, i = t.width, a = t.height, o = e.cloneNode(), s = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0, c = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
51
50
  return o.removeAttribute("id"), o.style.position = "absolute", o.style.top = n + s + "px", o.style.left = r + c + "px", o.style.width = i + "px", o.style.height = a + "px", o.style.transform = "", o;
52
- }, B = function(e, t) {
53
- var n = M({
51
+ }, z = function(e, t) {
52
+ var n = j({
54
53
  bubbles: !1,
55
54
  cancelable: !1,
56
55
  detail: void 0
@@ -58,7 +57,7 @@ var j = /* @__PURE__ */ function(e) {
58
57
  if (typeof window.CustomEvent == "function") return new CustomEvent(e, n);
59
58
  var r = document.createEvent("CustomEvent");
60
59
  return r.initCustomEvent(e, n.bubbles, n.cancelable, n.detail), r;
61
- }, V = function e(t) {
60
+ }, B = function e(t) {
62
61
  var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = window.Promise || function(e) {
63
62
  function t() {}
64
63
  e(t, t);
@@ -79,15 +78,15 @@ var j = /* @__PURE__ */ function(e) {
79
78
  (t === "Escape" || t === "Esc" || t === 27) && m();
80
79
  }, s = function() {
81
80
  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e;
82
- return e.background && (T.style.background = e.background), e.container && e.container instanceof Object && (t.container = M({}, C.container, e.container)), e.template && (t.template = F(e.template) ? e.template : document.querySelector(e.template)), C = M({}, C, t), y.forEach(function(e) {
83
- e.dispatchEvent(B("medium-zoom:update", { detail: { zoom: E } }));
81
+ return e.background && (T.style.background = e.background), e.container && e.container instanceof Object && (t.container = j({}, C.container, e.container)), e.template && (t.template = P(e.template) ? e.template : document.querySelector(e.template)), C = j({}, C, t), y.forEach(function(e) {
82
+ e.dispatchEvent(z("medium-zoom:update", { detail: { zoom: E } }));
84
83
  }), E;
85
84
  }, c = function() {
86
85
  var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
87
- return e(M({}, C, t));
86
+ return e(j({}, C, t));
88
87
  }, l = function() {
89
88
  var e = [...arguments].reduce(function(e, t) {
90
- return [].concat(e, L(t));
89
+ return [].concat(e, I(t));
91
90
  }, []);
92
91
  return e.filter(function(e) {
93
92
  return y.indexOf(e) === -1;
@@ -103,10 +102,10 @@ var j = /* @__PURE__ */ function(e) {
103
102
  var e = [...arguments];
104
103
  w.zoomed && m();
105
104
  var t = e.length > 0 ? e.reduce(function(e, t) {
106
- return [].concat(e, L(t));
105
+ return [].concat(e, I(t));
107
106
  }, []) : y;
108
107
  return t.forEach(function(e) {
109
- e.classList.remove("medium-zoom-image"), e.dispatchEvent(B("medium-zoom:detach", { detail: { zoom: E } }));
108
+ e.classList.remove("medium-zoom-image"), e.dispatchEvent(z("medium-zoom:detach", { detail: { zoom: E } }));
110
109
  }), y = y.filter(function(e) {
111
110
  return t.indexOf(e) === -1;
112
111
  }), E;
@@ -137,10 +136,10 @@ var j = /* @__PURE__ */ function(e) {
137
136
  bottom: 0
138
137
  }, t = void 0, n = void 0;
139
138
  if (C.container) {
140
- if (C.container instanceof Object) e = M({}, e, C.container), t = e.width - e.left - e.right - C.margin * 2, n = e.height - e.top - e.bottom - C.margin * 2;
139
+ if (C.container instanceof Object) e = j({}, e, C.container), t = e.width - e.left - e.right - C.margin * 2, n = e.height - e.top - e.bottom - C.margin * 2;
141
140
  else {
142
- var r = (F(C.container) ? C.container : document.querySelector(C.container)).getBoundingClientRect(), i = r.width, a = r.height, o = r.left, s = r.top;
143
- e = M({}, e, {
141
+ var r = (P(C.container) ? C.container : document.querySelector(C.container)).getBoundingClientRect(), i = r.width, a = r.height, o = r.left, s = r.top;
142
+ e = j({}, e, {
144
143
  width: i,
145
144
  height: a,
146
145
  left: o,
@@ -149,7 +148,7 @@ var j = /* @__PURE__ */ function(e) {
149
148
  }
150
149
  }
151
150
  t ||= e.width - C.margin * 2, n ||= e.height - C.margin * 2;
152
- var c = w.zoomedHd || w.original, l = I(c) ? t : c.naturalWidth || t, u = I(c) ? n : c.naturalHeight || n, d = c.getBoundingClientRect(), f = d.top, p = d.left, m = d.width, h = d.height, g = Math.min(Math.max(m, l), t) / m, _ = Math.min(Math.max(h, u), n) / h, v = Math.min(g, _), y = (-p + (t - m) / 2 + C.margin + e.left) / v, b = (-f + (n - h) / 2 + C.margin + e.top) / v, x = "scale(" + v + ") translate3d(" + y + "px, " + b + "px, 0)";
151
+ var c = w.zoomedHd || w.original, l = F(c) ? t : c.naturalWidth || t, u = F(c) ? n : c.naturalHeight || n, d = c.getBoundingClientRect(), f = d.top, p = d.left, m = d.width, h = d.height, g = Math.min(Math.max(m, l), t) / m, _ = Math.min(Math.max(h, u), n) / h, v = Math.min(g, _), y = (-p + (t - m) / 2 + C.margin + e.left) / v, b = (-f + (n - h) / 2 + C.margin + e.top) / v, x = "scale(" + v + ") translate3d(" + y + "px, " + b + "px, 0)";
153
152
  w.zoomed.style.transform = x, w.zoomedHd && (w.zoomedHd.style.transform = x);
154
153
  };
155
154
  return new r(function(n) {
@@ -158,7 +157,7 @@ var j = /* @__PURE__ */ function(e) {
158
157
  return;
159
158
  }
160
159
  var r = function e() {
161
- x = !1, w.zoomed.removeEventListener("transitionend", e), w.original.dispatchEvent(B("medium-zoom:opened", { detail: { zoom: E } })), n(E);
160
+ x = !1, w.zoomed.removeEventListener("transitionend", e), w.original.dispatchEvent(z("medium-zoom:opened", { detail: { zoom: E } })), n(E);
162
161
  };
163
162
  if (w.zoomed) {
164
163
  n(E);
@@ -170,8 +169,8 @@ var j = /* @__PURE__ */ function(e) {
170
169
  n(E);
171
170
  return;
172
171
  }
173
- if (w.original.dispatchEvent(B("medium-zoom:open", { detail: { zoom: E } })), S = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0, x = !0, w.zoomed = z(w.original), document.body.appendChild(T), C.template) {
174
- var i = F(C.template) ? C.template : document.querySelector(C.template);
172
+ if (w.original.dispatchEvent(z("medium-zoom:open", { detail: { zoom: E } })), S = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0, x = !0, w.zoomed = R(w.original), document.body.appendChild(T), C.template) {
173
+ var i = P(C.template) ? C.template : document.querySelector(C.template);
175
174
  w.template = document.createElement("div"), w.template.appendChild(i.content.cloneNode(!0)), document.body.appendChild(w.template);
176
175
  }
177
176
  if (w.original.parentElement && w.original.parentElement.tagName === "PICTURE" && w.original.currentSrc && (w.zoomed.src = w.original.currentSrc), document.body.appendChild(w.zoomed), window.requestAnimationFrame(function() {
@@ -197,9 +196,9 @@ var j = /* @__PURE__ */ function(e) {
197
196
  return;
198
197
  }
199
198
  var t = function t() {
200
- w.original.classList.remove("medium-zoom-image--hidden"), document.body.removeChild(w.zoomed), w.zoomedHd && document.body.removeChild(w.zoomedHd), document.body.removeChild(T), w.zoomed.classList.remove("medium-zoom-image--opened"), w.template && document.body.removeChild(w.template), x = !1, w.zoomed.removeEventListener("transitionend", t), w.original.dispatchEvent(B("medium-zoom:closed", { detail: { zoom: E } })), w.original = null, w.zoomed = null, w.zoomedHd = null, w.template = null, e(E);
199
+ w.original.classList.remove("medium-zoom-image--hidden"), document.body.removeChild(w.zoomed), w.zoomedHd && document.body.removeChild(w.zoomedHd), document.body.removeChild(T), w.zoomed.classList.remove("medium-zoom-image--opened"), w.template && document.body.removeChild(w.template), x = !1, w.zoomed.removeEventListener("transitionend", t), w.original.dispatchEvent(z("medium-zoom:closed", { detail: { zoom: E } })), w.original = null, w.zoomed = null, w.zoomedHd = null, w.template = null, e(E);
201
200
  };
202
- x = !0, document.body.classList.remove("medium-zoom--opened"), w.zoomed.style.transform = "", w.zoomedHd && (w.zoomedHd.style.transform = ""), w.template && (w.template.style.transition = "opacity 150ms", w.template.style.opacity = 0), w.original.dispatchEvent(B("medium-zoom:close", { detail: { zoom: E } })), w.zoomed.addEventListener("transitionend", t);
201
+ x = !0, document.body.classList.remove("medium-zoom--opened"), w.zoomed.style.transform = "", w.zoomedHd && (w.zoomedHd.style.transform = ""), w.template && (w.template.style.transition = "opacity 150ms", w.template.style.opacity = 0), w.original.dispatchEvent(z("medium-zoom:close", { detail: { zoom: E } })), w.zoomed.addEventListener("transitionend", t);
203
202
  });
204
203
  }, h = function() {
205
204
  var e = (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}).target;
@@ -216,14 +215,14 @@ var j = /* @__PURE__ */ function(e) {
216
215
  zoomedHd: null,
217
216
  template: null
218
217
  };
219
- Object.prototype.toString.call(t) === "[object Object]" ? C = t : (t || typeof t == "string") && l(t), C = M({
218
+ Object.prototype.toString.call(t) === "[object Object]" ? C = t : (t || typeof t == "string") && l(t), C = j({
220
219
  margin: 0,
221
220
  background: "#fff",
222
221
  scrollOffset: 40,
223
222
  container: null,
224
223
  template: null
225
224
  }, C);
226
- var T = R(C.background);
225
+ var T = L(C.background);
227
226
  document.addEventListener("click", i), document.addEventListener("keyup", o), document.addEventListener("scroll", a), window.addEventListener("resize", m);
228
227
  var E = {
229
228
  open: p,
@@ -241,7 +240,7 @@ var j = /* @__PURE__ */ function(e) {
241
240
  };
242
241
  return E;
243
242
  };
244
- function H(e, t) {
243
+ function V(e, t) {
245
244
  t === void 0 && (t = {});
246
245
  var n = t.insertAt;
247
246
  if (e && typeof document < "u") {
@@ -249,10 +248,10 @@ function H(e, t) {
249
248
  i.type = "text/css", n === "top" && r.firstChild ? r.insertBefore(i, r.firstChild) : r.appendChild(i), i.styleSheet ? i.styleSheet.cssText = e : i.appendChild(document.createTextNode(e));
250
249
  }
251
250
  }
252
- H(".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}");
251
+ V(".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}");
253
252
  //#endregion
254
253
  //#region ../../packages/atoms/src/components/image/image.styles.ts
255
- var U = t`:host([effect=jump]) .container,:host([effect=text-reveal]) .container,:host([effect=zoom]) .container{overflow:initial}:host([effect=jump]) .highlighter{transition:all var(--transition-duration,.5s) var(--easing,linear), transform var(--transition-transform-duration,.5s) var(--easing,linear)}:host([effect=jump]) .highlighter:hover{transform:translateY(calc(var(--highlightable-item-effect-jump-distance,0) * -1))}:host([effect=zoom][zoom-style=pop-out]){overflow-clip-margin:var(--column-padding,10px);overflow:clip}.highlighter--effect-text-reveal,:host([effect=zoom]) .highlighter--zoom-style-within-borders{overflow:hidden}:host([effect=zoom][zoom-style=pop-out]) .highlighter:hover{z-index:3;animation:none}:host([effect=zoom][zoom-style=pop-out]) .highlighter:not(:hover){animation:drop-z var(--transition-transform-duration) forwards}@keyframes drop-z{0%{z-index:2}99%{z-index:2}to{z-index:0}}.highlighter--can-hover:hover:after,.highlighter--selected:after,.highlighter--color-overlay:after{content:"";pointer-events:none;width:100%;height:100%;transition:all var(--transition-duration,.5s) var(--easing,linear);position:absolute;top:0;left:0}.highlighter--can-hover:hover:after,.highlighter--selected:after{outline:2px solid var(--cx-color-primary)}.highlighter--border:hover .image{border-color:var(--highlightable-item-highlight-border-color,var(--cx-color-primary))}.highlighter--color-overlay:after{border-radius:var(--border-radius,none)}.highlighter--color-overlay:hover:after{background-color:var(--highlightable-item-highlight-color-overlay-color,transparent)}.highlighter--drop-shadow:hover .image{box-shadow:var(--highlightable-item-highlight-drop-shadow,none)}.highlighter--background:hover .highlightable-item{--content-background-color:var(--highlightable-item-highlight-background,transparent);--highlightable-item-background-color:var(--highlightable-item-highlight-background,transparent)}.highlighter--opacity{opacity:var(--highlightable-item-highlight-opacity,1)}:host([effect=zoom][zoom-style=within-borders]) .highlighter .image,:host([effect=zoom][zoom-style=pop-out]) .highlighter{transition:transform var(--transition-transform-duration,.5s) var(--easing,linear)}:host([effect=zoom][zoom-style=within-borders]) .highlighter:hover .image,:host([effect=zoom][zoom-style=pop-out]) .highlighter:hover{transform:scale(var(--highlightable-item-effect-zoom-scale,1))}.highlightable-item{transition:background-color var(--transition-duration,.5s) var(--easing,linear), border-color var(--transition-duration,.5s) var(--easing,linear), box-shadow var(--transition-duration,.5s) var(--easing,linear), opacity var(--transition-duration,.5s) var(--easing,linear), transform var(--transition-transform-duration,.5s) var(--easing,linear), visibility var(--transition-duration,.5s) var(--easing,linear)}`, W = t`
254
+ var H = t`:host([effect=jump]) .container,:host([effect=text-reveal]) .container,:host([effect=zoom]) .container{overflow:initial}:host([effect=jump]) .highlighter{transition:all var(--transition-duration,.5s) var(--easing,linear), transform var(--transition-transform-duration,.5s) var(--easing,linear)}:host([effect=jump]) .highlighter:hover{transform:translateY(calc(var(--highlightable-item-effect-jump-distance,0) * -1))}:host([effect=zoom][zoom-style=pop-out]){overflow-clip-margin:var(--column-padding,10px);overflow:clip}.highlighter--effect-text-reveal,:host([effect=zoom]) .highlighter--zoom-style-within-borders{overflow:hidden}:host([effect=zoom][zoom-style=pop-out]) .highlighter:hover{z-index:3;animation:none}:host([effect=zoom][zoom-style=pop-out]) .highlighter:not(:hover){animation:drop-z var(--transition-transform-duration) forwards}@keyframes drop-z{0%{z-index:2}99%{z-index:2}to{z-index:0}}.highlighter--can-hover:hover:after,.highlighter--selected:after,.highlighter--color-overlay:after{content:"";pointer-events:none;width:100%;height:100%;transition:all var(--transition-duration,.5s) var(--easing,linear);position:absolute;top:0;left:0}.highlighter--can-hover:hover:after,.highlighter--selected:after{outline:2px solid var(--cx-color-primary)}.highlighter--border:hover .image{border-color:var(--highlightable-item-highlight-border-color,var(--cx-color-primary))}.highlighter--color-overlay:after{border-radius:var(--border-radius,none)}.highlighter--color-overlay:hover:after{background-color:var(--highlightable-item-highlight-color-overlay-color,transparent)}.highlighter--drop-shadow:hover .image{box-shadow:var(--highlightable-item-highlight-drop-shadow,none)}.highlighter--background:hover .highlightable-item{--content-background-color:var(--highlightable-item-highlight-background,transparent);--highlightable-item-background-color:var(--highlightable-item-highlight-background,transparent)}.highlighter--opacity{opacity:var(--highlightable-item-highlight-opacity,1)}:host([effect=zoom][zoom-style=within-borders]) .highlighter .image,:host([effect=zoom][zoom-style=pop-out]) .highlighter{transition:transform var(--transition-transform-duration,.5s) var(--easing,linear)}:host([effect=zoom][zoom-style=within-borders]) .highlighter:hover .image,:host([effect=zoom][zoom-style=pop-out]) .highlighter:hover{transform:scale(var(--highlightable-item-effect-zoom-scale,1))}.highlightable-item{transition:background-color var(--transition-duration,.5s) var(--easing,linear), border-color var(--transition-duration,.5s) var(--easing,linear), box-shadow var(--transition-duration,.5s) var(--easing,linear), opacity var(--transition-duration,.5s) var(--easing,linear), transform var(--transition-transform-duration,.5s) var(--easing,linear), visibility var(--transition-duration,.5s) var(--easing,linear)}`, U = t`
256
255
  :host {
257
256
  --justify-content: flex-start;
258
257
  --border-radius: 0px;
@@ -306,7 +305,7 @@ var U = t`:host([effect=jump]) .container,:host([effect=text-reveal]) .container
306
305
  max-height: 100%;
307
306
  }
308
307
 
309
- ${U}
308
+ ${H}
310
309
 
311
310
  :host([block]) {
312
311
  width: 100%;
@@ -622,23 +621,22 @@ var U = t`:host([effect=jump]) .container,:host([effect=text-reveal]) .container
622
621
  --font-size: var(--cx-font-size-4x-large);
623
622
  color: var(--fallback-icon-color);
624
623
  }
625
- `, G = class extends b {
624
+ `, W = class extends b {
626
625
  constructor(...e) {
627
- super(...e), this.localize = new d(this), this.retryCount = 0, this.retryTimer = null, this.isLoaded = !1, this.isError = !1, this.isRetrying = !1, this.retryIndex = 0, this.src = "", this.aspectRatio = 0, this.srcset = "", this.sizes = "", this.placeholder = "", this.alt = "", this.objectFit = E.Fill, this.cropFocus = T.CenterCenter, this.skeleton = !1, this.fallback = !1, this.canZoom = !1, this.loading = !1, this.block = !1, this.htmlLoading = "lazy", this.noCrossorigin = !1, this.clickHandlerType = j.Automatic, this.retryOnError = !1, this.maxRetries = 10, this.isZoomed = !1, this.imageRatio = 1, this.parsedAlt = "", this.parsedAltDarkMode = "", this.zoom = null, this.lastPatchedWidth = null, this.#n = "";
626
+ super(...e), this.localize = new d(this), this.retryCount = 0, this.retryTimer = null, this.isLoaded = !1, this.isError = !1, this.isRetrying = !1, this.retryIndex = 0, this.src = "", this.aspectRatio = 0, this.srcset = "", this.sizes = "", this.placeholder = "", this.alt = "", this.objectFit = E.Fill, this.cropFocus = T.CenterCenter, this.skeleton = !1, this.fallback = !1, this.canZoom = !1, this.loading = !1, this.block = !1, this.htmlLoading = "lazy", this.noCrossorigin = !1, this.clickHandlerType = A.Automatic, this.retryOnError = !1, this.maxRetries = 10, this.isZoomed = !1, this.imageRatio = 1, this.parsedAlt = "", this.parsedAltDarkMode = "", this.zoom = null, this.lastPatchedWidth = null;
628
627
  }
629
628
  static #e = this.styles = [
630
629
  l,
631
630
  S,
632
- W
631
+ U
633
632
  ];
634
633
  static #t = this.dependencies = {
635
634
  "cx-icon": g,
636
635
  "cx-popup": c,
637
636
  "cx-resize-observer": w,
638
- "cx-skeleton": A,
637
+ "cx-skeleton": k,
639
638
  "cx-space": D
640
639
  };
641
- #n;
642
640
  get currentAltValue() {
643
641
  return this.alt;
644
642
  }
@@ -646,10 +644,10 @@ var U = t`:host([effect=jump]) .container,:host([effect=text-reveal]) .container
646
644
  return this.src;
647
645
  }
648
646
  get highlighterTabindex() {
649
- return this.hasZoomAction && this.clickHandlerType === j.Automatic ? "0" : void 0;
647
+ return this.hasZoomAction && this.clickHandlerType === A.Automatic ? "0" : void 0;
650
648
  }
651
649
  get highlighterRole() {
652
- return this.hasZoomAction && this.clickHandlerType === j.Automatic ? "button" : "img";
650
+ return this.hasZoomAction && this.clickHandlerType === A.Automatic ? "button" : "img";
653
651
  }
654
652
  get highlighterCropFocusClass() {
655
653
  return this.objectFit === E.Contain ? { [`highlightable-item--crop-focus-${this.cropFocus}`]: !0 } : {};
@@ -728,7 +726,7 @@ var U = t`:host([effect=jump]) .container,:host([effect=text-reveal]) .container
728
726
  await this.updateComplete, this.requestUpdate();
729
727
  }
730
728
  handleSrcChange() {
731
- this.isLoaded = !1, this.isError = !1, this.isRetrying = !1, this.retryCount = 0, this.retryIndex = 0, this.#n = "", this.clearRetryTimer();
729
+ this.isLoaded = !1, this.isError = !1, this.isRetrying = !1, this.retryCount = 0, this.retryIndex = 0, this.clearRetryTimer();
732
730
  }
733
731
  clearRetryTimer() {
734
732
  this.retryTimer !== null && (clearTimeout(this.retryTimer), this.retryTimer = null);
@@ -736,14 +734,11 @@ var U = t`:host([effect=jump]) .container,:host([effect=text-reveal]) .container
736
734
  scheduleRetry() {
737
735
  let e = Math.min(1e3 * 2 ** (this.retryCount - 1), 1e4);
738
736
  this.retryTimer = setTimeout(() => {
739
- this.retryTimer = null, this.#n = `${this.retryCount}-${Math.random().toString(36).slice(2)}`, this.retryIndex += 1;
737
+ this.retryTimer = null, this.retryIndex += 1;
740
738
  }, e);
741
739
  }
742
- applyRetryCacheBust(e) {
743
- return this.retryIndex === 0 || !this.#n || !e ? e : O(e, "cachebust", this.#n);
744
- }
745
740
  async initZoom() {
746
- this.zoomImageElement && !this.zoom && this.isLoaded && (this.zoom = V(this.zoomImageElement, {
741
+ this.zoomImageElement && !this.zoom && this.isLoaded && (this.zoom = B(this.zoomImageElement, {
747
742
  background: "light-dark(rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.8))",
748
743
  margin: 0,
749
744
  scrollOffset: 0
@@ -778,7 +773,7 @@ var U = t`:host([effect=jump]) .container,:host([effect=text-reveal]) .container
778
773
  this.lastPatchedWidth = e, this.requestUpdate();
779
774
  }
780
775
  handleClickAction(e) {
781
- e.target instanceof HTMLElement && this.clickHandlerType !== j.Manual && this.canZoom && this.openZoom();
776
+ e.target instanceof HTMLElement && this.clickHandlerType !== A.Manual && this.canZoom && this.openZoom();
782
777
  }
783
778
  updated(e) {
784
779
  super.updated(e);
@@ -789,11 +784,11 @@ var U = t`:host([effect=jump]) .container,:host([effect=text-reveal]) .container
789
784
  this.zoom && this.zoom.open();
790
785
  }
791
786
  renderContent() {
792
- let t = this.applyRetryCacheBust(this.currentSrc), r = this.currentAltValue;
787
+ let t = this.currentSrc, r = this.currentAltValue;
793
788
  if (this.retryOnError) {
794
789
  if (this.isError && this.retryCount >= this.maxRetries) return n;
795
790
  } else if (this.isError) return n;
796
- return e`<div part="content" slot="anchor" class=${p(this.highlighterClass)}>${k(this.retryIndex, e`<img part="image" class=${p(this.imageClass)} src=${t || this.placeholder} srcset=${m(this.srcset || void 0)} sizes=${m(this.sizes || void 0)} alt=${r} aria-label=${r} crossorigin=${m(this.crossorigin)} @load=${this.handleLoad} @error=${this.handleError} loading=${this.retryIndex > 0 ? "eager" : this.htmlLoading} decoding="async" width=${m(this.width || void 0)} height=${m(this.height || void 0)}>`)}</div>`;
791
+ return e`<div part="content" slot="anchor" class=${p(this.highlighterClass)}>${O(this.retryIndex, e`<img part="image" class=${p(this.imageClass)} src=${t || this.placeholder} srcset=${m(this.srcset || void 0)} sizes=${m(this.sizes || void 0)} alt=${r} aria-label=${r} crossorigin=${m(this.crossorigin)} @load=${this.handleLoad} @error=${this.handleError} loading=${this.retryIndex > 0 ? "eager" : this.htmlLoading} decoding="async" width=${m(this.width || void 0)} height=${m(this.height || void 0)}>`)}</div>`;
797
792
  }
798
793
  render() {
799
794
  let t = this.hasZoomAction, r = this.currentAltValue;
@@ -805,93 +800,93 @@ var U = t`:host([effect=jump]) .container,:host([effect=text-reveal]) .container
805
800
  })} style=${_({ "--easing": this.easeCSSVariable })} data-empty-label=${this.localize.term("emptyImage")} @click=${this.startResizing} @keydown=${this.handleKeyDown}><cx-resize-observer @cx-resize=${this.handleResize}><div part="highlighter" tabindex=${m(this.highlighterTabindex)} role=${m(this.highlighterRole)} aria-label=${m(this.highlighterRole ? r : void 0)} aria-roledescription=${m(this.highlighterRole ? this.localize.term("image") : void 0)} class=${p(this.isEmpty ? {} : this.getHighlighterClass(this.isError))} @click=${this.handleClickAction} @mouseenter=${this.handleMouseEnter} @mouseleave=${this.handleMouseLeave} @blur=${this.handleBlur}>${h(this.isEmpty, () => n, () => h(this.effect === x.Jump || this.effect === x.Zoom, () => e`<cx-popup class="popup-container" strategy="absolute" active placement="center" sync="both">${this.renderContent()}</cx-popup>`, () => this.renderContent()))}<div class="zoom-image-container">${h(t, () => e`<img part="zoom-image" class=${p({
806
801
  "zoom-image": !0,
807
802
  "zoom-image--hidden": !this.isZoomed
808
- })} src=${this.applyRetryCacheBust(this.currentSrc) || this.placeholder} alt="" aria-hidden="true" decoding="async" draggable="false" crossorigin=${m(this.crossorigin)}>`)}</div>${h(this.showPlaceholderSkeleton, () => e`<slot name="skeleton" part="skeleton"><div class=${p({ skeleton: !0 })}><cx-skeleton effect="sheen" role="status" aria-live="polite" aria-label=${this.localize.term("loading")}></cx-skeleton></div></slot>`)}
803
+ })} src=${this.currentSrc || this.placeholder} alt="" aria-hidden="true" decoding="async" draggable="false" crossorigin=${m(this.crossorigin)}>`)}</div>${h(this.showPlaceholderSkeleton, () => e`<slot name="skeleton" part="skeleton"><div class=${p({ skeleton: !0 })}><cx-skeleton effect="sheen" role="status" aria-live="polite" aria-label=${this.localize.term("loading")}></cx-skeleton></div></slot>`)}
809
804
  ${h(this.isError, () => e`<slot name="fallback" part="fallback"><cx-space class=${p({ fallback: !0 })} direction="column" align-items="center" justify-content="center"><cx-icon name="hide_image" part="fallback-icon"> </cx-icon></cx-space></slot>`)}</div></cx-resize-observer>${h(this.resizable && this.isResizeActive, () => this.renderResizer())}</div>`;
810
805
  }
811
806
  };
812
- a([s(".image"), o("design:type", typeof HTMLImageElement > "u" ? Object : HTMLImageElement)], G.prototype, "imageElement", void 0), a([s(".zoom-image"), o("design:type", typeof HTMLImageElement > "u" ? Object : HTMLImageElement)], G.prototype, "zoomImageElement", void 0), a([s(".highlighter"), o("design:type", typeof HTMLDivElement > "u" ? Object : HTMLDivElement)], G.prototype, "highlighterElement", void 0), a([i(), o("design:type", Object)], G.prototype, "isLoaded", void 0), a([i(), o("design:type", Object)], G.prototype, "isError", void 0), a([i(), o("design:type", Object)], G.prototype, "isRetrying", void 0), a([i(), o("design:type", Object)], G.prototype, "retryIndex", void 0), a([r({
807
+ a([s(".image"), o("design:type", typeof HTMLImageElement > "u" ? Object : HTMLImageElement)], W.prototype, "imageElement", void 0), a([s(".zoom-image"), o("design:type", typeof HTMLImageElement > "u" ? Object : HTMLImageElement)], W.prototype, "zoomImageElement", void 0), a([s(".highlighter"), o("design:type", typeof HTMLDivElement > "u" ? Object : HTMLDivElement)], W.prototype, "highlighterElement", void 0), a([i(), o("design:type", Object)], W.prototype, "isLoaded", void 0), a([i(), o("design:type", Object)], W.prototype, "isError", void 0), a([i(), o("design:type", Object)], W.prototype, "isRetrying", void 0), a([i(), o("design:type", Object)], W.prototype, "retryIndex", void 0), a([r({
813
808
  reflect: !0,
814
809
  type: String
815
- }), o("design:type", String)], G.prototype, "src", void 0), a([r({
810
+ }), o("design:type", String)], W.prototype, "src", void 0), a([r({
816
811
  attribute: "aspect-ratio",
817
812
  reflect: !0,
818
813
  type: Number
819
- }), o("design:type", Object)], G.prototype, "aspectRatio", void 0), a([r({
814
+ }), o("design:type", Object)], W.prototype, "aspectRatio", void 0), a([r({
820
815
  reflect: !0,
821
816
  type: String
822
- }), o("design:type", Object)], G.prototype, "srcset", void 0), a([r({
817
+ }), o("design:type", Object)], W.prototype, "srcset", void 0), a([r({
823
818
  reflect: !0,
824
819
  type: String
825
- }), o("design:type", Object)], G.prototype, "sizes", void 0), a([r({
820
+ }), o("design:type", Object)], W.prototype, "sizes", void 0), a([r({
826
821
  reflect: !0,
827
822
  type: String
828
- }), o("design:type", Object)], G.prototype, "placeholder", void 0), a([r({
823
+ }), o("design:type", Object)], W.prototype, "placeholder", void 0), a([r({
829
824
  reflect: !0,
830
825
  type: String
831
- }), o("design:type", Object)], G.prototype, "alt", void 0), a([r({
826
+ }), o("design:type", Object)], W.prototype, "alt", void 0), a([r({
832
827
  attribute: "object-fit",
833
828
  reflect: !0
834
- }), o("design:type", E === void 0 ? Object : E)], G.prototype, "objectFit", void 0), a([r({
829
+ }), o("design:type", E === void 0 ? Object : E)], W.prototype, "objectFit", void 0), a([r({
835
830
  attribute: "crop-focus",
836
831
  reflect: !0
837
- }), o("design:type", T === void 0 ? Object : T)], G.prototype, "cropFocus", void 0), a([r({
832
+ }), o("design:type", T === void 0 ? Object : T)], W.prototype, "cropFocus", void 0), a([r({
838
833
  reflect: !0,
839
834
  type: Boolean
840
- }), o("design:type", Object)], G.prototype, "skeleton", void 0), a([r({
835
+ }), o("design:type", Object)], W.prototype, "skeleton", void 0), a([r({
841
836
  reflect: !0,
842
837
  type: Boolean
843
- }), o("design:type", Object)], G.prototype, "fallback", void 0), a([r({
838
+ }), o("design:type", Object)], W.prototype, "fallback", void 0), a([r({
844
839
  attribute: "can-zoom",
845
840
  reflect: !0,
846
841
  type: Boolean
847
- }), o("design:type", Object)], G.prototype, "canZoom", void 0), a([r({
842
+ }), o("design:type", Object)], W.prototype, "canZoom", void 0), a([r({
848
843
  reflect: !0,
849
844
  type: Boolean
850
- }), o("design:type", Object)], G.prototype, "loading", void 0), a([r({
845
+ }), o("design:type", Object)], W.prototype, "loading", void 0), a([r({
851
846
  reflect: !0,
852
847
  type: Boolean
853
- }), o("design:type", Object)], G.prototype, "block", void 0), a([r({
848
+ }), o("design:type", Object)], W.prototype, "block", void 0), a([r({
854
849
  attribute: "html-loading",
855
850
  reflect: !0,
856
851
  type: String
857
- }), o("design:type", String)], G.prototype, "htmlLoading", void 0), a([r({
852
+ }), o("design:type", String)], W.prototype, "htmlLoading", void 0), a([r({
858
853
  attribute: "no-crossorigin",
859
854
  reflect: !0,
860
855
  type: Boolean
861
- }), o("design:type", Object)], G.prototype, "noCrossorigin", void 0), a([r({
856
+ }), o("design:type", Object)], W.prototype, "noCrossorigin", void 0), a([r({
862
857
  attribute: "click-handler-type",
863
858
  reflect: !0,
864
859
  type: String
865
- }), o("design:type", j === void 0 ? Object : j)], G.prototype, "clickHandlerType", void 0), a([r({
860
+ }), o("design:type", A === void 0 ? Object : A)], W.prototype, "clickHandlerType", void 0), a([r({
866
861
  attribute: "retry-on-error",
867
862
  reflect: !0,
868
863
  type: Boolean
869
- }), o("design:type", Object)], G.prototype, "retryOnError", void 0), a([r({
864
+ }), o("design:type", Object)], W.prototype, "retryOnError", void 0), a([r({
870
865
  attribute: "max-retries",
871
866
  type: Number
872
- }), o("design:type", Object)], G.prototype, "maxRetries", void 0), a([i(), o("design:type", Object)], G.prototype, "isZoomed", void 0), a([i(), o("design:type", Object)], G.prototype, "imageRatio", void 0), a([i(), o("design:type", String)], G.prototype, "parsedAlt", void 0), a([i(), o("design:type", String)], G.prototype, "parsedAltDarkMode", void 0), a([
867
+ }), o("design:type", Object)], W.prototype, "maxRetries", void 0), a([i(), o("design:type", Object)], W.prototype, "isZoomed", void 0), a([i(), o("design:type", Object)], W.prototype, "imageRatio", void 0), a([i(), o("design:type", String)], W.prototype, "parsedAlt", void 0), a([i(), o("design:type", String)], W.prototype, "parsedAltDarkMode", void 0), a([
873
868
  f("isLoaded"),
874
869
  f("canZoom", { waitUntilFirstUpdate: !0 }),
875
870
  o("design:type", Function),
876
871
  o("design:paramtypes", []),
877
872
  o("design:returntype", Promise)
878
- ], G.prototype, "handleCanZoomChange", null), a([
873
+ ], W.prototype, "handleCanZoomChange", null), a([
879
874
  f("objectFit", { waitUntilFirstUpdate: !0 }),
880
875
  o("design:type", Function),
881
876
  o("design:paramtypes", []),
882
877
  o("design:returntype", Promise)
883
- ], G.prototype, "handleObjectFitChange", null), a([
878
+ ], W.prototype, "handleObjectFitChange", null), a([
884
879
  f("src"),
885
880
  f("srcDarkMode"),
886
881
  o("design:type", Function),
887
882
  o("design:paramtypes", []),
888
883
  o("design:returntype", void 0)
889
- ], G.prototype, "handleSrcChange", null), a([
884
+ ], W.prototype, "handleSrcChange", null), a([
890
885
  C(100),
891
886
  o("design:type", Function),
892
887
  o("design:paramtypes", [Number]),
893
888
  o("design:returntype", void 0)
894
- ], G.prototype, "updateLastPatchedWidth", null), G = a([u("cx-image")], G);
895
- var K = G;
889
+ ], W.prototype, "updateLastPatchedWidth", null), W = a([u("cx-image")], W);
890
+ var G = W;
896
891
  //#endregion
897
- export { j as n, K as t };
892
+ export { A as n, G as t };
@@ -6,7 +6,7 @@ import { t as l } from "./custom-element.BEMYNDK1.js";
6
6
  import "./button.DnOMjl_G.js";
7
7
  import { c as u } from "./browser.Ct4pHP9I.js";
8
8
  import { t as d } from "./debounce.Ci-xdsHE.js";
9
- import "./tooltip.DWx9VYtS.js";
9
+ import "./tooltip.DJl5qcTx.js";
10
10
  import "./resize-observer.D9EHlnZI.js";
11
11
  //#region ../../packages/atoms/src/components/line-clamp/line-clamp.styles.ts
12
12
  var f = t`:host{--toggler-color:var(--cx-color-primary)}.content{text-overflow:ellipsis;white-space:normal;overflow-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.toggler{margin-top:var(--cx-spacing-2x-small);display:block}.toggler::part(base){color:var(--toggler-color);font-weight:var(--cx-font-weight-medium);text-transform:none;width:auto}.toggler::part(label){padding-left:0}`, p = class extends o {
@@ -9,11 +9,11 @@ import { t as f } from "./icon-button.BAUsYiQh.js";
9
9
  import { t as p } from "./if-defined.B29V_rEp.js";
10
10
  import { t as m } from "./when.BUskJLtZ.js";
11
11
  import { t as h } from "./style-map.DPGQIxip.js";
12
- import { t as g } from "./tooltip.DWx9VYtS.js";
12
+ import { t as g } from "./tooltip.DJl5qcTx.js";
13
13
  import { a as _ } from "./src.BJhIYoMP.js";
14
14
  import { t as v } from "./repeat.CKv9FPlC.js";
15
15
  import { t as y } from "./space.Dd8jezXK.js";
16
- import { t as b } from "./image.CRrj-94o.js";
16
+ import { t as b } from "./image.B87-7U_Z.js";
17
17
  import { t as x } from "./grid.CK4PRwur.js";
18
18
  import { t as S } from "./grid-item.CSieaU5T.js";
19
19
  import { t as C } from "./sortable.esm.BVU0_hc5.js";
@@ -1,7 +1,7 @@
1
1
  import { c as e, d as t, r as n } from "./lit.CyJqR2kf.js";
2
2
  import { a as r, n as i, r as a, t as o } from "./cortex-element.DTrNUtdr.js";
3
3
  import { t as s } from "./query.B1yi7t71.js";
4
- import { t as c } from "./popup.C2ySgZ9I.js";
4
+ import { t as c } from "./popup.yll4fQau.js";
5
5
  import { t as l } from "./component.styles.0xM1ZmBs.js";
6
6
  import { t as u } from "./custom-element.BEMYNDK1.js";
7
7
  import { n as d, t as f } from "./i18n.CQPiI18Q.js";
@@ -5,7 +5,7 @@ import { t as c } from "./component.styles.0xM1ZmBs.js";
5
5
  import { t as l } from "./custom-element.BEMYNDK1.js";
6
6
  import { t as u } from "./i18n.CQPiI18Q.js";
7
7
  import { t as d } from "./when.BUskJLtZ.js";
8
- import { r as f, t as p } from "./menu-item.BgoL4QFj.js";
8
+ import { r as f, t as p } from "./menu-item.CCbtHE5R.js";
9
9
  //#region ../../packages/types/src/menu.ts
10
10
  var m = /* @__PURE__ */ function(e) {
11
11
  return e.Default = "default", e.Multiple = "multiple", e;
@@ -8,14 +8,14 @@ import { t as d } from "./class-map.D8nsNOVJ.js";
8
8
  import { n as f, t as p } from "./icon-button.BAUsYiQh.js";
9
9
  import { t as m } from "./when.BUskJLtZ.js";
10
10
  import { t as h } from "./button.DnOMjl_G.js";
11
- import { t as g } from "./tooltip.DWx9VYtS.js";
11
+ import { t as g } from "./tooltip.DJl5qcTx.js";
12
12
  import { t as _ } from "./typography.B0mkhqTB.js";
13
13
  import { t as v } from "./math.od1DVmRk.js";
14
14
  import { t as y } from "./repeat.CKv9FPlC.js";
15
15
  import { t as b } from "./input.D1UkXp3F.js";
16
16
  import { t as x } from "./option.C97GEvQ6.js";
17
17
  import { t as S } from "./space.Dd8jezXK.js";
18
- import { t as C } from "./select.DGL9C_32.js";
18
+ import { t as C } from "./select.B154rVXD.js";
19
19
  //#region ../../packages/types/src/pagination.ts
20
20
  var w = /* @__PURE__ */ function(e) {
21
21
  return e.Both = "both", e.Pages = "pages", e.Rows = "rows", e;
@@ -2146,7 +2146,7 @@ var $ = class extends l {
2146
2146
  super.disconnectedCallback(), this.isTornDown = !0, this.stopImmediate();
2147
2147
  }
2148
2148
  connectedUpdatedCallback() {
2149
- if (this.strategy === "overlay" && (this.start(), !b)) {
2149
+ if ((this.active || this.strategy === "overlay") && this.start(), this.strategy === "overlay" && !b) {
2150
2150
  let e = S(this);
2151
2151
  e && (this.autoSizeBoundary = e, this.flipBoundary = e, this.shiftBoundary = e);
2152
2152
  }
@@ -6,7 +6,7 @@ import { t as l } from "./custom-element.BEMYNDK1.js";
6
6
  import { t as u } from "./slot.CZUlACxT.js";
7
7
  import { t as d } from "./watch.Ub5r8btz.js";
8
8
  import { t as f } from "./class-map.D8nsNOVJ.js";
9
- import { t as p } from "./line-clamp.B7QEzpUF.js";
9
+ import { t as p } from "./line-clamp.BFh7eXXl.js";
10
10
  import { t as m } from "./card.3c-X4hqR.js";
11
11
  import { t as h } from "./radio.DhPbmKbQ.js";
12
12
  //#region ../../packages/atoms/src/components/radio-card/radio-card.styles.ts
@@ -12,7 +12,7 @@ import { t as h } from "./if-defined.B29V_rEp.js";
12
12
  import { t as g } from "./style-map.DPGQIxip.js";
13
13
  import { t as _ } from "./form.JYXtmwQ2.js";
14
14
  import { t as v } from "./debounce.Ci-xdsHE.js";
15
- import { t as y } from "./tooltip.DWx9VYtS.js";
15
+ import { t as y } from "./tooltip.DJl5qcTx.js";
16
16
  import { t as b } from "./resize-observer.D9EHlnZI.js";
17
17
  import { t as x } from "./form-control.styles.Cec6lJbi.js";
18
18
  import { t as S } from "./default-value.opqQgoRT.js";