@orangelogic/design-system 3.7.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 (25) hide show
  1. package/library/chunks/{asset-link-format.a59f8lRl.js → asset-link-format.BLKOUD2l.js} +1005 -979
  2. package/library/chunks/{color-swatch-group.DJqdDogB.js → color-swatch-group.Bvq6xkM-.js} +2 -3
  3. package/library/chunks/{document-viewer.CXynVA4R.js → document-viewer.CRMRT7Ou.js} +1 -2
  4. package/library/chunks/{index.Cszcira8.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.D9i8EgKJ.js → types.Bin5fi-e.js} +5579 -5594
  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 +119 -138
  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/tools/src/fetch-image/fetch-image.d.ts +10 -0
  19. package/library/packages/types/src/gallery-item.d.ts +1 -0
  20. package/library/packages/types/src/masonry.d.ts +1 -0
  21. package/library/react-web-component.d.ts +4 -4
  22. package/library/utils.js +96 -97
  23. package/package.json +1 -1
  24. package/library/chunks/content-builder.BX4pHujE.js +0 -60
  25. package/library/chunks/transformation.JkkMVin_.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.a59f8lRl.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.JkkMVin_.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.CXynVA4R.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.DJqdDogB.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.CXynVA4R.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,34 +1,33 @@
1
- import S from "./grid.js";
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";
9
- import { a as b } from "../chunks/index.Cpamj0jB.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
- import { r as x } from "../chunks/state.CSDxrqLd.js";
15
- import { e as D } from "../chunks/query.BBf1UFkC.js";
16
- import { e as h } from "../chunks/class-map.BiVq-cVR.js";
17
- import { o as d } from "../chunks/if-defined.BRoBj_Rp.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";
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 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;
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";
21
+ var d = /* @__PURE__ */ ((t) => (t.Masonry = "masonry", t.Standard = "standard", t))(d || {});
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
- 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);
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
  }
