@orangelogic/design-system 4.29.0 → 4.30.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.
@@ -79,8 +79,8 @@ import { t as Pt } from "./position-picker.CyXlSYCi.js";
79
79
  import { t as Ft } from "./shadow-input-group.CFb61kzG.js";
80
80
  import { t as It } from "./size-input-group.Z_9n7Nv6.js";
81
81
  import { C as Lt, S as Rt, T as zt, _ as Bt, b as Vt, c as Ht, f as Ut, g as Wt, h as Gt, i as Kt, l as qt, n as Jt, o as Yt, p as Xt, r as Zt, s as P, t as Qt, u as $t, v as en, w as tn, x as nn, y as rn } from "./asset-link-format.DLmg4fTR.js";
82
- import { c as an, d as on, f as sn, n as cn, u as ln } from "./color-swatch-group.Cf9NcMte.js";
83
- import { B as un, C as dn, H as fn, J as pn, P as mn, Q as hn, R as gn, U as _n, V as vn, X as yn, Y as F, Z as I, f as bn, g as xn, k as L, p as Sn, y as Cn, z as wn } from "./configs-controller.R67BMWep.js";
82
+ import { c as an, d as on, f as sn, n as cn, u as ln } from "./color-swatch-group.BTrVIgkv.js";
83
+ import { B as un, C as dn, H as fn, J as pn, P as mn, Q as hn, R as gn, U as _n, V as vn, X as yn, Y as F, Z as I, f as bn, g as xn, k as L, p as Sn, y as Cn, z as wn } from "./configs-controller.8izRFSig.js";
84
84
  import { a as Tn } from "./cloneDeep.C6x5LNv3.js";
85
85
  //#region ../../packages/types/src/icon-picker.ts
