@orangelogic/design-system 2.174.0 → 2.176.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 (21) hide show
  1. package/library/chunks/{color-swatch-group.C01UAz1A.js → color-swatch-group.NJnbc24w.js} +696 -699
  2. package/library/chunks/{color-swatch.DpzAGKQx.js → color-swatch.D6Gg5bpz.js} +1 -1
  3. package/library/chunks/{folder-select.BgWvY0t0.js → folder-select.Di9wfqIU.js} +77 -72
  4. package/library/components/color-swatch-group.js +2 -2
  5. package/library/components/color-swatch.js +1 -1
  6. package/library/components/copy-button.js +1 -1
  7. package/library/components/folder-select.js +1 -1
  8. package/library/components/molecules.js +2 -2
  9. package/library/components/organisms.js +1 -1
  10. package/library/components/types.js +16162 -16098
  11. package/library/package.json +1 -1
  12. package/library/packages/atoms/src/components/copy-button/copy-button.d.ts +3 -0
  13. package/library/packages/organisms/src/color-swatch-group/color-swatch-group.constants.d.ts +10 -66
  14. package/library/packages/organisms/src/content-builder/components/config-form/config-form-controller.d.ts +1 -0
  15. package/library/packages/organisms/src/content-builder/content-builder.utils.d.ts +9 -0
  16. package/library/packages/organisms/src/content-builder/plugins/{telemetry.d.ts → telemetry/index.d.ts} +2 -0
  17. package/library/packages/organisms/src/content-builder/{content-builder.telemetry.d.ts → plugins/telemetry/measure.d.ts} +7 -19
  18. package/library/packages/organisms/src/content-builder/plugins/telemetry/metrics.d.ts +106 -0
  19. package/library/packages/utils/src/font/font.d.ts +23 -8
  20. package/library/utils.js +322 -311
  21. package/package.json +1 -1
@@ -19,7 +19,7 @@ import { c as U } from "./repeat.CFjcER6_.js";
19
19
  import { o as l } from "./style-map.llVFPd__.js";
20
20
  import { n as E } from "./when.Dr1es41R.js";
21
21
  var p = /* @__PURE__ */ ((o) => (o.Circle = "circle", o.GridItem = "grid-item", o.Oval = "oval", o))(p || {});
