@orangelogic/design-system 3.7.0 → 3.8.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,7 +3,7 @@ import "../chunks/button.w0zH5Ivx.js";
3
3
  import "./space.js";
4
4
  import "../chunks/typography.IqHbnd3C.js";
5
5
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
6
- import { C as h } from "../chunks/asset-link-format.a59f8lRl.js";
6
+ import { C as h } from "../chunks/asset-link-format.B-tXtkr4.js";
7
7
  import "../chunks/component.styles.CRO4Odto.js";
8
8
  import "../chunks/asset-link-format.ClaYu_v8.js";
9
9
  import "../chunks/position-picker.DjnhxIKF.js";
@@ -11,7 +11,7 @@ import "../chunks/custom-element.L4WJXn1j.js";
11
11
  import "../chunks/i18n.BA19xtyU.js";
12
12
  import "../chunks/watch.DJF5K-8U.js";
13
13
  import "../chunks/number.Cx2ncfJJ.js";
14
- import "../chunks/transformation.JkkMVin_.js";
14
+ import "../chunks/transformation.DNl_AZs1.js";
15
15
  import "../chunks/lit-element.jLBm65_O.js";
16
16
  import "../chunks/state.CSDxrqLd.js";
17
17
  import "../chunks/when.Dr1es41R.js";
@@ -20,7 +20,7 @@ import { default as W } from "./details.js";
20
20
  import { default as Y } from "./diff.js";
21
21
  import { C as _ } from "../chunks/dialog.ICoCAj6Z.js";
22
22
  import { default as oe } from "./divider.js";
23
- import { C as re } from "../chunks/document-viewer.CXynVA4R.js";
23
+ import { C as re } from "../chunks/document-viewer.C_3p-Fr2.js";
24
24
  import { C as xe } from "../chunks/dot-pagination.CzVpiv00.js";
25
25
  import { default as me } from "./dot-status.js";
26
26
  import { default as Ce } from "./drawer.js";
@@ -3,7 +3,7 @@ import "../chunks/typography.IqHbnd3C.js";
3
3
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
4
4
  import "../chunks/color-swatch.Caved2kL.js";
5
5
  import "../chunks/component.styles.CRO4Odto.js";
6
- import { C as v } from "../chunks/color-swatch-group.DJqdDogB.js";
6
+ import { C as v } from "../chunks/color-swatch-group.D1evXBSR.js";
7
7
  import "../chunks/content-builder.BX4pHujE.js";
8
8
  import "../chunks/custom-element.L4WJXn1j.js";
9
9
  import "../chunks/debounce.DaHuiSGU.js";
@@ -1,5 +1,5 @@
1
1
  import "../chunks/resizable-component.styles.CAfXABBc.js";
2
- import { C as b } from "../chunks/document-viewer.CXynVA4R.js";
2
+ import { C as b } from "../chunks/document-viewer.C_3p-Fr2.js";
3
3
  import "../chunks/component.styles.CRO4Odto.js";
4
4
  import "../chunks/index.Cpamj0jB.js";
5
5
  import "../chunks/custom-element.L4WJXn1j.js";
@@ -1,34 +1,34 @@
1
- import S from "./grid.js";
1
+ import v from "./grid.js";
2
2
  import $ from "./grid-item.js";
3
- import { C } from "../chunks/icon-button.BWJ1Vqn5.js";
4
- import { C as I } from "../chunks/image.BsLsWySo.js";
5
- import w from "./space.js";
6
- import F from "./tooltip.js";
7
- import { n, C as k } from "../chunks/lib-cortex-element.CVMmyPMC.js";
8
- import { c as A } from "../chunks/component.styles.CRO4Odto.js";
3
+ import { C as S } from "../chunks/icon-button.BWJ1Vqn5.js";
4
+ import { C } from "../chunks/image.BsLsWySo.js";
5
+ import I from "./space.js";
6
+ import w from "./tooltip.js";
7
+ import { n as o, C as k } from "../chunks/lib-cortex-element.CVMmyPMC.js";
8
+ import { c as F } from "../chunks/component.styles.CRO4Odto.js";
9
9
  import { a as b } from "../chunks/index.Cpamj0jB.js";
10
- import { c as U } from "../chunks/custom-element.L4WJXn1j.js";
10
+ import { c as A } from "../chunks/custom-element.L4WJXn1j.js";
11
11
  import { w as z } from "../chunks/watch.DJF5K-8U.js";