33
32
  getAllItems() {
34
33
  return Array.from(this.list.querySelectorAll(".masonry-list__item"));
@@ -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((e) => {
41
- e && e.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 = M.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 : E(t.extension, t.size);
81
- }
82
- handleItemClick(t, e) {
77
+ handleItemClick(t, a) {
83
78
  this.emit("cx-masonry-select", {
84
- detail: { event: t, item: e }
79
+ detail: { event: t, item: a }
85
80
  });
86
81
  }
87
82
  handleSortableUpdate(t) {
88
- const e = this.data[t.oldIndex], r = [...this.data];
89
- r.splice(t.oldIndex, 1), r.splice(t.newIndex, 0, e);
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,147 +93,133 @@ 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 e = (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 l`<cx-icon-button class="masonry-list__item__action" name=${d(r.icon)} src=${d(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
- return l`<cx-space class="masonry-list__item__actions" direction="horizontal" spacing="x-small" justify-content="space-around">${g(
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 ? l`<cx-tooltip content=${r.tooltip}>${e(r)}</cx-tooltip>` : e(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 l`<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 e = (c) => {
129
- this.handleItemClick(c, t);
130
- }, r = this.resolveItemFormat(t), s = f(t.src, {
131
- extension: t.extension,
132
- format: r
133
- }), o = _(s, {
134
- extension: t.extension,
135
- format: r,
136
- maxWidth: v(this.manualFormat, t.maxWidth)
137
- });
138
- return l`<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({
139
127
  "masonry-list__item": !0,
140
128
  "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>`;
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>`;
142
130
  }
143
131
  )}</div>`;
144
132
  }
145
133
  renderStandard() {
146
- return l`<cx-grid columns=${this.cols} spacing="var(--cx-spacing-${this.spacing})" use-flex-gap class="masonry-list" part="list">${g(
134
+ return n`<cx-grid columns=${this.cols} spacing="var(--cx-spacing-${this.spacing})" use-flex-gap class="masonry-list" part="list">${g(
147
135
  this.data,
148
136
  (t) => t[this.idKey],
149
137
  (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, {
156
- extension: t.extension,
157
- format: r,
158
- maxWidth: v(this.manualFormat, t.maxWidth)
159
- });
160
- return l`<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({
161
142
  "masonry-list__item": !0,
162
143
  "masonry-list__item--error": t.hasError ?? !1
163
- })} style=${u({
144
+ })} style=${y({
164
145
  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>`;
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>`;
166
147
  }
167
148
  )}</cx-grid>`;
168
149
  }
169
150
  render() {
170
- return l`<div part="base" class=${h({
151
+ return n`<div part="base" class=${m({
171
152
  container: !0,
172
- "container--masonry": this.variant === m.Masonry,
153
+ "container--masonry": this.variant === d.Masonry,
173
154
  "container--sortable": this.sortable,
174
- "container--standard": this.variant === m.Standard
175
- })}>${y(
176
- this.variant === m.Masonry,
155
+ "container--standard": this.variant === d.Standard
156
+ })}>${u(
157
+ this.variant === d.Masonry,
177
158
  () => this.renderMasonry(),
178
159
  () => this.renderStandard()
179
160
  )}</div>`;
180
161
  }
181
162
  };
182
- a.styles = [A, K];
183
- a.dependencies = {
184
- "cx-grid": S,
185
- "cx-grid-item": $,
186
- "cx-icon-button": C,
187
- "cx-image": I,
188
- "cx-space": w,
189
- "cx-tooltip": F
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
190
171
  };
191
- i([
192
- D(".masonry-list")
193
- ], a.prototype, "list", 2);
194
- i([
195
- n({ type: Array })
196
- ], a.prototype, "data", 2);
197
- i([
198
- n({ reflect: !0, type: String })
199
- ], a.prototype, "variant", 2);
200
- i([
201
- n({ reflect: !0, type: Number })
202
- ], a.prototype, "cols", 2);
203
- i([
204
- n({ attribute: "row-height", type: String })
205
- ], a.prototype, "rowHeight", 2);
206
- i([
207
- n({ type: Array })
208
- ], a.prototype, "actions", 2);
209
- i([
210
- n({ reflect: !0, type: Boolean })
211
- ], a.prototype, "sortable", 2);
212
- i([
213
- n({ reflect: !0, type: String })
214
- ], a.prototype, "spacing", 2);
215
- i([
216
- n({ attribute: "id-key", reflect: !0, type: String })
217
- ], a.prototype, "idKey", 2);
218
- i([
219
- n({ attribute: "format", reflect: !0, type: String })
220
- ], a.prototype, "format", 2);
221
- i([
222
- n({ attribute: "manual-format", reflect: !0, type: Boolean })
223
- ], a.prototype, "manualFormat", 2);
224
- i([
225
- n({ attribute: "no-crossorigin", reflect: !0, type: Boolean })
226
- ], a.prototype, "noCrossorigin", 2);
227
- i([
228
- x()
229
- ], a.prototype, "sortableInstance", 2);
230
- i([
231
- x()
232
- ], a.prototype, "previous", 2);
233
- i([
234
- x()
235
- ], a.prototype, "abortDrag", 2);
236
- i([
237
- z("sortable", { waitUntilFirstUpdate: !0 })
238
- ], a.prototype, "handleSortableChange", 1);
239
- a = i([
240
- U("cx-masonry")
241
- ], a);
172
+ e([
173
+ A(".masonry-list")
174
+ ], i.prototype, "list", 2);
175
+ e([
176
+ s({ type: Array })
177
+ ], i.prototype, "data", 2);
178
+ e([
179
+ s({ reflect: !0, type: String })
180
+ ], i.prototype, "variant", 2);
181
+ e([
182
+ s({ reflect: !0, type: Number })
183
+ ], i.prototype, "cols", 2);
184
+ e([
185
+ s({ attribute: "row-height", type: String })
186
+ ], i.prototype, "rowHeight", 2);
187
+ e([
188
+ s({ type: Array })
189
+ ], i.prototype, "actions", 2);
190
+ e([
191
+ s({ reflect: !0, type: Boolean })
192
+ ], i.prototype, "sortable", 2);
193
+ e([
194
+ s({ reflect: !0, type: String })
195
+ ], i.prototype, "spacing", 2);
196
+ e([
197
+ s({ attribute: "id-key", reflect: !0, type: String })
198
+ ], i.prototype, "idKey", 2);
199
+ e([
200
+ s({ attribute: "format", reflect: !0, type: String })
201
+ ], i.prototype, "format", 2);
202
+ e([
203
+ s({ attribute: "manual-format", reflect: !0, type: Boolean })
204
+ ], i.prototype, "manualFormat", 2);
205
+ e([
206
+ s({ attribute: "no-crossorigin", reflect: !0, type: Boolean })
207
+ ], i.prototype, "noCrossorigin", 2);
208
+ e([
209
+ b()
210
+ ], i.prototype, "sortableInstance", 2);
211
+ e([
212
+ b()
213
+ ], i.prototype, "previous", 2);
214
+ e([
215
+ b()
216
+ ], i.prototype, "abortDrag", 2);
217
+ e([
218
+ U("sortable", { waitUntilFirstUpdate: !0 })
219
+ ], i.prototype, "handleSortableChange", 1);
220
+ i = e([
221
+ k("cx-masonry")
222
+ ], i);
242
223
  export {
243
- a as default
224
+ i as default
244
225
  };
package/library/components/organisms.js CHANGED
@@ -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.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,