22
- const S = G`:host{display:block}.color-swatch{border:1px solid var(--cx-color-neutral-200);justify-content:center;align-items:center;display:flex}.color-swatch:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-swatch--circle{aspect-ratio:1;height:auto;width:var(--swatch-size,350px);min-width:var(--swatch-size,230px);border-radius:var(--cx-border-radius-circle);max-width:100%}.color-swatch--oval{height:var(--swatch-size,350px);border-radius:calc(var(--swatch-size,350px) / 2);width:100%}.color-swatch--grid{width:100%;height:var(--swatch-size,300px);min-width:var(--swatch-grid-min-width,165px);min-height:var(--swatch-min-height,50px);border:var(--swatch-border,1px solid var(--cx-color-neutral-200));box-shadow:var(--swatch-box-shadow,none);border-radius:var(--swatch-border-radius,var(--cx-border-radius-x-large))}.color-swatch__content{max-height:100%;padding:var(--swatch-content-padding,0);justify-content:space-between;gap:var(--cx-spacing-medium)}.color-swatch--circle>.color-swatch__content{min-width:50%;max-width:75%}.color-swatch--oval>.color-swatch__content{max-width:85%}.color-swatch--grid>.color-swatch__content{width:100%;height:100%;padding:var(--cx-spacing-large) var(--cx-spacing-medium)}.color-swatch__key::part(base){vertical-align:middle;min-width:50px;height:100%}.color-swatch__key[variant=small]::part(base){display:inline-block}.color-swatch__copy-button::part(button){height:fit-content;min-height:fit-content;padding:0;background:0 0!important;border-width:0!important}.color-swatch__copy-button::part(label){height:fit-content;padding:0}.color-swatch__value{text-transform:none}.color-swatch__value::part(base){word-break:break-word}.color-swatch__value-wrapper{text-align:left}.color-swatch__name,.color-swatch__key,.color-swatch__value{--font-family:var(--swatch-font-family), var(--cx-font-sans);--font-style:var(--swatch-font-style,normal);--font-weight:var(--swatch-font-weight);--font-size:var(--swatch-font-size)}`;
22
+ const S = G`:host{display:block}.color-swatch{border:1px solid var(--cx-color-neutral-200);justify-content:center;align-items:center;display:flex}.color-swatch:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-swatch--circle{aspect-ratio:1;height:auto;width:var(--swatch-size,350px);min-width:var(--swatch-size,230px);border-radius:var(--cx-border-radius-circle);max-width:100%}.color-swatch--oval{height:var(--swatch-size,350px);border-radius:calc(var(--swatch-size,350px) / 2);width:100%}.color-swatch--grid{width:100%;height:100%;min-width:var(--swatch-grid-min-width,165px);min-height:max(var(--swatch-size,300px), var(--swatch-min-height,50px));border:var(--swatch-border,1px solid var(--cx-color-neutral-200));box-shadow:var(--swatch-box-shadow,none);border-radius:var(--swatch-border-radius,var(--cx-border-radius-x-large));align-items:stretch}.color-swatch__content{max-height:100%;padding:var(--swatch-content-padding,0);justify-content:space-between;gap:var(--cx-spacing-medium)}.color-swatch--circle>.color-swatch__content{min-width:50%;max-width:75%}.color-swatch--oval>.color-swatch__content{max-width:85%}.color-swatch--grid>.color-swatch__content{width:100%;max-height:none;padding:var(--cx-spacing-large) var(--cx-spacing-medium)}.color-swatch__key::part(base){vertical-align:middle;min-width:50px;height:100%}.color-swatch__key[variant=small]::part(base){display:inline-block}.color-swatch__copy-button::part(button){height:fit-content;min-height:fit-content;padding:0;background:0 0!important;border-width:0!important}.color-swatch__copy-button::part(label){height:fit-content;padding:0}.color-swatch__value{text-transform:none}.color-swatch__value::part(base){word-break:break-word}.color-swatch__value-wrapper{text-align:left}.color-swatch__name,.color-swatch__key,.color-swatch__value{--font-family:var(--swatch-font-family), var(--cx-font-sans);--font-style:var(--swatch-font-style,normal);--font-weight:var(--swatch-font-weight);--font-size:var(--swatch-font-size);--line-height:1.2}`;
23
23
  var V = Object.defineProperty, B = Object.getOwnPropertyDescriptor, e = (o, a, y, d) => {
24
24
  for (var s = d > 1 ? void 0 : d ? B(a, y) : a, m = o.length - 1, C; m >= 0; m--)
25
25
  (C = o[m]) && (s = (d ? C(a, y, s) : C(s)) || s);
@@ -3,26 +3,26 @@ import { C as me } from "./input.B-c9KEAH.js";
3
3
  import se from "../components/line-clamp.js";
4
4
  import ye from "../components/select.js";
5
5
  import ge from "../components/tag.js";
6
- import { C as S, a as xe } from "./tree.B0-6Ny9b.js";
6
+ import { C as F, a as xe } from "./tree.B0-6Ny9b.js";
7
7
  import { n as s, C as N } from "./lib-cortex-element.CVMmyPMC.js";
8
8
  import { h as A, F as be, A as $e } from "./endpoints.CwgTrs4A.js";
9
9
  import { M as P } from "./asset-link-format.ClaYu_v8.js";
10
10
  import { c as ie } from "./component.styles.CRO4Odto.js";
11
11
  import { c as W } from "./custom-element.L4WJXn1j.js";
12
- import { L as H } from "./i18n.DbXTTLXx.js";
12
+ import { L as q } from "./i18n.DbXTTLXx.js";
13
13
  import { w as y } from "./watch.DJF5K-8U.js";
14
- import { g as V, p as X, e as R } from "./string.BhJ0Zogu.js";
14
+ import { g as V, p as X, e as E } from "./string.BhJ0Zogu.js";
15
15
  import { x as g, i as ve } from "./lit-element.jLBm65_O.js";
16
16
  import { r as x } from "./state.CSDxrqLd.js";
17
- import { e as q } from "./query.BBf1UFkC.js";
17
+ import { e as H } from "./query.BBf1UFkC.js";
18
18
  import { r as Ie } from "./choose.BTbF6BAn.js";
19
19
  import { C as ae } from "./button.zWaIO1sl.js";
20
- import { d as Fe } from "./debounce.DaHuiSGU.js";
21
- import { o as u } from "./if-defined.BRoBj_Rp.js";
20
+ import { d as Se } from "./debounce.DaHuiSGU.js";
21
+ import { o as p } from "./if-defined.BRoBj_Rp.js";
22
22
  import { c as G } from "./repeat.CFjcER6_.js";
23
23
  import { o as le } from "./style-map.llVFPd__.js";
24
24
  import { n as k } from "./when.Dr1es41R.js";
25
- import Se from "../components/space.js";
25
+ import Fe from "../components/space.js";
26
26
  import { g as Te } from "./template.ClovJacp.js";
27
27
  import { e as Ce } from "./class-map.BiVq-cVR.js";
28
28
  var v = /* @__PURE__ */ ((e) => (e.CortexPath = "Document.CortexPath", e.DocSubTypeIconColor = "DocSubTypeIconColor", e.DocSubTypeIconImageUrl = "DocSubTypeIconImageUrl", e.DocSubTypeIconName = "DocSubTypeIconName", e.DocSubTypeIsFontIcon = "DocSubTypeIsFontIcon", e.DocType = "CoreField.DocType", e.HasBrowserChildren = "Document.HasBrowserChildren", e.RepresentativeAssetId = "Document.DocumentDirectRepresentativeRID", e.TitleWithFallback = "CoreField.TitleWithFallback", e))(v || {});
@@ -33,15 +33,15 @@ async function Q({
33
33
  bearerToken: r,
34
34
  excludeVirtualFolders: i,
35
35
  folderId: a,
36
- includeDirectChild: f,
36
+ includeDirectChild: u,
37
37
  limit: m = De,
38
- searchTerm: p,
38
+ searchTerm: f,
39
39
  self: b,
40
40
  start: j = 0,
41
- token: ue
41
+ token: pe
42
42
  }) {
43
- let E = [], Z = f ?? !0;
44
- e && e.length > 0 && !a ? (E = e, b = !0, Z = !1) : a && (E = [a]);
43
+ let R = [], Z = u ?? !0;
44
+ e && e.length > 0 && !a ? (R = e, b = !0, Z = !1) : a && (R = [a]);
45
45
  try {
46
46
  return (await A.request({
47
47
  baseURL: t,
@@ -53,12 +53,12 @@ async function Q({
53
53
  IncludeDirectChild: Z,
54
54
  IncludeVirtualFolders: !i,
55
55
  Limit: m,
56
- ObjectRecordIDs: E,
57
- SeeThru: !!p,
56
+ ObjectRecordIDs: R,
57
+ SeeThru: !!f,
58
58
  Self: b,
59
59
  Start: j,
60
- Text: p || void 0,
61
- Token: ue || void 0
60
+ Text: f || void 0,
61
+ Token: pe || void 0
62
62
  },
63
63
  paramsSerializer: {
64
64
  indexes: null
@@ -66,21 +66,21 @@ async function Q({
66
66
  responseType: "json",
67
67
  transformResponse: [
68
68
  ...Array.isArray(A.defaults.transformResponse) ? A.defaults.transformResponse : [],
69
- (F, Le, L) => {
69
+ (S, Le, L) => {
70
70
  if (L !== void 0 && (L < 200 || L >= 300))
71
71
  return {
72
72
  data: [],
73
73
  hasMore: !1,
74
74
  totalCount: 0
75
75
  };
76
- if (!F || typeof F != "object")
76
+ if (!S || typeof S != "object")
77
77
  throw new Error("Invalid response format");
78
- const fe = F.contentItems?.length ?? 0;
78
+ const fe = S.contentItems?.length ?? 0;
79
79
  return {
80
- data: F.contentItems?.map(($) => {
81
- const M = $.fields[v.DocType] ?? "", z = $.fields[v.TitleWithFallback] ?? "", w = $.fields[v.CortexPath] ?? "", O = w.endsWith("/") && w.length > 1 ? w.slice(0, -1) : w;
82
- let J = O;
83
- (M === P.Album || M === P.ProjectDocument) && (J = O ? `${O}/${z}` : z);
80
+ data: S.contentItems?.map(($) => {
81
+ const M = $.fields[v.DocType] ?? "", O = $.fields[v.TitleWithFallback] ?? "", w = $.fields[v.CortexPath] ?? "", z = w.endsWith("/") && w.length > 1 ? w.slice(0, -1) : w;
82
+ let J = z;
83
+ (M === P.Album || M === P.ProjectDocument) && (J = z ? `${z}/${O}` : O);
84
84
  const K = $.fields[v.DocSubTypeIsFontIcon];
85
85
  return {
86
86
  docType: M,
@@ -92,11 +92,11 @@ async function Q({
92
92
  id: $.recordID,
93
93
  isFontIcon: K === void 0 ? void 0 : K === "1",
94
94
  representativeAssetId: $.fields[v.RepresentativeAssetId] ?? "",
95
- title: z
95
+ title: O
96
96
  };
97
97
  }) ?? [],
98
- hasMore: j + fe < F.totalCount,
99
- totalCount: F.totalCount
98
+ hasMore: j + fe < S.totalCount,
99
+ totalCount: S.totalCount
100
100
  };
101
101
  }
102
102
  ],
@@ -115,13 +115,13 @@ const oe = {
115
115
  toAttribute: (e) => e.join(" ")
116
116
  };
117
117
  var T = /* @__PURE__ */ ((e) => (e.Input = "input", e.Select = "select", e))(T || {}), _e = Object.defineProperty, we = Object.getOwnPropertyDescriptor, h = (e, t, r, i) => {
118
- for (var a = i > 1 ? void 0 : i ? we(t, r) : t, f = e.length - 1, m; f >= 0; f--)
119
- (m = e[f]) && (a = (i ? m(t, r, a) : m(a)) || a);
118
+ for (var a = i > 1 ? void 0 : i ? we(t, r) : t, u = e.length - 1, m; u >= 0; u--)
119
+ (m = e[u]) && (a = (i ? m(t, r, a) : m(a)) || a);
120
120
  return i && a && _e(t, r, a), a;
121
121
  };
122
122
  let o = class extends N {
123
123
  constructor() {
124
- super(...arguments), this.localize = new H(this), this.role = "treeitem", this.disabledSyncCheckboxes = !0, this.folderId = "", this.hasChildren = !1, this.selectable = !1, this.fullPath = "", this.docType = P.Story, this.name = "", this.representativeAssetId = "", this.selectedValue = "", this.selection = "single", this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], this.token = "", this.bearerToken = "", this.baseUrl = "", this.searchTerm = "", this.api = Q, this.excludeVirtualFolders = !1, this.url = "", this.icon = "", this.iconName = "", this.iconImageUrl = "", this.iconColor = "", this.isFontIcon = !1, this.data = null, this.hasMore = !1, this.loading = !1;
124
+ super(...arguments), this.localize = new q(this), this.role = "treeitem", this.disabledSyncCheckboxes = !0, this.folderId = "", this.hasChildren = !1, this.selectable = !1, this.fullPath = "", this.docType = P.Story, this.name = "", this.representativeAssetId = "", this.selectedValue = "", this.selection = "single", this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], this.token = "", this.bearerToken = "", this.baseUrl = "", this.searchTerm = "", this.api = Q, this.excludeVirtualFolders = !1, this.url = "", this.icon = "", this.iconName = "", this.iconImageUrl = "", this.iconColor = "", this.isFontIcon = !1, this.data = null, this.hasMore = !1, this.loading = !1;
125
125
  }
126
126
  /**
127
127
  * This is used to render the cx-tree-item inside the cx-folder-item without the shadow root so that the cx-tree can query select the cx-tree-item inside
@@ -196,17 +196,17 @@ let o = class extends N {
196
196
  let a = !1;
197
197
  if (e)
198
198
  for (const m of this.currentRootIDsSet) {
199
- const p = R(m);
200
- if (!p.path.trim() || !p.id.trim())
199
+ const f = E(m);
200
+ if (!f.path.trim() || !f.id.trim())
201
201
  continue;
202
- const b = X(p.path);
202
+ const b = X(f.path);
203
203
  if (b.startsWith(r) && b !== r) {
204
204
  a = !0;
205
205
  break;
206
206
  }
207
207
  }
208
- const f = !i && a;
209
- this.treeItem.selected = i, await this.treeItem.updateComplete, this.treeItem.indeterminate = f;
208
+ const u = !i && a;
209
+ this.treeItem.selected = i, await this.treeItem.updateComplete, this.treeItem.indeterminate = u;
210
210
  }
211
211
  /**
212
212
  * Resolves the icon to render, in priority order:
@@ -232,14 +232,14 @@ let o = class extends N {
232
232
  render() {
233
233
  return g`<cx-tree-item class=${Ce({
234
234
  "folder-select-tree-item": !0
235
- })} data-id=${this.folderId} data-url=${u(this.url)} data-name=${u(this.name?.trim() || void 0)} data-representative-asset-id=${u(
235
+ })} data-id=${this.folderId} data-url=${p(this.url)} data-name=${p(this.name?.trim() || void 0)} data-representative-asset-id=${p(
236
236
  this.representativeAssetId || void 0
237
237
  )} role="option" ?lazy=${this.hasChildren && this.data === null} ?selected=${this.selection === "multiple" ? this.currentRootIDsSet.has(
238
238
  V({ id: this.folderId, path: this.fullPath })
239
239
  ) : this.selectedValue === this.folderId} ?disabled-sync-checkboxes=${this.selection === "multiple"} .selectable=${this.selectable} @cx-lazy-load=${this.handleLazyLoad}><cx-space class="folder-select-tree-item__label" direction="horizontal" spacing="x-small" align-items="center" wrap="nowrap">${this.renderIcon()}<cx-line-clamp lines="1" class="folder-select-tree-item__title">${Te(this.name, this.searchTerm)}</cx-line-clamp></cx-space>${G(
240
240
  this.data || [],
241
241
  (e) => e.id,
242
- (e) => g`<cx-folder-select-tree-item slot="children" folder-id=${e.id} full-path=${e.fullPath} name=${e.title} doc-type=${e.docType} icon-name=${u(e.iconName || void 0)} icon-image-url=${u(e.iconImageUrl || void 0)} icon-color=${u(e.iconColor || void 0)} representative-asset-id=${e.representativeAssetId} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?has-children=${e.hasChildren} ?is-font-icon=${e.isFontIcon} ?selectable=${this.selectable} base-url=${this.baseUrl} url=${u(e.url ?? void 0)} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} value=${e.url}></cx-folder-select-tree-item>`
242
+ (e) => g`<cx-folder-select-tree-item slot="children" folder-id=${e.id} full-path=${e.fullPath} name=${e.title} doc-type=${e.docType} icon-name=${p(e.iconName || void 0)} icon-image-url=${p(e.iconImageUrl || void 0)} icon-color=${p(e.iconColor || void 0)} representative-asset-id=${e.representativeAssetId} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?has-children=${e.hasChildren} ?is-font-icon=${e.isFontIcon} ?selectable=${this.selectable} base-url=${this.baseUrl} url=${p(e.url ?? void 0)} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} value=${e.url}></cx-folder-select-tree-item>`
243
243
  )}
244
244
  ${k(
245
245
  this.hasMore,
@@ -252,11 +252,11 @@ o.dependencies = {
252
252
  "cx-button": ae,
253
253
  "cx-icon": re,
254
254
  "cx-line-clamp": se,
255
- "cx-space": Se,
256
- "cx-tree-item": S
255
+ "cx-space": Fe,
256
+ "cx-tree-item": F
257
257
  };
258
258
  h([
259
- q("cx-tree-item")
259
+ H("cx-tree-item")
260
260
  ], o.prototype, "treeItem", 2);
261
261
  h([
262
262
  s({ attribute: "folder-id", reflect: !0, type: String })
@@ -356,13 +356,13 @@ o = h([
356
356
  var ke = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, ne = (e) => {
357
357
  throw TypeError(e);
358
358
  }, d = (e, t, r, i) => {
359
- for (var a = i > 1 ? void 0 : i ? Ue(t, r) : t, f = e.length - 1, m; f >= 0; f--)
360
- (m = e[f]) && (a = (i ? m(t, r, a) : m(a)) || a);
359
+ for (var a = i > 1 ? void 0 : i ? Ue(t, r) : t, u = e.length - 1, m; u >= 0; u--)
360
+ (m = e[u]) && (a = (i ? m(t, r, a) : m(a)) || a);
361
361
  return i && a && ke(t, r, a), a;
362
362
  }, ce = (e, t, r) => t.has(e) || ne("Cannot " + r), I = (e, t, r) => (ce(e, t, "read from private field"), t.get(e)), B = (e, t, r) => t.has(e) ? ne("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), Y = (e, t, r, i) => (ce(e, t, "write to private field"), t.set(e, r), r), _, U, C;
363
363
  let n = class extends N {
364
364
  constructor() {
365
- super(...arguments), this.localize = new H(this), this.minQueryLength = 1, this.selection = "single", this.searchTerm = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.allowedFolders = [], this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.seeThru = !1, this.extraFolderData = null, this.api = Q, this.excludeVirtualFolders = !1, this.firstFetchCallback = null, this.autoPageSize = !1, this.data = [], this.hasMore = !1, this.loading = !1, this.preloading = !1, this.preloadedFolders = [], this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], B(this, _, !1), B(this, U, 10), B(this, C, /* @__PURE__ */ new Set());
365
+ super(...arguments), this.localize = new q(this), this.minQueryLength = 1, this.selection = "single", this.searchTerm = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.allowedFolders = [], this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.seeThru = !1, this.extraFolderData = null, this.api = Q, this.excludeVirtualFolders = !1, this.firstFetchCallback = null, this.autoPageSize = !1, this.data = [], this.hasMore = !1, this.loading = !1, this.preloading = !1, this.preloadedFolders = [], this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], B(this, _, !1), B(this, U, 10), B(this, C, /* @__PURE__ */ new Set());
366
366
  }
367
367
  get empty() {
368
368
  return !this.loading && this.data.length === 0;
@@ -480,7 +480,7 @@ let n = class extends N {
480
480
  removeDeselectedRootIDs(e) {
481
481
  const t = new Set(
482
482
  [...this.currentRootIDsSet].filter(
483
- (r) => e.has(R(r).id)
483
+ (r) => e.has(E(r).id)
484
484
  )
485
485
  );
486
486
  t.size !== this.currentRootIDsSet.size && (this.currentRootIDsSet = t);
@@ -536,25 +536,25 @@ let n = class extends N {
536
536
  const e = new Set(
537
537
  this.selectedValue.split(/[\s,]+/).filter(Boolean)
538
538
  ), t = new Set(
539
- [...this.currentRootIDsSet].map((p) => R(p).id)
539
+ [...this.currentRootIDsSet].map((f) => E(f).id)
540
540
  ), r = /* @__PURE__ */ new Set([
541
541
  ...t,
542
542
  ...I(this, C)
543
543
  ]), i = [...e].filter(
544
- (p) => !r.has(p)
544
+ (f) => !r.has(f)
545
545
  );
546
546
  if (i.length === 0)
547
547
  return !1;
548
- i.forEach((p) => I(this, C).add(p)), this.preloading = !0;
548
+ i.forEach((f) => I(this, C).add(f)), this.preloading = !0;
549
549
  const a = [];
550
550
  if (await Promise.all(
551
- i.map(async (p) => {
551
+ i.map(async (f) => {
552
552
  try {
553
553
  const { data: b } = await this.api({
554
554
  baseUrl: this.baseUrl,
555
555
  bearerToken: this.bearerToken,
556
556
  excludeVirtualFolders: this.excludeVirtualFolders,
557
- folderId: p,
557
+ folderId: f,
558
558
  includeDirectChild: !1,
559
559
  limit: 1,
560
560
  searchTerm: "",
@@ -567,11 +567,11 @@ let n = class extends N {
567
567
  } catch {
568
568
  }
569
569
  })
570
- ), i.forEach((p) => I(this, C).delete(p)), this.preloading = I(this, C).size > 0, a.length === 0)
570
+ ), i.forEach((f) => I(this, C).delete(f)), this.preloading = I(this, C).size > 0, a.length === 0)
571
571
  return !1;
572
- const f = new Set(this.preloadedFolders.map((p) => p.id)), m = a.filter((p) => !f.has(p.id));
572
+ const u = new Set(this.preloadedFolders.map((f) => f.id)), m = a.filter((f) => !u.has(f.id));
573
573
  return m.length === 0 ? !1 : (this.preloadedFolders = [...this.preloadedFolders, ...m].sort(
574
- (p, b) => p.title.localeCompare(b.title)
574
+ (f, b) => f.title.localeCompare(b.title)
575
575
  ), this.seedSelectionFromValue(m));
576
576
  }
577
577
  /**
@@ -592,13 +592,13 @@ let n = class extends N {
592
592
  let i = !1;
593
593
  for (const a of e)
594
594
  if (a.fullPath && r.has(a.id)) {
595
- const f = V({ id: a.id, path: a.fullPath });
596
- this.currentRootIDsSet.has(f) || (this.currentRootIDsSet.add(f), i = !0);
595
+ const u = V({ id: a.id, path: a.fullPath });
596
+ this.currentRootIDsSet.has(u) || (this.currentRootIDsSet.add(u), i = !0);
597
597
  }
598
598
  return i ? (this.currentRootIDsSet = new Set(this.currentRootIDsSet), t || this.emit("cx-folder-select-selection-seeded"), !0) : !1;
599
599
  }
600
600
  renderFolder(e) {
601
- return g`<cx-folder-select-tree-item .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${e.docType} folder-id=${e.id} full-path=${u(e.fullPath ?? void 0)} icon-name=${u(e.iconName || void 0)} icon-image-url=${u(e.iconImageUrl || void 0)} icon-color=${u(e.iconColor || void 0)} name=${e.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${u(e.url ?? void 0)} ?has-children=${e.hasChildren} ?is-font-icon=${e.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`;
601
+ return g`<cx-folder-select-tree-item .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${e.docType} folder-id=${e.id} full-path=${p(e.fullPath ?? void 0)} icon-name=${p(e.iconName || void 0)} icon-image-url=${p(e.iconImageUrl || void 0)} icon-color=${p(e.iconColor || void 0)} name=${e.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${p(e.url ?? void 0)} ?has-children=${e.hasChildren} ?is-font-icon=${e.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`;
602
602
  }
603
603
  render() {
604
604
  return g`<cx-tree class="folder-select-tree" selection=${this.selection} force-on-change disabled-auto-expand disabled-sync-checkboxes @cx-selected-change=${this.handleSelectedChange} @cx-folder-select-children-loaded=${this.handleChildrenLoaded}>${k(
@@ -607,9 +607,9 @@ let n = class extends N {
607
607
  )}
608
608
  ${k(
609
609
  this.extraFolderData,
610
- () => g`<cx-folder-select-tree-item .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${u(this.extraFolderData?.docType ?? void 0)} folder-id=${u(this.extraFolderData?.id ?? void 0)} full-path=${u(this.extraFolderData?.fullPath ?? void 0)} icon=${this.extraFolderIcon} icon-name=${u(this.extraFolderData?.iconName || void 0)} icon-image-url=${u(
610
+ () => g`<cx-folder-select-tree-item .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${p(this.extraFolderData?.docType ?? void 0)} folder-id=${p(this.extraFolderData?.id ?? void 0)} full-path=${p(this.extraFolderData?.fullPath ?? void 0)} icon=${this.extraFolderIcon} icon-name=${p(this.extraFolderData?.iconName || void 0)} icon-image-url=${p(
611
611
  this.extraFolderData?.iconImageUrl || void 0
612
- )} icon-color=${u(this.extraFolderData?.iconColor || void 0)} name=${this.extraFolderTitle || this.extraFolderData?.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${u(this.extraFolderData?.url ?? void 0)} ?has-children=${this.extraFolderData?.hasChildren} ?is-font-icon=${this.extraFolderData?.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
612
+ )} icon-color=${p(this.extraFolderData?.iconColor || void 0)} name=${this.extraFolderTitle || this.extraFolderData?.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${p(this.extraFolderData?.url ?? void 0)} ?has-children=${this.extraFolderData?.hasChildren} ?is-font-icon=${this.extraFolderData?.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
613
613
  )}
614
614
  ${G(
615
615
  this.data,
@@ -623,7 +623,7 @@ let n = class extends N {
623
623
  ${G(
624
624
  this.preloadedFolders,
625
625
  (e) => `preloaded-${e.id}`,
626
- (e) => g`<cx-folder-select-tree-item style=${le({ display: "none" })} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${e.docType} folder-id=${e.id} full-path=${u(e.fullPath ?? void 0)} icon-name=${u(e.iconName || void 0)} icon-image-url=${u(e.iconImageUrl || void 0)} icon-color=${u(e.iconColor || void 0)} name=${e.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${u(e.url ?? void 0)} ?has-children=${!1} ?is-font-icon=${e.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
626
+ (e) => g`<cx-folder-select-tree-item style=${le({ display: "none" })} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${e.docType} folder-id=${e.id} full-path=${p(e.fullPath ?? void 0)} icon-name=${p(e.iconName || void 0)} icon-image-url=${p(e.iconImageUrl || void 0)} icon-color=${p(e.iconColor || void 0)} name=${e.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${p(e.url ?? void 0)} ?has-children=${!1} ?is-font-icon=${e.isFontIcon} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
627
627
  )}</cx-tree>`;
628
628
  }
629
629
  };
@@ -724,7 +724,7 @@ d([
724
724
  y("token", { waitUntilFirstUpdate: !0 }),
725
725
  y("searchTerm", { waitUntilFirstUpdate: !0 }),
726
726
  y("excludeVirtualFolders", { waitUntilFirstUpdate: !0 }),
727
- Fe(500)
727
+ Se(500)
728
728
  ], n.prototype, "handleFetchFolders", 1);
729
729
  d([
730
730
  y("selectedValue", { waitUntilFirstUpdate: !0 })
@@ -733,16 +733,16 @@ n = d([
733
733
  W("cx-folder-select-tree")
734
734
  ], n);
735
735
  const Pe = ve`:host{flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;display:flex}.folder-select{gap:var(--cx-spacing-x-small);flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.folder-select__search{flex-shrink:0}.folder-select__tree{flex-direction:column;flex:1;min-height:0;display:flex}.folder-select-tree{flex:1;min-height:0;overflow:auto}.folder-select-tree__item__icon{color:var(--cx-color-primary)}.folder-select-tree__empty-message{font-size:var(--cx-font-size-small);color:var(--cx-color-neutral-500);padding-block:var(--cx-spacing-2x-small);padding-inline:var(--cx-spacing-small);text-align:center;cursor:default;user-select:none}.folder-select-tree__load-more{margin-inline:var(--cx-spacing-small)}.folder-select-tree-item::part(label),.folder-select-tree-item__label,.folder-select-tree-item__title{overflow:hidden}`;
736
- var Ve = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, he = (e) => {
736
+ var Ve = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, he = (e) => {
737
737
  throw TypeError(e);
738
738
  }, c = (e, t, r, i) => {
739
- for (var a = i > 1 ? void 0 : i ? Re(t, r) : t, f = e.length - 1, m; f >= 0; f--)
740
- (m = e[f]) && (a = (i ? m(t, r, a) : m(a)) || a);
739
+ for (var a = i > 1 ? void 0 : i ? Ee(t, r) : t, u = e.length - 1, m; u >= 0; u--)
740
+ (m = e[u]) && (a = (i ? m(t, r, a) : m(a)) || a);
741
741
  return i && a && Ve(t, r, a), a;
742
- }, de = (e, t, r) => t.has(e) || he("Cannot " + r), ee = (e, t, r) => (de(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Ee = (e, t, r) => t.has(e) ? he("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), te = (e, t, r, i) => (de(e, t, "write to private field"), t.set(e, r), r), D;
742
+ }, de = (e, t, r) => t.has(e) || he("Cannot " + r), ee = (e, t, r) => (de(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Re = (e, t, r) => t.has(e) ? he("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), te = (e, t, r, i) => (de(e, t, "write to private field"), t.set(e, r), r), D;
743
743
  let l = class extends N {
744
744
  constructor() {
745
- super(), this.localize = new H(this), this.minQueryLength = 1, this.selection = "single", this.variant = T.Input, this.value = "", this.name = "", this.selectedLabel = "", this.baseUrl = "", this.allowedFolders = [], this.open = !1, this.token = "", this.bearerToken = "", this.seeThru = !1, this.api = Q, this.required = !1, this.form = void 0, this.excludeVirtualFolders = !1, this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.autoPageSize = !1, this.firstFetchCallback = null, this.searchTerm = "", this.treeLoading = !1, Ee(this, D), this.selectGetOptionValue = this.selectGetOptionValue.bind(this), this.selectGetOptionLabel = this.selectGetOptionLabel.bind(this), this.selectGetOptionSelected = this.selectGetOptionSelected.bind(this), this.selectFilterCallback = this.selectFilterCallback.bind(this), this.selectGetTag = this.selectGetTag.bind(this), this.updateWrappedApi();
745
+ super(), this.localize = new q(this), this.minQueryLength = 1, this.selection = "single", this.variant = T.Input, this.value = "", this.name = "", this.selectedLabel = "", this.baseUrl = "", this.allowedFolders = [], this.open = !1, this.token = "", this.bearerToken = "", this.seeThru = !1, this.api = Q, this.required = !1, this.form = void 0, this.excludeVirtualFolders = !1, this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.autoPageSize = !1, this.firstFetchCallback = null, this.searchTerm = "", this.treeLoading = !1, Re(this, D), this.selectGetOptionValue = this.selectGetOptionValue.bind(this), this.selectGetOptionLabel = this.selectGetOptionLabel.bind(this), this.selectGetOptionSelected = this.selectGetOptionSelected.bind(this), this.selectFilterCallback = this.selectFilterCallback.bind(this), this.selectGetTag = this.selectGetTag.bind(this), this.updateWrappedApi();
746
746
  }
747
747
  updateWrappedApi() {
748
748
  if (!this.api) {
@@ -819,7 +819,7 @@ let l = class extends N {
819
819
  * reports a selection change.
820
820
  */
821
821
  syncValueFromTree() {
822
- this.treeEl && (this.value = [...this.treeEl.currentRootIDsSet].map((e) => R(e).id).filter(Boolean).join(" "));
822
+ this.treeEl && (this.value = [...this.treeEl.currentRootIDsSet].map((e) => E(e).id).filter(Boolean).join(" "));
823
823
  }
824
824
  /**
825
825
  * cx-select's own `value` only reflects our `value` correctly the very
@@ -860,17 +860,17 @@ let l = class extends N {
860
860
  this.syncValueFromTree(), this.syncSelectValue(), this.selectEl.handleDefaultSlotChange(), await this.selectEl.updateComplete, this.searchTerm = e, this.selectEl.displayLabel = this.searchTerm;
861
861
  }
862
862
  selectGetOptionValue(e) {
863
- return !e || !(e instanceof S) ? this.value : e.dataset.id || this.value;
863
+ return !e || !(e instanceof F) ? this.value : e.dataset.id || this.value;
864
864
  }
865
865
  selectGetOptionLabel(e) {
866
- return !e || !(e instanceof S) ? this.selectedLabel : e.dataset.name || this.selectedLabel;
866
+ return !e || !(e instanceof F) ? this.selectedLabel : e.dataset.name || this.selectedLabel;
867
867
  }
868
868
  selectGetOptionSelected(e) {
869
- if (!(!e || !(e instanceof S)))
869
+ if (!(!e || !(e instanceof F)))
870
870
  return e.selected;
871
871
  }
872
872
  selectFilterCallback(e) {
873
- return !(!e || !(e instanceof S));
873
+ return !(!e || !(e instanceof F));
874
874
  }
875
875
  /**
876
876
  * Custom tag renderer for cx-select multi mode. Identical visuals to the
@@ -882,13 +882,18 @@ let l = class extends N {
882
882
  * `CxTreeItem` options).
883
883
  */
884
884
  selectGetTag(e) {
885
+ const t = e.dataset.id;
885
886
  return g`<cx-tag part="tag" exportparts="
886
887
  base:tag__base,
887
888
  content:tag__content,
888
889
  remove-button:tag__remove-button,
889
890
  remove-button__base:tag__remove-button__base
890
- " removable @cx-remove=${(r) => {
891
- r.stopPropagation(), e instanceof S && (e.selected = !1, this.emitSelectionChangeFromTree());
891
+ " removable @cx-remove=${(i) => {
892
+ i.stopPropagation();
893
+ const u = (t ? this.treeEl?.querySelector(
894
+ `cx-tree-item[data-id="${CSS.escape(t)}"]`
895
+ ) : null) ?? e;
896
+ u instanceof F && (u.selected = !1, this.emitSelectionChangeFromTree());
892
897
  }}><cx-line-clamp lines="1">${this.selectGetOptionLabel(e)}</cx-line-clamp></cx-tag>`;
893
898
  }
894
899
  updateFunctionProps() {
@@ -933,10 +938,10 @@ l.dependencies = {
933
938
  "cx-tag": ge
934
939
  };
935
940
  c([
936
- q("cx-select")
941
+ H("cx-select")
937
942
  ], l.prototype, "selectEl", 2);
938
943
  c([
939
- q("cx-folder-select-tree")
944
+ H("cx-folder-select-tree")
940
945
  ], l.prototype, "treeEl", 2);
941
946
  c([
942
947
  s({ attribute: "min-query-length", reflect: !0, type: Number })
@@ -1,9 +1,9 @@
1
1
  import "./space.js";
2
2
  import "../chunks/typography.IqHbnd3C.js";
3
3
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
4
- import "../chunks/color-swatch.DpzAGKQx.js";
4
+ import "../chunks/color-swatch.D6Gg5bpz.js";
5
5
  import "../chunks/component.styles.CRO4Odto.js";
6
- import { C as v } from "../chunks/color-swatch-group.C01UAz1A.js";
6
+ import { C as v } from "../chunks/color-swatch-group.NJnbc24w.js";
7
7
  import "../chunks/transformation.8uLv6uwG.js";
8
8
  import "../chunks/custom-element.L4WJXn1j.js";
9
9
  import "../chunks/debounce.DaHuiSGU.js";
@@ -5,7 +5,7 @@ import "./space.js";
5
5
  import "../chunks/typography.IqHbnd3C.js";
6
6
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
7
7
  import "../chunks/component.styles.CRO4Odto.js";
8
- import { C as q } from "../chunks/color-swatch.DpzAGKQx.js";
8
+ import { C as q } from "../chunks/color-swatch.D6Gg5bpz.js";
9
9
  import "../chunks/color.LzSGBy7o.js";
10
10
  import "../chunks/custom-element.L4WJXn1j.js";
11
11
  import "../chunks/debounce.DaHuiSGU.js";
@@ -12,7 +12,7 @@ import { n as C } from "../chunks/when.Dr1es41R.js";
12
12
  import { s as d, g as h } from "../chunks/animation-registry.HmpwNuGH.js";
13
13
  import { C as z } from "../chunks/icon.D5iM9wXS.js";
14
14
  import k from "./tooltip.js";
15
- const I = _`:host{--error-color:var(--cx-color-danger);--success-color:var(--cx-color-success);--background-color:light-dark(var(--cx-color-primary),var(--cx-color-primary));--color:light-dark(var(--cx-color-neutral-0),var(--cx-color-neutral-1000));cursor:pointer;width:auto;max-width:100%;line-height:normal;display:inline-block;position:relative}.copy-button{border-style:solid;border-width:var(--cx-input-border-width);width:100%;max-width:100%;font-family:var(--cx-input-font-family);font-weight:var(--cx-font-weight-regular);text-transform:var(--cx-button-text-transform,none);-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;transition:var(--cx-transition-x-fast) background-color, var(--cx-transition-x-fast) color, var(--cx-transition-x-fast) border, var(--cx-transition-x-fast) box-shadow;cursor:inherit;justify-content:center;align-items:stretch;padding:0;text-decoration:none;display:inline-flex}.copy-button__label{max-width:100%}.copy-button::-moz-focus-inner{border:0}.copy-button:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.copy-button{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.copy-button.copy-button--has-label:hover:not(.copy-button--disabled),.copy-button.copy-button--has-label.copy-button--focused:not(.copy-button--disabled){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.copy-button.copy-button--has-label:active:not(.copy-button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.copy-button--disabled{opacity:.5;cursor:default}.copy-button--disabled *{pointer-events:none}.copy-button__icon-wrapper{background:0 0;border:none;grid-template-columns:1fr;display:inline-grid}.copy-button__icon-wrapper slot{grid-row-start:1;grid-column-start:1;display:inline-flex}.copy-button__icon{pointer-events:none;flex:none;align-items:center;display:flex}.copy-button--copy-success .copy-button__icon{color:var(--success-color)}.copy-button--copy-error .copy-button__icon{color:var(--error-color)}.copy-button__label{justify-content:center;align-items:center;line-height:1;display:inline-flex}.copy-button{background-color:var(--button-background-color,unset)}.copy-button--small{height:auto;min-height:var(--cx-input-height-small);font-size:var(--button-font-size,var(--cx-button-font-size-medium));border-radius:var(--cx-button-border-radius-small)}.copy-button--small .copy-button__icon{--font-size:var(--button-font-size,var(--cx-font-size-medium))}.copy-button--medium{height:auto;min-height:var(--cx-input-height-medium);font-size:var(--button-font-size,var(--cx-button-font-size-medium));border-radius:var(--cx-button-border-radius-medium)}.copy-button--large{height:auto;min-height:var(--cx-input-height-large);font-size:var(--button-font-size,var(--cx-button-font-size-medium));border-radius:var(--cx-button-border-radius-large)}.copy-button--x-large{height:auto;min-height:var(--cx-input-height-x-large);font-size:var(--button-font-size,var(--cx-button-font-size-medium));border-radius:var(--cx-button-border-radius-large)}.copy-button--small{padding:var(--button-padding,0 var(--cx-spacing-x-small))}.copy-button--medium{padding:var(--button-padding,0 var(--cx-spacing-medium))}.copy-button--large{padding:var(--button-padding,0 var(--cx-spacing-large))}.copy-button--x-large{padding:var(--button-padding,0 var(--cx-spacing-x-large))}.copy-button--has-label:not(.copy-button--no-icon).copy-button--small .copy-button__label,.copy-button--has-label:not(.copy-button--no-icon).copy-button--medium .copy-button__label,.copy-button--has-label:not(.copy-button--no-icon).copy-button--large .copy-button__label,.copy-button--has-label:not(.copy-button--no-icon).copy-button--x-large .copy-button__label{padding-inline-start:var(--cx-spacing-x-small)}`;
15
+ const I = _`:host{--error-color:var(--cx-color-danger);--success-color:var(--cx-color-success);--background-color:light-dark(var(--cx-color-primary),var(--cx-color-primary));--color:light-dark(var(--cx-color-neutral-0),var(--cx-color-neutral-1000));cursor:pointer;width:auto;max-width:100%;line-height:normal;display:inline-block;position:relative}.copy-button{border-style:solid;border-width:var(--cx-input-border-width);width:100%;max-width:100%;font-family:var(--button-font-family,var(--cx-input-font-family));font-style:var(--button-font-style,normal);font-weight:var(--button-font-weight,var(--cx-font-weight-regular));text-transform:var(--cx-button-text-transform,none);-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;transition:var(--cx-transition-x-fast) background-color, var(--cx-transition-x-fast) color, var(--cx-transition-x-fast) border, var(--cx-transition-x-fast) box-shadow;cursor:inherit;justify-content:center;align-items:stretch;padding:0;text-decoration:none;display:inline-flex}.copy-button__label{max-width:100%}.copy-button::-moz-focus-inner{border:0}.copy-button:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.copy-button{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.copy-button.copy-button--has-label:hover:not(.copy-button--disabled),.copy-button.copy-button--has-label.copy-button--focused:not(.copy-button--disabled){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.copy-button.copy-button--has-label:active:not(.copy-button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.copy-button--disabled{opacity:.5;cursor:default}.copy-button--disabled *{pointer-events:none}.copy-button__icon-wrapper{background:0 0;border:none;grid-template-columns:1fr;display:inline-grid}.copy-button__icon-wrapper slot{grid-row-start:1;grid-column-start:1;display:inline-flex}.copy-button__icon{pointer-events:none;flex:none;align-items:center;display:flex}.copy-button--copy-success .copy-button__icon{color:var(--success-color)}.copy-button--copy-error .copy-button__icon{color:var(--error-color)}.copy-button__label{justify-content:center;align-items:center;line-height:1;display:inline-flex}.copy-button{background-color:var(--button-background-color,unset)}.copy-button--small{height:auto;min-height:var(--cx-input-height-small);font-size:var(--button-font-size,var(--cx-button-font-size-medium));border-radius:var(--cx-button-border-radius-small)}.copy-button--small .copy-button__icon{--font-size:var(--button-font-size,var(--cx-font-size-medium))}.copy-button--medium{height:auto;min-height:var(--cx-input-height-medium);font-size:var(--button-font-size,var(--cx-button-font-size-medium));border-radius:var(--cx-button-border-radius-medium)}.copy-button--large{height:auto;min-height:var(--cx-input-height-large);font-size:var(--button-font-size,var(--cx-button-font-size-medium));border-radius:var(--cx-button-border-radius-large)}.copy-button--x-large{height:auto;min-height:var(--cx-input-height-x-large);font-size:var(--button-font-size,var(--cx-button-font-size-medium));border-radius:var(--cx-button-border-radius-large)}.copy-button--small{padding:var(--button-padding,0 var(--cx-spacing-x-small))}.copy-button--medium{padding:var(--button-padding,0 var(--cx-spacing-medium))}.copy-button--large{padding:var(--button-padding,0 var(--cx-spacing-large))}.copy-button--x-large{padding:var(--button-padding,0 var(--cx-spacing-x-large))}.copy-button--has-label:not(.copy-button--no-icon).copy-button--small .copy-button__label,.copy-button--has-label:not(.copy-button--no-icon).copy-button--medium .copy-button__label,.copy-button--has-label:not(.copy-button--no-icon).copy-button--large .copy-button__label,.copy-button--has-label:not(.copy-button--no-icon).copy-button--x-large .copy-button__label{padding-inline-start:var(--cx-spacing-x-small)}`;
16
16
  var L = Object.defineProperty, F = Object.getOwnPropertyDescriptor, o = (e, a, c, n) => {
17
17
  for (var i = n > 1 ? void 0 : n ? F(a, c) : a, s = e.length - 1, l; s >= 0; s--)
18
18
  (l = e[s]) && (i = (n ? l(a, c, i) : l(i)) || i);
@@ -5,7 +5,7 @@ import "./select.js";
5
5
  import "./tag.js";
6
6
  import "../chunks/tree.B0-6Ny9b.js";
7
7
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
8
- import { C as j } from "../chunks/folder-select.BgWvY0t0.js";
8
+ import { C as j } from "../chunks/folder-select.Di9wfqIU.js";
9
9
  import "../chunks/component.styles.CRO4Odto.js";
10
10
  import "../chunks/custom-element.L4WJXn1j.js";
11
11
  import "../chunks/i18n.DbXTTLXx.js";
@@ -1,11 +1,11 @@
1
1
  import { default as e } from "./bicolor-picker.js";
2
2
  import { default as a } from "./border-input-group.js";
3
- import { C as x } from "../chunks/color-swatch.DpzAGKQx.js";
3
+ import { C as x } from "../chunks/color-swatch.D6Gg5bpz.js";
4
4
  import { C as u } from "../chunks/confirm-popover.Cn1BaP0W.js";
5
5
  import { default as d } from "./corner-position-input-group.js";
6
6
  import { default as l } from "./cropper.js";
7
7
  import { default as i } from "./dynamic-select.js";
8
- import { C as c } from "../chunks/folder-select.BgWvY0t0.js";
8
+ import { C as c } from "../chunks/folder-select.Di9wfqIU.js";
9
9
  import { default as P } from "./masonry.js";
10
10
  import { default as I } from "./padding-input-group.js";
11
11
  import { default as y } from "./position-picker.js";
@@ -1,5 +1,5 @@
1
1
  import { C as a } from "../chunks/asset-link-format.NhSLWk_Y.js";
2
- import { C as t } from "../chunks/color-swatch-group.C01UAz1A.js";
2
+ import { C as t } from "../chunks/color-swatch-group.NJnbc24w.js";
3
3
  import { default as C } from "./file-on-demand.js";
4
4
  export {
5
5
  a as CxAssetLinkFormat,