@orangelogic/design-system 3.6.0 → 3.7.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 (24) hide show
  1. package/library/chunks/{asset-link-format.Bj6HJXSZ.js → asset-link-format.a59f8lRl.js} +854 -850
  2. package/library/chunks/{color-swatch-group.Bz2acokX.js → color-swatch-group.DJqdDogB.js} +1 -1
  3. package/library/chunks/{document-viewer.BZw451dy.js → document-viewer.CXynVA4R.js} +1 -1
  4. package/library/chunks/{index.Bf5ia_yC.js → index.Cszcira8.js} +3 -3
  5. package/library/chunks/{transformation.CkwgrwKQ.js → transformation.JkkMVin_.js} +130 -108
  6. package/library/chunks/{types.BjHMUzQj.js → types.D9i8EgKJ.js} +11250 -11232
  7. package/library/components/asset-link-format.js +2 -2
  8. package/library/components/atoms.js +1 -1
  9. package/library/components/color-swatch-group.js +1 -1
  10. package/library/components/document-viewer.js +1 -1
  11. package/library/components/masonry.js +97 -91
  12. package/library/components/organisms.js +2 -2
  13. package/library/components/types.js +95 -93
  14. package/library/package.json +1 -1
  15. package/library/packages/molecules/src/icon-picker/icon-picker.d.ts +2 -0
  16. package/library/packages/molecules/src/masonry/masonry.d.ts +1 -1
  17. package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts +6 -0
  18. package/library/packages/organisms/src/content-builder-viewer/content-builder-viewer.d.ts +5 -5
  19. package/library/packages/services/src/api/asset/asset.d.ts +1 -2
  20. package/library/packages/types/src/masonry.d.ts +1 -0
  21. package/library/packages/utils/src/transformation/transformation.d.ts +42 -7
  22. package/library/react-web-component.d.ts +2 -2
  23. package/library/utils.js +83 -81
  24. package/package.json +1 -1
@@ -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.Bj6HJXSZ.js";
6
+ import { C as h } from "../chunks/asset-link-format.a59f8lRl.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.CkwgrwKQ.js";
14
+ import "../chunks/transformation.JkkMVin_.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.BZw451dy.js";
23
+ import { C as re } from "../chunks/document-viewer.CXynVA4R.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.Bz2acokX.js";
6
+ import { C as v } from "../chunks/color-swatch-group.DJqdDogB.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.BZw451dy.js";
2
+ import { C as b } from "../chunks/document-viewer.CXynVA4R.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 v from "./grid.js";
1
+ import S from "./grid.js";
2
2
  import $ from "./grid-item.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";
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";
9
9
  import { a as b } from "../chunks/index.Cpamj0jB.js";
10
- import { c as A } from "../chunks/custom-element.L4WJXn1j.js";
11
- import { w as U } from "../chunks/watch.DJF5K-8U.js";
12
- import { r as z, b as f, a as _ } from "../chunks/transformation.CkwgrwKQ.js";
13
- import { i as E, x as n } from "../chunks/lit-element.jLBm65_O.js";
10
+ import { c as U } from "../chunks/custom-element.L4WJXn1j.js";
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";
14
14
  import { r as x } from "../chunks/state.CSDxrqLd.js";
15
- import { e as j } from "../chunks/query.BBf1UFkC.js";
15
+ import { e as D } from "../chunks/query.BBf1UFkC.js";
16
16
  import { e as h } from "../chunks/class-map.BiVq-cVR.js";
17
- import { o as c } from "../chunks/if-defined.BRoBj_Rp.js";
17
+ import { o as d } 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 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;
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;
28
28
  };
