@orangelogic/design-system 3.3.0 → 3.4.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.
@@ -3,48 +3,48 @@ import { C as Z } from "./button.CpY4FCwE.js";
3
3
  import L from "../components/space.js";
4
4
  import { C as U } from "./typography.IqHbnd3C.js";
5
5
  import { n as l, C as B } from "./lib-cortex-element.CVMmyPMC.js";
6
- import { h as I, a as Nt, C as Ot, S as jt, b as Vt, c as Gt, d as Qt } from "./endpoints.mJ5S-tIs.js";
7
- import { M as $t, U as o, T as m } from "./asset-link-format.ClaYu_v8.js";
6
+ import { h as I, a as Dt, C as Nt, S as qt, b as jt, c as Vt, d as Gt } from "./endpoints.mJ5S-tIs.js";
8
7
  import "./browser.BHOCIF_A.js";
9
- import { i as q, x as A, E as Xt } from "./lit-element.jLBm65_O.js";
8
+ import { i as q, x as A, E as Qt } from "./lit-element.jLBm65_O.js";
10
9
  import "./form.DSsy3Fcy.js";
11
10
  import { L as j } from "./i18n.BA19xtyU.js";
12
- import { a as Kt } from "./string.CfI2ejyR.js";
11
+ import { a as Xt } from "./string.CfI2ejyR.js";
13
12
  import "./date-picker.BGHn6qg8.js";
14
13
  import "./content-builder.BX4pHujE.js";
15
14
  import "./unsafe-html.Dff7-rCx.js";
16
- import { a as Pt, c as rt } from "./transformation.CWKaoGaY.js";
17
- import { b as Zt } from "./_baseUniq.lwMgmtt2.js";
15
+ import { a as $t, c as rt } from "./transformation.CWKaoGaY.js";
16
+ import { b as Kt } from "./_baseUniq.lwMgmtt2.js";
18
17
  import { c as V } from "./component.styles.CRO4Odto.js";
19
- import { v as Yt } from "./v4.CKZ6klMF.js";
18
+ import { v as Zt } from "./v4.CKZ6klMF.js";
19
+ import { U as o, T as m } from "./asset-link-format.ClaYu_v8.js";
20
20
  import { P as W } from "./position-picker.DjnhxIKF.js";
21
21
  import { c as G } from "./custom-element.L4WJXn1j.js";
22
- import { w as _ } from "./watch.DJF5K-8U.js";
23
- import { s as _t, a as nt } from "./number.Cx2ncfJJ.js";
22
+ import { w as F } from "./watch.DJF5K-8U.js";
23
+ import { s as Pt, a as nt } from "./number.Cx2ncfJJ.js";
24
24
  import { r as R } from "./state.CSDxrqLd.js";
25
25
  import { n as M } from "./when.Dr1es41R.js";
26
26
  import et from "../components/details.js";
27
- import Jt from "../components/divider.js";
27
+ import Yt from "../components/divider.js";
28
28
  import { C as it } from "./icon.CpHbi8tH.js";
29
29
  import { C as vt } from "./icon-button.BWJ1Vqn5.js";
30
30
  import { C as bt } from "./input.xgeLCG8I.js";
31
31
  import { C as gt } from "./option.jeaj7_Lr.js";
32
32
  import xt from "../components/select.js";
33
- import te from "../components/position-picker.js";
34
- import { c as ee } from "./image.Y5c_hFx8.js";
33
+ import Jt from "../components/position-picker.js";
34
+ import { c as te } from "./image.Y5c_hFx8.js";
35
35
  import { e as Y } from "./query.BBf1UFkC.js";
36
36
  import { c as ot } from "./repeat.CFjcER6_.js";
37
37
  import { o as D } from "./style-map.llVFPd__.js";
