@orangelogic/design-system 2.135.0 → 2.137.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 (104) hide show
  1. package/library/chunks/{asset-link-format.BBWyY5fn.js → asset-link-format.C7qLkR5q.js} +6 -6
  2. package/library/chunks/{button.3giRMk79.js → button.C1SliH9f.js} +1 -1
  3. package/library/chunks/{checkbox.B-2O517F.js → checkbox.Cjcht4xR.js} +18 -18
  4. package/library/chunks/{color-swatch-group.DC6vIYo4.js → color-swatch-group.-16VIoq6.js} +7 -7
  5. package/library/chunks/{color-swatch.g3FPUnxM.js → color-swatch.C26o9Mgz.js} +1 -1
  6. package/library/chunks/{confirm-popover.DtndPsMa.js → confirm-popover.UaaAL0w7.js} +3 -3
  7. package/library/chunks/{dialog.BQq3xBeH.js → dialog.Bb0_EAwb.js} +2 -2
  8. package/library/chunks/{document-viewer.BQPJD2lJ.js → document-viewer.Bfg059Ip.js} +1737 -1668
  9. package/library/chunks/{dot-pagination.DBk9Rz1e.js → dot-pagination.BzRjwmKy.js} +1 -1
  10. package/library/chunks/{file-on-demand.Bnloo9Ui.js → file-on-demand.j_V2IDwl.js} +9 -9
  11. package/library/chunks/{folder-select.DuG4dSPm.js → folder-select.B2trdP78.js} +111 -97
  12. package/library/chunks/{header.Bpjw08j7.js → header.CAG_RmQg.js} +1 -1
  13. package/library/chunks/{i18n.DJikbkDK.js → i18n.Dqb15q5k.js} +6 -2
  14. package/library/chunks/{icon-button.xobY-9OH.js → icon-button.BqFraOfp.js} +1 -1
  15. package/library/chunks/{iframe.BkvxcywO.js → iframe.Cg0YBl8p.js} +1 -1
  16. package/library/chunks/{image.KZRXIthe.js → image.VNvhPhZ1.js} +3 -2
  17. package/library/chunks/{input.GUw7x9tK.js → input.C_db7iND.js} +1 -1
  18. package/library/chunks/{option.uHye0aDT.js → option.D5NdA-Cm.js} +1 -1
  19. package/library/chunks/{pagination.D8Hzwlan.js → pagination.C_4fPcD4.js} +5 -5
  20. package/library/chunks/{tab-group.0_aOE22R.js → tab-group.CRTjU6He.js} +3 -3
  21. package/library/chunks/{tree.C14rLLol.js → tree.BYcnDDKg.js} +2 -2
  22. package/library/components/alert.js +2 -2
  23. package/library/components/asset-link-format.js +3 -3
  24. package/library/components/atoms.js +14 -14
  25. package/library/components/audio.js +2 -2
  26. package/library/components/border-input-group.js +2 -2
  27. package/library/components/breadcrumb.js +1 -1
  28. package/library/components/button.js +2 -2
  29. package/library/components/checkbox.js +1 -1
  30. package/library/components/color-picker.js +3 -3
  31. package/library/components/color-swatch-group.js +3 -3
  32. package/library/components/color-swatch.js +2 -2
  33. package/library/components/confirm-popover.js +4 -4
  34. package/library/components/copy-button.js +1 -1
  35. package/library/components/corner-position-input-group.js +3 -3
  36. package/library/components/date-calendar.js +1 -1
  37. package/library/components/details.js +1 -1
  38. package/library/components/dialog.js +3 -3
  39. package/library/components/document-viewer.js +3 -3
  40. package/library/components/dot-pagination.js +2 -2
  41. package/library/components/drawer.js +2 -2
  42. package/library/components/dropdown.js +2 -2
  43. package/library/components/dynamic-select.js +4 -4
  44. package/library/components/e-chart.js +1 -1
  45. package/library/components/element-clamp.js +2 -2
  46. package/library/components/file-on-demand.js +10 -10
  47. package/library/components/folder-select.js +4 -4
  48. package/library/components/format-bytes.js +1 -1
  49. package/library/components/format-date.js +1 -1
  50. package/library/components/format-number.js +1 -1
  51. package/library/components/format-time.js +1 -1
  52. package/library/components/header.js +2 -2
  53. package/library/components/icon-button.js +2 -2
  54. package/library/components/iframe.js +2 -2
  55. package/library/components/image-comparer.js +1 -1
  56. package/library/components/image.js +2 -2
  57. package/library/components/input.js +2 -2
  58. package/library/components/line-clamp.js +1 -1
  59. package/library/components/masonry.js +2 -2
  60. package/library/components/menu-item.js +1 -1
  61. package/library/components/menu.js +1 -1
  62. package/library/components/molecules.js +3 -3
  63. package/library/components/option.js +2 -2
  64. package/library/components/organisms.js +3 -3
  65. package/library/components/padding-input-group.js +1 -1
  66. package/library/components/pagination.js +6 -6
  67. package/library/components/popup.js +1 -1
  68. package/library/components/position-picker.js +1 -1
  69. package/library/components/progress-bar.js +1 -1
  70. package/library/components/progress-ring.js +1 -1
  71. package/library/components/range.js +1 -1
  72. package/library/components/rating.js +1 -1
  73. package/library/components/relative-time.js +1 -1
  74. package/library/components/select.js +2 -2
  75. package/library/components/shadow-input-group.js +1 -1
  76. package/library/components/share-option-list.js +1 -1
  77. package/library/components/sidebar.js +1 -1
  78. package/library/components/size-input-group.js +3 -3
  79. package/library/components/spinner.js +1 -1
  80. package/library/components/split-panel.js +1 -1
  81. package/library/components/tab-group.js +4 -4
  82. package/library/components/tab.js +2 -2
  83. package/library/components/tag.js +2 -2
  84. package/library/components/tooltip.js +1 -1
  85. package/library/components/tree-item.js +3 -3
  86. package/library/components/tree.js +2 -2
  87. package/library/components/typeface.js +2 -2
  88. package/library/components/types.js +14887 -14857
  89. package/library/components/video.js +2 -2
  90. package/library/package.json +1 -1
  91. package/library/packages/molecules/src/folder-select/components/folder-select-tree/folder-select-tree.d.ts +6 -0
  92. package/library/packages/molecules/src/folder-select/folder-select.d.ts +5 -0
  93. package/library/packages/organisms/src/content-builder/components/config-form/config-form.d.ts +5 -0
  94. package/library/packages/organisms/src/content-builder/components/config-manager/config-manager.d.ts +5 -0
  95. package/library/packages/organisms/src/content-builder/components/folder-picker/folder-picker.d.ts +6 -0
  96. package/library/packages/organisms/src/content-builder/content-builder.d.ts +5 -0
  97. package/library/packages/organisms/src/content-builder/styleController.d.ts +1 -0
  98. package/library/packages/tools/src/attribute-converter/string-array.d.ts +5 -0
  99. package/library/packages/types/src/content-builder.d.ts +1 -0
  100. package/library/packages/types/src/pdf-viewer-toolbar.d.ts +3 -3
  101. package/library/packages/utils/src/custom-element/i18n.d.ts +4 -0
  102. package/library/react-web-component.d.ts +562 -5
  103. package/library/utils.js +1 -1
  104. package/package.json +1 -1
