@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.
- package/library/chunks/{array-line-clamp.BWWMLJhi.js → array-line-clamp.HGGPocNC.js} +2 -2
- package/library/chunks/{asset-link-format.P8WKO488.js → asset-link-format.CZBeBJej.js} +11 -6
- package/library/chunks/{bicolor-picker.Dbag6AHo.js → bicolor-picker.CIQZ9X5x.js} +1 -1
- package/library/chunks/{block-width.BRSYOaIg.js → block-width.DTvz7xM0.js} +25 -25
- package/library/chunks/{border-input-group.B12EFZFD.js → border-input-group.zWvxXDrV.js} +1 -1
- package/library/chunks/{color-picker.Dz6vVcZS.js → color-picker.DlpYhvA1.js} +4 -4
- package/library/chunks/{color-swatch-group.ujgqmTBa.js → color-swatch-group.CatSe9IU.js} +11 -11
- package/library/chunks/{color-swatch.C3Elv0dG.js → color-swatch.D31RnyZs.js} +2 -2
- package/library/chunks/{config-manager.B-v8i-BX.js → config-manager.BBN9hptw.js} +20 -20
- package/library/chunks/{configs-controller.oPuU_6Qb.js → configs-controller.wtRhwfJ1.js} +5 -5
- package/library/chunks/{confirm-popover.CahmeTbf.js → confirm-popover.UUhlXSDu.js} +2 -2
- package/library/chunks/{copy-button.D2ZwXadV.js → copy-button.CSUoVbip.js} +1 -1
- package/library/chunks/{corner-position-input-group.BV8b7GsS.js → corner-position-input-group.BMDQlHSS.js} +1 -1
- package/library/chunks/{dialog.BfGASgvs.js → dialog.BKSCSk0r.js} +14 -13
- package/library/chunks/{document-viewer.BtB-RTvP.js → document-viewer.D8UPa4kM.js} +6 -6
- package/library/chunks/{dot-pagination.BUZhiikk.js → dot-pagination.CfK67Z-x.js} +1 -1
- package/library/chunks/{dropdown.CnT7uTzf.js → dropdown.CcjP36wF.js} +2 -2
- package/library/chunks/{dynamic-select.BeqPRh6t.js → dynamic-select.D49cHmhm.js} +1 -1
- package/library/chunks/{file-on-demand.BEAjdrt_.js → file-on-demand.4Zi0mu_q.js} +8 -8
- package/library/chunks/{folder-select.B02Mdr8b.js → folder-select.DsF8LODE.js} +4 -4
- package/library/chunks/{header.NoiopyyV.js → header.CD4B3ylz.js} +1 -1
- package/library/chunks/{image.CRrj-94o.js → image.B87-7U_Z.js} +75 -80
- package/library/chunks/{line-clamp.B7QEzpUF.js → line-clamp.BFh7eXXl.js} +1 -1
- package/library/chunks/{masonry.B5kwpjVE.js → masonry.H7Hpnx9d.js} +2 -2
- package/library/chunks/{menu-item.BgoL4QFj.js → menu-item.CCbtHE5R.js} +1 -1
- package/library/chunks/{menu.DJBOpi__.js → menu.DNeN3pz0.js} +1 -1
- package/library/chunks/{pagination.GiwV5ZHF.js → pagination.c9x67wQ0.js} +2 -2
- package/library/chunks/{popup.C2ySgZ9I.js → popup.yll4fQau.js} +1 -1
- package/library/chunks/{radio-card.BPumEe9b.js → radio-card.DTRD2YQ6.js} +1 -1
- package/library/chunks/{range.E1wPWa7j.js → range.BUjztx8Q.js} +1 -1
- package/library/chunks/{select.DGL9C_32.js → select.B154rVXD.js} +3 -3
- package/library/chunks/{shadow-input-group.CaCaO1C9.js → shadow-input-group.rms5mviC.js} +1 -1
- package/library/chunks/{share-option-list.u2Q0zMae.js → share-option-list.pVQugFoP.js} +1 -1
- package/library/chunks/{size-input-group.Ciupfrja.js → size-input-group.DiTi9CgW.js} +2 -2
- package/library/chunks/{src.CkVx3FOe.js → src.trg9VhQU.js} +25 -25
- package/library/chunks/{step.CjuuzW_o.js → step.CC1wfskA.js} +2 -2
- package/library/chunks/{stepper-wizard.CwmtGpGw.js → stepper-wizard.BJARESIb.js} +2 -2
- package/library/chunks/{stepper.DIAhu2lX.js → stepper.CUxBZKM6.js} +1 -1
- package/library/chunks/{tab-group.Ib4bahXC.js → tab-group.lMvydOdb.js} +4 -4
- package/library/chunks/{tab.BOJ3V4IE.js → tab.BKJEGsgj.js} +1 -1
- package/library/chunks/{tag.BySfbRok.js → tag.Dj8VrFFk.js} +1 -1
- package/library/chunks/{tooltip.DWx9VYtS.js → tooltip.DJl5qcTx.js} +1 -1
- package/library/chunks/{tree.B3qvSTCo.js → tree.BWKeg92V.js} +1 -1
- package/library/chunks/{typeface.BcNOEnVy.js → typeface.BLblmcP7.js} +1 -1
- package/library/chunks/{video.DVuLcN2J.js → video.2jpE1tqO.js} +2 -2
- package/library/components/array-line-clamp.js +1 -1
- package/library/components/asset-link-format.js +1 -1
- package/library/components/atoms.js +26 -26
- package/library/components/bicolor-picker.js +1 -1
- package/library/components/border-input-group.js +1 -1
- package/library/components/color-picker.js +1 -1
- package/library/components/color-swatch-group.js +1 -1
- package/library/components/color-swatch.js +1 -1
- package/library/components/confirm-popover.js +1 -1
- package/library/components/copy-button.js +1 -1
- package/library/components/corner-position-input-group.js +1 -1
- package/library/components/dialog.js +1 -1
- package/library/components/document-viewer.js +1 -1
- package/library/components/dot-pagination.js +1 -1
- package/library/components/dropdown.js +1 -1
- package/library/components/dynamic-select.js +1 -1
- package/library/components/file-on-demand.js +1 -1
- package/library/components/folder-select.js +1 -1
- package/library/components/header.js +1 -1
- package/library/components/image.js +1 -1
- package/library/components/line-clamp.js +1 -1
- package/library/components/masonry.js +1 -1
- package/library/components/menu-item.js +1 -1
- package/library/components/menu.js +1 -1
- package/library/components/molecules.js +13 -13
- package/library/components/organisms.js +3 -3
- package/library/components/pagination.js +1 -1
- package/library/components/popup.js +1 -1
- package/library/components/radio-card.js +1 -1
- package/library/components/range.js +1 -1
- package/library/components/select.js +1 -1
- package/library/components/shadow-input-group.js +1 -1
- package/library/components/share-option-list.js +1 -1
- package/library/components/size-input-group.js +1 -1
- package/library/components/step.js +1 -1
- package/library/components/stepper-wizard.js +1 -1
- package/library/components/stepper.js +1 -1
- package/library/components/tab-group.js +1 -1
- package/library/components/tab.js +1 -1
- package/library/components/tag.js +1 -1
- package/library/components/tooltip.js +1 -1
- package/library/components/tree-item.js +1 -1
- package/library/components/tree.js +1 -1
- package/library/components/typeface.js +1 -1
- package/library/components/types.js +61 -57
- package/library/components/video.js +1 -1
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/dialog/dialog.d.ts +2 -0
- package/library/packages/atoms/src/components/image/image.d.ts +0 -3
- package/library/packages/molecules/src/3d-viewer/controllers/scene-controller.d.ts +1 -0
- package/library/packages/organisms/src/asset-link-format/asset-link-format.d.ts +5 -0
- package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts +1 -6
- 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.
|
|
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.
|
|
18
|
-
import { t as x } from "./line-clamp.
|
|
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.
|
|
27
|
-
import { t as le } from "./tab.
|
|
28
|
-
import { t as T } from "./tab-group.
|
|
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.
|
|
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.
|
|
37
|
-
import { t as ge } from "./confirm-popover.
|
|
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.
|
|
17
|
-
import { t as C } from "./tag.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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 {
|
|
21
|
-
import { t as k } from "./
|
|
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
|
|
23
|
+
var A = /* @__PURE__ */ function(e) {
|
|
25
24
|
return e.Automatic = "automatic", e.Manual = "manual", e;
|
|
26
|
-
}({}),
|
|
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
|
-
},
|
|
31
|
+
}, M = function(e) {
|
|
33
32
|
return e.tagName === "IMG";
|
|
34
|
-
},
|
|
33
|
+
}, N = function(e) {
|
|
35
34
|
return NodeList.prototype.isPrototypeOf(e);
|
|
36
|
-
},
|
|
35
|
+
}, P = function(e) {
|
|
37
36
|
return e && e.nodeType === 1;
|
|
38
|
-
},
|
|
37
|
+
}, F = function(e) {
|
|
39
38
|
return (e.currentSrc || e.src).substr(-4).toLowerCase() === ".svg";
|
|
40
|
-
},
|
|
39
|
+
}, I = function(e) {
|
|
41
40
|
try {
|
|
42
|
-
return Array.isArray(e) ? e.filter(
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
53
|
-
var n =
|
|
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
|
-
},
|
|
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 =
|
|
83
|
-
e.dispatchEvent(
|
|
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(
|
|
86
|
+
return e(j({}, C, t));
|
|
88
87
|
}, l = function() {
|
|
89
88
|
var e = [...arguments].reduce(function(e, t) {
|
|
90
|
-
return [].concat(e,
|
|
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,
|
|
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(
|
|
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 =
|
|
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 = (
|
|
143
|
-
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 =
|
|
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(
|
|
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(
|
|
174
|
-
var i =
|
|
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(
|
|
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(
|
|
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 =
|
|
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 =
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
-
${
|
|
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
|
-
`,
|
|
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 =
|
|
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
|
-
|
|
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":
|
|
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 ===
|
|
647
|
+
return this.hasZoomAction && this.clickHandlerType === A.Automatic ? "0" : void 0;
|
|
650
648
|
}
|
|
651
649
|
get highlighterRole() {
|
|
652
|
-
return this.hasZoomAction && this.clickHandlerType ===
|
|
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
|
|
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
|
|
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 =
|
|
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 !==
|
|
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.
|
|
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)}>${
|
|
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.
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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",
|
|
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)],
|
|
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)],
|
|
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
|
-
],
|
|
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
|
-
],
|
|
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
|
-
],
|
|
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
|
-
],
|
|
895
|
-
var
|
|
889
|
+
], W.prototype, "updateLastPatchedWidth", null), W = a([u("cx-image")], W);
|
|
890
|
+
var G = W;
|
|
896
891
|
//#endregion
|
|
897
|
-
export {
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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" &&
|
|
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.
|
|
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.
|
|
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";
|