38
- import Lt from "../components/tooltip.js";
39
- import ie from "../components/button-group.js";
40
- import se from "../components/checkbox.js";
41
- function ae(t) {
42
- return t && t.length ? Zt(t) : [];
38
+ import Ot from "../components/tooltip.js";
39
+ import ee from "../components/button-group.js";
40
+ import ie from "../components/checkbox.js";
41
+ function se(t) {
42
+ return t && t.length ? Kt(t) : [];
43
43
  }
44
- function oe(t) {
44
+ function ae(t) {
45
45
  return typeof t == "object" && t !== null && "URI" in t;
46
46
  }
47
- const re = {
47
+ const oe = {
48
48
  artist: "Artist",
49
49
  color: "Color",
50
50
  createDate: "CreateDate",
@@ -66,7 +66,7 @@ const re = {
66
66
  systemIdentifier: "SystemIdentifier",
67
67
  text: "Text",
68
68
  title: "Title"
69
- }, ne = /* @__PURE__ */ new Set(["mediaDate", "createDate", "editDate"]);
69
+ }, re = /* @__PURE__ */ new Set(["mediaDate", "createDate", "editDate"]);
70
70
  function zt(t) {
71
71
  return !/[\s&+/*"\\:(),'<>~|[\]{}]/.test(t) && !/^(?:OR|AND|NOT)$/.test(t) ? t : `"${t.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"`;
72
72
  }
@@ -74,10 +74,10 @@ function Ft(t, e) {
74
74
  const s = (Array.isArray(e) ? e : [e]).map((a) => `${t}:${zt(a)}`);
75
75
  return s.length > 1 ? `(${s.join(" OR ")})` : s[0] ?? "";
76
76
  }
77
- function he(t, e) {
77
+ function ne(t, e) {
78
78
  return (Array.isArray(e) ? e : [e]).map((s) => `${t}${s.operator}${s.value}`).join(" AND ");
79
79
  }
80
- function le(t) {
80
+ function he(t) {
81
81
  const e = [];
82
82
  for (const i of Object.keys(t)) {
83
83
  const s = i, a = t[s];
@@ -90,11 +90,11 @@ function le(t) {
90
90
  e.push(Ft(n, h));
91
91
  continue;
92
92
  }
93
- const r = re[s];
93
+ const r = oe[s];
94
94
  if (r) {
95
- if (ne.has(s)) {
95
+ if (re.has(s)) {
96
96
  e.push(
97
- he(r, a)
97
+ ne(r, a)
98
98
  );
99
99
  continue;
100
100
  }
@@ -129,40 +129,40 @@ function ht(t) {
129
129
  const e = ht(t.not);
130
130
  return e ? `NOT (${e})` : "";
131
131
  }
132
- return le(t);
132
+ return he(t);
133
133
  }
134
- const wt = "CoreField.LargeSizePreview", lt = "CoreField.DocType", ce = "Document.Title", pe = "Document.CaptionLong", ct = "Document.FileExtension", Mt = "CoreField.FileSize", It = "CoreField.Identifier", Et = "CoreField.Keywords", pt = "CoreField.MaxHeight", dt = "CoreField.MaxWidth", ut = "Document.RecordID", Tt = "CoreField.DocSubType", Ut = "CoreField.TitleWithFallback", mt = "CoreField.OriginalFileName", ft = "CoreField.UpdatedFileName", tt = "CoreField.OriginalPreview", Mi = "Document.DocSubType", Ii = "Document.InPoint", Ei = "Document.OutPoint", Ct = {
134
+ const wt = "CoreField.LargeSizePreview", lt = "CoreField.DocType", le = "Document.Title", ce = "Document.CaptionLong", ct = "Document.FileExtension", _t = "CoreField.FileSize", Mt = "CoreField.Identifier", It = "CoreField.Keywords", pt = "CoreField.MaxHeight", dt = "CoreField.MaxWidth", ut = "Document.RecordID", Et = "CoreField.DocSubType", Lt = "CoreField.TitleWithFallback", mt = "CoreField.OriginalFileName", ft = "CoreField.UpdatedFileName", tt = "CoreField.OriginalPreview", _i = "Document.DocSubType", Mi = "Document.InPoint", Ii = "Document.OutPoint", Ct = {
135
135
  DEFAULT_VIEW_SIZE: "Document.LargeSizePreview",
136
136
  FIELD_TITLE_WITH_FALLBACK: "Document.TitleWithFallback",
137
137
  ORIGINAL_VIEW_SIZE: "Document.OriginalPreview"
138
- }, Bt = {
138
+ }, Ut = {
139
139
  [wt]: Ct.DEFAULT_VIEW_SIZE,
140
- [Ut]: Ct.FIELD_TITLE_WITH_FALLBACK,
140
+ [Lt]: Ct.FIELD_TITLE_WITH_FALLBACK,
141
141
  [tt]: Ct.ORIGINAL_VIEW_SIZE
142
- }, de = Object.fromEntries(
143
- Object.entries(Bt).map(([t, e]) => [
142
+ }, pe = Object.fromEntries(
143
+ Object.entries(Ut).map(([t, e]) => [
144
144
  e,
145
145
  t
146
146
  ])
147
147
  );
148
- function ue(t) {
149
- return Bt[t] ?? t;
148
+ function de(t) {
149
+ return Ut[t] ?? t;
150
150
  }
151
151
  function Ht(t) {
152
152
  const e = {};
153
153
  for (const [i, s] of Object.entries(t)) {
154
- const a = de[i] ?? i;
154
+ const a = pe[i] ?? i;
155
155
  e[a] = s;
156
156
  }
157
157
  return e;
158
158
  }
159
- function me(t) {
159
+ function ue(t) {
160
160
  const e = new URLSearchParams();
161
161
  for (const [i, s] of Object.entries(t))
162
162
  s != null && (Array.isArray(s) ? s.forEach((a) => e.append(i, String(a))) : e.append(i, String(s)));
163
163
  return e;
164
164
  }
165
- async function qt({
165
+ async function Bt({
166
166
  countPerPage: t,
167
167
  fields: e,
168
168
  getPermanentAssetsPaths: i,
@@ -176,9 +176,9 @@ async function qt({
176
176
  token: c,
177
177
  useSession: g
178
178
  }) {
179
- const y = e?.map(ue), d = {
179
+ const y = e?.map(de), d = {
180
180
  CountPerPage: t,
181
- Fields: ae(y),
181
+ Fields: se(y),
182
182
  Format: "json",
183
183
  GetPermanentAssetsPaths: i || void 0,
184
184
  PageNumber: r,
@@ -194,7 +194,7 @@ async function qt({
194
194
  method: s,
195
195
  // POST large RecordID queries as a urlencoded body to dodge the ~2KB URL cap;
196
196
  // GET keeps the same fields on the query string.
197
- ...z ? { data: me(d) } : { params: d, paramsSerializer: { indexes: null } },
197
+ ...z ? { data: ue(d) } : { params: d, paramsSerializer: { indexes: null } },
198
198
  responseType: "json",
199
199
  transformResponse: [
200
200
  ...Array.isArray(I.defaults.transformResponse) ? I.defaults.transformResponse : [],
@@ -208,13 +208,13 @@ async function qt({
208
208
  totalCount: u.APIResponse?.GlobalInfo?.TotalCount ?? 0
209
209
  })
210
210
  ],
211
- url: a ? Ot.SEARCH_ASSETS : jt["4.0"]
211
+ url: a ? Nt.SEARCH_ASSETS : qt["4.0"]
212
212
  })).data;
213
213
  } catch {
214
214
  return { items: [], sort: "", totalCount: 0 };
215
215
  }
216
216
  }
217
- async function fe({
217
+ async function me({
218
218
  assetId: t,
219
219
  extension: e,
220
220
  format: i,
@@ -230,7 +230,7 @@ async function fe({
230
230
  params: {
231
231
  SourceAssetFormat: i,
232
232
  SourceAssetRecordID: t,
233
- TargetExtension: Kt(e),
233
+ TargetExtension: Xt(e),
234
234
  Token: a || void 0,
235
235
  Transformations: r,
236
236
  UseSession: n || void 0
@@ -240,20 +240,20 @@ async function fe({
240
240
  */
241
241
  timeout: 3e5,
242
242
  // 5 minutes
243
- url: Nt.GET_TRANSFORM_ASSET_LINK
243
+ url: Dt.GET_TRANSFORM_ASSET_LINK
244
244
  })).data;
245
245
  } catch {
246
246
  return null;
247
247
  }
248
248
  }
