@orangelogic/design-system 3.8.0 → 3.9.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.B-tXtkr4.js → asset-link-format.BLKOUD2l.js} +595 -584
  2. package/library/chunks/{color-swatch-group.D1evXBSR.js → color-swatch-group.Bvq6xkM-.js} +2 -3
  3. package/library/chunks/{document-viewer.C_3p-Fr2.js → document-viewer.CRMRT7Ou.js} +1 -2
  4. package/library/chunks/{index.B60ncEsL.js → index.4gEMGYGn.js} +4 -4
  5. package/library/chunks/{toast.C5Ir5yKA.js → toast.CCWVobz5.js} +1 -1
  6. package/library/chunks/transformation.D27sTUdZ.js +392 -0
  7. package/library/chunks/{types.CRoGmgCO.js → types.Bin5fi-e.js} +5539 -5548
  8. package/library/components/asset-link-format.js +2 -2
  9. package/library/components/atoms.js +1 -1
  10. package/library/components/color-swatch-group.js +3 -3
  11. package/library/components/document-viewer.js +1 -1
  12. package/library/components/masonry.js +95 -108
  13. package/library/components/organisms.js +2 -2
  14. package/library/components/types.js +130 -131
  15. package/library/package.json +1 -1
  16. package/library/packages/molecules/src/masonry/masonry.d.ts +0 -2
  17. package/library/packages/services/src/api/asset/asset.d.ts +1 -1
  18. package/library/packages/types/src/gallery-item.d.ts +1 -0
  19. package/library/packages/types/src/masonry.d.ts +1 -0
  20. package/library/react-web-component.d.ts +4 -4
  21. package/library/utils.js +96 -97
  22. package/package.json +1 -1
  23. package/library/chunks/content-builder.BX4pHujE.js +0 -60
  24. package/library/chunks/transformation.DNl_AZs1.js +0 -334
package/library/components/asset-link-format.js CHANGED
@@ -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.B-tXtkr4.js";
6
+ import { C as h } from "../chunks/asset-link-format.BLKOUD2l.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.DNl_AZs1.js";
14
+ import "../chunks/transformation.D27sTUdZ.js";
15
15
  import "../chunks/lit-element.jLBm65_O.js";
16
16
  import "../chunks/state.CSDxrqLd.js";
17
17
  import "../chunks/when.Dr1es41R.js";
package/library/components/atoms.js CHANGED
@@ -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.C_3p-Fr2.js";
23
+ import { C as re } from "../chunks/document-viewer.CRMRT7Ou.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";
package/library/components/color-swatch-group.js CHANGED
@@ -3,13 +3,13 @@ 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.D1evXBSR.js";
7
- import "../chunks/content-builder.BX4pHujE.js";
6
+ import { C as v } from "../chunks/color-swatch-group.Bvq6xkM-.js";
7
+ import "../chunks/transformation.D27sTUdZ.js";
8
8
  import "../chunks/custom-element.L4WJXn1j.js";
9
9
  import "../chunks/debounce.DaHuiSGU.js";
10
10
  import "../chunks/i18n.BA19xtyU.js";
11
11
  import "../chunks/watch.DJF5K-8U.js";
12
- import "../chunks/toast.C5Ir5yKA.js";
12
+ import "../chunks/toast.CCWVobz5.js";
13
13
  import "../chunks/lit-element.jLBm65_O.js";
14
14
  import "../chunks/state.CSDxrqLd.js";
15
15
  import "../chunks/query.BBf1UFkC.js";
package/library/components/document-viewer.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import "../chunks/resizable-component.styles.CAfXABBc.js";
2
- import { C as b } from "../chunks/document-viewer.C_3p-Fr2.js";
2
+ import { C as b } from "../chunks/document-viewer.CRMRT7Ou.js";
3
3
  import "../chunks/component.styles.CRO4Odto.js";
4
4
  import "../chunks/index.Cpamj0jB.js";
5
5
  import "../chunks/custom-element.L4WJXn1j.js";