12
- import { r as E, a as f, b as _, c as v } from "../chunks/transformation.JkkMVin_.js";
13
- import { i as j, x as l } from "../chunks/lit-element.jLBm65_O.js";
12
+ import { r as U, b as f, a as _ } from "../chunks/transformation.DNl_AZs1.js";
13
+ import { i as E, x as n } from "../chunks/lit-element.jLBm65_O.js";
14
14
  import { r as x } from "../chunks/state.CSDxrqLd.js";
15
- import { e as D } from "../chunks/query.BBf1UFkC.js";
15
+ import { e as j } from "../chunks/query.BBf1UFkC.js";
16
16
  import { e as h } from "../chunks/class-map.BiVq-cVR.js";
17
- import { o as d } from "../chunks/if-defined.BRoBj_Rp.js";
17
+ import { o as c } from "../chunks/if-defined.BRoBj_Rp.js";
18
18
  import { c as g } from "../chunks/repeat.CFjcER6_.js";
19
19
  import { o as u } from "../chunks/style-map.llVFPd__.js";
20
20
  import { n as y } from "../chunks/when.Dr1es41R.js";
21
- import { S as M } from "../chunks/sortable.esm.oSzf6C5Q.js";
22
- var m = /* @__PURE__ */ ((t) => (t.Masonry = "masonry", t.Standard = "standard", t))(m || {});
23
- const K = j`:host{--actions-background-color:var(--cx-color-neutral-100);--border-radius:0px;--item-border-radius:var(--cx-border-radius-medium);--padding:0px;--width:100%;--height:auto;width:var(--width,100%);height:var(--height,100%);display:block;overflow:auto}:host([spacing="3x-small"]){--spacing-container-gap:var(--cx-spacing-3x-small)}:host([spacing="2x-small"]){--spacing-container-gap:var(--cx-spacing-2x-small)}:host([spacing=x-small]){--spacing-container-gap:var(--cx-spacing-x-small)}:host([spacing=small]){--spacing-container-gap:var(--cx-spacing-small)}:host([spacing=medium]){--spacing-container-gap:var(--cx-spacing-medium)}:host([spacing=large]){--spacing-container-gap:var(--cx-spacing-large)}:host([spacing=x-large]){--spacing-container-gap:var(--cx-spacing-x-large)}:host([spacing="2x-large"]){--spacing-container-gap:var(--cx-spacing-2x-large)}:host([spacing="3x-large"]){--spacing-container-gap:var(--cx-spacing-3x-large)}:host([spacing="4x-large"]){--spacing-container-gap:var(--cx-spacing-4x-large)}.masonry-list{column-gap:var(--spacing-container-gap)}.masonry-list__item{border-radius:var(--item-border-radius);display:block;position:relative;overflow:hidden}.masonry-list__item--error:before{content:"";border:2px solid var(--cx-color-danger);border-radius:var(--item-border-radius);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.container--masonry .masonry-list__item{margin-bottom:var(--spacing-container-gap)}.container--standard cx-grid-item::part(base){height:100%}.masonry-list__item__image{width:100%;height:100%}.masonry-list__item__actions{opacity:0;width:100%;transition:opacity var(--cx-transition-fast) ease-in-out;z-index:10;position:absolute;bottom:0;left:0}.masonry-list__item__actions:before{content:"";background-color:var(--actions-background-color);opacity:.5;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.masonry-list__item:hover .masonry-list__item__actions{opacity:1}.masonry-list__item__action{z-index:5;flex:auto;position:relative}.masonry-list__item__action::part(base){border-radius:0;width:100%}.container--sortable .masonry-list__item{cursor:move}`;
24
- var B = Object.defineProperty, O = Object.getOwnPropertyDescriptor, i = (t, e, r, s) => {
25
- for (var o = s > 1 ? void 0 : s ? O(e, r) : e, c = t.length - 1, p; c >= 0; c--)
26
- (p = t[c]) && (o = (s ? p(e, r, o) : p(o)) || o);
27
- return s && o && B(e, r, o), o;
21
+ import { S as D } from "../chunks/sortable.esm.oSzf6C5Q.js";
22
+ var d = /* @__PURE__ */ ((t) => (t.Masonry = "masonry", t.Standard = "standard", t))(d || {});
23
+ const M = E`:host{--actions-background-color:var(--cx-color-neutral-100);--border-radius:0px;--item-border-radius:var(--cx-border-radius-medium);--padding:0px;--width:100%;--height:auto;width:var(--width,100%);height:var(--height,100%);display:block;overflow:auto}:host([spacing="3x-small"]){--spacing-container-gap:var(--cx-spacing-3x-small)}:host([spacing="2x-small"]){--spacing-container-gap:var(--cx-spacing-2x-small)}:host([spacing=x-small]){--spacing-container-gap:var(--cx-spacing-x-small)}:host([spacing=small]){--spacing-container-gap:var(--cx-spacing-small)}:host([spacing=medium]){--spacing-container-gap:var(--cx-spacing-medium)}:host([spacing=large]){--spacing-container-gap:var(--cx-spacing-large)}:host([spacing=x-large]){--spacing-container-gap:var(--cx-spacing-x-large)}:host([spacing="2x-large"]){--spacing-container-gap:var(--cx-spacing-2x-large)}:host([spacing="3x-large"]){--spacing-container-gap:var(--cx-spacing-3x-large)}:host([spacing="4x-large"]){--spacing-container-gap:var(--cx-spacing-4x-large)}.masonry-list{column-gap:var(--spacing-container-gap)}.masonry-list__item{border-radius:var(--item-border-radius);display:block;position:relative;overflow:hidden}.masonry-list__item--error:before{content:"";border:2px solid var(--cx-color-danger);border-radius:var(--item-border-radius);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.container--masonry .masonry-list__item{margin-bottom:var(--spacing-container-gap)}.container--standard cx-grid-item::part(base){height:100%}.masonry-list__item__image{width:100%;height:100%}.masonry-list__item__actions{opacity:0;width:100%;transition:opacity var(--cx-transition-fast) ease-in-out;z-index:10;position:absolute;bottom:0;left:0}.masonry-list__item__actions:before{content:"";background-color:var(--actions-background-color);opacity:.5;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.masonry-list__item:hover .masonry-list__item__actions{opacity:1}.masonry-list__item__action{z-index:5;flex:auto;position:relative}.masonry-list__item__action::part(base){border-radius:0;width:100%}.container--sortable .masonry-list__item{cursor:move}`;
24
+ var K = Object.defineProperty, B = Object.getOwnPropertyDescriptor, e = (t, i, r, s) => {
25
+ for (var l = s > 1 ? void 0 : s ? B(i, r) : i, p = t.length - 1, m; p >= 0; p--)
26
+ (m = t[p]) && (l = (s ? m(i, r, l) : m(l)) || l);
27
+ return s && l && K(i, r, l), l;
28
28
  };
29
29
  let a = class extends k {
30
30
  constructor() {
31
- super(), this.data = [], this.variant = m.Standard, this.cols = 3, this.rowHeight = "auto", this.actions = [], this.sortable = !1, this.spacing = "medium", this.idKey = "id", this.format = "", this.manualFormat = !1, this.noCrossorigin = !1, this.sortableInstance = null, this.previous = [], this.abortDrag = !1, this.handleEnd = this.handleEnd.bind(this), this.handleStart = this.handleStart.bind(this), this.handleSortableUpdate = this.handleSortableUpdate.bind(this), this.handleItemClick = this.handleItemClick.bind(this);
31
+ super(), this.data = [], this.variant = d.Standard, this.cols = 3, this.rowHeight = "auto", this.actions = [], this.sortable = !1, this.spacing = "medium", this.idKey = "id", this.format = "", this.manualFormat = !1, this.noCrossorigin = !1, this.sortableInstance = null, this.previous = [], this.abortDrag = !1, this.handleEnd = this.handleEnd.bind(this), this.handleStart = this.handleStart.bind(this), this.handleSortableUpdate = this.handleSortableUpdate.bind(this), this.handleItemClick = this.handleItemClick.bind(this);
32
32
  }
33
33
  getAllItems() {
34
34
  return Array.from(this.list.querySelectorAll(".masonry-list__item"));
@@ -37,15 +37,15 @@ let a = class extends k {
37
37
  t.item && (this.previous = [t.item.previousSibling]);
38
38
  }
39
39
  async handleEnd(t) {
40
- await this.updateComplete, this.sortableInstance && (t.item && this.previous.forEach((e) => {
41
- e && e.after(t.item);
40
+ await this.updateComplete, this.sortableInstance && (t.item && this.previous.forEach((i) => {
41
+ i && i.after(t.item);
42
42
  }), this.requestUpdate());
43
43
  }
44
44
  destroySortable() {
45
45
  this.sortableInstance && (this.sortableInstance.destroy(), this.sortableInstance = null);
46
46
  }
47
47
  initSortable() {
48
- this.sortableInstance = M.create(this.list, {
48
+ this.sortableInstance = D.create(this.list, {
49
49
  animation: 100,
50
50
  onAdd: this.handleSortableUpdate,
51
51
  onEnd: this.handleEnd,
@@ -77,16 +77,16 @@ let a = class extends k {
77
77
  }
78
78
  /** The format one item is served under: the configured one, or derived from the item. */
79
79
  resolveItemFormat(t) {
80
- return this.manualFormat ? this.format : E(t.extension, t.size);
80
+ return this.manualFormat ? this.format : U(t.extension, t.size);
81
81
  }
82
- handleItemClick(t, e) {
82
+ handleItemClick(t, i) {
83
83
  this.emit("cx-masonry-select", {
84
- detail: { event: t, item: e }
84
+ detail: { event: t, item: i }
85
85
  });
86
86
  }
87
87
  handleSortableUpdate(t) {
88
- const e = this.data[t.oldIndex], r = [...this.data];
89
- r.splice(t.oldIndex, 1), r.splice(t.newIndex, 0, e);
88
+ const i = this.data[t.oldIndex], r = [...this.data];
89
+ r.splice(t.oldIndex, 1), r.splice(t.newIndex, 0, i);
90
90
  const s = {
91
91
  from: t.from,
92
92
  item: t.item,
@@ -102,142 +102,136 @@ let a = class extends k {
102
102
  });
103
103
  }
104
104
  renderActions(t) {
105
- const e = (r) => {
105
+ const i = (r) => {
106
106
  const s = () => {
107
107
  this.emit(r.event, {
108
108
  detail: { item: t }
109
109
  });
110
110
  };
111
- return l`<cx-icon-button class="masonry-list__item__action" name=${d(r.icon)} src=${d(r.src)} @click=${s} size="small" style=${u({
111
+ return n`<cx-icon-button class="masonry-list__item__action" name=${c(r.icon)} src=${c(r.src)} @click=${s} size="small" style=${u({
112
112
  color: r.color
113
113
  })}></cx-icon-button>`;
114
114
  };
115
- return l`<cx-space class="masonry-list__item__actions" direction="horizontal" spacing="x-small" justify-content="space-around">${g(
115
+ return n`<cx-space class="masonry-list__item__actions" direction="horizontal" spacing="x-small" justify-content="space-around">${g(
116
116
  this.actions,
117
117
  (r) => r.event,
118
- (r) => r.tooltip ? l`<cx-tooltip content=${r.tooltip}>${e(r)}</cx-tooltip>` : e(r)
118
+ (r) => r.tooltip ? n`<cx-tooltip content=${r.tooltip}>${i(r)}</cx-tooltip>` : i(r)
119
119
  )}</cx-space>`;
120
120
  }
121
121
  renderMasonry() {
122
- return l`<div class="masonry-list" style=${u({
122
+ return n`<div class="masonry-list" style=${u({
123
123
  "column-count": this.cols
124
124
  })} part="list">${g(
125
125
  this.data,
126
126
  (t) => t[this.idKey],
127
127
  (t) => {
128
- const e = (c) => {
129
- this.handleItemClick(c, t);
130
- }, r = this.resolveItemFormat(t), s = f(t.src, {
128
+ const i = (s) => {
129
+ this.handleItemClick(s, t);
130
+ }, r = f(t.src, {
131
131
  extension: t.extension,
132
- format: r
133
- }), o = _(s, {
134
- extension: t.extension,
135
- format: r,
136
- maxWidth: v(this.manualFormat, t.maxWidth)
132
+ format: this.resolveItemFormat(t),
133
+ maxWidth: _(this.manualFormat, t.maxWidth)
137
134
  });
138
- return l`<div data-id=${t[this.idKey]} class=${h({
135
+ return n`<div data-id=${t[this.idKey]} class=${h({
139
136
  "masonry-list__item": !0,
140
137
  "masonry-list__item--error": t.hasError ?? !1
141
- })} part="item" @click=${e}><cx-image part="image" class="masonry-list__item__image" alt=${t.alt || ""} src=${s} srcset=${d(o || void 0)} sizes=${d(o ? this.itemSizes : void 0)} object-fit=${t.objectFit || b.Cover} ?loading=${t.loading} ?no-crossorigin=${this.noCrossorigin} retry-on-error></cx-image>${y(this.actions.length > 0, () => this.renderActions(t))}</div>`;
138
+ })} part="item" @click=${i}><cx-image part="image" class="masonry-list__item__image" alt=${t.alt || ""} src=${t.src} srcset=${c(r || void 0)} sizes=${c(r ? this.itemSizes : void 0)} object-fit=${t.objectFit || b.Cover} ?loading=${t.loading} ?no-crossorigin=${this.noCrossorigin} retry-on-error></cx-image>${y(this.actions.length > 0, () => this.renderActions(t))}</div>`;
142
139
  }
143
140
  )}</div>`;
144
141
  }
145
142
  renderStandard() {
146
- return l`<cx-grid columns=${this.cols} spacing="var(--cx-spacing-${this.spacing})" use-flex-gap class="masonry-list" part="list">${g(
143
+ return n`<cx-grid columns=${this.cols} spacing="var(--cx-spacing-${this.spacing})" use-flex-gap class="masonry-list" part="list">${g(
147
144
  this.data,
148
145
  (t) => t[this.idKey],
149
146
  (t) => {
150
- const e = (c) => {
151
- this.handleItemClick(c, t);
152
- }, r = this.resolveItemFormat(t), s = f(t.src, {
153
- extension: t.extension,
154
- format: r
155
- }), o = _(s, {
147
+ const i = (s) => {
148
+ this.handleItemClick(s, t);
149
+ }, r = f(t.src, {
156
150
  extension: t.extension,
157
- format: r,
158
- maxWidth: v(this.manualFormat, t.maxWidth)
151
+ format: this.resolveItemFormat(t),
152
+ maxWidth: _(this.manualFormat, t.maxWidth)
159
153
  });
160
- return l`<cx-grid-item xs="1"><div class=${h({
154
+ return n`<cx-grid-item xs="1"><div class=${h({
161
155
  "masonry-list__item": !0,
162
156
  "masonry-list__item--error": t.hasError ?? !1
163
157
  })} style=${u({
164
158
  height: this.rowHeight
165
- })} part="item" @click=${e} data-id=${t[this.idKey]}><cx-image part="image" class="masonry-list__item__image" alt=${t.alt || ""} src=${s} srcset=${d(o || void 0)} sizes=${d(o ? this.itemSizes : void 0)} width="100%" height="100%" object-fit=${t.objectFit || b.Cover} retry-on-error ?loading=${t.loading} ?no-crossorigin=${this.noCrossorigin}></cx-image>${y(this.actions.length > 0, () => this.renderActions(t))}</div></cx-grid-item>`;
159
+ })} part="item" @click=${i} data-id=${t[this.idKey]}><cx-image part="image" class="masonry-list__item__image" alt=${t.alt || ""} src=${t.src} srcset=${c(r || void 0)} sizes=${c(r ? this.itemSizes : void 0)} width="100%" height="100%" object-fit=${t.objectFit || b.Cover} retry-on-error ?loading=${t.loading} ?no-crossorigin=${this.noCrossorigin}></cx-image>${y(this.actions.length > 0, () => this.renderActions(t))}</div></cx-grid-item>`;
166
160
  }
167
161
  )}</cx-grid>`;
168
162
  }
169
163
  render() {
170
- return l`<div part="base" class=${h({
164
+ return n`<div part="base" class=${h({
171
165
  container: !0,
172
- "container--masonry": this.variant === m.Masonry,
166
+ "container--masonry": this.variant === d.Masonry,
173
167
  "container--sortable": this.sortable,
174
- "container--standard": this.variant === m.Standard
168
+ "container--standard": this.variant === d.Standard
175
169
  })}>${y(
176
- this.variant === m.Masonry,
170
+ this.variant === d.Masonry,
177
171
  () => this.renderMasonry(),
178
172
  () => this.renderStandard()
179
173
  )}</div>`;
180
174
  }
181
175
  };
182
- a.styles = [A, K];
176
+ a.styles = [F, M];
183
177
  a.dependencies = {
184
- "cx-grid": S,
178
+ "cx-grid": v,
185
179
  "cx-grid-item": $,
186
- "cx-icon-button": C,
187
- "cx-image": I,
188
- "cx-space": w,
189
- "cx-tooltip": F
180
+ "cx-icon-button": S,
181
+ "cx-image": C,
182
+ "cx-space": I,
183
+ "cx-tooltip": w
190
184
  };
191
- i([
192
- D(".masonry-list")
185
+ e([
186
+ j(".masonry-list")
193
187
  ], a.prototype, "list", 2);
194
- i([
195
- n({ type: Array })
188
+ e([
189
+ o({ type: Array })
196
190
  ], a.prototype, "data", 2);
197
- i([
198
- n({ reflect: !0, type: String })
191
+ e([
192
+ o({ reflect: !0, type: String })
199
193
  ], a.prototype, "variant", 2);
200
- i([
201
- n({ reflect: !0, type: Number })
194
+ e([
195
+ o({ reflect: !0, type: Number })
202
196
  ], a.prototype, "cols", 2);
203
- i([
204
- n({ attribute: "row-height", type: String })
197
+ e([
198
+ o({ attribute: "row-height", type: String })
205
199
  ], a.prototype, "rowHeight", 2);
206
- i([
207
- n({ type: Array })
200
+ e([
201
+ o({ type: Array })
208
202
  ], a.prototype, "actions", 2);
209
- i([
210
- n({ reflect: !0, type: Boolean })
203
+ e([
204
+ o({ reflect: !0, type: Boolean })
211
205
  ], a.prototype, "sortable", 2);
212
- i([
213
- n({ reflect: !0, type: String })
206
+ e([
207
+ o({ reflect: !0, type: String })
214
208
  ], a.prototype, "spacing", 2);
215
- i([
216
- n({ attribute: "id-key", reflect: !0, type: String })
209
+ e([
210
+ o({ attribute: "id-key", reflect: !0, type: String })
217
211
  ], a.prototype, "idKey", 2);
218
- i([
219
- n({ attribute: "format", reflect: !0, type: String })
212
+ e([
213
+ o({ attribute: "format", reflect: !0, type: String })
220
214
  ], a.prototype, "format", 2);
221
- i([
222
- n({ attribute: "manual-format", reflect: !0, type: Boolean })
215
+ e([
216
+ o({ attribute: "manual-format", reflect: !0, type: Boolean })
223
217
  ], a.prototype, "manualFormat", 2);
224
- i([
225
- n({ attribute: "no-crossorigin", reflect: !0, type: Boolean })
218
+ e([
219
+ o({ attribute: "no-crossorigin", reflect: !0, type: Boolean })
226
220
  ], a.prototype, "noCrossorigin", 2);
227
- i([
221
+ e([
228
222
  x()
229
223
  ], a.prototype, "sortableInstance", 2);
230
- i([
224
+ e([
231
225
  x()
232
226
  ], a.prototype, "previous", 2);
233
- i([
227
+ e([
234
228
  x()
235
229
  ], a.prototype, "abortDrag", 2);
236
- i([
230
+ e([
237
231
  z("sortable", { waitUntilFirstUpdate: !0 })
238
232
  ], a.prototype, "handleSortableChange", 1);
239
- a = i([
240
- U("cx-masonry")
233
+ a = e([
234
+ A("cx-masonry")
241
235
  ], a);
242
236
  export {
243
237
  a as default
@@ -1,5 +1,5 @@
1
- import { C as a } from "../chunks/asset-link-format.a59f8lRl.js";
2
- import { C as t } from "../chunks/color-swatch-group.DJqdDogB.js";
1
+ import { C as a } from "../chunks/asset-link-format.B-tXtkr4.js";
2
+ import { C as t } from "../chunks/color-swatch-group.D1evXBSR.js";
3
3
  import { default as C } from "./file-on-demand.js";
4
4
  export {
5
5
  a as CxAssetLinkFormat,
@@ -19,7 +19,7 @@ import { default as w } from "./details.js";
19
19
  import { default as _ } from "./diff.js";
20
20
  import { C as N } from "../chunks/dialog.ICoCAj6Z.js";
21
21
  import { default as U } from "./divider.js";
22
- import { C as z } from "../chunks/document-viewer.CXynVA4R.js";
22
+ import { C as z } from "../chunks/document-viewer.C_3p-Fr2.js";
23
23
  import { C as K } from "../chunks/dot-pagination.CzVpiv00.js";
24
24
  import { default as q } from "./dot-status.js";
25
25
  import { default as Q } from "./drawer.js";
@@ -85,7 +85,7 @@ import { default as it } from "./visually-hidden.js";
85
85
  import { fontAwesomeIconNames as mt, getAnimationNames as pt, getEasingNames as ft } from "./atoms.js";
86
86
  import { c as Ct } from "../chunks/component.styles.CRO4Odto.js";
87
87
  import { g as ut, a as ct, s as gt } from "../chunks/animation-registry.HmpwNuGH.js";
88
- import { s as At, u as It, X as St, v as Dt, n as bt, C as yt, m as ht, _ as Ft, $ as Et, a0 as Pt, a2 as Rt, a1 as Lt, a3 as vt, a4 as Vt, a5 as Bt, a6 as Mt, a7 as Ot, l as wt, Y as Gt, w as _t, Z as kt, x as Nt, y as Ht, z as Ut, k as Xt, a8 as zt, B as Wt, E as Kt, G as jt, H as qt, a9 as Yt, j as Qt, J as Zt, K as Jt, h as $t, U as ao, V as eo, aa as to, f as oo, L as ro, M as so, N as xo, P as io, Q as lo, ab as mo, ac as po, R as fo, T as no, ad as Co, ae as uo, e as co, W as go, af as To, ag as Ao } from "../chunks/types.D9i8EgKJ.js";
88
+ import { s as At, u as It, X as St, v as Dt, n as bt, C as yt, m as ht, _ as Ft, $ as Et, a0 as Pt, a2 as Rt, a1 as Lt, a3 as vt, a4 as Vt, a5 as Bt, a6 as Mt, a7 as Ot, l as wt, Y as Gt, w as _t, Z as kt, x as Nt, y as Ht, z as Ut, k as Xt, a8 as zt, B as Wt, E as Kt, G as jt, H as qt, a9 as Yt, j as Qt, J as Zt, K as Jt, h as $t, U as ao, V as eo, aa as to, f as oo, L as ro, M as so, N as xo, P as io, Q as lo, ab as mo, ac as po, R as fo, T as no, ad as Co, ae as uo, e as co, W as go, af as To, ag as Ao } from "../chunks/types.CRoGmgCO.js";
89
89
  import { default as So } from "./bicolor-picker.js";
90
90
  import { default as bo } from "./border-input-group.js";
91
91
  import { C as ho } from "../chunks/color-swatch.Caved2kL.js";
@@ -93,7 +93,7 @@ import { C as Eo } from "../chunks/confirm-popover.BpYjy5nJ.js";
93
93
  import { default as Ro } from "./corner-position-input-group.js";
94
94
  import { default as vo } from "./cropper.js";
95
95
  import { default as Bo } from "./dynamic-select.js";
96
- import { C as Oo, e as wo, f as Go } from "../chunks/color-swatch-group.DJqdDogB.js";
96
+ import { C as Oo, e as wo, f as Go } from "../chunks/color-swatch-group.D1evXBSR.js";
97
97
  import { C as ko } from "../chunks/folder-select.CP0NPc0S.js";
98
98
  import { default as Ho } from "./masonry.js";
99
99
  import { default as Xo } from "./padding-input-group.js";
@@ -104,7 +104,7 @@ import { default as Zo } from "./sidebar.js";
104
104
  import { default as $o } from "./size-input-group.js";
105
105
  import { default as er } from "./stepper-wizard.js";
106
106
  import { default as or } from "./typeface.js";
107
- import { C as sr } from "../chunks/asset-link-format.a59f8lRl.js";
107
+ import { C as sr } from "../chunks/asset-link-format.B-tXtkr4.js";
108
108
  import { default as ir } from "./file-on-demand.js";
109
109
  import { C as mr, E as pr, b as fr, G as nr, a as Cr, O as dr, T as ur } from "../chunks/index.Cpamj0jB.js";
110
110
  import { CortexPopupController as gr, DateRangePresets as Tr, DragScroll as Ar, HistoryManager as Ir, KeyboardKey as Sr, PRECISION as Dr, downloadAsset as br, extractFrames as yr, findFrameByColAndRow as hr, getBrowserFontVariants as Fr, getFontFamilyOptionValue as Er, getFormControls as Pr, getInterval as Rr, getTypefaceOptionValue as Lr, insertFrameToCache as vr, isFontFamilyAvailable as Vr, isFormInteracted as Br, isModKey as Mr, isoWeekNumber as Or, omit as wr, openAssetOverview as Gr, openFolderOverview as _r, openLink as kr, parseJsonString as Nr, parseListString as Hr, pick as Ur, quoteFontFamily as Xr, readLocalStorageValue as zr, serialize as Wr, shareAsset as Kr, sortTypefaceVariants as jr, testFontAvailability as qr, unquoteFontFamily as Yr, writeLocalStorageValue as Qr } from "../utils.js";
@@ -139,7 +139,7 @@ import { s as Gi } from "../chunks/parse.Cu5nBDTb.js";
139
139
  import { b as ki, n as Ni, d as Hi, e as Ui, f as Xi, y as zi, o as Wi, g as Ki, h as ji, l as qi, p as Yi, z as Qi, x as Zi, a as Ji, c as $i, s as al, w as el, r as tl, t as ol, q as rl, v as sl, i as xl, m as il, u as ll } from "../chunks/string.Demn8Xmk.js";
140
140
  import { g as pl, a as fl } from "../chunks/template.ClovJacp.js";
141
141
  import { c as Cl, f as dl, a as ul, g as cl } from "../chunks/time.DYWuX2id.js";
142
- import { A as Tl, j as Al, i as Il, S as Sl, a as Dl, d as bl, g as yl, b as hl, f as Fl, e as El, h as Pl, p as Rl, r as Ll, c as vl } from "../chunks/transformation.JkkMVin_.js";
142
+ import { A as Tl, j as Al, i as Il, S as Sl, d as Dl, c as bl, g as yl, b as hl, f as Fl, e as El, h as Pl, p as Rl, r as Ll, a as vl } from "../chunks/transformation.DNl_AZs1.js";
143
143
  import { R as Bl, f as Ml, g as Ol, h as wl, U as Gl, b as _l, a as kl, d as Nl, c as Hl, i as Ul, r as Xl, t as zl, e as Wl } from "../chunks/url.CGdWC06g.js";
144
144
  import { C as jl } from "../chunks/lib-cortex-element.CVMmyPMC.js";
145
145
  export {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@orangelogic/design-system",
3
3
  "type": "module",
4
- "version": "3.7.0",
4
+ "version": "3.8.0",
5
5
  "license": "UNLICENSED",
6
6
  "types": "library/types.d.ts",
7
7
  "scripts": {
@@ -6,6 +6,14 @@ export type ExtendedGalleryItem = GalleryItem & {
6
6
  [key: string]: string | undefined;
7
7
  };
8
8
  type FetchImageControllerOptions = {
9
+ /**
10
+ * Whether delivery URLs carry the `.auto` marker, letting the backend serve a rendition
11
+ * suited to the asset instead of the file the URL names.
12
+ *
13
+ * Defaults to `false`: a consumer opts in deliberately, so a surface that needs the
14
+ * asset exactly as stored (an editor preview, say) never picks this up by accident.
15
+ */
16
+ autoFormat?: boolean;
9
17
  isSiteBuilder?: boolean;
10
18
  maxEnd?: number;
11
19
  pageSize?: number;
@@ -24,6 +32,8 @@ export declare class FetchImageController implements ReactiveController {
24
32
  private readonly authToken;
25
33
  private securityByPassToken;
26
34
  private readonly isSiteBuilder;
35
+ /** Whether delivery URLs carry the `.auto` marker. See `FetchImageControllerOptions`. */
36
+ private readonly autoFormat;
27
37
  private requestEpoch;
28
38
  constructor(host: ReactiveElement, options?: FetchImageControllerOptions);
29
39
  get totalDataCount(): number;
package/library/utils.js CHANGED
@@ -34,7 +34,7 @@ import { s as Ma } from "./chunks/parse.Cu5nBDTb.js";
34
34
  import { b as Aa, n as ya, d as Ca, e as xa, f as Ea, y as Ia, o as La, g as Fa, h as Ra, l as Oa, p as ba, z as Va, x as va, a as _a, c as ka, s as Ua, w as Ya, r as Na, t as Pa, q as Wa, v as Xa, i as Ha, m as Ba, u as Ga } from "./chunks/string.Demn8Xmk.js";
35
35
  import { g as za, a as qa } from "./chunks/template.ClovJacp.js";
36
36
  import { c as ja, f as Za, a as Ja, g as Ka } from "./chunks/time.DYWuX2id.js";
37
- import { A as es, j as rs, i as as, S as ss, a as os, d as ns, g as is, b as ls, f as cs, e as us, h as ms, p as fs, r as hs, c as gs } from "./chunks/transformation.JkkMVin_.js";
37
+ import { A as es, j as rs, i as as, S as ss, d as os, c as ns, g as is, b as ls, f as cs, e as us, h as ms, p as fs, r as hs, a as gs } from "./chunks/transformation.DNl_AZs1.js";
38
38
  function n(t) {
39
39
  const e = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0"), s = String(t.getDate()).padStart(2, "0");
40
40
  return `${e}-${r}-${s}`;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@orangelogic/design-system",
3
3
  "type": "module",
4
- "version": "3.7.0",
4
+ "version": "3.8.0",
5
5
  "license": "UNLICENSED",
6
6
  "types": "library/types.d.ts",
7
7
  "scripts": {