@orangelogic/design-system 2.193.0 → 2.195.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 (26) hide show
  1. package/library/chunks/{asset-link-format.BX1hdLgZ.js → asset-link-format.BFxmPgwt.js} +898 -868
  2. package/library/chunks/{color-swatch-group.BpEQJM1b.js → color-swatch-group.C0BXFL4I.js} +2 -3
  3. package/library/chunks/{document-viewer.DZsbpf0x.js → document-viewer.C5IT7M61.js} +1 -2
  4. package/library/chunks/{toast.C5Ir5yKA.js → toast.COzwhRI6.js} +1 -1
  5. package/library/chunks/transformation.CkEA7Ymz.js +392 -0
  6. package/library/components/asset-link-format.js +2 -2
  7. package/library/components/atoms.js +1 -1
  8. package/library/components/color-swatch-group.js +3 -3
  9. package/library/components/document-viewer.js +1 -1
  10. package/library/components/masonry.js +93 -106
  11. package/library/components/organisms.js +2 -2
  12. package/library/components/types.js +14599 -14597
  13. package/library/package.json +1 -1
  14. package/library/packages/molecules/src/masonry/masonry.d.ts +0 -2
  15. package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts +6 -0
  16. package/library/packages/organisms/src/content-builder-viewer/content-builder-viewer.d.ts +5 -5
  17. package/library/packages/services/src/api/asset/asset.d.ts +0 -1
  18. package/library/packages/tools/src/fetch-image/fetch-image.d.ts +10 -0
  19. package/library/packages/types/src/gallery-item.d.ts +1 -0
  20. package/library/packages/types/src/masonry.d.ts +2 -0
  21. package/library/packages/utils/src/transformation/transformation.d.ts +42 -7
  22. package/library/react-web-component.d.ts +4 -4
  23. package/library/utils.js +121 -120
  24. package/package.json +1 -1
  25. package/library/chunks/content-builder.BX4pHujE.js +0 -60
  26. package/library/chunks/transformation.CkwgrwKQ.js +0 -312