package/library/components/masonry.js CHANGED
@@ -1,32 +1,31 @@
1
- import v from "./grid.js";
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";
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 z } from "../chunks/watch.DJF5K-8U.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
- import { r as x } from "../chunks/state.CSDxrqLd.js";
15
- import { e as j } from "../chunks/query.BBf1UFkC.js";
16
- import { e as h } from "../chunks/class-map.BiVq-cVR.js";
1
+ import f from "./grid.js";
2
+ import _ from "./grid-item.js";
3
+ import { C as v } from "../chunks/icon-button.BWJ1Vqn5.js";
4
+ import { C as $ } from "../chunks/image.BsLsWySo.js";
5
+ import S from "./space.js";
6
+ import C from "./tooltip.js";
7
+ import { n as s, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
8
+ import { c as I } from "../chunks/component.styles.CRO4Odto.js";
9
+ import { a as x } from "../chunks/index.Cpamj0jB.js";
10
+ import { c as k } from "../chunks/custom-element.L4WJXn1j.js";
11
+ import { w as U } from "../chunks/watch.DJF5K-8U.js";
12
+ import { i as z, x as n } from "../chunks/lit-element.jLBm65_O.js";
13
+ import { r as b } from "../chunks/state.CSDxrqLd.js";
14
+ import { e as A } from "../chunks/query.BBf1UFkC.js";
15
+ import { e as m } from "../chunks/class-map.BiVq-cVR.js";
17
16
  import { o as c } from "../chunks/if-defined.BRoBj_Rp.js";
18
17
  import { c as g } from "../chunks/repeat.CFjcER6_.js";
19
- import { o as u } from "../chunks/style-map.llVFPd__.js";
20
- import { n as y } from "../chunks/when.Dr1es41R.js";
21
- import { S as D } from "../chunks/sortable.esm.oSzf6C5Q.js";
18
+ import { o as y } from "../chunks/style-map.llVFPd__.js";
19
+ import { n as u } from "../chunks/when.Dr1es41R.js";
20
+ import { S as E } from "../chunks/sortable.esm.oSzf6C5Q.js";
22
21
  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;
22
+ const j = z`: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}`;
23
+ var D = Object.defineProperty, F = Object.getOwnPropertyDescriptor, e = (t, a, r, o) => {
24
+ for (var l = o > 1 ? void 0 : o ? F(a, r) : a, p = t.length - 1, h; p >= 0; p--)
25
+ (h = t[p]) && (l = (o ? h(a, r, l) : h(l)) || l);
26
+ return o && l && D(a, r, l), l;
28
27
  };
29
- let a = class extends k {
28
+ let i = class extends w {
30
29
  constructor() {
31
30
  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
31
  }
@@ -37,15 +36,15 @@ let a = class extends k {
37
36
  t.item && (this.previous = [t.item.previousSibling]);
38
37
  }
39
38
  async handleEnd(t) {
40
- await this.updateComplete, this.sortableInstance && (t.item && this.previous.forEach((i) => {
41
- i && i.after(t.item);
39
+ await this.updateComplete, this.sortableInstance && (t.item && this.previous.forEach((a) => {
40
+ a && a.after(t.item);
42
41
  }), this.requestUpdate());
43
42
  }
44
43
  destroySortable() {
45
44
  this.sortableInstance && (this.sortableInstance.destroy(), this.sortableInstance = null);
46
45
  }
47
46
  initSortable() {
48
- this.sortableInstance = D.create(this.list, {
47
+ this.sortableInstance = E.create(this.list, {
49
48
  animation: 100,
50
49
  onAdd: this.handleSortableUpdate,
51
50
  onEnd: this.handleEnd,
@@ -75,19 +74,15 @@ let a = class extends k {
75
74
  const t = Number.isFinite(this.cols) && this.cols > 0 ? this.cols : 1;
76
75
  return `${Math.round(100 / t)}vw`;
77
76
  }
78
- /** The format one item is served under: the configured one, or derived from the item. */
79
- resolveItemFormat(t) {
80
- return this.manualFormat ? this.format : U(t.extension, t.size);
81
- }
82
- handleItemClick(t, i) {
77
+ handleItemClick(t, a) {
83
78
  this.emit("cx-masonry-select", {
84
- detail: { event: t, item: i }
79
+ detail: { event: t, item: a }
85
80
  });
86
81
  }
87
82
  handleSortableUpdate(t) {
88
- const i = this.data[t.oldIndex], r = [...this.data];
89
- r.splice(t.oldIndex, 1), r.splice(t.newIndex, 0, i);
90
- const s = {
83
+ const a = this.data[t.oldIndex], r = [...this.data];
84
+ r.splice(t.oldIndex, 1), r.splice(t.newIndex, 0, a);
85
+ const o = {
91
86
  from: t.from,
92
87
  item: t.item,
93
88
  items: this.getAllItems(),
@@ -98,44 +93,40 @@ let a = class extends k {
98
93
  type: t.type
99
94
  };
100
95
  this.emit("cx-reorder", {
101
- detail: s
96
+ detail: o
102
97
  });
103
98
  }
104
99
  renderActions(t) {
105
- const i = (r) => {
106
- const s = () => {
100
+ const a = (r) => {
101
+ const o = () => {
107
102
  this.emit(r.event, {
108
103
  detail: { item: t }
109
104
  });
110
105
  };
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({
106
+ return n`<cx-icon-button class="masonry-list__item__action" name=${c(r.icon)} src=${c(r.src)} @click=${o} size="small" style=${y({
112
107
  color: r.color
113
108
  })}></cx-icon-button>`;
114
109
  };
115
110
  return n`<cx-space class="masonry-list__item__actions" direction="horizontal" spacing="x-small" justify-content="space-around">${g(
116
111
  this.actions,
117
112
  (r) => r.event,
118
- (r) => r.tooltip ? n`<cx-tooltip content=${r.tooltip}>${i(r)}</cx-tooltip>` : i(r)
113
+ (r) => r.tooltip ? n`<cx-tooltip content=${r.tooltip}>${a(r)}</cx-tooltip>` : a(r)
119
114
  )}</cx-space>`;
120
115
  }
121
116
  renderMasonry() {
122
- return n`<div class="masonry-list" style=${u({
117
+ return n`<div class="masonry-list" style=${y({
123
118
  "column-count": this.cols
124
119
  })} part="list">${g(
125
120
  this.data,
126
121
  (t) => t[this.idKey],
127
122
  (t) => {
128
- const i = (s) => {
129
- this.handleItemClick(s, t);
130
- }, r = f(t.src, {
131
- extension: t.extension,
132
- format: this.resolveItemFormat(t),
133
- maxWidth: _(this.manualFormat, t.maxWidth)
134
- });
135
- return n`<div data-id=${t[this.idKey]} class=${h({
123
+ const a = (r) => {
124
+ this.handleItemClick(r, t);
125
+ };
126
+ return n`<div data-id=${t[this.idKey]} class=${m({
136
127
  "masonry-list__item": !0,
137
128
  "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>`;
129
+ })} part="item" @click=${a}><cx-image part="image" class="masonry-list__item__image" alt=${t.alt || ""} src=${t.src} srcset=${c(t.srcset || void 0)} sizes=${c(t.srcset ? this.itemSizes : void 0)} object-fit=${t.objectFit || x.Cover} ?loading=${t.loading} ?no-crossorigin=${this.noCrossorigin} retry-on-error></cx-image>${u(this.actions.length > 0, () => this.renderActions(t))}</div>`;
139
130
  }
140
131
  )}</div>`;
141
132
  }
@@ -144,95 +135,91 @@ let a = class extends k {
144
135
  this.data,
145
136
  (t) => t[this.idKey],
146
137
  (t) => {
147
- const i = (s) => {
148
- this.handleItemClick(s, t);
149
- }, r = f(t.src, {
150
- extension: t.extension,
151
- format: this.resolveItemFormat(t),
152
- maxWidth: _(this.manualFormat, t.maxWidth)
153
- });
154
- return n`<cx-grid-item xs="1"><div class=${h({
138
+ const a = (r) => {
139
+ this.handleItemClick(r, t);
140
+ };
141
+ return n`<cx-grid-item xs="1"><div class=${m({
155
142
  "masonry-list__item": !0,
156
143
  "masonry-list__item--error": t.hasError ?? !1
157
- })} style=${u({
144
+ })} style=${y({
158
145
  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>`;
146
+ })} part="item" @click=${a} data-id=${t[this.idKey]}><cx-image part="image" class="masonry-list__item__image" alt=${t.alt || ""} src=${t.src} srcset=${c(t.srcset || void 0)} sizes=${c(t.srcset ? this.itemSizes : void 0)} width="100%" height="100%" object-fit=${t.objectFit || x.Cover} retry-on-error ?loading=${t.loading} ?no-crossorigin=${this.noCrossorigin}></cx-image>${u(this.actions.length > 0, () => this.renderActions(t))}</div></cx-grid-item>`;
160
147
  }
161
148
  )}</cx-grid>`;
162
149
  }
163
150
  render() {
164
- return n`<div part="base" class=${h({
151
+ return n`<div part="base" class=${m({
165
152
  container: !0,
166
153
  "container--masonry": this.variant === d.Masonry,
167
154
  "container--sortable": this.sortable,
168
155
  "container--standard": this.variant === d.Standard
169
- })}>${y(
156
+ })}>${u(
170
157
  this.variant === d.Masonry,
171
158
  () => this.renderMasonry(),
172
159
  () => this.renderStandard()
173
160
  )}</div>`;
174
161
  }
175
162
  };
176
- a.styles = [F, M];
177
- a.dependencies = {
178
- "cx-grid": v,
179
- "cx-grid-item": $,
180
- "cx-icon-button": S,
181
- "cx-image": C,
182
- "cx-space": I,
183
- "cx-tooltip": w
163
+ i.styles = [I, j];
164
+ i.dependencies = {
165
+ "cx-grid": f,
166
+ "cx-grid-item": _,
167
+ "cx-icon-button": v,
168
+ "cx-image": $,
169
+ "cx-space": S,
170
+ "cx-tooltip": C
184
171
  };
185
172
  e([
186
- j(".masonry-list")
187
- ], a.prototype, "list", 2);
173
+ A(".masonry-list")
174
+ ], i.prototype, "list", 2);
188
175
  e([
189
- o({ type: Array })
190
- ], a.prototype, "data", 2);
176
+ s({ type: Array })
177
+ ], i.prototype, "data", 2);
191
178
  e([
192
- o({ reflect: !0, type: String })
193
- ], a.prototype, "variant", 2);
179
+ s({ reflect: !0, type: String })
180
+ ], i.prototype, "variant", 2);
194
181
  e([
195
- o({ reflect: !0, type: Number })
196
- ], a.prototype, "cols", 2);
182
+ s({ reflect: !0, type: Number })
183
+ ], i.prototype, "cols", 2);
197
184
  e([
198
- o({ attribute: "row-height", type: String })
199
- ], a.prototype, "rowHeight", 2);
185
+ s({ attribute: "row-height", type: String })
186
+ ], i.prototype, "rowHeight", 2);
200
187
  e([
201
- o({ type: Array })
202
- ], a.prototype, "actions", 2);
188
+ s({ type: Array })
189
+ ], i.prototype, "actions", 2);
203
190
  e([
204
- o({ reflect: !0, type: Boolean })
205
- ], a.prototype, "sortable", 2);
191
+ s({ reflect: !0, type: Boolean })
192
+ ], i.prototype, "sortable", 2);
206
193
  e([
207
- o({ reflect: !0, type: String })
208
- ], a.prototype, "spacing", 2);
194
+ s({ reflect: !0, type: String })
195
+ ], i.prototype, "spacing", 2);
209
196
  e([
210
- o({ attribute: "id-key", reflect: !0, type: String })
211
- ], a.prototype, "idKey", 2);
197
+ s({ attribute: "id-key", reflect: !0, type: String })
198
+ ], i.prototype, "idKey", 2);
212
199
  e([
213
- o({ attribute: "format", reflect: !0, type: String })
214
- ], a.prototype, "format", 2);
200
+ s({ attribute: "format", reflect: !0, type: String })
201
+ ], i.prototype, "format", 2);
215
202
  e([
216
- o({ attribute: "manual-format", reflect: !0, type: Boolean })
217
- ], a.prototype, "manualFormat", 2);
203
+ s({ attribute: "manual-format", reflect: !0, type: Boolean })
204
+ ], i.prototype, "manualFormat", 2);
218
205
  e([
219
- o({ attribute: "no-crossorigin", reflect: !0, type: Boolean })
220
- ], a.prototype, "noCrossorigin", 2);
206
+ s({ attribute: "no-crossorigin", reflect: !0, type: Boolean })
207
+ ], i.prototype, "noCrossorigin", 2);
221
208
  e([
222
- x()
223
- ], a.prototype, "sortableInstance", 2);
209
+ b()
210
+ ], i.prototype, "sortableInstance", 2);
224
211
  e([
225
- x()
226
- ], a.prototype, "previous", 2);
212
+ b()
213
+ ], i.prototype, "previous", 2);
227
214
  e([
228
- x()
229
- ], a.prototype, "abortDrag", 2);
215
+ b()
216
+ ], i.prototype, "abortDrag", 2);
230
217
  e([
231
- z("sortable", { waitUntilFirstUpdate: !0 })
232
- ], a.prototype, "handleSortableChange", 1);
233
- a = e([
234
- A("cx-masonry")
235
- ], a);
218
+ U("sortable", { waitUntilFirstUpdate: !0 })
219
+ ], i.prototype, "handleSortableChange", 1);
220
+ i = e([
221
+ k("cx-masonry")
222
+ ], i);
236
223
  export {
237
- a as default
224
+ i as default
238
225
  };
package/library/components/organisms.js CHANGED
@@ -1,5 +1,5 @@
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";
1
+ import { C as a } from "../chunks/asset-link-format.BLKOUD2l.js";
2
+ import { C as t } from "../chunks/color-swatch-group.Bvq6xkM-.js";
3
3
  import { default as C } from "./file-on-demand.js";
4
4
  export {
5
5
  a as CxAssetLinkFormat,