249
- const ge = 50;
250
- function xe(t, e) {
249
+ const fe = 50;
250
+ function ge(t, e) {
251
251
  const i = [];
252
252
  for (let s = 0; s < t.length; s += e)
253
253
  i.push(t.slice(s, s + e));
254
254
  return i;
255
255
  }
256
- async function ye({
256
+ async function xe({
257
257
  extraFields: t,
258
258
  getPermanentAssetsPaths: e,
259
259
  isSiteBuilder: i,
@@ -268,12 +268,12 @@ async function ye({
268
268
  tt,
269
269
  ft,
270
270
  mt,
271
+ le,
271
272
  ce,
272
- pe,
273
273
  ut
274
- ], p = xe(s, ge), f = await Promise.all(
274
+ ], p = ge(s, fe), f = await Promise.all(
275
275
  p.map(
276
- (d) => qt({
276
+ (d) => Bt({
277
277
  countPerPage: d.length,
278
278
  fields: h,
279
279
  getPermanentAssetsPaths: e,
@@ -306,9 +306,9 @@ async function ye({
306
306
  }
307
307
  function k(t, e) {
308
308
  const i = t[e];
309
- return i == null ? "" : typeof i == "string" ? i : typeof i == "number" || typeof i == "boolean" ? String(i) : oe(i) ? i.URI : "";
309
+ return i == null ? "" : typeof i == "string" ? i : typeof i == "number" || typeof i == "boolean" ? String(i) : ae(i) ? i.URI : "";
310
310
  }
311
- async function Se({
311
+ async function ye({
312
312
  countPerPage: t,
313
313
  directParentFolderIdentifier: e,
314
314
  extraFields: i,
@@ -327,21 +327,21 @@ async function Se({
327
327
  const y = (i?.filter((u) => u && typeof u == "string") ?? []).map((u) => u.replace("%20", " ")), d = {
328
328
  directParentFolderIdentifier: e,
329
329
  parentFolderIdentifier: h,
330
- ...r.length > 0 ? { docType: [$t.Image, $t.Audio] } : {}
331
- }, z = await qt({
330
+ ...r && r.length > 0 ? { docType: r } : {}
331
+ }, z = await Bt({
332
332
  countPerPage: t,
333
333
  fields: [
334
334
  ...y,
335
- Ut,
335
+ Lt,
336
336
  wt,
337
337
  tt,
338
- Et,
338
+ It,
339
339
  dt,
340
340
  pt,
341
- Mt,
341
+ _t,
342
342
  lt,
343
- Tt,
344
- It,
343
+ Et,
344
+ Mt,
345
345
  ct,
346
346
  ut,
347
347
  mt,
@@ -355,22 +355,22 @@ async function Se({
355
355
  sort: void 0,
356
356
  token: g
357
357
  }), b = z.items.map((u) => {
358
- let F = k(u, ct), P = k(u, ft), st = k(u, wt);
359
- F && !F.startsWith(".") && (F = "." + F), P === "" && (P = k(u, mt)), F.toLowerCase() === ".gif" && (st = k(u, tt));
358
+ let _ = k(u, ct), P = k(u, ft), st = k(u, wt);
359
+ _ && !_.startsWith(".") && (_ = "." + _), P === "" && (P = k(u, mt)), _.toLowerCase() === ".gif" && (st = k(u, tt));
360
360
  const St = k(u, ut);
361
361
  return {
362
- docSubType: k(u, Tt),
362
+ docSubType: k(u, Et),
363
363
  docType: k(u, lt) || "",
364
- extension: F,
364
+ extension: _,
365
365
  height: k(u, pt) || "0",
366
366
  id: St,
367
- identifier: k(u, It),
367
+ identifier: k(u, Mt),
368
368
  imageUrl: st,
369
369
  name: P,
370
370
  originalUrl: k(u, tt),
371
371
  recordId: St,
372
- size: k(u, Mt) || "0 MB",
373
- tags: k(u, Et),
372
+ size: k(u, _t) || "0 MB",
373
+ tags: k(u, It),
374
374
  width: k(u, dt) || "0",
375
375
  ...y.reduce(
376
376
  (X, at) => (X[at] = k(u, at), X),
@@ -384,7 +384,7 @@ async function Se({
384
384
  totalCount: z.totalCount
385
385
  };
386
386
  }
387
- async function Ce({
387
+ async function Se({
388
388
  autoCropMode: t,
389
389
  cropHeight: e,
390
390
  cropWidth: i,
@@ -413,13 +413,13 @@ async function Ce({
413
413
  y: n.cropY
414
414
  })
415
415
  ],
416
- url: Nt.GET_CROP_ZONE_SUGGESTION
416
+ url: Dt.GET_CROP_ZONE_SUGGESTION
417
417
  })).data;
418
418
  } catch {
419
419
  return null;
420
420
  }
421
421
  }
422
- async function Ti({
422
+ async function Ei({
423
423
  assetRecordId: t,
424
424
  isSiteBuilder: e,
425
425
  siteUrl: i,
@@ -450,7 +450,7 @@ async function Ti({
450
450
  width: h.width
451
451
  })) ?? []
452
452
  ],
453
- url: e ? Ot.GET_AVAILABLE_PROXIES : Qt
453
+ url: e ? Nt.GET_AVAILABLE_PROXIES : Gt
454
454
  })).data;
455
455
  } catch {
456
456
  return [];
@@ -477,13 +477,13 @@ async function Hi({
477
477
  formatsByDocType: i.formatsByDocType ?? {}
478
478
  }
479
479
  ],
480
- url: Vt
480
+ url: jt
481
481
  })).data;
482
482
  } catch {
483
483
  return { formatsByDocType: {} };
484
484
  }
485
485
  }
486
- async function Wi({
486
+ async function Ti({
487
487
  recordIds: t,
488
488
  rightsToCheck: e
489
489
  }) {
@@ -499,14 +499,14 @@ async function Wi({
499
499
  params: { RecordIDs: t, RightsToCheck: e },
500
500
  paramsSerializer: { indexes: null },
501
501
  responseType: "json",
502
- url: Gt.GET_AUTHORIZED_OBJECTS
502
+ url: Vt.GET_AUTHORIZED_OBJECTS
503
503
  });
504
504
  return s;
505
505
  } catch {
506
506
  return i;
507
507
  }
508
508
  }
509
- const Wt = 20, Dt = "TR1", ze = /* @__PURE__ */ new Set([
509
+ const Tt = 20, Wt = "TR1", Ce = /* @__PURE__ */ new Set([
510
510
  ".avif",
511
511
  ".bmp",
512
512
  ".gif",
@@ -519,15 +519,15 @@ const Wt = 20, Dt = "TR1", ze = /* @__PURE__ */ new Set([
519
519
  ]);
520
520
  function At(t) {
521
521
  const e = t.toLowerCase(), i = e.startsWith(".") ? e : `.${e}`;
522
- return ze.has(i);
522
+ return Ce.has(i);
523
523
  }
524
- class Di {
524
+ class Wi {
525
525
  constructor(e, i) {
526
- this.data = [], this.folderId = "", this.fetchedPages = /* @__PURE__ */ new Set(), this.totalCount = 0, this.maxEnd = 1 / 0, this.pageSize = Wt, this.requestEpoch = 0, this.host = e, this.host.addController?.(this);
526
+ this.data = [], this.folderId = "", this.fetchedPages = /* @__PURE__ */ new Set(), this.totalCount = 0, this.maxEnd = 1 / 0, this.pageSize = Tt, this.requestEpoch = 0, this.host = e, this.host.addController?.(this);
527
527
  const s = i?.maxEnd;
528
528
  this.maxEnd = typeof s == "number" && Number.isFinite(s) && s >= 0 ? Math.floor(s) : 1 / 0;
529
529
  const a = i?.pageSize;
530
- this.pageSize = typeof a == "number" && Number.isFinite(a) && a >= 1 ? Math.floor(a) : Wt, this.authToken = i?.token, this.securityByPassToken = i?.securityByPassToken, this.isSiteBuilder = i?.isSiteBuilder ?? !1;
530
+ this.pageSize = typeof a == "number" && Number.isFinite(a) && a >= 1 ? Math.floor(a) : Tt, this.authToken = i?.token, this.securityByPassToken = i?.securityByPassToken, this.isSiteBuilder = i?.isSiteBuilder ?? !1;
531
531
  }
532
532
  get totalDataCount() {
533
533
  return this.totalCount;
@@ -549,17 +549,16 @@ class Di {
549
549
  const n = this.requestEpoch;
550
550
  if (!this.folderId || n !== this.requestEpoch)
551
551
  return this.data;
552
- const h = s ? `path_${s}` : void 0, p = s === "TRX", f = `path_${Dt}`, c = h ? p && h !== f ? [h, f] : [h] : [], g = Math.floor(a / this.pageSize) + 1, y = Math.floor(e / this.pageSize) + 1;
552
+ const h = s ? `path_${s}` : void 0, p = s === "TRX", f = `path_${Wt}`, c = h ? p && h !== f ? [h, f] : [h] : [], g = Math.floor(a / this.pageSize) + 1, y = Math.floor(e / this.pageSize) + 1;
553
553
  for (let d = g; d <= y; d++) {
554
554
  if (this.fetchedPages.has(d))
555
555
  continue;
556
- const z = await Se({
556
+ const z = await ye({
557
557
  countPerPage: this.pageSize,
558
558
  directParentFolderIdentifier: this.folderId,
559
559
  extraFields: [...i, ...c],
560
560
  getPermanentAssetsPaths: c.length > 0 || void 0,
561
561
  isSiteBuilder: this.isSiteBuilder,
562
- limitedDocTypes: ["DO_DOCUMENTS.Image_DbBO.*"],
563
562
  pageNumber: d,
564
563
  searchTerm: "",
565
564
  securityByPassToken: this.securityByPassToken,
@@ -572,18 +571,18 @@ class Di {
572
571
  const u = Math.min(this.maxEnd, z.totalCount);
573
572
  this.totalCount = u, this.data = Array.from({ length: u }, () => ({
574
573
  alt: "",
575
- id: `temp-${Yt()}`,
574
+ id: `temp-${Zt()}`,
576
575
  name: "",
577
576
  src: ""
578
577
  }));
579
578
  }
580
579
  const b = (d - 1) * this.pageSize;
581
580
  for (let u = 0; u < z.items.length; u++) {
582
- const F = b + u;
583
- if (F < this.data.length) {
581
+ const _ = b + u;
582
+ if (_ < this.data.length) {
584
583
  const P = z.items[u], st = !P.extension || At(P.extension);
585
584
  let X = h && (!p || st) && P[h] || p && !st && P[f] || P.imageUrl;
586
- X && r && r.length > 0 && (X = Pt(X, r)), this.data[F] = {
585
+ X && r && r.length > 0 && (X = $t(X, r)), this.data[_] = {
587
586
  alt: P.name,
588
587
  docType: P.docType,
589
588
  id: P.id,
@@ -640,13 +639,13 @@ class Di {
640
639
  }) {
641
640
  if (s.length === 0)
642
641
  return [];
643
- const r = i ? `path_${i}` : void 0, n = i === "TRX", h = `path_${Dt}`, p = r ? n && r !== h ? [r, h] : [r] : [], f = n ? [ct] : [], c = [
642
+ const r = i ? `path_${i}` : void 0, n = i === "TRX", h = `path_${Wt}`, p = r ? n && r !== h ? [r, h] : [r] : [], f = n ? [ct] : [], c = [
644
643
  ...e,
645
644
  lt,
646
645
  pt,
647
646
  dt
648
647
  ];
649
- return (await ye({
648
+ return (await xe({
650
649
  extraFields: [...c, ...p, ...f].filter((y) => y !== ""),
651
650
  getPermanentAssetsPaths: p.length > 0 || void 0,
652
651
  isSiteBuilder: this.isSiteBuilder,
@@ -656,14 +655,14 @@ class Di {
656
655
  })).items.map((y) => {
657
656
  const d = n && y[ct] || "", z = !d || At(d);
658
657
  let u = r && (!n || z) && y[r] || n && !z && y[h] || y.originalUrl;
659
- return u && a && a.length > 0 && (u = Pt(u, a)), {
658
+ return u && a && a.length > 0 && (u = $t(u, a)), {
660
659
  alt: y.name,
661
660
  docType: y[lt],
662
661
  id: y.recordId,
663
662
  name: y.name,
664
663
  src: u,
665
664
  ...c.reduce(
666
- (F, P) => (F[P] = y[P] ?? "", F),
665
+ (_, P) => (_[P] = y[P] ?? "", _),
667
666
  {}
668
667
  )
669
668
  };
@@ -739,11 +738,11 @@ class Di {
739
738
  this.resetPageCache();
740
739
  }
741
740
  }
742
- const we = q`.asset-link-format__details{--header-padding:var(--cx-spacing-small) var(--cx-spacing-medium)}.asset-link-format__details::part(icon){width:var(--cx-font-size-3x-large);height:var(--cx-font-size-3x-large);background-color:var(--cx-color-neutral-100);border-radius:var(--cx-border-radius-large);color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-large);justify-content:center;align-items:center;display:flex}.asset-link-format__details::part(input-label){color:var(--cx-color-neutral-400);margin-inline-start:var(--cx-spacing-small)}.asset-link-format__header{padding:var(--cx-spacing-medium)}.asset-link-format__section-header{padding:0 var(--cx-spacing-medium);border-top:var(--section-header-border-width,1px) solid var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-50)}.asset-link-format__undo,.asset-link-format__reset{--color:var(--cx-color-primary);--background-color:transparent}`, Ae = q`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.crop__unit-select{width:120px}.crop__input-group{flex:1;display:flex}`;
743
- var ve = Object.defineProperty, be = Object.getOwnPropertyDescriptor, w = (t, e, i, s) => {
744
- for (var a = s > 1 ? void 0 : s ? be(e, i) : e, r = t.length - 1, n; r >= 0; r--)
741
+ const ze = q`.asset-link-format__details{--header-padding:var(--cx-spacing-small) var(--cx-spacing-medium)}.asset-link-format__details::part(icon){width:var(--cx-font-size-3x-large);height:var(--cx-font-size-3x-large);background-color:var(--cx-color-neutral-100);border-radius:var(--cx-border-radius-large);color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-large);justify-content:center;align-items:center;display:flex}.asset-link-format__details::part(input-label){color:var(--cx-color-neutral-400);margin-inline-start:var(--cx-spacing-small)}.asset-link-format__header{padding:var(--cx-spacing-medium)}.asset-link-format__section-header{padding:0 var(--cx-spacing-medium);border-top:var(--section-header-border-width,1px) solid var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-50)}.asset-link-format__undo,.asset-link-format__reset{--color:var(--cx-color-primary);--background-color:transparent}`, we = q`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.crop__unit-select{width:120px}.crop__input-group{flex:1;display:flex}`;
742
+ var Ae = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, w = (t, e, i, s) => {
743
+ for (var a = s > 1 ? void 0 : s ? ve(e, i) : e, r = t.length - 1, n; r >= 0; r--)
745
744
  (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
746
- return s && a && ve(e, i, a), a;
745
+ return s && a && Ae(e, i, a), a;
747
746
  };
748
747
  let C = class extends B {
749
748
  constructor() {
@@ -859,7 +858,7 @@ let C = class extends B {
859
858
  const [s, a] = e.split(":").map(Number);
860
859
  if (this.unit === o.Pixel) {
861
860
  let r = s, n = a;
862
- Number.isFinite(this.maxWidth) && Number.isFinite(this.maxHeight) && ({ height: n, width: r } = ee(
861
+ Number.isFinite(this.maxWidth) && Number.isFinite(this.maxHeight) && ({ height: n, width: r } = te(
863
862
  this.maxWidth,
864
863
  this.maxHeight,
865
864
  s,
@@ -1022,16 +1021,16 @@ let C = class extends B {
1022
1021
  })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
1023
1022
  }
1024
1023
  };
1025
- C.styles = [V, Ae];
1024
+ C.styles = [V, we];
1026
1025
  C.dependencies = {
1027
1026
  "cx-button": Z,
1028
1027
  "cx-details": et,
1029
- "cx-divider": Jt,
1028
+ "cx-divider": Yt,
1030
1029
  "cx-icon": it,
1031
1030
  "cx-icon-button": vt,
1032
1031
  "cx-input": bt,
1033
1032
  "cx-option": gt,
1034
- "cx-position-picker": te,
1033
+ "cx-position-picker": Jt,
1035
1034
  "cx-select": xt,
1036
1035
  "cx-space": L,
1037
1036
  "cx-typography": U
@@ -1115,22 +1114,22 @@ w([
1115
1114
  R()
1116
1115
  ], C.prototype, "aspectRatio", 2);
1117
1116
  w([
1118
- _("cropMode", { waitUntilFirstUpdate: !0 }),
1119
- _("maxWidth", { waitUntilFirstUpdate: !0 }),
1120
- _("maxHeight", { waitUntilFirstUpdate: !0 }),
1121
- _("keepAspectRatio")
1117
+ F("cropMode", { waitUntilFirstUpdate: !0 }),
1118
+ F("maxWidth", { waitUntilFirstUpdate: !0 }),
1119
+ F("maxHeight", { waitUntilFirstUpdate: !0 }),
1120
+ F("keepAspectRatio")
1122
1121
  ], C.prototype, "handleCropModeChange", 1);
1123
1122
  w([
1124
- _("open", { waitUntilFirstUpdate: !0 })
1123
+ F("open", { waitUntilFirstUpdate: !0 })
1125
1124
  ], C.prototype, "handleOpenChange", 1);
1126
1125
  C = w([
1127
1126
  G("cx-asset-link-format-crop")
1128
1127
  ], C);
1129
- const ke = q`.extension{padding:var(--cx-spacing-small) var(--cx-spacing-medium);border:solid 1px var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-0);& cx-select{flex:1;width:100%}}`;
1130
- var Re = Object.defineProperty, $e = Object.getOwnPropertyDescriptor, kt = (t, e, i, s) => {
1131
- for (var a = s > 1 ? void 0 : s ? $e(e, i) : e, r = t.length - 1, n; r >= 0; r--)
1128
+ const be = q`.extension{padding:var(--cx-spacing-small) var(--cx-spacing-medium);border:solid 1px var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-0);& cx-select{flex:1;width:100%}}`;
1129
+ var ke = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, kt = (t, e, i, s) => {
1130
+ for (var a = s > 1 ? void 0 : s ? Re(e, i) : e, r = t.length - 1, n; r >= 0; r--)
1132
1131
  (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
1133
- return s && a && Re(e, i, a), a;
1132
+ return s && a && ke(e, i, a), a;
1134
1133
  };
1135
1134
  let K = class extends B {
1136
1135
  constructor() {
@@ -1150,7 +1149,7 @@ let K = class extends B {
1150
1149
  )}</cx-select></cx-space>`;
1151
1150
  }
1152
1151
  };
1153
- K.styles = [V, ke];
1152
+ K.styles = [V, be];
1154
1153
  K.dependencies = {
1155
1154
  "cx-option": gt,
1156
1155
  "cx-select": xt,
@@ -1166,11 +1165,11 @@ kt([
1166
1165
  K = kt([
1167
1166
  G("cx-asset-link-format-extension")
1168
1167
  ], K);
1169
- const Pe = q`cx-details::part(base){border-bottom-width:0}`;
1170
- var _e = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, N = (t, e, i, s) => {
1168
+ const $e = q`cx-details::part(base){border-bottom-width:0}`;
1169
+ var Pe = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, N = (t, e, i, s) => {
1171
1170
  for (var a = s > 1 ? void 0 : s ? Fe(e, i) : e, r = t.length - 1, n; r >= 0; r--)
1172
1171
  (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
1173
- return s && a && _e(e, i, a), a;
1172
+ return s && a && Pe(e, i, a), a;
1174
1173
  };
1175
1174
  let E = class extends B {
1176
1175
  constructor() {
@@ -1227,7 +1226,7 @@ let E = class extends B {
1227
1226
  })} ?disabled=${this.scopedValue === this.value} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
1228
1227
  }
1229
1228
  };
1230
- E.styles = [V, Pe];
1229
+ E.styles = [V, $e];
1231
1230
  E.dependencies = {
1232
1231
  "cx-button": Z,
1233
1232
  "cx-details": et,
@@ -1256,21 +1255,21 @@ N([
1256
1255
  R()
1257
1256
  ], E.prototype, "scopedValue", 2);
1258
1257
  N([
1259
- _("value")
1258
+ F("value")
1260
1259
  ], E.prototype, "handleValueChange", 1);
1261
1260
  N([
1262
- _("open", { waitUntilFirstUpdate: !0 })
1261
+ F("open", { waitUntilFirstUpdate: !0 })
1263
1262
  ], E.prototype, "handleOpenChange", 1);
1264
1263
  E = N([
1265
1264
  G("cx-asset-link-format-proxy")
1266
1265
  ], E);
1267
- const Me = q`cx-details::part(base){border-bottom-width:0}`;
1268
- var Ie = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, J = (t, e, i, s) => {
1269
- for (var a = s > 1 ? void 0 : s ? Ee(e, i) : e, r = t.length - 1, n; r >= 0; r--)
1266
+ const _e = q`cx-details::part(base){border-bottom-width:0}`;
1267
+ var Me = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, J = (t, e, i, s) => {
1268
+ for (var a = s > 1 ? void 0 : s ? Ie(e, i) : e, r = t.length - 1, n; r >= 0; r--)
1270
1269
  (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
1271
- return s && a && Ie(e, i, a), a;
1270
+ return s && a && Me(e, i, a), a;
1272
1271
  };
1273
- let H = class extends B {
1272
+ let T = class extends B {
1274
1273
  constructor() {
1275
1274
  super(...arguments), this.localize = new j(this), this.open = !1, this.value = 100, this.loading = !1, this.scopedValue = 100;
1276
1275
  }
@@ -1321,40 +1320,40 @@ let H = class extends B {
1321
1320
  })} @cx-input=${this.handleQualityChange}></cx-input></cx-tooltip><cx-button data-testid="cx-asset-link-format-quality-apply" variant="primary" ?disabled=${this.invalidValue} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
1322
1321
  }
1323
1322
  };
1324
- H.styles = [V, Me];
1325
- H.dependencies = {
1323
+ T.styles = [V, _e];
1324
+ T.dependencies = {
1326
1325
  "cx-button": Z,
1327
1326
  "cx-details": et,
1328
1327
  "cx-icon": it,
1329
1328
  "cx-input": bt,
1330
1329
  "cx-space": L,
1331
- "cx-tooltip": Lt,
1330
+ "cx-tooltip": Ot,
1332
1331
  "cx-typography": U
1333
1332
  };
1334
1333
  J([
1335
1334
  Y(".details")
1336
- ], H.prototype, "base", 2);
1335
+ ], T.prototype, "base", 2);
1337
1336
  J([
1338
1337
  l({ reflect: !0, type: Boolean })
1339
- ], H.prototype, "open", 2);
1338
+ ], T.prototype, "open", 2);
1340
1339
  J([
1341
1340
  l({ reflect: !0, type: Number })
1342
- ], H.prototype, "value", 2);
1341
+ ], T.prototype, "value", 2);
1343
1342
  J([
1344
1343
  l({ reflect: !0, type: Boolean })
1345
- ], H.prototype, "loading", 2);
1344
+ ], T.prototype, "loading", 2);
1346
1345
  J([
1347
1346
  R()
1348
- ], H.prototype, "scopedValue", 2);
1347
+ ], T.prototype, "scopedValue", 2);
1349
1348
  J([
1350
- _("value")
1351
- ], H.prototype, "handleValueChange", 1);
1352
- H = J([
1349
+ F("value")
1350
+ ], T.prototype, "handleValueChange", 1);
1351
+ T = J([
1353
1352
  G("cx-asset-link-format-quality")
1354
- ], H);
1355
- const Te = q`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.resize__unit-select{width:120px}.resize__input-group{flex:1;display:flex}`;
1356
- var He = Object.defineProperty, We = Object.getOwnPropertyDescriptor, $ = (t, e, i, s) => {
1357
- for (var a = s > 1 ? void 0 : s ? We(e, i) : e, r = t.length - 1, n; r >= 0; r--)
1353
+ ], T);
1354
+ const Ee = q`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.resize__unit-select{width:120px}.resize__input-group{flex:1;display:flex}`;
1355
+ var He = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, $ = (t, e, i, s) => {
1356
+ for (var a = s > 1 ? void 0 : s ? Te(e, i) : e, r = t.length - 1, n; r >= 0; r--)
1358
1357
  (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
1359
1358
  return s && a && He(e, i, a), a;
1360
1359
  };
@@ -1513,7 +1512,7 @@ let v = class extends B {
1513
1512
  })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
1514
1513
  }
1515
1514
  };
1516
- v.styles = [V, Te];
1515
+ v.styles = [V, Ee];
1517
1516
  v.dependencies = {
1518
1517
  "cx-button": Z,
1519
1518
  "cx-details": et,
@@ -1574,24 +1573,24 @@ $([
1574
1573
  R()
1575
1574
  ], v.prototype, "aspectRatio", 2);
1576
1575
  $([
1577
- _("cropMode", { waitUntilFirstUpdate: !0 }),
1578
- _("maxWidth", { waitUntilFirstUpdate: !0 }),
1579
- _("maxHeight", { waitUntilFirstUpdate: !0 }),
1580
- _("keepAspectRatio")
1576
+ F("cropMode", { waitUntilFirstUpdate: !0 }),
1577
+ F("maxWidth", { waitUntilFirstUpdate: !0 }),
1578
+ F("maxHeight", { waitUntilFirstUpdate: !0 }),
1579
+ F("keepAspectRatio")
1581
1580
  ], v.prototype, "handleCropModeChange", 1);
1582
1581
  $([
1583
- _("open", { waitUntilFirstUpdate: !0 })
1582
+ F("open", { waitUntilFirstUpdate: !0 })
1584
1583
  ], v.prototype, "handleOpenChange", 1);
1585
1584
  v = $([
1586
1585
  G("cx-asset-link-format-resize")
1587
1586
  ], v);
1588
- const De = q`cx-details::part(base){border-bottom-width:0}`;
1589
- var Ne = Object.defineProperty, Oe = Object.getOwnPropertyDescriptor, Q = (t, e, i, s) => {
1590
- for (var a = s > 1 ? void 0 : s ? Oe(e, i) : e, r = t.length - 1, n; r >= 0; r--)
1587
+ const We = q`cx-details::part(base){border-bottom-width:0}`;
1588
+ var De = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, Q = (t, e, i, s) => {
1589
+ for (var a = s > 1 ? void 0 : s ? Ne(e, i) : e, r = t.length - 1, n; r >= 0; r--)
1591
1590
  (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
1592
- return s && a && Ne(e, i, a), a;
1591
+ return s && a && De(e, i, a), a;
1593
1592
  };
1594
- let T = class extends B {
1593
+ let H = class extends B {
1595
1594
  constructor() {
1596
1595
  super(...arguments), this.localize = new j(this), this.open = !1, this.value = 0, this.defaultValue = 0, this.loading = !1, this.lastAppliedValue = 0;
1597
1596
  }
@@ -1604,14 +1603,14 @@ let T = class extends B {
1604
1603
  const e = t.target.value, i = Number(e);
1605
1604
  if (Number.isNaN(i))
1606
1605
  return;
1607
- const s = _t(i);
1606
+ const s = Pt(i);
1608
1607
  (i > 360 || i < -360) && (t.target.value = s.toString()), this.emit("cx-asset-link-format-rotation-change", {
1609
1608
  detail: s
1610
1609
  });
1611
1610
  }
1612
1611
  handleButtonClick(t) {
1613
1612
  this.emit("cx-asset-link-format-rotation-change", {
1614
- detail: _t(t)
1613
+ detail: Pt(t)
1615
1614
  });
1616
1615
  }
1617
1616
  handleClockwiseClick() {
@@ -1637,10 +1636,10 @@ let T = class extends B {
1637
1636
  })} @cx-input=${this.handleRotationChange}></cx-input><cx-button data-testid="cx-asset-link-format-rotation-apply" variant="primary" ?disabled=${this.value === this.lastAppliedValue} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
1638
1637
  }
1639
1638
  };
1640
- T.styles = [V, De];
1641
- T.dependencies = {
1639
+ H.styles = [V, We];
1640
+ H.dependencies = {
1642
1641
  "cx-button": Z,
1643
- "cx-button-group": ie,
1642
+ "cx-button-group": ee,
1644
1643
  "cx-details": et,
1645
1644
  "cx-icon": it,
1646
1645
  "cx-icon-button": vt,
@@ -1649,33 +1648,33 @@ T.dependencies = {
1649
1648
  };
1650
1649
  Q([
1651
1650
  Y(".details")
1652
- ], T.prototype, "base", 2);
1651
+ ], H.prototype, "base", 2);
1653
1652
  Q([
1654
1653
  l({ reflect: !0, type: Boolean })
1655
- ], T.prototype, "open", 2);
1654
+ ], H.prototype, "open", 2);
1656
1655
  Q([
1657
1656
  l({ reflect: !0, type: Number })
1658
- ], T.prototype, "value", 2);
1657
+ ], H.prototype, "value", 2);
1659
1658
  Q([
1660
1659
  l({ attribute: "default-value", reflect: !0, type: Number })
1661
- ], T.prototype, "defaultValue", 2);
1660
+ ], H.prototype, "defaultValue", 2);
1662
1661
  Q([
1663
1662
  l({ reflect: !0, type: Boolean })
1664
- ], T.prototype, "loading", 2);
1663
+ ], H.prototype, "loading", 2);
1665
1664
  Q([
1666
1665
  l({ attribute: "last-applied-value", reflect: !0, type: Number })
1667
- ], T.prototype, "lastAppliedValue", 2);
1666
+ ], H.prototype, "lastAppliedValue", 2);
1668
1667
  Q([
1669
- _("open", { waitUntilFirstUpdate: !0 })
1670
- ], T.prototype, "handleOpenChange", 1);
1671
- T = Q([
1668
+ F("open", { waitUntilFirstUpdate: !0 })
1669
+ ], H.prototype, "handleOpenChange", 1);
1670
+ H = Q([
1672
1671
  G("cx-asset-link-format-rotation")
1673
- ], T);
1674
- const Le = q`cx-details::part(base){border-bottom-width:0}`;
1675
- var Ue = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, yt = (t, e, i, s) => {
1676
- for (var a = s > 1 ? void 0 : s ? Be(e, i) : e, r = t.length - 1, n; r >= 0; r--)
1672
+ ], H);
1673
+ const Oe = q`cx-details::part(base){border-bottom-width:0}`;
1674
+ var Le = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, yt = (t, e, i, s) => {
1675
+ for (var a = s > 1 ? void 0 : s ? Ue(e, i) : e, r = t.length - 1, n; r >= 0; r--)
1677
1676
  (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
1678
- return s && a && Ue(e, i, a), a;
1677
+ return s && a && Le(e, i, a), a;
1679
1678
  };
1680
1679
  let O = class extends B {
1681
1680
  constructor() {
@@ -1706,14 +1705,14 @@ let O = class extends B {
1706
1705
  return A`<cx-details class="details" ?open=${this.open} @cx-show=${this.onShowDetails} @cx-hide=${this.onHideDetails}><cx-space slot="summary" align-items="center"><div class="details__summary__icon"><div part="icon"><cx-icon name="short_text"></cx-icon></div></div><cx-typography variant="body2">${this.localize.term("metadata")}</cx-typography></cx-space><cx-space spacing="small"><cx-tooltip data-testid="cx-asset-link-format-metadata-tooltip" content=${this.localize.term("metadataHelpText")} hoist><cx-checkbox data-testid="cx-asset-link-format-metadata" class="details__checkbox" ?checked=${this.value} @cx-change=${this.handleApply}>${this.localize.term("preserveMetadata")}</cx-checkbox></cx-tooltip></cx-space></cx-details>`;
1707
1706
  }
1708
1707
  };
1709
- O.styles = [V, Le];
1708
+ O.styles = [V, Oe];
1710
1709
  O.dependencies = {
1711
1710
  "cx-button": Z,
1712
- "cx-checkbox": se,
1711
+ "cx-checkbox": ie,
1713
1712
  "cx-details": et,
1714
1713
  "cx-icon": it,
1715
1714
  "cx-space": L,
1716
- "cx-tooltip": Lt,
1715
+ "cx-tooltip": Ot,
1717
1716
  "cx-typography": U
1718
1717
  };
1719
1718
  yt([
@@ -1728,10 +1727,10 @@ yt([
1728
1727
  O = yt([
1729
1728
  G("cx-asset-link-format-metadata")
1730
1729
  ], O);
1731
- var qe = Object.defineProperty, je = Object.getOwnPropertyDescriptor, S = (t, e, i, s) => {
1732
- for (var a = s > 1 ? void 0 : s ? je(e, i) : e, r = t.length - 1, n; r >= 0; r--)
1730
+ var Be = Object.defineProperty, qe = Object.getOwnPropertyDescriptor, S = (t, e, i, s) => {
1731
+ for (var a = s > 1 ? void 0 : s ? qe(e, i) : e, r = t.length - 1, n; r >= 0; r--)
1733
1732
  (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
1734
- return s && a && qe(e, i, a), a;
1733
+ return s && a && Be(e, i, a), a;
1735
1734
  };
1736
1735
  let x = class extends B {
1737
1736
  constructor() {
@@ -1831,7 +1830,7 @@ let x = class extends B {
1831
1830
  }, this.rotation = 0, this.defaultSize = {
1832
1831
  height: 0,
1833
1832
  width: 0
1834
- }, this.cropperElement = null, this.parameters = [], this.loading = !1, this.lastAction = void 0, this.frozenIndex = void 0, this.preResetTransformations = void 0, this.apiGetTransformAssetLink = fe, this.apiGetCropFocusMode = Ce, this.onCropComplete = this.onCropComplete.bind(this), this.onCropDragStart = this.onCropDragStart.bind(this);
1833
+ }, this.cropperElement = null, this.parameters = [], this.loading = !1, this.lastAction = void 0, this.frozenIndex = void 0, this.preResetTransformations = void 0, this.apiGetTransformAssetLink = me, this.apiGetCropFocusMode = Se, this.onCropComplete = this.onCropComplete.bind(this), this.onCropDragStart = this.onCropDragStart.bind(this);
1835
1834
  }
1836
1835
  /**
1837
1836
  * Transform requests must resolve to a web-displayable image (the browser renders the
@@ -2714,7 +2713,7 @@ let x = class extends B {
2714
2713
  x: z,
2715
2714
  y: b
2716
2715
  } = this.cropSize, u = this.focusModes.find(
2717
- (F) => F.value === h
2716
+ (_) => _.value === h
2718
2717
  )?.auto ?? !1;
2719
2718
  if (y === o.AspectRatio) {
2720
2719
  g && c && this.upsertTransformation({
@@ -2959,7 +2958,7 @@ let x = class extends B {
2959
2958
  return A`<div class="asset-link-format" @cx-show=${this.onDetailsShow} @cx-hide=${this.onDetailsHide}>${M(
2960
2959
  !this.hideHeader,
2961
2960
  () => A`<cx-space class="asset-link-format__section-header" direction="horizontal" spacing="small" align-items="center" justify-content="space-between"><cx-typography variant="body3">${this.localize.term("transformations")}</cx-typography><cx-space direction="horizontal" spacing="3x-small" align-items="center"><cx-button class="asset-link-format__undo" variant="custom" ?disabled=${!this.hasUnfrozenTransformations && this.preResetTransformations === void 0} @click=${this.handleUndo}>${this.localize.term("undo")}</cx-button>${M(this.canReset, () => A`<cx-button class="asset-link-format__reset" variant="custom" ?disabled=${this.transformations.length === 0} @click=${this.handleReset}>${this.localize.term("reset")}</cx-button>`)}</cx-space></cx-space>`,
2962
- () => Xt
2961
+ () => Qt
2963
2962
  )}
2964
2963
  ${M(
2965
2964
  !this.noFormat,
@@ -2986,15 +2985,15 @@ let x = class extends B {
2986
2985
  )}</div>`;
2987
2986
  }
2988
2987
  };
2989
- x.styles = [V, we];
2988
+ x.styles = [V, ze];
2990
2989
  x.dependencies = {
2991
2990
  "cx-asset-link-format-crop": C,
2992
2991
  "cx-asset-link-format-extension": K,
2993
2992
  "cx-asset-link-format-metadata": O,
2994
2993
  "cx-asset-link-format-proxy": E,
2995
- "cx-asset-link-format-quality": H,
2994
+ "cx-asset-link-format-quality": T,
2996
2995
  "cx-asset-link-format-resize": v,
2997
- "cx-asset-link-format-rotation": T,
2996
+ "cx-asset-link-format-rotation": H,
2998
2997
  "cx-button": Z,
2999
2998
  "cx-space": L,
3000
2999
  "cx-typography": U
@@ -3102,13 +3101,13 @@ S([
3102
3101
  R()
3103
3102
  ], x.prototype, "preResetTransformations", 2);
3104
3103
  S([
3105
- _("transformations")
3104
+ F("transformations")
3106
3105
  ], x.prototype, "handleTransformationsChange", 1);
3107
3106
  S([
3108
- _("selectedProxy")
3107
+ F("selectedProxy")
3109
3108
  ], x.prototype, "handleSelectedProxyChange", 1);
3110
3109
  S([
3111
- _("loading")
3110
+ F("loading")
3112
3111
  ], x.prototype, "handleLoadingChange", 1);
3113
3112
  x = S([
3114
3113
  G("cx-asset-link-format")
@@ -3118,25 +3117,25 @@ export {
3118
3117
  wt as D,
3119
3118
  ct as F,
3120
3119
  tt as O,
3121
- ye as a,
3122
- ce as b,
3123
- Ut as c,
3120
+ xe as a,
3121
+ le as b,
3122
+ Lt as c,
3124
3123
  Hi as d,
3125
- Wi as e,
3126
- Ti as f,
3127
- qt as g,
3124
+ Ti as e,
3125
+ Ei as f,
3126
+ Bt as g,
3128
3127
  ut as h,
3129
3128
  At as i,
3130
3129
  lt as j,
3131
- Mt as k,
3132
- It as l,
3130
+ _t as k,
3131
+ Mt as l,
3133
3132
  pt as m,
3134
3133
  dt as n,
3135
- Tt as o,
3136
- Di as p,
3137
- oe as q,
3138
- Mi as r,
3139
- Ii as s,
3140
- Ei as t,
3141
- ae as u
3134
+ Et as o,
3135
+ Wi as p,
3136
+ ae as q,
3137
+ _i as r,
3138
+ Mi as s,
3139
+ Ii as t,
3140
+ se as u
3142
3141
  };