@@ -2,7 +2,7 @@ import { n as s, C as P } from "./lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as z } from "./component.styles.CRO4Odto.js";
3
3
  import { O as C } from "./index.Cpamj0jB.js";
4
4
  import { c as F } from "./custom-element.L4WJXn1j.js";
5
- import { L as S } from "./i18n.DJikbkDK.js";
5
+ import { L as S } from "./i18n.Dqb15q5k.js";
6
6
  import { w as f } from "./watch.CThbualB.js";
7
7
  import { i as O, x as y } from "./lit-element.jLBm65_O.js";
8
8
  import { r as j } from "./state.CSDxrqLd.js";
@@ -1,10 +1,10 @@
1
1
  import { C as tt } from "./icon.DnBh6-56.js";
2
2
  import et from "../components/line-clamp.js";
3
- import { C as bt, s as $t, a as St, b as dt } from "./tree.C14rLLol.js";
3
+ import { C as bt, s as $t, a as St, b as dt } from "./tree.BYcnDDKg.js";
4
4
  import { n as d, C as W } from "./lib-cortex-element.CVMmyPMC.js";
5
5
  import { c as st } from "./component.styles.CRO4Odto.js";
6
6
  import { c as q } from "./custom-element.L4WJXn1j.js";
7
- import { L as G } from "./i18n.DJikbkDK.js";
7
+ import { L as G } from "./i18n.Dqb15q5k.js";
8
8
  import { k as Et, h as It, i as Ct, w as P, j as Lt, l as Ft, a as Ut, c as Rt, g as kt, m as Ot, n as Nt } from "./watch.CThbualB.js";
9
9
  import { p as R } from "./string.CjJ09HK3.js";
10
10
  import { x as n, i as ot, E as jt } from "./lit-element.jLBm65_O.js";
@@ -15,22 +15,22 @@ import { c as U } from "./repeat.CFjcER6_.js";
15
15
  import { n as h } from "./when.Dr1es41R.js";
16
16
  import { b as Bt, i as wt } from "./_baseIteratee.DpzDid58.js";
17
17
  import Mt from "../components/avatar.js";
18
- import { C as Vt } from "./button.3giRMk79.js";
19
- import { C as Ht } from "./dialog.BQq3xBeH.js";
18
+ import { C as Vt } from "./button.C1SliH9f.js";
19
+ import { C as Ht } from "./dialog.Bb0_EAwb.js";
20
20
  import Wt from "../components/divider.js";
21
21
  import nt from "../components/format-bytes.js";
22
- import { C as At } from "./icon-button.xobY-9OH.js";
23
- import { C as qt } from "./input.GUw7x9tK.js";
24
- import { C as Gt } from "./option.uHye0aDT.js";
22
+ import { C as At } from "./icon-button.BqFraOfp.js";
23
+ import { C as qt } from "./input.C_db7iND.js";
24
+ import { C as Gt } from "./option.D5NdA-Cm.js";
25
25
  import Dt from "../components/relative-time.js";
26
26
  import Yt from "../components/select.js";
27
27
  import Kt from "../components/space.js";
28
28
  import Zt from "../components/tab.js";
29
- import { C as Xt } from "./tab-group.0_aOE22R.js";
29
+ import { C as Xt } from "./tab-group.CRTjU6He.js";
30
30
  import Jt from "../components/tab-panel.js";
31
31
  import Tt from "../components/tooltip.js";
32
32
  import { C as rt } from "./typography.DJC_UXgs.js";
33
- import { C as Qt } from "./confirm-popover.DtndPsMa.js";
33
+ import { C as Qt } from "./confirm-popover.UaaAL0w7.js";
34
34
  import { d as te } from "./debounce.DaHuiSGU.js";
35
35
  import { a as Z } from "./number.B4PQLJIg.js";
36
36
  import { i as X, b as pt } from "./url.-WDYqplj.js";
@@ -1,32 +1,32 @@
1
1
  import { C as ee } from "./icon.DnBh6-56.js";
2
- import { C as ue } from "./input.GUw7x9tK.js";
2
+ import { C as fe } from "./input.C_db7iND.js";
3
3
  import te from "../components/line-clamp.js";