@@ -1,312 +0,0 @@
1
- import { C as $, T as m, U as p } from "./asset-link-format.ClaYu_v8.js";
2
- import { P as y } from "./position-picker.DjnhxIKF.js";
3
- const g = "/AssetLink/", N = {
4
- [y.BottomCenter]: $.South,
5
- [y.BottomLeft]: $.Southwest,
6
- [y.BottomRight]: $.Southeast,
7
- [y.CenterCenter]: $.Center,
8
- [y.CenterLeft]: $.West,
9
- [y.CenterRight]: $.East,
10
- [y.TopCenter]: $.North,
11
- [y.TopLeft]: $.Northwest,
12
- [y.TopRight]: $.Northeast
13
- }, R = "/t/", S = [400, 800, 1200, 1600, 2400], E = 0.15;
14
- function O({
15
- asset: t,
16
- baseUrl: n,
17
- extension: i,
18
- options: d,
19
- parameters: u,
20
- transformations: r,
21
- useSession: l = ""
22
- }) {
23
- if (n == null)
24
- return "";
25
- let s = n;
26
- const h = r?.findLast(
27
- (c) => c.key === m.Quality
28
- );
29
- if (h && (r = [
30
- ...r?.filter(
31
- (c) => c.key !== m.Quality
32
- ) || [],
33
- h
34
- ]), r) {
35
- const c = [];
36
- for (let e = 0; e < r.length; e++) {
37
- const f = r[e];
38
- if (f.key === m.Rotate) {
39
- let o = f.value.rotation ?? 0;
40
- for (; r[e + 1]?.key === m.Rotate; )
41
- e++, o += r[e].value.rotation ?? 0;
42
- o !== 0 && c.push({ key: m.Rotate, value: { rotation: o } });
43
- } else
44
- c.push(f);
45
- }
46
- r = c;
47
- }
48
- r && r.length > 0 && (s += "/t/"), r?.forEach(({ key: c, value: e }) => {
49
- if (c === m.Resize) {
50
- if (e.unit === p.AspectRatio && e.ratioWidth && e.ratioHeight) {
51
- s += `re_ar_${e.ratioWidth}:${e.ratioHeight}/`;
52
- return;
53
- }
54
- const f = [
55
- ...[
56
- {
57
- key: "re_w_",
58
- value: Math.round(e.width ?? 0)
59
- },
60
- {
61
- key: "re_h_",
62
- value: Math.round(e.height ?? 0)
63
- }
64
- ].filter((o) => o.value !== void 0).map((o) => ({
65
- key: o.key,
66
- value: Math.round(Number(o.value))
67
- })),
68
- {
69
- key: "re_rm_",
70
- value: "stretch"
71
- }
72
- ];
73
- f.forEach(({ key: o, value: _ }, k) => {
74
- s += `${o}${_}${k < f.length - 1 ? "," : ""}`;
75
- }), s += "/";
76
- }
77
- if (c === m.Crop) {
78
- const f = e.unit === p.AspectRatio && !!e.ratioWidth && !!e.ratioHeight, o = !e.disabledSize && !f, _ = o && (e.x !== void 0 || e.y !== void 0), k = [
79
- ...[
80
- {
81
- key: "c_",
82
- value: e.mode
83
- },
84
- ...f ? [
85
- {
86
- key: "ar_",
87
- value: `${e.ratioWidth}:${e.ratioHeight}`
88
- }
89
- ] : [],
90
- ...o ? [
91
- {
92
- key: "c_w_",
93
- value: Math.round(e.width ?? 0)
94
- },
95
- {
96
- key: "c_h_",
97
- value: Math.round(e.height ?? 0)
98
- },
99
- {
100
- key: "c_x_",
101
- value: Math.round(e.x ?? 0) === 0 && d?.omitZeroXY ? void 0 : Math.round(e.x ?? 0)
102
- },
103
- {
104
- key: "c_y_",
105
- value: Math.round(e.y ?? 0) === 0 && d?.omitZeroXY ? void 0 : Math.round(e.y ?? 0)
106
- }
107
- ] : [],
108
- ...!_ && e.focusMode && e.focusMode !== "manual" ? [
109
- {
110
- key: e.isFocusModeAuto ? "acm_" : "c_g_",
111
- value: e.focusMode
112
- }
113
- ] : [],
114
- ...!_ && e.focusMode === "manual" && e.position ? [
115
- {
116
- key: "c_g_",
117
- value: N[e.position]
118
- }
119
- ] : []
120
- ].filter((T) => T.value !== void 0 && T.value !== null).map((T) => ({
121
- key: T.key,
122
- value: T.value
123
- })),
124
- ...f ? [] : [
125
- {
126
- key: "c_whu_",
127
- value: "pixel"
128
- }
129
- ]
130
- ];
131
- k.forEach(({ key: T, value: v }, x) => {
132
- const I = ["c_w_", "c_h_", "c_x_", "c_y_"].includes(T);
133
- s += `${T}${I ? Math.round(Number(v)) : v}${x < k.length - 1 ? "," : ""}`;
134
- }), s += "/";
135
- }
136
- if (c === m.Rotate && ([
137
- {
138
- key: "r_a_",
139
- value: e.rotation
140
- }
141
- ].filter((o) => o.value !== void 0).map((o) => ({
142
- key: o.key,
143
- value: Math.round(Number(o.value))
144
- })).forEach(({ key: o, value: _ }) => {
145
- s += `${o}${_}`;
146
- }), s += "/"), c === m.Quality) {
147
- const f = [
148
- {
149
- key: "q_level_",
150
- value: e.quality
151
- }
152
- ].filter((o) => o.value !== void 0).map((o) => ({
153
- key: o.key,
154
- value: Math.round(Number(o.value))
155
- }));
156
- f.forEach(({ key: o, value: _ }, k) => {
157
- s += `${o}${_}${k < f.length - 1 ? "," : ""}`;
158
- }), s += "/";
159
- }
160
- if (c === m.Metadata) {
161
- const f = [
162
- {
163
- key: "fl_keep_metadata",
164
- value: e.keepMetadata
165
- }
166
- ].filter((o) => o.value !== void 0).map((o) => ({ key: o.key, value: o.value }));
167
- f.forEach(({ key: o }, _) => {
168
- s += `${o}${_ < f.length - 1 ? "," : ""}`;
169
- }), s += "/";
170
- }
171
- }), i && (s += `${t?.identifier ?? crypto.randomUUID()}${i}`);
172
- const a = [];
173
- return u && u.length > 0 && u.forEach(({ key: c, value: e }) => {
174
- a.push(
175
- `${encodeURIComponent(c.trim())}=${encodeURIComponent(e.trim())}`
176
- );
177
- }), n && l && a.push(`UseSession=${encodeURIComponent(l)}`), a.length > 0 && (s += `?${a.join("&")}`), s.endsWith("/") && (s = s.slice(0, -1)), s;
178
- }
179
- function z(t, n) {
180
- if (!t || !n?.length)
181
- return t;
182
- const i = O({ baseUrl: "", transformations: n }).replace(
183
- /\/t\//g,
184
- ""
185
- );
186
- if (!i)
187
- return t;
188
- const d = t.indexOf(g);
189
- if (d < 0)
190
- return `${t}/t/${i}`;
191
- const u = t.slice(0, d + g.length), r = t.slice(d + g.length), l = r.indexOf("/t/");
192
- if (l >= 0) {
193
- const h = r.slice(0, l);
194
- return `${u}${h}/t/${i}`;
195
- }
196
- const s = r.indexOf("/");
197
- if (s >= 0) {
198
- const h = r.slice(0, s), a = r.slice(s);
199
- return `${u}${h}/t/${i}${a}`;
200
- }
201
- return `${t}/t/${i}`;
202
- }
203
- function F(t) {
204
- return `re_w_${Math.round(t)}`;
205
- }
206
- function C(t, n) {
207
- if (!t || !Number.isFinite(n) || n <= 0)
208
- return t;
209
- const i = t.indexOf(g);
210
- if (i < 0)
211
- return t;
212
- const d = F(n), u = t.slice(0, i + g.length), r = t.slice(i + g.length), l = r.indexOf(R);
213
- if (l >= 0) {
214
- const h = r.slice(0, l), a = r.slice(
215
- l + R.length
216
- );
217
- return `${u}${h}${R}${d}/${a}`;
218
- }
219
- const s = r.indexOf("/");
220
- if (s >= 0) {
221
- const h = r.slice(0, s), a = r.slice(s);
222
- return `${u}${h}${R}${d}${a}`;
223
- }
224
- return `${u}${r}${R}${d}`;
225
- }
226
- function W(t) {
227
- const n = t.indexOf(g);
228
- return n < 0 ? !1 : t.slice(n + g.length).includes(R);
229
- }
230
- const A = "TRX", M = "TR1", w = /* @__PURE__ */ new Set(["gif", "png", "tif", "tiff"]);
231
- function b(t) {
232
- if (!t)
233
- return "";
234
- const n = t.trim().toLowerCase();
235
- return n.startsWith(".") ? n.slice(1) : n;
236
- }
237
- function L(t) {
238
- return b(t) === "gif";
239
- }
240
- const U = 10 * 1024 * 1024, B = {
241
- b: 1,
242
- byte: 1,
243
- bytes: 1,
244
- gb: 1024 ** 3,
245
- kb: 1024,
246
- mb: 1024 ** 2,
247
- tb: 1024 ** 4
248
- };
249
- function G(t) {
250
- if (typeof t == "number")
251
- return Number.isFinite(t) && t >= 0 ? t : void 0;
252
- if (!t)
253
- return;
254
- const n = /^\s*([\d.,]+)\s*([a-z]*)\s*$/i.exec(t);
255
- if (!n)
256
- return;
257
- const i = Number(n[1].replace(/,/g, ""));
258
- if (!Number.isFinite(i) || i < 0)
259
- return;
260
- const d = n[2].toLowerCase();
261
- if (!d)
262
- return i;
263
- const u = B[d];
264
- return u === void 0 ? void 0 : i * u;
265
- }
266
- function D(t, n) {
267
- if (t)
268
- return;
269
- const i = typeof n == "number" ? n : Number(n ?? "");
270
- return Number.isFinite(i) && i > 0 ? i : void 0;
271
- }
272
- function X(t, n) {
273
- if (!w.has(b(t)))
274
- return M;
275
- const i = G(n);
276
- return i !== void 0 && i > U ? M : A;
277
- }
278
- function Y(t, n = {}) {
279
- if (!t.includes(g) || W(t) || n.format === A && L(n.extension))
280
- return "";
281
- const { maxWidth: i, widths: d = S } = n, u = [...d].filter((a) => Number.isFinite(a) && a > 0).sort((a, c) => a - c);
282
- if (u.length === 0)
283
- return "";
284
- let r = u;
285
- if (i !== void 0 && Number.isFinite(i) && i > 0) {
286
- const a = u.filter((c) => c <= i);
287
- r = a.length > 0 ? a : [u[0]];
288
- }
289
- const l = i !== void 0 && Number.isFinite(i) && i > 0, h = (l ? r.filter(
290
- (a) => i > a * (1 + E)
291
- ) : r).map(
292
- (a) => `${C(t, a)} ${a}w`
293
- );
294
- return l && h.push(`${t} ${i}w`), h.join(", ");
295
- }
296
- function H(t, n = 100) {
297
- return !Number.isFinite(t) || t <= 0 ? "" : `${Math.ceil(t / n) * n}px`;
298
- }
299
- export {
300
- M as A,
301
- S,
302
- D as a,
303
- Y as b,
304
- z as c,
305
- O as d,
306
- H as e,
307
- C as f,
308
- U as g,
309
- W as h,
310
- G as p,
311
- X as r
312
- };