@orangelogic/design-system 3.48.0 → 3.49.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.
@@ -14,7 +14,7 @@ import { t as b } from "./style-map.DPGQIxip.js";
14
14
  import { t as x } from "./button.Ccrk9fUD.js";
15
15
  import { t as ee } from "./tooltip.CGCOh4cQ.js";
16
16
  import { t as te } from "./line-clamp.DV3tlosD.js";
17
- import { C as ne, E as re, S as ie, T as ae, _ as oe, a as se, b as ce, c as le, g as ue, h as de, i as fe, l as pe, m as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.CqVLiUIp.js";
17
+ import { C as ne, E as re, S as ie, T as ae, _ as oe, a as se, b as ce, c as le, g as ue, h as de, i as fe, l as pe, m as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.CsW9WAor.js";
18
18
  import { t as O } from "./typography.B0mkhqTB.js";
19
19
  import { t as k } from "./button-group.CPfXrqyq.js";
20
20
  import { t as A } from "./card.3c-X4hqR.js";
@@ -59,11 +59,11 @@ import { t as Je } from "./padding-input-group.DKIv6567.js";
59
59
  import { t as Ye } from "./position-picker.CyXlSYCi.js";
60
60
  import { t as Xe } from "./shadow-input-group.CpjriMC3.js";
61
61
  import { t as Ze } from "./size-input-group.4NN5-92E.js";
62
- import { T as K } from "./asset-link-format.RxnH_rs9.js";
62
+ import { T as K } from "./asset-link-format.BgLwVkjv.js";
63
63
  import { n as Qe } from "./_baseXor.Ca5K0ORC.js";
64
64
  import { n as $e, s as et, t as q } from "./isArrayLikeObject.Da3IzQeH.js";
65
65
  import { i as tt } from "./_baseClone.CnI5Vpqn.js";
66
- import { C as nt, i as rt, o as J, t as it } from "./configs-controller.DdhZNSbu.js";
66
+ import { C as nt, i as rt, o as J, t as it } from "./configs-controller.B1cUuAI_.js";
67
67
  import { t as at } from "./isEmpty.D3QQduJ5.js";
68
68
  import { i as ot } from "./cloneDeep.C6x5LNv3.js";
69
69
  //#region ../../node_modules/lodash-es/difference.js
@@ -16,7 +16,7 @@ import { g as _e, m as ve, p as ye, s as b } from "./responsive.L9Csz2w2.js";
16
16
  import { n as be, r as xe } from "./header.qIpzHeNc.js";
17
17
  import { d as Se, f as x, l as S, o as C, s as Ce } from "./endpoints.jOHOmF_t.js";
18
18
  import { n as w } from "./folder-select.BRJEfeyY.js";
19
- import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.GRM9PH0r.js";
19
+ import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.D2X1lRH8.js";
20
20
  import { n as Te } from "./isEmpty.D3QQduJ5.js";
21
21
  import { a as k } from "./cloneDeep.C6x5LNv3.js";
22
22
  //#region ../../packages/services/src/api/dashboard/dashboard.ts
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/asset-link-format.RxnH_rs9.js";
1
+ import { t as e } from "../chunks/asset-link-format.BgLwVkjv.js";
2
2
  export { e as default };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/color-swatch-group.GRM9PH0r.js";
1
+ import { t as e } from "../chunks/color-swatch-group.D2X1lRH8.js";
2
2
  export { e as default };
@@ -1,4 +1,4 @@
1
- import { t as e } from "../chunks/asset-link-format.RxnH_rs9.js";
2
- import { t } from "../chunks/color-swatch-group.GRM9PH0r.js";
1
+ import { t as e } from "../chunks/asset-link-format.BgLwVkjv.js";
2
+ import { t } from "../chunks/color-swatch-group.D2X1lRH8.js";
3
3
  import { t as n } from "../chunks/file-on-demand.BEq7qWZd.js";
4
4
  export { e as CxAssetLinkFormat, t as CxColorSwatchGroup, n as CxFileOnDemand };
@@ -38,7 +38,7 @@ import { t as kt } from "../chunks/resize-observer.D9EHlnZI.js";
38
38
  import { t as At } from "../chunks/line-clamp.DV3tlosD.js";
39
39
  import { t as jt } from "../chunks/tag.ajqJVQQB.js";
40
40
  import { t as Mt } from "../chunks/array-line-clamp.VOjhwp2T.js";
41
- import { C as Nt, D as Pt, E as Ft, O as It, S as Lt, T as Rt, b as zt, d as Bt, f as Vt, o as Ht, p as Ut, r as Wt, s as Gt, t as Kt, u as qt, w as Jt, x as Yt, y as Xt } from "../chunks/block-width.CqVLiUIp.js";
41
+ import { C as Nt, D as Pt, E as Ft, O as It, S as Lt, T as Rt, b as zt, d as Bt, f as Vt, o as Ht, p as Ut, r as Wt, s as Gt, t as Kt, u as qt, w as Jt, x as Yt, y as Xt } from "../chunks/block-width.CsW9WAor.js";
42
42
  import { n as Zt, t as Qt } from "../chunks/position-picker.dY_vgF_H.js";
43
43
  import { a as $t, i as en, n as tn, o as nn, r as rn, s as an, t as on } from "../chunks/src.BJhIYoMP.js";
44
44
  import { a as sn, c as cn, i as ln, n as un, o as dn, r as fn, t as pn, u as mn } from "../chunks/time.p1t0NCwj.js";
@@ -165,12 +165,12 @@ import { t as Gs } from "../chunks/sidebar.CDTaDQY_.js";
165
165
  import { t as Ks } from "../chunks/size-input-group.4NN5-92E.js";
166
166
  import { t as qs } from "../chunks/stepper-wizard.Bydp0R7p.js";
167
167
  import { t as Js } from "../chunks/typeface.CtBzG7NU.js";
168
- import { T as Ys, _ as Xs, a as Zs, b as Qs, c as $s, d as ec, l as tc, m as nc, n as rc, o as ic, s as ac, t as oc, v as sc } from "../chunks/asset-link-format.RxnH_rs9.js";
169
- import { c as cc, h as lc, l as uc, m as dc, p as fc, t as pc, u as mc } from "../chunks/color-swatch-group.GRM9PH0r.js";
168
+ import { T as Ys, _ as Xs, a as Zs, b as Qs, c as $s, d as ec, l as tc, m as nc, n as rc, o as ic, s as ac, t as oc, v as sc } from "../chunks/asset-link-format.BgLwVkjv.js";
169
+ import { c as cc, h as lc, l as uc, m as dc, p as fc, t as pc, u as mc } from "../chunks/color-swatch-group.D2X1lRH8.js";
170
170
  import { n as hc } from "../chunks/isArrayLikeObject.Da3IzQeH.js";
171
171
  import { t as gc } from "../chunks/file-on-demand.BEq7qWZd.js";
172
172
  import "../events.js";
173
- import { $ as _c, A as vc, D as yc, E as bc, F as xc, G as Sc, I as Cc, K as eee, M as tee, N as nee, O as ree, P as iee, Q as wc, S as Tc, T as aee, U as oee, W as Ec, Z as Dc, _ as see, a as cee, b as Oc, c as kc, d as Ac, et as jc, h as Mc, i as Nc, j as lee, k as uee, l as dee, m as fee, nt as pee, r as mee, s as Pc, t as Fc, tt as Ic, u as Lc, v as Rc, w as zc, x as Bc } from "../chunks/configs-controller.DdhZNSbu.js";
173
+ import { $ as _c, A as vc, D as yc, E as bc, F as xc, G as Sc, I as Cc, K as eee, M as tee, N as nee, O as ree, P as iee, Q as wc, S as Tc, T as aee, U as oee, W as Ec, Z as Dc, _ as see, a as cee, b as Oc, c as kc, d as Ac, et as jc, h as Mc, i as Nc, j as lee, k as uee, l as dee, m as fee, nt as pee, r as mee, s as Pc, t as Fc, tt as Ic, u as Lc, v as Rc, w as zc, x as Bc } from "../chunks/configs-controller.B1cUuAI_.js";
174
174
  import { i as Vc } from "../chunks/timer.M6Aa3L_j.js";
175
175
  import { a as Hc, c as Uc, d as Wc, f as Gc, i as Kc, l as qc, n as Jc, o as Yc, r as Xc, s as Zc, t as Qc, u as $c } from "../chunks/src.CLGAM3OO.js";
176
176
  import { t as el } from "../chunks/value.C4_tUrAq.js";
@@ -14339,8 +14339,8 @@ var f_ = ({ data: e, id: t, label: n, selected: r, source: i, sourcePosition: a,
14339
14339
  ]) });