4
- import fe from "../components/select.js";
5
- import me from "../components/tag.js";
6
- import { C as v, a as ye } from "./tree.C14rLLol.js";
4
+ import me from "../components/select.js";
5
+ import ye from "../components/tag.js";
6
+ import { C as v, a as xe } from "./tree.BYcnDDKg.js";
7
7
  import { n as s, C as B } from "./lib-cortex-element.CVMmyPMC.js";
8
- import { h as L, F as xe, A as ge } from "./endpoints.tU0_RZ_7.js";
8
+ import { h as L, F as ge, A as be } from "./endpoints.tU0_RZ_7.js";
9
9
  import { M as P } from "./asset-link-format.QzzboHHE.js";
10
10
  import { c as re } from "./component.styles.CRO4Odto.js";
11
11
  import { c as N } from "./custom-element.L4WJXn1j.js";
12
- import { L as W } from "./i18n.DJikbkDK.js";
13
- import { w as y } from "./watch.CThbualB.js";
14
- import { x as m, i as be } from "./lit-element.jLBm65_O.js";
12
+ import { L as W } from "./i18n.Dqb15q5k.js";
13
+ import { w as m } from "./watch.CThbualB.js";
14
+ import { x as y, i as $e } from "./lit-element.jLBm65_O.js";
15
15
  import { r as x } from "./state.CSDxrqLd.js";
16
16
  import { e as se } from "./query.BBf1UFkC.js";
17
- import { r as $e } from "./choose.BTbF6BAn.js";
18
- import { C as ie } from "./button.3giRMk79.js";
19
- import { d as ve } from "./debounce.DaHuiSGU.js";
20
- import { g as G, p as J, e as Se } from "./string.CjJ09HK3.js";
17
+ import { r as ve } from "./choose.BTbF6BAn.js";
18
+ import { C as ie } from "./button.C1SliH9f.js";
19
+ import { d as Se } from "./debounce.DaHuiSGU.js";
20
+ import { g as A, p as J, e as Fe } from "./string.CjJ09HK3.js";
21
21
  import { o as p } from "./if-defined.BRoBj_Rp.js";
22
- import { c as A } from "./repeat.CFjcER6_.js";
22
+ import { c as G } from "./repeat.CFjcER6_.js";
23
23
  import { o as le } from "./style-map.llVFPd__.js";
24
- import { n as w } from "./when.Dr1es41R.js";
24
+ import { n as k } from "./when.Dr1es41R.js";
25
25
  import Ie from "../components/space.js";