29
29
  let a = class extends k {
30
30
  constructor() {
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);
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);
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((i) => {
41
- i && i.after(t.item);
40
+ await this.updateComplete, this.sortableInstance && (t.item && this.previous.forEach((e) => {
41
+ e && e.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 = D.create(this.list, {
48
+ this.sortableInstance = M.create(this.list, {
49
49
  animation: 100,
50
50
  onAdd: this.handleSortableUpdate,
51
51
  onEnd: this.handleEnd,
@@ -75,18 +75,18 @@ let a = class extends k {
75
75
  const t = Number.isFinite(this.cols) && this.cols > 0 ? this.cols : 1;
76
76
  return `${Math.round(100 / t)}vw`;
77
77
  }
78
- /** The format one item is served under: the configured one, or derived from its extension. */
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 : z(t);
80
+ return this.manualFormat ? this.format : E(t.extension, t.size);
81
81
  }
82
- handleItemClick(t, i) {
82
+ handleItemClick(t, e) {
83
83
  this.emit("cx-masonry-select", {
84
- detail: { event: t, item: i }
84
+ detail: { event: t, item: e }
85
85
  });
86
86
  }
87
87
  handleSortableUpdate(t) {
88
- const i = this.data[t.oldIndex], r = [...this.data];
89
- r.splice(t.oldIndex, 1), r.splice(t.newIndex, 0, i);
88
+ const e = this.data[t.oldIndex], r = [...this.data];
89
+ r.splice(t.oldIndex, 1), r.splice(t.newIndex, 0, e);
90
90
  const s = {
91
91
  from: t.from,
92
92
  item: t.item,
@@ -102,136 +102,142 @@ let a = class extends k {
102
102
  });
103
103
  }
104
104
  renderActions(t) {
105
- const i = (r) => {
105
+ const e = (r) => {
106
106
  const s = () => {
107
107
  this.emit(r.event, {
108
108
  detail: { item: t }
109
109
  });
110
110
  };
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({
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({
112
112
  color: r.color
113
113
  })}></cx-icon-button>`;
114
114
  };
115
- return n`<cx-space class="masonry-list__item__actions" direction="horizontal" spacing="x-small" justify-content="space-around">${g(
115
+ return l`<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 ? n`<cx-tooltip content=${r.tooltip}>${i(r)}</cx-tooltip>` : i(r)
118
+ (r) => r.tooltip ? l`<cx-tooltip content=${r.tooltip}>${e(r)}</cx-tooltip>` : e(r)
119
119
  )}</cx-space>`;
120
120
  }
121
121
  renderMasonry() {
122
- return n`<div class="masonry-list" style=${u({
122
+ return l`<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 i = (s) => {
129
- this.handleItemClick(s, t);
130
- }, r = f(t.src, {
128
+ const e = (c) => {
129
+ this.handleItemClick(c, t);
130
+ }, r = this.resolveItemFormat(t), s = f(t.src, {
131
131
  extension: t.extension,
132
- format: this.resolveItemFormat(t.extension),
133
- maxWidth: _(this.manualFormat, t.maxWidth)
132
+ format: r
133
+ }), o = _(s, {
134
+ extension: t.extension,
135
+ format: r,
136
+ maxWidth: v(this.manualFormat, t.maxWidth)
134
137
  });
135
- return n`<div data-id=${t[this.idKey]} class=${h({
138
+ return l`<div data-id=${t[this.idKey]} class=${h({
136
139
  "masonry-list__item": !0,
137
140
  "masonry-list__item--error": t.hasError ?? !1
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>`;
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>`;
139
142
  }
140
143
  )}</div>`;
141
144
  }
142
145
  renderStandard() {
143
- return n`<cx-grid columns=${this.cols} spacing="var(--cx-spacing-${this.spacing})" use-flex-gap class="masonry-list" part="list">${g(
146
+ return l`<cx-grid columns=${this.cols} spacing="var(--cx-spacing-${this.spacing})" use-flex-gap class="masonry-list" part="list">${g(
144
147
  this.data,
145
148
  (t) => t[this.idKey],
146
149
  (t) => {
147
- const i = (s) => {
148
- this.handleItemClick(s, t);
149
- }, r = f(t.src, {
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, {
150
156
  extension: t.extension,
151
- format: this.resolveItemFormat(t.extension),
152
- maxWidth: _(this.manualFormat, t.maxWidth)
157
+ format: r,
158
+ maxWidth: v(this.manualFormat, t.maxWidth)
153
159
  });
154
- return n`<cx-grid-item xs="1"><div class=${h({
160
+ return l`<cx-grid-item xs="1"><div class=${h({
155
161
  "masonry-list__item": !0,
156
162
  "masonry-list__item--error": t.hasError ?? !1
157
163
  })} style=${u({
158
164
  height: this.rowHeight
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>`;
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>`;
160
166
  }
161
167
  )}</cx-grid>`;
162
168
  }
163
169
  render() {
164
- return n`<div part="base" class=${h({
170
+ return l`<div part="base" class=${h({
165
171
  container: !0,
166
- "container--masonry": this.variant === d.Masonry,
172
+ "container--masonry": this.variant === m.Masonry,
167
173
  "container--sortable": this.sortable,
168
- "container--standard": this.variant === d.Standard
174
+ "container--standard": this.variant === m.Standard
169
175
  })}>${y(
170
- this.variant === d.Masonry,
176
+ this.variant === m.Masonry,
171
177
  () => this.renderMasonry(),
172
178
  () => this.renderStandard()
173
179
  )}</div>`;
174
180
  }
175
181
  };
176
- a.styles = [F, M];
182
+ a.styles = [A, K];
177
183
  a.dependencies = {
178
- "cx-grid": v,
184
+ "cx-grid": S,
179
185
  "cx-grid-item": $,
180
- "cx-icon-button": S,
181
- "cx-image": C,
182
- "cx-space": I,
183
- "cx-tooltip": w
186
+ "cx-icon-button": C,
187
+ "cx-image": I,
188
+ "cx-space": w,
189
+ "cx-tooltip": F
184
190
  };
185
- e([
186
- j(".masonry-list")
191
+ i([
192
+ D(".masonry-list")
187
193
  ], a.prototype, "list", 2);
188
- e([
189
- o({ type: Array })
194
+ i([
195
+ n({ type: Array })
190
196
  ], a.prototype, "data", 2);
191
- e([
192
- o({ reflect: !0, type: String })
197
+ i([
198
+ n({ reflect: !0, type: String })
193
199
  ], a.prototype, "variant", 2);
194
- e([
195
- o({ reflect: !0, type: Number })
200
+ i([
201
+ n({ reflect: !0, type: Number })
196
202
  ], a.prototype, "cols", 2);
197
- e([
198
- o({ attribute: "row-height", type: String })
203
+ i([
204
+ n({ attribute: "row-height", type: String })
199
205
  ], a.prototype, "rowHeight", 2);
200
- e([
201
- o({ type: Array })
206
+ i([
207
+ n({ type: Array })
202
208
  ], a.prototype, "actions", 2);
203
- e([
204
- o({ reflect: !0, type: Boolean })
209
+ i([
210
+ n({ reflect: !0, type: Boolean })
205
211
  ], a.prototype, "sortable", 2);
206
- e([
207
- o({ reflect: !0, type: String })
212
+ i([
213
+ n({ reflect: !0, type: String })
208
214
  ], a.prototype, "spacing", 2);
209
- e([
210
- o({ attribute: "id-key", reflect: !0, type: String })
215
+ i([
216
+ n({ attribute: "id-key", reflect: !0, type: String })
211
217
  ], a.prototype, "idKey", 2);
212
- e([
213
- o({ attribute: "format", reflect: !0, type: String })
218
+ i([
219
+ n({ attribute: "format", reflect: !0, type: String })
214
220
  ], a.prototype, "format", 2);
215
- e([
216
- o({ attribute: "manual-format", reflect: !0, type: Boolean })
221
+ i([
222
+ n({ attribute: "manual-format", reflect: !0, type: Boolean })
217
223
  ], a.prototype, "manualFormat", 2);
218
- e([
219
- o({ attribute: "no-crossorigin", reflect: !0, type: Boolean })
224
+ i([
225
+ n({ attribute: "no-crossorigin", reflect: !0, type: Boolean })
220
226
  ], a.prototype, "noCrossorigin", 2);
221
- e([
227
+ i([
222
228
  x()
223
229
  ], a.prototype, "sortableInstance", 2);
224
- e([
230
+ i([
225
231
  x()
226
232
  ], a.prototype, "previous", 2);
227
- e([
233
+ i([
228
234
  x()
229
235
  ], a.prototype, "abortDrag", 2);
230
- e([
231
- U("sortable", { waitUntilFirstUpdate: !0 })
236
+ i([
237
+ z("sortable", { waitUntilFirstUpdate: !0 })
232
238
  ], a.prototype, "handleSortableChange", 1);
233
- a = e([
234
- A("cx-masonry")
239
+ a = i([
240
+ U("cx-masonry")
235
241
  ], a);
236
242
  export {
237
243
  a as default
@@ -1,5 +1,5 @@
1
- import { C as a } from "../chunks/asset-link-format.Bj6HJXSZ.js";
2
- import { C as t } from "../chunks/color-swatch-group.Bz2acokX.js";
1
+ import { C as a } from "../chunks/asset-link-format.a59f8lRl.js";
2
+ import { C as t } from "../chunks/color-swatch-group.DJqdDogB.js";
3
3
  import { default as C } from "./file-on-demand.js";
4
4
  export {
5
5
  a as CxAssetLinkFormat,