86
86
  var En = /* @__PURE__ */ function(e) {
@@ -48,7 +48,7 @@ import Xe from "../components/format-number.js";
48
48
  import { t as Ze } from "./menu-section.BzzA6L5E.js";
49
49
  import { n as Qe, t as $e } from "./pagination.By0sijVv.js";
50
50
  import { t as et } from "./sortable.esm.W3y3EWKS.js";
51
- import { t as tt } from "./color-swatch.CoiPHwMX.js";
51
+ import { t as tt } from "./color-swatch.CcWp7P5w.js";
52
52
  import { t as nt } from "./debounce.DrhImrNP.js";
53
53
  import { c as rt, o as it, s as at, t as ot } from "./_baseIteratee.DWc2-Bvm.js";
54
54
  import { n as st, r as ct, t as lt } from "./_baseUniq.h_pGICPH.js";
@@ -108,7 +108,7 @@ var N = t`:host{isolation:isolate;display:block}.color-swatch{border:1px solid v
108
108
  key: "PMS",
109
109
  value: this.pms
110
110
  }
111
- ].filter((e) => this.showCodes.includes(e.key)), n = this.codeAlignment === E.SeparateLine ? "vertical" : "horizontal";
111
+ ].filter((e) => this.showCodes.includes(e.key)), n = this.codeAlignment === E.SeparateLine ? "vertical" : "horizontal", r = e`<cx-typography variant="h5" part="name" class="color-swatch__name" style=${h({ "--color": this.textColor })}>${this.name}</cx-typography>`, i = e`<cx-space direction="vertical" spacing=${this.rowGap} part="content">${b(t, (e) => e.key, (t) => e`<cx-space direction=${n} align-items=${n === "vertical" ? "flex-start" : "center"} spacing=${n === "vertical" ? "3x-small" : "small"} part="item" wrap="nowrap"><cx-typography variant=${this.textVariant} class="color-swatch__key" part="key" style=${h({ "--color": this.textColor })}>${t.key}</cx-typography>${m(this.canCopy && t.value !== "", () => e`<cx-copy-button part="copy-button" tabindex=${p(this.canFocusCodeOnly ? void 0 : "-1")} class="color-swatch__copy-button" copy-label=${this.localize.term("clickToCopy")} focus-copy-label=${this.localize.term("pressEnterOrCtrlCToCopy")} label=${`${t.key} ${t.value}`} no-icon hoist value=${t.value}><cx-line-clamp lines=${this.lineClamp} disabled-tooltip class=${f({ "color-swatch__value-wrapper": !0 })}><cx-typography variant=${this.textVariant} style=${h({ "--color": this.textColor })} class="color-swatch__value" part="value">${t.value}</cx-typography></cx-line-clamp></cx-copy-button>`, () => e`<cx-line-clamp lines=${this.lineClamp} disabled-tooltip class="color-swatch__value-wrapper"><cx-typography variant=${this.textVariant} style=${h({ "--color": this.textColor })} class="color-swatch__value" part="value">${t.value}</cx-typography></cx-line-clamp>`)}</cx-space>`)}</cx-space>`;
112
112
  return e`<cx-resize-observer @cx-resize=${this.handleResize}><div part="base" tabindex=${p(this.canFocusContainer ? "0" : void 0)} class=${f({
113
113
  "color-swatch": !0,
114
114
  "color-swatch--circle": this.variant === M.Circle,
@@ -117,7 +117,7 @@ var N = t`:host{isolation:isolate;display:block}.color-swatch{border:1px solid v
117
117
  })} style=${h({
118
118
  backgroundColor: this.backgroundColor,
119
119
  ...this.gradientImage ? { backgroundImage: this.gradientImage } : {}
120
- })} @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut}><cx-space part="content" direction="vertical" class="color-swatch__content"><cx-typography variant="h5" part="name" class="color-swatch__name" style=${h({ "--color": this.textColor })}>${this.name}</cx-typography><cx-space direction="vertical" spacing=${this.rowGap} part="content">${b(t, (e) => e.key, (t) => e`<cx-space direction=${n} align-items=${n === "vertical" ? "flex-start" : "center"} spacing=${n === "vertical" ? "3x-small" : "small"} part="item" wrap="nowrap"><cx-typography variant=${this.textVariant} class="color-swatch__key" part="key" style=${h({ "--color": this.textColor })}>${t.key}</cx-typography>${m(this.canCopy && t.value !== "", () => e`<cx-copy-button part="copy-button" tabindex=${p(this.canFocusCodeOnly ? void 0 : "-1")} class="color-swatch__copy-button" copy-label=${this.localize.term("clickToCopy")} focus-copy-label=${this.localize.term("pressEnterOrCtrlCToCopy")} label=${`${t.key} ${t.value}`} no-icon hoist value=${t.value}><cx-line-clamp lines=${this.lineClamp} disabled-tooltip class=${f({ "color-swatch__value-wrapper": !0 })}><cx-typography variant=${this.textVariant} style=${h({ "--color": this.textColor })} class="color-swatch__value" part="value">${t.value}</cx-typography></cx-line-clamp></cx-copy-button>`, () => e`<cx-line-clamp lines=${this.lineClamp} disabled-tooltip class="color-swatch__value-wrapper"><cx-typography variant=${this.textVariant} style=${h({ "--color": this.textColor })} class="color-swatch__value" part="value">${t.value}</cx-typography></cx-line-clamp>`)}</cx-space>`)}</cx-space></cx-space></div></cx-resize-observer>`;
120
+ })} @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut}><cx-space part="content" direction="vertical" class="color-swatch__content">${m(this.variant === M.Circle || this.variant === M.Oval, () => e`<cx-space direction="vertical" spacing="medium" align-items="stretch">${r}${i}</cx-space>`, () => e`${r}${i}`)}</cx-space></div></cx-resize-observer>`;
121
121
  }
122
122
  };
123
123
  i([s(".color-swatch"), a("design:type", typeof HTMLDivElement > "u" ? Object : HTMLDivElement)], P.prototype, "containerEl", void 0), i([n({
@@ -14,7 +14,7 @@ import { t as b } from "./style-map.DPGQIxip.js";
14
14
  import { t as x } from "./button.CI1tg4c9.js";
15
15
  import { t as ee } from "./tooltip.CGCOh4cQ.js";
16
16
  import { t as te } from "./line-clamp.DlenWria.js";
17
- import { C as ne, D as re, E as ie, O as ae, S as oe, T as se, _ as ce, a as le, b as ue, c as de, g as fe, i as pe, l 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.rWsXJkoW.js";
17
+ import { C as ne, D as re, E as ie, O as ae, S as oe, T as se, _ as ce, a as le, b as ue, c as de, g as fe, i as pe, l 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.D0anJjOD.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";
@@ -63,7 +63,7 @@ import { T as K } from "./asset-link-format.DLmg4fTR.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.R67BMWep.js";
66
+ import { C as nt, i as rt, o as J, t as it } from "./configs-controller.8izRFSig.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 b, p as ve, s as x } from "./responsive.L9Csz2w2.js";
16
16
  import { n as ye, r as be } from "./header.BaWpIXRz.js";
17
17
  import { d as xe, f as S, l as C, o as w, s as Se } from "./endpoints.jOHOmF_t.js";
18
18
  import { n as Ce } from "./folder-select.CzNXsgl_.js";
19
- import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.Cf9NcMte.js";
19
+ import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.BTrVIgkv.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/color-swatch-group.Cf9NcMte.js";
1
+ import { t as e } from "../chunks/color-swatch-group.BTrVIgkv.js";
2
2
  export { e as default };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/color-swatch.CoiPHwMX.js";
1
+ import { t as e } from "../chunks/color-swatch.CcWp7P5w.js";
2
2
  export { e as default };
@@ -1,6 +1,6 @@
1
1
  import { t as e } from "../chunks/bicolor-picker.C9XSuhnX.js";
2
2
  import { t } from "../chunks/border-input-group.DESRXoh1.js";
3
- import { t as n } from "../chunks/color-swatch.CoiPHwMX.js";
3
+ import { t as n } from "../chunks/color-swatch.CcWp7P5w.js";
4
4
  import { t as r } from "../chunks/confirm-popover.CaNKM2dH.js";
5
5
  import { t as i } from "../chunks/corner-position-input-group.CPrsYabs.js";
6
6
  import { t as a } from "../chunks/cropper.D4ymxgab.js";
@@ -1,4 +1,4 @@
1
1
  import { t as e } from "../chunks/asset-link-format.DLmg4fTR.js";
2
- import { t } from "../chunks/color-swatch-group.Cf9NcMte.js";
2
+ import { t } from "../chunks/color-swatch-group.BTrVIgkv.js";
3
3
  import { t as n } from "../chunks/file-on-demand.C_2vBGS3.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.DlenWria.js";
39
39
  import { t as jt } from "../chunks/tag.CWTVcGc7.js";
40
40
  import { t as Mt } from "../chunks/array-line-clamp.AbuJqKJ3.js";
41
- import { A as Nt, C as Pt, D as Ft, E as It, O as Lt, S as Rt, T as zt, d as Bt, f as Vt, h as Ht, k as Ut, m as Wt, o as Gt, p as Kt, r as qt, s as Jt, t as Yt, u as Xt, w as Zt, x as Qt } from "../chunks/block-width.rWsXJkoW.js";
41
+ import { A as Nt, C as Pt, D as Ft, E as It, O as Lt, S as Rt, T as zt, d as Bt, f as Vt, h as Ht, k as Ut, m as Wt, o as Gt, p as Kt, r as qt, s as Jt, t as Yt, u as Xt, w as Zt, x as Qt } from "../chunks/block-width.D0anJjOD.js";
42
42
  import { n as $t, t as en } from "../chunks/position-picker.dY_vgF_H.js";
43
43
  import { a as tn, i as nn, n as rn, o as an, r as on, s as sn, t as cn } from "../chunks/src.BJhIYoMP.js";
44
44
  import { a as ln, c as un, i as dn, n as fn, o as pn, r as mn, t as hn, u as gn } from "../chunks/time.p1t0NCwj.js";
@@ -146,7 +146,7 @@ import { t as Ps } from "../chunks/v4.JyXW8GUB.js";
146
146
  import { n as Fs, t as Is } from "../chunks/video.Ba5xl_3K.js";
147
147
  import { t as Ls } from "../chunks/bicolor-picker.C9XSuhnX.js";
148
148
  import { t as Rs } from "../chunks/border-input-group.DESRXoh1.js";
149
- import { t as zs } from "../chunks/color-swatch.CoiPHwMX.js";
149
+ import { t as zs } from "../chunks/color-swatch.CcWp7P5w.js";
150
150
  import { t as Bs } from "../chunks/confirm-popover.CaNKM2dH.js";
151
151
  import { t as Vs } from "../chunks/corner-position-input-group.CPrsYabs.js";
152
152
  import { t as Hs } from "../chunks/cropper.D4ymxgab.js";
@@ -166,11 +166,11 @@ import { t as rc } from "../chunks/size-input-group.Z_9n7Nv6.js";
166
166
  import { t as ic } from "../chunks/stepper-wizard.BCNJD-aa.js";
167
167
  import { t as ac } from "../chunks/typeface.BU6CLTXo.js";
168
168
  import { T as oc, _ as sc, a as cc, b as lc, c as uc, d as dc, l as fc, m as pc, n as mc, o as hc, r as gc, s as _c, t as vc, v as yc } from "../chunks/asset-link-format.DLmg4fTR.js";
169
- import { c as bc, h as xc, l as Sc, m as Cc, p as eee, t as tee, u as wc } from "../chunks/color-swatch-group.Cf9NcMte.js";
169
+ import { c as bc, h as xc, l as Sc, m as Cc, p as eee, t as tee, u as wc } from "../chunks/color-swatch-group.BTrVIgkv.js";
170
170
  import { n as nee } from "../chunks/isArrayLikeObject.Da3IzQeH.js";
171
171
  import { t as ree } from "../chunks/file-on-demand.C_2vBGS3.js";
172
172
  import "../events.js";
173
- import { $ as Tc, A as iee, D as Ec, E as aee, F as oee, G as Dc, I as see, K as cee, L as lee, M as uee, N as dee, O as Oc, P as kc, Q as Ac, S as jc, T as Mc, W as Nc, _ as Pc, a as Fc, b as Ic, c as Lc, d as Rc, et as zc, h as Bc, i as Vc, j as fee, k as pee, l as mee, m as hee, nt as Hc, q as gee, r as _ee, rt as vee, s as Uc, t as Wc, tt as Gc, u as Kc, v as qc, w as yee, x as bee } from "../chunks/configs-controller.R67BMWep.js";
173
+ import { $ as Tc, A as iee, D as Ec, E as aee, F as oee, G as Dc, I as see, K as cee, L as lee, M as uee, N as dee, O as Oc, P as kc, Q as Ac, S as jc, T as Mc, W as Nc, _ as Pc, a as Fc, b as Ic, c as Lc, d as Rc, et as zc, h as Bc, i as Vc, j as fee, k as pee, l as mee, m as hee, nt as Hc, q as gee, r as _ee, rt as vee, s as Uc, t as Wc, tt as Gc, u as Kc, v as qc, w as yee, x as bee } from "../chunks/configs-controller.8izRFSig.js";
174
174
  import { i as xee } from "../chunks/timer.M6Aa3L_j.js";
175
175
  import { a as See, c as Cee, d as Jc, f as Yc, i as Xc, l as Zc, n as wee, o as Tee, r as Eee, s as Qc, t as $c, u as el } from "../chunks/src.CLGAM3OO.js";
176
176
  import { t as tl } from "../chunks/value.C4_tUrAq.js";
@@ -95057,7 +95057,7 @@ var j5 = class extends d {
95057
95057
  return this.mappedSupportedLanguages.length > 1;
95058
95058
  }
95059
95059
  ensureConfigUi() {
95060
- return this.configUiPromise ??= Promise.all([import("../chunks/config-manager.FRWbPVTc.js"), import("../chunks/configs-controller.R67BMWep.js").then((e) => e.n)]).then(async ([, e]) => {
95060
+ return this.configUiPromise ??= Promise.all([import("../chunks/config-manager.gcdPEXK6.js"), import("../chunks/configs-controller.8izRFSig.js").then((e) => e.n)]).then(async ([, e]) => {
95061
95061
  this.configsController ??= new e.default(this.localize), await customElements.whenDefined("cx-config-manager"), await this.configManager?.updateComplete;
95062
95062
  });
95063
95063
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@orangelogic/design-system",
3
3
  "type": "module",
4
- "version": "4.29.0",
4
+ "version": "4.30.0",
5
5
  "license": "UNLICENSED",
6
6
  "types": "library/types.d.ts",
7
7
  "scripts": {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@orangelogic/design-system",
3
3
  "type": "module",
4
- "version": "4.29.0",
4
+ "version": "4.30.0",
5
5
  "license": "UNLICENSED",
6
6
  "types": "library/types.d.ts",
7
7
  "scripts": {