26
- import { g as Fe } from "./template.ClovJacp.js";
27
- import { e as Te } from "./class-map.BiVq-cVR.js";
26
+ import { g as Te } from "./template.ClovJacp.js";
27
+ import { e as Ce } from "./class-map.BiVq-cVR.js";
28
28
  var b = /* @__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))(b || {});
29
- const Ce = 50;
29
+ const De = 50;
30
30
  async function q({
31
31
  allowedFolders: e,
32
32
  baseUrl: t,
@@ -34,11 +34,11 @@ async function q({
34
34
  excludeVirtualFolders: l,
35
35
  folderId: i,
36
36
  includeDirectChild: u,
37
- limit: f = Ce,
37
+ limit: f = De,
38
38
  searchTerm: $,
39
39
  self: T,
40
40
  start: H = 0,
41
- token: he
41
+ token: de
42
42
  }) {
43
43
  let U = [], Q = u ?? !0;
44
44
  e && e.length > 0 && !i ? (U = e, T = !0, Q = !1) : i && (U = [i]);
@@ -58,7 +58,7 @@ async function q({
58
58
  Self: T,
59
59
  Start: H,
60
60
  Text: $ || void 0,
61
- Token: he || void 0
61
+ Token: de || void 0
62
62
  },
63
63
  paramsSerializer: {
64
64
  indexes: null
@@ -66,7 +66,7 @@ async function q({
66
66
  responseType: "json",
67
67
  transformResponse: [
68
68
  ...Array.isArray(L.defaults.transformResponse) ? L.defaults.transformResponse : [],
69
- (S, Oe, E) => {
69
+ (S, Re, E) => {
70
70
  if (E !== void 0 && (E < 200 || E >= 300))
71
71
  return {
72
72
  data: [],
@@ -75,10 +75,10 @@ async function q({
75
75
  };
76
76
  if (!S || typeof S != "object")
77
77
  throw new Error("Invalid response format");
78
- const pe = S.contentItems?.length ?? 0;
78
+ const ue = S.contentItems?.length ?? 0;
79
79
  return {
80
80
  data: S.contentItems?.map((g) => {
81
- const O = g.fields[b.DocType] ?? "", R = g.fields[b.TitleWithFallback] ?? "", k = g.fields[b.CortexPath] ?? "", M = k.endsWith("/") && k.length > 1 ? k.slice(0, -1) : k;
81
+ const O = g.fields[b.DocType] ?? "", R = g.fields[b.TitleWithFallback] ?? "", w = g.fields[b.CortexPath] ?? "", M = w.endsWith("/") && w.length > 1 ? w.slice(0, -1) : w;
82
82
  let j = M;
83
83
  (O === P.Album || O === P.ProjectDocument) && (j = M ? `${M}/${R}` : R);
84
84
  const Z = g.fields[b.DocSubTypeIsFontIcon];
@@ -95,12 +95,12 @@ async function q({
95
95
  title: R
96
96
  };
97
97
  }) ?? [],
98
- hasMore: H + pe < S.totalCount,
98
+ hasMore: H + ue < S.totalCount,
99
99
  totalCount: S.totalCount
100
100
  };
101
101
  }
102
102
  ],
103
- url: xe
103
+ url: ge
104
104
  })).data;
105
105
  } catch {
106
106
  return {
@@ -110,10 +110,14 @@ async function q({
110
110
  };
111
111
  }
112
112
  }
113
- var C = /* @__PURE__ */ ((e) => (e.Input = "input", e.Select = "select", e))(C || {}), De = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, c = (e, t, r, l) => {
114
- for (var i = l > 1 ? void 0 : l ? _e(t, r) : t, u = e.length - 1, f; u >= 0; u--)
113
+ const ae = {
114
+ fromAttribute: (e) => (e ?? "").split(" ").filter((t) => t !== ""),
115
+ toAttribute: (e) => e.join(" ")
116
+ };
117
+ var C = /* @__PURE__ */ ((e) => (e.Input = "input", e.Select = "select", e))(C || {}), _e = Object.defineProperty, we = Object.getOwnPropertyDescriptor, c = (e, t, r, l) => {
118
+ for (var i = l > 1 ? void 0 : l ? we(t, r) : t, u = e.length - 1, f; u >= 0; u--)
115
119
  (f = e[u]) && (i = (l ? f(t, r, i) : f(i)) || i);
116
- return l && i && De(t, r, i), i;
120
+ return l && i && _e(t, r, i), i;
117
121
  };
118
122
  let a = class extends B {
119
123
  constructor() {
@@ -188,11 +192,11 @@ let a = class extends B {
188
192
  async syncBoxes() {
189
193
  if (this.selection !== "multiple" || (await this.updateComplete, !this.treeItem))
190
194
  return;
191
- const e = this.fullPath, t = G({ id: this.folderId, path: e }), r = J(e), l = this.currentRootIDsSet.has(t);
195
+ const e = this.fullPath, t = A({ id: this.folderId, path: e }), r = J(e), l = this.currentRootIDsSet.has(t);
192
196
  let i = !1;
193
197
  if (e)
194
198
  for (const f of this.currentRootIDsSet) {
195
- const $ = Se(f);
199
+ const $ = Fe(f);
196
200
  if (!$.path.trim() || !$.id.trim())
197
201
  continue;
198
202
  const T = J($.path);
@@ -219,25 +223,25 @@ let a = class extends B {
219
223
  this.iconColor ? { color: this.iconColor } : {}
220
224
  );
221
225
  if (!this.icon && this.isFontIcon === !1 && this.iconImageUrl)
222
- return m`<cx-icon class="folder-select-tree__item__icon" src=${this.iconImageUrl} style=${e}></cx-icon>`;
226
+ return y`<cx-icon class="folder-select-tree__item__icon" src=${this.iconImageUrl} style=${e}></cx-icon>`;
223
227
  if (!this.icon && this.isFontIcon !== !1 && this.iconName)
224
- return m`<cx-icon class="folder-select-tree__item__icon" name=${this.iconName} variant="fa" style=${e}></cx-icon>`;
228
+ return y`<cx-icon class="folder-select-tree__item__icon" name=${this.iconName} variant="fa" style=${e}></cx-icon>`;
225
229
  const t = this.docType === P.Album ? "outlined" : "filled";
226
- return m`<cx-icon class="folder-select-tree__item__icon" name=${this.icon || "folder"} variant=${t}></cx-icon>`;
230
+ return y`<cx-icon class="folder-select-tree__item__icon" name=${this.icon || "folder"} variant=${t}></cx-icon>`;
227
231
  }
228
232
  render() {
229
- return m`<cx-tree-item class=${Te({
233
+ return y`<cx-tree-item class=${Ce({
230
234
  "folder-select-tree-item": !0
231
235
  })} data-id=${this.folderId} data-url=${p(this.url)} data-name=${p(this.name?.trim() || void 0)} data-representative-asset-id=${p(
232
236
  this.representativeAssetId || void 0
233
- )} role="option" ?lazy=${this.hasChildren && this.data === null} ?selected=${this.selection !== "multiple" && 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">${Fe(this.name, this.searchTerm)}</cx-line-clamp></cx-space>${A(
237
+ )} role="option" ?lazy=${this.hasChildren && this.data === null} ?selected=${this.selection !== "multiple" && 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(
234
238
  this.data || [],
235
239
  (e) => e.id,
236
- (e) => m`<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>`
240
+ (e) => y`<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>`
237
241
  )}
238
- ${w(
242
+ ${k(
239
243
  this.hasMore,
240
- () => m`<div slot="children" class="load-more-button"><cx-button variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button></div>`
244
+ () => y`<div slot="children" class="load-more-button"><cx-button variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button></div>`
241
245
  )}</cx-tree-item>`;
242
246
  }
243
247
  };
@@ -339,24 +343,24 @@ c([
339
343
  x()
340
344
  ], a.prototype, "loading", 2);
341
345
  c([
342
- y("currentRootIDsSet"),
343
- y("removedIDs"),
344
- y("fullPath"),
345
- y("folderId")
346
+ m("currentRootIDsSet"),
347
+ m("removedIDs"),
348
+ m("fullPath"),
349
+ m("folderId")
346
350
  ], a.prototype, "syncBoxes", 1);
347
351
  a = c([
348
352
  N("cx-folder-select-tree-item")
349
353
  ], a);
350
- var ke = Object.defineProperty, we = Object.getOwnPropertyDescriptor, ae = (e) => {
354
+ var ke = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, oe = (e) => {
351
355
  throw TypeError(e);
352
356
  }, d = (e, t, r, l) => {
353
- for (var i = l > 1 ? void 0 : l ? we(t, r) : t, u = e.length - 1, f; u >= 0; u--)
357
+ for (var i = l > 1 ? void 0 : l ? Ve(t, r) : t, u = e.length - 1, f; u >= 0; u--)
354
358
  (f = e[u]) && (i = (l ? f(t, r, i) : f(i)) || i);
355
359
  return l && i && ke(t, r, i), i;
356
- }, oe = (e, t, r) => t.has(e) || ae("Cannot " + r), I = (e, t, r) => (oe(e, t, "read from private field"), t.get(e)), z = (e, t, r) => t.has(e) ? ae("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), K = (e, t, r, l) => (oe(e, t, "write to private field"), t.set(e, r), r), D, V, _;
360
+ }, ne = (e, t, r) => t.has(e) || oe("Cannot " + r), F = (e, t, r) => (ne(e, t, "read from private field"), t.get(e)), z = (e, t, r) => t.has(e) ? oe("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), K = (e, t, r, l) => (ne(e, t, "write to private field"), t.set(e, r), r), D, V, _;
357
361
  let n = class extends B {
358
362
  constructor() {
359
- super(...arguments), this.localize = new W(this), this.minQueryLength = 1, this.selection = "single", this.searchTerm = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", 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.preloadedFolders = [], this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], z(this, D, !1), z(this, V, 10), z(this, _, /* @__PURE__ */ new Set());
363
+ super(...arguments), this.localize = new W(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.preloadedFolders = [], this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], z(this, D, !1), z(this, V, 10), z(this, _, /* @__PURE__ */ new Set());
360
364
  }
361
365
  get empty() {
362
366
  return !this.loading && this.data.length === 0;
@@ -419,7 +423,7 @@ let n = class extends B {
419
423
  )?.fullPath;
420
424
  if (await t.updateComplete, !r.trim() || !l?.trim())
421
425
  return;
422
- const i = G({ id: r, path: l });
426
+ const i = A({ id: r, path: l });
423
427
  t.indeterminate && !t.selected || (t.selected ? this.currentRootIDsSet.add(i) : this.currentRootIDsSet.delete(i), this.currentRootIDsSet = new Set(this.currentRootIDsSet));
424
428
  }
425
429
  async loadMore(e) {
@@ -429,6 +433,7 @@ let n = class extends B {
429
433
  const t = this.data.length;
430
434
  this.loading = !0;
431
435
  const { data: r, hasMore: l } = await this.api({
436
+ allowedFolders: this.allowedFolders,
432
437
  baseUrl: this.baseUrl,
433
438
  bearerToken: this.bearerToken,
434
439
  excludeVirtualFolders: this.excludeVirtualFolders,
@@ -443,10 +448,10 @@ let n = class extends B {
443
448
  }
444
449
  async handleFetchFolders() {
445
450
  const { data: e, hasMore: t } = await this.fetchFolders();
446
- I(this, D) || (e.length > 0 && this.firstFetchCallback?.(e), K(this, D, !0)), this.data = e, this.hasMore = t, this.loading = !1, this.seedSelectionFromValue(e), this.removePreloadedFolders(e), await this.preloadSelectedFolders();
451
+ F(this, D) || (e.length > 0 && this.firstFetchCallback?.(e), K(this, D, !0)), this.data = e, this.hasMore = t, this.loading = !1, this.seedSelectionFromValue(e), this.removePreloadedFolders(e), await this.preloadSelectedFolders();
447
452
  }
448
453
  async handleSelectedValueChange() {
449
- if (!I(this, D))
454
+ if (!F(this, D))
450
455
  return;
451
456
  const e = new Set(
452
457
  this.selectedValue.split(/[\s,]+/).filter(Boolean)
@@ -466,11 +471,12 @@ let n = class extends B {
466
471
  };
467
472
  this.loading = !0;
468
473
  const { data: e, hasMore: t } = await this.api({
474
+ allowedFolders: this.allowedFolders,
469
475
  baseUrl: this.baseUrl,
470
476
  bearerToken: this.bearerToken,
471
477
  excludeVirtualFolders: this.excludeVirtualFolders,
472
478
  folderId: "",
473
- limit: I(this, V),
479
+ limit: F(this, V),
474
480
  searchTerm: this.searchTerm,
475
481
  seeThru: this.seeThru,
476
482
  start: 0,
@@ -499,7 +505,7 @@ let n = class extends B {
499
505
  ...this.data.map((i) => i.id),
500
506
  ...this.extraFolderData ? [this.extraFolderData.id] : [],
501
507
  ...this.preloadedFolders.map((i) => i.id),
502
- ...I(this, _),
508
+ ...F(this, _),
503
509
  ...[
504
510
  ...this.querySelectorAll(
505
511
  "cx-folder-select-tree-item"
@@ -510,7 +516,7 @@ let n = class extends B {
510
516
  );
511
517
  if (r.length === 0)
512
518
  return;
513
- r.forEach((i) => I(this, _).add(i));
519
+ r.forEach((i) => F(this, _).add(i));
514
520
  const l = [];
515
521
  if (await Promise.all(
516
522
  r.map(async (i) => {
@@ -532,7 +538,7 @@ let n = class extends B {
532
538
  } catch {
533
539
  }
534
540
  })
535
- ), r.forEach((i) => I(this, _).delete(i)), l.length > 0) {
541
+ ), r.forEach((i) => F(this, _).delete(i)), l.length > 0) {
536
542
  const i = new Set(this.preloadedFolders.map((f) => f.id)), u = l.filter((f) => !i.has(f.id));
537
543
  u.length > 0 && (this.preloadedFolders = [...this.preloadedFolders, ...u].sort(
538
544
  (f, $) => f.title.localeCompare($.title)
@@ -548,37 +554,37 @@ let n = class extends B {
548
554
  let r = !1;
549
555
  for (const l of e)
550
556
  if (l.fullPath && t.has(l.id)) {
551
- const i = G({ id: l.id, path: l.fullPath });
557
+ const i = A({ id: l.id, path: l.fullPath });
552
558
  this.currentRootIDsSet.has(i) || (this.currentRootIDsSet.add(i), r = !0);
553
559
  }
554
560
  r && (this.currentRootIDsSet = new Set(this.currentRootIDsSet), this.emit("cx-folder-select-selection-seeded"));
555
561
  }
556
562
  renderFolder(e) {
557
- return m`<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>`;
563
+ return y`<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>`;
558
564
  }
559
565
  render() {
560
- return m`<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}>${w(
566
+ return y`<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(
561
567
  this.empty,
562
- () => m`<div class="folder-select-tree__empty-message" role="status" aria-live="polite"><cx-typography variant="body3">${this.localize.term("noResults")}</cx-typography></div>`
568
+ () => y`<div class="folder-select-tree__empty-message" role="status" aria-live="polite"><cx-typography variant="body3">${this.localize.term("noResults")}</cx-typography></div>`
563
569
  )}
564
- ${w(
570
+ ${k(
565
571
  this.extraFolderData,
566
- () => m`<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(
572
+ () => y`<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(
567
573
  this.extraFolderData?.iconImageUrl || void 0
568
574
  )} 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>`
569
575
  )}
570
- ${A(
576
+ ${G(
571
577
  this.data,
572
578
  (e) => e.id,
573
579
  (e) => this.renderFolder(e)
574
580
  )}
575
- ${w(
581
+ ${k(
576
582
  this.hasMore,
577
- () => m`<cx-button class="folder-select-tree__load-more" variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button>`
578
- )}</cx-tree>${A(
583
+ () => y`<cx-button class="folder-select-tree__load-more" variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button>`
584
+ )}</cx-tree>${G(
579
585
  this.preloadedFolders,
580
586
  (e) => `preloaded-${e.id}`,
581
- (e) => m`<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>`
587
+ (e) => y`<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>`
582
588
  )}`;
583
589
  }
584
590
  };
@@ -588,7 +594,7 @@ _ = /* @__PURE__ */ new WeakMap();
588
594
  n.dependencies = {
589
595
  "cx-button": ie,
590
596
  "cx-folder-select-tree-item": a,
591
- "cx-tree": ye
597
+ "cx-tree": xe
592
598
  };
593
599
  d([
594
600
  s({ attribute: "min-query-length", reflect: !0, type: Number })
@@ -611,6 +617,9 @@ d([
611
617
  d([
612
618
  s({ attribute: "base-url", reflect: !0, type: String })
613
619
  ], n.prototype, "baseUrl", 2);
620
+ d([
621
+ s({ attribute: "allowed-folders", converter: ae, type: Array })
622
+ ], n.prototype, "allowedFolders", 2);
614
623
  d([
615
624
  s({ attribute: "extra-folder-id", reflect: !0, type: String })
616
625
  ], n.prototype, "extraFolderId", 2);
@@ -661,43 +670,44 @@ d([
661
670
  x()
662
671
  ], n.prototype, "removedIDs", 2);
663
672
  d([
664
- y("extraFolderId")
673
+ m("extraFolderId")
665
674
  ], n.prototype, "handleExtraFolderIdChange", 1);
666
675
  d([
667
- y("baseUrl", { waitUntilFirstUpdate: !0 }),
668
- y("token", { waitUntilFirstUpdate: !0 }),
669
- y("searchTerm", { waitUntilFirstUpdate: !0 }),
670
- y("excludeVirtualFolders", { waitUntilFirstUpdate: !0 }),
671
- ve(500)
676
+ m("allowedFolders", { waitUntilFirstUpdate: !0 }),
677
+ m("baseUrl", { waitUntilFirstUpdate: !0 }),
678
+ m("token", { waitUntilFirstUpdate: !0 }),
679
+ m("searchTerm", { waitUntilFirstUpdate: !0 }),
680
+ m("excludeVirtualFolders", { waitUntilFirstUpdate: !0 }),
681
+ Se(500)
672
682
  ], n.prototype, "handleFetchFolders", 1);
673
683
  d([
674
- y("selectedValue", { waitUntilFirstUpdate: !0 })
684
+ m("selectedValue", { waitUntilFirstUpdate: !0 })
675
685
  ], n.prototype, "handleSelectedValueChange", 1);
676
686
  n = d([
677
687
  N("cx-folder-select-tree")
678
688
  ], n);
679
- const Ve = be`: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}`;
680
- var Pe = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, ne = (e) => {
689
+ const Pe = $e`: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}`;
690
+ var Ue = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, ce = (e) => {
681
691
  throw TypeError(e);
682
692
  }, h = (e, t, r, l) => {
683
- for (var i = l > 1 ? void 0 : l ? Ue(t, r) : t, u = e.length - 1, f; u >= 0; u--)
693
+ for (var i = l > 1 ? void 0 : l ? Ee(t, r) : t, u = e.length - 1, f; u >= 0; u--)
684
694
  (f = e[u]) && (i = (l ? f(t, r, i) : f(i)) || i);
685
- return l && i && Pe(t, r, i), i;
686
- }, ce = (e, t, r) => t.has(e) || ne("Cannot " + r), X = (e, t, r) => (ce(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Ee = (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, l) => (ce(e, t, "write to private field"), t.set(e, r), r), F;
695
+ return l && i && Ue(t, r, i), i;
696
+ }, he = (e, t, r) => t.has(e) || ce("Cannot " + r), X = (e, t, r) => (he(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Oe = (e, t, r) => t.has(e) ? ce("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), Y = (e, t, r, l) => (he(e, t, "write to private field"), t.set(e, r), r), I;
687
697
  let o = class extends B {
688
698
  constructor() {
689
- super(), this.localize = new W(this), this.minQueryLength = 1, this.selection = "single", this.variant = C.Input, this.value = "", this.name = "", this.selectedLabel = "", this.baseUrl = "", 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 = "", Ee(this, F), 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.selectSetOptionSelected = this.selectSetOptionSelected.bind(this), this.selectGetTag = this.selectGetTag.bind(this), this.updateWrappedApi();
699
+ super(), this.localize = new W(this), this.minQueryLength = 1, this.selection = "single", this.variant = C.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 = "", Oe(this, I), 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.selectSetOptionSelected = this.selectSetOptionSelected.bind(this), this.selectGetTag = this.selectGetTag.bind(this), this.updateWrappedApi();
690
700
  }
691
701
  updateWrappedApi() {
692
702
  if (!this.api) {
693
- Y(this, F, void 0);
703
+ Y(this, I, void 0);
694
704
  return;
695
705
  }
696
- Y(this, F, async (e) => {
706
+ Y(this, I, async (e) => {
697
707
  try {
698
708
  return await this.api(e);
699
709
  } catch (t) {
700
- return t instanceof ge && t.response?.status === 401 && this.emit("cx-renew-token"), { data: [], hasMore: !1, totalCount: 0 };
710
+ return t instanceof be && t.response?.status === 401 && this.emit("cx-renew-token"), { data: [], hasMore: !1, totalCount: 0 };
701
711
  }
702
712
  });
703
713
  }
@@ -775,7 +785,7 @@ let o = class extends B {
775
785
  * no-ops in multi mode, so the default X click would do nothing).
776
786
  */
777
787
  selectGetTag(e) {
778
- return m`<cx-tag part="tag" exportparts="
788
+ return y`<cx-tag part="tag" exportparts="
779
789
  base:tag__base,
780
790
  content:tag__content,
781
791
  remove-button:tag__remove-button,
@@ -812,27 +822,27 @@ let o = class extends B {
812
822
  this.selectEl && (this.searchTerm = "", this.selectEl.getOptionValue = this.selectGetOptionValue, this.selectEl.getOptionLabel = this.selectGetOptionLabel, this.selectEl.getOptionSelected = this.selectGetOptionSelected, this.selectEl.filterCallback = this.selectFilterCallback, this.selectEl.setOptionSelected = this.selectSetOptionSelected, this.selectEl.getTag = this.selectGetTag, this.syncSelectValue(), this.selectEl.handleDefaultSlotChange());
813
823
  }
814
824
  render() {
815
- return m`<div class="folder-select">${$e(this.variant, [
825
+ return y`<div class="folder-select">${ve(this.variant, [
816
826
  [
817
827
  C.Input,
818
- () => m`<cx-input class="folder-select__search" aria-label=${this.localize.term("searchFolders")} placeholder=${`${this.localize.term("searchFolders")}...`} value=${this.searchTerm} clearable @cx-input=${this.handleSearchTermInputChange}><cx-icon name="search" slot="prefix"></cx-icon></cx-input><cx-folder-select-tree class="folder-select__tree" base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} ?auto-page-size=${this.autoPageSize} .api=${X(this, F)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
828
+ () => y`<cx-input class="folder-select__search" aria-label=${this.localize.term("searchFolders")} placeholder=${`${this.localize.term("searchFolders")}...`} value=${this.searchTerm} clearable @cx-input=${this.handleSearchTermInputChange}><cx-icon name="search" slot="prefix"></cx-icon></cx-input><cx-folder-select-tree class="folder-select__tree" base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} ?auto-page-size=${this.autoPageSize} .allowedFolders=${this.allowedFolders} .api=${X(this, I)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
819
829
  ],
820
830
  [
821
831
  C.Select,
822
- () => m`<cx-select clearable hoist lazy name=${this.name} value=${this.value} .form=${this.form} ?required=${this.required} ?multiple=${this.selection === "multiple"} @input=${this.handleSearchTermSelectChange} @cx-clear=${this.handleSelectClear} @cx-selected-change=${this.handleTreeSelectedChange} @cx-folder-select-selection-seeded=${this.handleTreeSelectedChange} allow-freetext><cx-folder-select-tree base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} ?auto-page-size=${this.autoPageSize} .api=${X(this, F)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`
832
+ () => y`<cx-select clearable hoist lazy name=${this.name} value=${this.value} .form=${this.form} ?required=${this.required} ?multiple=${this.selection === "multiple"} @input=${this.handleSearchTermSelectChange} @cx-clear=${this.handleSelectClear} @cx-selected-change=${this.handleTreeSelectedChange} @cx-folder-select-selection-seeded=${this.handleTreeSelectedChange} allow-freetext><cx-folder-select-tree base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} ?auto-page-size=${this.autoPageSize} .allowedFolders=${this.allowedFolders} .api=${X(this, I)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`
823
833
  ]
824
834
  ])}</div>`;
825
835
  }
826
836
  };
827
- F = /* @__PURE__ */ new WeakMap();
828
- o.styles = [re, Ve];
837
+ I = /* @__PURE__ */ new WeakMap();
838
+ o.styles = [re, Pe];
829
839
  o.dependencies = {
830
840
  "cx-folder-select-tree": n,
831
841
  "cx-icon": ee,
832
- "cx-input": ue,
842
+ "cx-input": fe,
833
843
  "cx-line-clamp": te,
834
- "cx-select": fe,
835
- "cx-tag": me
844
+ "cx-select": me,
845
+ "cx-tag": ye
836
846
  };
837
847
  h([
838
848
  se("cx-select")
@@ -858,6 +868,9 @@ h([
858
868
  h([
859
869
  s({ attribute: "base-url", reflect: !0, type: String })
860
870
  ], o.prototype, "baseUrl", 2);
871
+ h([
872
+ s({ attribute: "allowed-folders", converter: ae, type: Array })
873
+ ], o.prototype, "allowedFolders", 2);
861
874
  h([
862
875
  s({ reflect: !0, type: Boolean })
863
876
  ], o.prototype, "open", 2);
@@ -917,20 +930,20 @@ h([
917
930
  x()
918
931
  ], o.prototype, "searchTerm", 2);
919
932
  h([
920
- y("api")
933
+ m("api")
921
934
  ], o.prototype, "updateWrappedApi", 1);
922
935
  h([
923
- y("searchTerm", { waitUntilFirstUpdate: !0 })
936
+ m("searchTerm", { waitUntilFirstUpdate: !0 })
924
937
  ], o.prototype, "handleSearchTermChange", 1);
925
938
  h([
926
- y("open")
939
+ m("open")
927
940
  ], o.prototype, "handleOpenChange", 1);
928
941
  h([
929
- y("variant")
942
+ m("variant")
930
943
  ], o.prototype, "handleVariantChange", 1);
931
944
  h([
932
- y("selectedLabel", { waitUntilFirstUpdate: !0 }),
933
- y("value", { waitUntilFirstUpdate: !0 })
945
+ m("selectedLabel", { waitUntilFirstUpdate: !0 }),
946
+ m("value", { waitUntilFirstUpdate: !0 })
934
947
  ], o.prototype, "handleValueChange", 1);
935
948
  o = h([
936
949
  N("cx-folder-select")
@@ -938,5 +951,6 @@ o = h([
938
951
  export {
939
952
  o as C,
940
953
  C as F,
941
- q as a
954
+ q as a,
955
+ ae as s
942
956
  };
@@ -3,7 +3,7 @@ import { n as c, C as b } from "./lib-cortex-element.CVMmyPMC.js";
3
3
  import { c as k } from "./component.styles.CRO4Odto.js";
4
4
  import { i as p } from "./lit-element.jLBm65_O.js";
5
5
  import { c as v } from "./custom-element.L4WJXn1j.js";
6
- import { L as y } from "./i18n.DJikbkDK.js";
6
+ import { L as y } from "./i18n.Dqb15q5k.js";
7
7
  import { w } from "./watch.CThbualB.js";
8
8
  import { e as m } from "./query.BBf1UFkC.js";
9
9
  import { e as u } from "./class-map.BiVq-cVR.js";
@@ -1,5 +1,5 @@
1
1
  import { p as v } from "./purify.es.BIuh5IAZ.js";
2
- const S = /* @__PURE__ */ new Set(["weekday", "era", "year", "month", "day"]), T = /* @__PURE__ */ new Set(["hour", "minute", "second", "dayPeriod", "timeZoneName"]), u = /* @__PURE__ */ new Set(), A = new MutationObserver(y), n = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
2
+ const T = /* @__PURE__ */ new Set(["weekday", "era", "year", "month", "day"]), S = /* @__PURE__ */ new Set(["hour", "minute", "second", "dayPeriod", "timeZoneName"]), u = /* @__PURE__ */ new Set(), A = new MutationObserver(y), n = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
3
3
  let h = document.documentElement.dir || "ltr", f = document.documentElement.lang || navigator.language, r;
4
4
  A.observe(document.documentElement, {
5
5
  attributeFilter: ["dir", "lang"],
@@ -110,7 +110,7 @@ let C = class {
110
110
  if (s.type !== "literal")
111
111
  return s.value;
112
112
  const c = a[d - 1], l = a[d + 1];
113
- return c != null && S.has(c.type) && l != null && T.has(l.type) ? " " : s.value;
113
+ return c != null && T.has(c.type) && l != null && S.has(l.type) ? " " : s.value;
114
114
  }).join("");
115
115
  }
116
116
  /** Outputs a localized number in the specified format. */
@@ -594,6 +594,7 @@ const b = {
594
594
  formatDDMMYYYY: "DD-MM-YYYY",
595
595
  formats: "Formats",
596
596
  forward: "Forward",
597
+ fourPageView: "Four-page view",
597
598
  freehandDrawing: "Freehand drawing",
598
599
  fromLabel: "From",
599
600
  fullscreen: "Fullscreen",
@@ -802,6 +803,7 @@ const b = {
802
803
  ok: "Ok",
803
804
  onHover: "On hover",
804
805
  onThisPage: "On this page",
806
+ onePageView: "One-page view",
805
807
  ongoing: "Ongoing",
806
808
  oopsSomethingWentWrong: "Oops! Something went wrong",
807
809
  opacity: "Opacity",
@@ -1130,6 +1132,7 @@ const b = {
1130
1132
  trim: "Trim",
1131
1133
  tuneDisabled: "Select some texts to apply the effect",
1132
1134
  turnOnSeeThru: "Turn on See-thru",
1135
+ twoPageView: "Two-page view",
1133
1136
  txtOnly: "Only text files are allowed",
1134
1137
  type: "Type",
1135
1138
  typeAMessage: "Type a message...",
@@ -1179,6 +1182,7 @@ const b = {
1179
1182
  viewAndSortElement: "View & sort",
1180
1183
  viewInAR: "View in AR",
1181
1184
  viewLogs: "View logs",
1185
+ viewMode: "View mode",
1182
1186
  viewOnAsset: "View on asset",
1183
1187
  viewOptions: "View options",
1184
1188
  viewPageDetails: "View page details",
@@ -1,7 +1,7 @@
1
1
  import { n as r, C as g } from "./lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as p } from "./component.styles.CRO4Odto.js";
3
3
  import { c as h } from "./custom-element.L4WJXn1j.js";
4
- import { L as m } from "./i18n.DJikbkDK.js";
4
+ import { L as m } from "./i18n.Dqb15q5k.js";
5
5
  import { r as f } from "./state.CSDxrqLd.js";
6
6
  import { e as v } from "./query.BBf1UFkC.js";
7
7
  import { e as y } from "./class-map.BiVq-cVR.js";