14340
14340
  let oe = (0, V.useCallback)(() => {
14341
14341
  if (!y) return;
14342
- let e = _()[0], t = b.current?.clientHeight || 0, n = e?.position.x || 0, r = t / 2 / 1 - 29;
14343
- v(n, r, { zoom: 1 });
14342
+ let e = _()[0], t = b.current?.clientHeight || 0, n = e?.measured?.width ?? e?.width ?? 360, r = e ? e.position.x + n / 2 : 0, i = t / 2 / 1 - 29;
14343
+ v(r, i, { zoom: 1 });
14344
14344
  }, [
14345
14345
  _,
14346
14346
  v,
@@ -95017,7 +95017,7 @@ var zTe = [
95017
95017
  return this.mappedSupportedLanguages.length > 1;
95018
95018
  }
95019
95019
  ensureConfigUi() {
95020
- return this.configUiPromise ??= Promise.all([import("../chunks/config-manager.Bskq5Cxr.js"), import("../chunks/configs-controller.DdhZNSbu.js").then((e) => e.n)]).then(async ([, e]) => {
95020
+ return this.configUiPromise ??= Promise.all([import("../chunks/config-manager.CLN0bYHZ.js"), import("../chunks/configs-controller.B1cUuAI_.js").then((e) => e.n)]).then(async ([, e]) => {
95021
95021
  this.configsController ??= new e.default(this.localize), await customElements.whenDefined("cx-config-manager"), await this.configManager?.updateComplete;
95022
95022
  });
95023
95023
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@orangelogic/design-system",
3
3
  "type": "module",
4
- "version": "3.48.0",
4
+ "version": "3.49.0",
5
5
  "license": "UNLICENSED",
6
6
  "types": "library/types.d.ts",
7
7
  "scripts": {
@@ -99,6 +99,9 @@ export default class CxBoard extends CortexElement {
99
99
  private end;
100
100
  private previous;
101
101
  private lastSelectedItem;
102
+ /** Last pointer `clientY` during a drag. */
103
+ private dragPointerY;
104
+ private dragScrollFrame;
102
105
  get selectedCount(): number;
103
106
  /**
104
107
  * Whether the tick, rather than the dash, is what the header should show.
@@ -123,6 +126,8 @@ export default class CxBoard extends CortexElement {
123
126
  */
124
127
  get selectableItems(): BoardItem[];
125
128
  constructor();
129
+ runConnectedCallback(): void;
130
+ disconnectedCallback(): void;
126
131
  private resetSelectedItems;
127
132
  /** Handles the update of items in the board. */
128
133
  private handleUpdateEvent;
@@ -154,6 +159,9 @@ export default class CxBoard extends CortexElement {
154
159
  private selectSingleItem;
155
160
  private handleItemKeydown;
156
161
  handleStart(evt: Sortable.SortableEvent): void;
162
+ private handleDragPointerMove;
163
+ /** Replaces Sortable's auto-scroll, which cannot see lists inside the shadow root. */
164
+ private autoScrollDraggedList;
157
165
  handleUpdate(evt: Sortable.SortableEvent): void;
158
166
  /**
159
167
  * Keeps disabled (`readonly`) rows fixed relative to each other when other rows are reordered.
@@ -184,6 +192,7 @@ export default class CxBoard extends CortexElement {
184
192
  * real item.
185
193
  */
186
194
  private resolveRealInsertIndex;
195
+ private resolveDropIndex;
187
196
  private initSortable;
188
197
  /** Initializes the sortable functionality for the list element. */
189
198
  runFirstUpdated(): void;
@@ -24,6 +24,8 @@ export type CxAssetLinkFormatChangeEvent = CustomEvent<string>;
24
24
  * @property {boolean} no-crop - When true, hides the crop panel.
25
25
  * @property {boolean} no-resize - When true, hides the resize panel.
26
26
  * @property {boolean} no-rotate - When true, hides the rotation panel.
27
+ *
28
+ * @slot footer - Additional content rendered in normal flow after the transformation controls.
27
29
  */
28
30
  export default class CxAssetLinkFormat extends CortexElement {
29
31
  static readonly styles: CSSResultGroup;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@orangelogic/design-system",
3
3
  "type": "module",
4
- "version": "3.48.0",
4
+ "version": "3.49.0",
5
5
  "license": "UNLICENSED",
6
6
  "types": "library/types.d.ts",
7
7
  "scripts": {