@orangelogic/design-system 2.70.0 → 2.71.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 (99) hide show
  1. package/library/chunks/{button.CAAJPQFu.js → button.D6S0sAOO.js} +1 -1
  2. package/library/chunks/{color-swatch-group.CKHyWM8K.js → color-swatch-group.CSctShAT.js} +3 -3
  3. package/library/chunks/{color-swatch.BkpPCXd6.js → color-swatch.9fo7Prlq.js} +1 -1
  4. package/library/chunks/{confirm-popover.ZD74yDWw.js → confirm-popover.DR2_O9i_.js} +3 -3
  5. package/library/chunks/{dialog.qSV5AjOE.js → dialog.n5g61iHs.js} +106 -92
  6. package/library/chunks/{dot-pagination.BN_0ljfc.js → dot-pagination.CqpDMHMz.js} +1 -1
  7. package/library/chunks/{file-on-demand.CXE4zf0J.js → file-on-demand.DyPdfxfM.js} +8 -8
  8. package/library/chunks/{folder-select.CPALQK22.js → folder-select.B4PPWsoq.js} +3 -3
  9. package/library/chunks/{header.DXZ_5gLY.js → header.tbXKX2yv.js} +1 -1
  10. package/library/chunks/{i18n.C0iakJkV.js → i18n.BU7mYVLM.js} +2 -2
  11. package/library/chunks/icon-button.Dxz2J4cg.js +683 -0
  12. package/library/chunks/{iframe.BlzVfeBc.js → iframe.Dx7QScC8.js} +1 -1
  13. package/library/chunks/{image.B3WjaCXP.js → image.Q7doiTcu.js} +1 -1
  14. package/library/chunks/{index.CmVKj_wl.js → index.xnuklZH8.js} +1 -1
  15. package/library/chunks/{list-editor.CIAAFPco.js → list-editor.rlWs0RYN.js} +7 -7
  16. package/library/chunks/{option.ByVbmxUQ.js → option.CgM5bwtt.js} +1 -1
  17. package/library/chunks/pagination.I2BZVSB2.js +430 -0
  18. package/library/chunks/{tab-group.1h51o_Ly.js → tab-group.euL1exrl.js} +3 -3
  19. package/library/chunks/{table.wVHv1Xze.js → table.DNwNmw8a.js} +366 -351
  20. package/library/chunks/{tree.Bx0IGsWm.js → tree.ClkS3oAg.js} +1 -1
  21. package/library/components/alert.js +2 -2
  22. package/library/components/asset-link-format.js +4 -4
  23. package/library/components/atoms.js +12 -12
  24. package/library/components/border-input-group.js +1 -1
  25. package/library/components/breadcrumb.js +1 -1
  26. package/library/components/button.js +2 -2
  27. package/library/components/color-picker.js +2 -2
  28. package/library/components/color-swatch-group.js +4 -4
  29. package/library/components/color-swatch.js +2 -2
  30. package/library/components/confirm-popover.js +4 -4
  31. package/library/components/copy-button.js +1 -1
  32. package/library/components/corner-position-input-group.js +2 -2
  33. package/library/components/details.js +1 -1
  34. package/library/components/dialog.js +3 -3
  35. package/library/components/dot-pagination.js +2 -2
  36. package/library/components/drawer.js +2 -2
  37. package/library/components/dropdown.js +1 -1
  38. package/library/components/dynamic-select.js +4 -4
  39. package/library/components/e-chart.js +1 -1
  40. package/library/components/element-clamp.js +2 -2
  41. package/library/components/file-on-demand.js +9 -9
  42. package/library/components/folder-select.js +3 -3
  43. package/library/components/format-bytes.js +1 -1
  44. package/library/components/format-date.js +1 -1
  45. package/library/components/format-number.js +1 -1
  46. package/library/components/format-time.js +1 -1
  47. package/library/components/header.js +2 -2
  48. package/library/components/icon-button.js +14 -679
  49. package/library/components/iframe.js +2 -2
  50. package/library/components/image-comparer.js +1 -1
  51. package/library/components/image.js +2 -2
  52. package/library/components/input.js +409 -320
  53. package/library/components/line-clamp.js +1 -1
  54. package/library/components/list-editor.js +6 -6
  55. package/library/components/masonry.js +2 -2
  56. package/library/components/menu-item.js +1 -1
  57. package/library/components/menu.js +1 -1
  58. package/library/components/molecules.js +4 -4
  59. package/library/components/option.js +2 -2
  60. package/library/components/organisms.js +2 -2
  61. package/library/components/pagination.js +8 -6
  62. package/library/components/popup.js +1 -1
  63. package/library/components/position-picker.js +1 -1
  64. package/library/components/progress-bar.js +1 -1
  65. package/library/components/progress-ring.js +1 -1
  66. package/library/components/range.js +1 -1
  67. package/library/components/rating.js +1 -1
  68. package/library/components/relative-time.js +1 -1
  69. package/library/components/select.js +2 -2
  70. package/library/components/share-option-list.js +1 -1
  71. package/library/components/sidebar.js +1 -1
  72. package/library/components/size-input-group.js +2 -2
  73. package/library/components/spinner.js +1 -1
  74. package/library/components/split-panel.js +1 -1
  75. package/library/components/tab-group.js +4 -4
  76. package/library/components/tab.js +2 -2
  77. package/library/components/table.js +5 -5
  78. package/library/components/tag.js +2 -2
  79. package/library/components/tooltip.js +1 -1
  80. package/library/components/tree-item.js +2 -2
  81. package/library/components/tree.js +2 -2
  82. package/library/components/typeface.js +6 -6
  83. package/library/components/types.js +25 -25
  84. package/library/components/video.js +2 -2
  85. package/library/package.json +1 -1
  86. package/library/packages/atoms/src/components/dialog/dialog.d.ts +10 -0
  87. package/library/packages/atoms/src/components/icon-button/icon-button.d.ts +2 -1
  88. package/library/packages/atoms/src/components/input/auto-grow-controller.d.ts +23 -0
  89. package/library/packages/atoms/src/components/input/input.d.ts +9 -0
  90. package/library/packages/atoms/src/components/pagination/pagination.d.ts +31 -2
  91. package/library/packages/atoms/src/components/table/table.d.ts +13 -1
  92. package/library/packages/atoms/src/components/table/tabulator-tables/modules/Page/Page.d.ts +2 -2
  93. package/library/packages/types/src/icon-button.d.ts +7 -0
  94. package/library/packages/types/src/table.d.ts +3 -1
  95. package/library/packages/utils/src/custom-element/i18n.d.ts +2 -2
  96. package/library/react-web-component.d.ts +39 -7
  97. package/library/utils.js +2 -2
  98. package/package.json +1 -1
  99. package/library/chunks/pagination.DPQn2fKX.js +0 -341
@@ -2,7 +2,7 @@ import { n as i, C as v } from "./lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as g } from "./component.styles.DMSLciL5.js";
3
3
  import { c as C } from "./custom-element.L4WJXn1j.js";
4
4
  import { F as x, v as w } from "./form.DgwYWi0O.js";
5
- import { L as $ } from "./i18n.C0iakJkV.js";
5
+ import { L as $ } from "./i18n.BU7mYVLM.js";
6
6
  import { H as S, g as O } from "./slot.j5oheLJC.js";
7
7
  import { w as m } from "./watch.BCJD77bD.js";
8
8
  import { r as u } from "./state.CSDxrqLd.js";
@@ -1,13 +1,13 @@
1
1
  import z from "../components/space.js";
2
- import { C as $ } from "./table.wVHv1Xze.js";
2
+ import { C as $ } from "./table.DNwNmw8a.js";
3
3
  import { C as k } from "./typography.oDzoLbZS.js";
4
4
  import { n as h, C as F } from "./lib-cortex-element.CVMmyPMC.js";
5
- import { C, a as m } from "./color-swatch.BkpPCXd6.js";
5
+ import { C, a as m } from "./color-swatch.9fo7Prlq.js";
6
6
  import { c as A } from "./component.styles.DMSLciL5.js";
7
7
  import { D as p } from "./content-builder.B4Tqoc6M.js";
8
8
  import { c as S } from "./custom-element.L4WJXn1j.js";
9
9
  import { d as T } from "./debounce.DaHuiSGU.js";
10
- import { L as E } from "./i18n.C0iakJkV.js";
10
+ import { L as E } from "./i18n.BU7mYVLM.js";
11
11
  import { w as x } from "./watch.BCJD77bD.js";
12
12
  import { g as D, a as R } from "./responsive.DL-wBD4P.js";
13
13
  import { x as l, B as H, i as O } from "./lit-element.jLBm65_O.js";
@@ -8,7 +8,7 @@ import { c as F } from "./component.styles.DMSLciL5.js";
8
8
  import { c as n, C as h, H as $, l as z } from "./color.vLD2sNTs.js";
9
9
  import { c as O } from "./custom-element.L4WJXn1j.js";
10
10
  import { d as W } from "./debounce.DaHuiSGU.js";
11
- import { L as A } from "./i18n.C0iakJkV.js";
11
+ import { L as A } from "./i18n.BU7mYVLM.js";
12
12
  import { w as i } from "./watch.BCJD77bD.js";
13
13
  import { i as G, x as u } from "./lit-element.jLBm65_O.js";
14
14
  import { r as c } from "./state.CSDxrqLd.js";
@@ -1,11 +1,11 @@
1
- import { C as _ } from "./button.CAAJPQFu.js";
2
- import { C as u, D as h } from "./dialog.qSV5AjOE.js";
1
+ import { C as _ } from "./button.D6S0sAOO.js";
2
+ import { C as u, D as h } from "./dialog.n5g61iHs.js";
3
3
  import g from "../components/dropdown.js";
4
4
  import { C as x } from "./typography.oDzoLbZS.js";
5
5
  import { n as e, C as b } from "./lib-cortex-element.CVMmyPMC.js";
6
6
  import { c as y } from "./component.styles.DMSLciL5.js";
7
7
  import { c as w } from "./custom-element.L4WJXn1j.js";
8
- import { L as $ } from "./i18n.C0iakJkV.js";
8
+ import { L as $ } from "./i18n.BU7mYVLM.js";
9
9
  import { i as z, x as d } from "./lit-element.jLBm65_O.js";
10
10
  import { e as m } from "./query.BBf1UFkC.js";
11
11
  import { e as a } from "./class-map.BiVq-cVR.js";
@@ -1,27 +1,27 @@
1
- import { n, C as z } from "./lib-cortex-element.CVMmyPMC.js";
1
+ import { n as r, C as z } from "./lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as S } from "./component.styles.DMSLciL5.js";
3
- import { O, C as D, H as B, z as L, o as P } from "./overlayscrollbars.XhGWx9Zk.js";
4
- import { a as h, s as u } from "./animate.El-MpOws.js";
5
- import { c as $ } from "./custom-element.L4WJXn1j.js";
3
+ import { O, C as D, H, z as B, o as L } from "./overlayscrollbars.XhGWx9Zk.js";
4
+ import { a as c, s as p } from "./animate.El-MpOws.js";
5
+ import { c as P } from "./custom-element.L4WJXn1j.js";
6
6
  import { w as x } from "./event.mFzZi4sr.js";
7
- import { L as H } from "./i18n.C0iakJkV.js";
8
- import { M as E } from "./modal.U1QltQKe.js";
7
+ import { L as $ } from "./i18n.BU7mYVLM.js";
8
+ import { M as A } from "./modal.U1QltQKe.js";
9
9
  import { l as w, u as _ } from "./scroll.xtO5yojm.js";
10
- import { H as R } from "./slot.j5oheLJC.js";
10
+ import { H as E } from "./slot.j5oheLJC.js";
11
11
  import { w as k } from "./watch.BCJD77bD.js";
12
- import { i as W, x as y, E as q } from "./lit-element.jLBm65_O.js";
13
- import { r as m } from "./state.CSDxrqLd.js";
14
- import { e as b } from "./query.BBf1UFkC.js";
12
+ import { i as R, x as y, E as W } from "./lit-element.jLBm65_O.js";
13
+ import { r as g } from "./state.CSDxrqLd.js";
14
+ import { e as m } from "./query.BBf1UFkC.js";
15
15
  import { e as v } from "./class-map.BiVq-cVR.js";
16
16
  import { o as C } from "./if-defined.BRoBj_Rp.js";
17
- import { o as A } from "./style-map.llVFPd__.js";
18
- import { n as g } from "./when.Dr1es41R.js";
19
- import { s as p, g as c } from "./animation-registry.HmpwNuGH.js";
17
+ import { o as q } from "./style-map.llVFPd__.js";
18
+ import { n as b } from "./when.Dr1es41R.js";
19
+ import { s as u, g as h } from "./animation-registry.HmpwNuGH.js";
20
20
  import F from "../components/divider.js";
21
- import I from "../components/icon-button.js";
21
+ import { C as I } from "./icon-button.Dxz2J4cg.js";
22
22
  import T from "../components/popup.js";
23
23
  var l = /* @__PURE__ */ ((e) => (e.Both = "both", e.Footer = "footer", e.Header = "header", e.None = "none", e))(l || {});
24
- const U = W`
24
+ const U = R`
25
25
  :host {
26
26
  --width: 31rem;
27
27
  --header-spacing: var(--cx-spacing-small) var(--cx-spacing-large);
@@ -170,19 +170,19 @@ const U = W`
170
170
  pointer-events: auto;
171
171
  }
172
172
  `;
173
- var j = Object.defineProperty, M = Object.getOwnPropertyDescriptor, a = (e, o, i, r) => {
174
- for (var s = r > 1 ? void 0 : r ? M(o, i) : o, d = e.length - 1, f; d >= 0; d--)
175
- (f = e[d]) && (s = (r ? f(o, i, s) : f(s)) || s);
176
- return r && s && j(o, i, s), s;
173
+ var j = Object.defineProperty, M = Object.getOwnPropertyDescriptor, i = (e, o, a, n) => {
174
+ for (var s = n > 1 ? void 0 : n ? M(o, a) : o, d = e.length - 1, f; d >= 0; d--)
175
+ (f = e[d]) && (s = (n ? f(o, a, s) : f(s)) || s);
176
+ return n && s && j(o, a, s), s;
177
177
  };
178
178
  O.plugin({
179
- ClickScroll: L,
180
- ScrollbarsHiding: B,
179
+ ClickScroll: B,
180
+ ScrollbarsHiding: H,
181
181
  SizeObserver: D
182
182
  });
183
183
  let t = class extends z {
184
184
  constructor() {
185
- super(), this.hasSlotController = new R(this, "footer"), this.localize = new H(this), this.modal = new E(this), this.open = !1, this.label = "", this.noHeader = !1, this.boundary = document.body, this.dividerPosition = l.Header, this.useOverlayScrollbar = !1, this.disableOverlayClick = !1, this.stayOpenOutsideClick = !1, this.strategy = "fixed", this.osInstance = null, this.boundaryObserver = null, this.boundarySize = {
185
+ super(), this.hasSlotController = new E(this, "footer"), this.localize = new $(this), this.modal = new A(this), this.open = !1, this.label = "", this.noHeader = !1, this.boundary = document.body, this.dividerPosition = l.Header, this.useOverlayScrollbar = !1, this.overlayScrollbarAutoHide = "scroll", this.overlayScrollbarAutoHideDelay = 1e3, this.disableOverlayClick = !1, this.stayOpenOutsideClick = !1, this.strategy = "fixed", this.osInstance = null, this.boundaryObserver = null, this.boundarySize = {
186
186
  height: 0,
187
187
  width: 0
188
188
  }, this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.preventBoundaryDialogClose = this.preventBoundaryDialogClose.bind(this), this.handleWindowResize = this.handleWindowResize.bind(this);
@@ -222,10 +222,10 @@ let t = class extends z {
222
222
  height: e.clientHeight,
223
223
  width: e.clientWidth
224
224
  }, this.boundaryObserver = new ResizeObserver((o) => {
225
- for (const i of o)
225
+ for (const a of o)
226
226
  this.boundarySize = {
227
- height: i.contentRect.height,
228
- width: i.contentRect.width
227
+ height: a.contentRect.height,
228
+ width: a.contentRect.width
229
229
  };
230
230
  }), this.boundaryObserver.observe(e));
231
231
  }
@@ -243,10 +243,10 @@ let t = class extends z {
243
243
  if (o.defaultPrevented || this.disableOverlayClick && e === "overlay") {
244
244
  if (o.detail.preventedReason === "nested" || !this.disableOverlayClick && e === "overlay")
245
245
  return !1;
246
- const i = c(this, "dialog.denyClose", {
246
+ const a = h(this, "dialog.denyClose", {
247
247
  dir: this.localize.dir()
248
248
  });
249
- return h(this.panel, i.keyframes, i.options), !1;
249
+ return c(this.panel, a.keyframes, a.options), !1;
250
250
  }
251
251
  return this.hide(), !0;
252
252
  }
@@ -276,8 +276,8 @@ let t = class extends z {
276
276
  );
277
277
  }
278
278
  handleDocumentMouseDown(e) {
279
- const o = e.composedPath(), i = o[0], r = o.some((d) => d === this.panel), s = !this.contains(i) && !this.shadowRoot?.contains(i);
280
- r || this.stayOpenOutsideClick && s || this.requestClose("overlay");
279
+ const o = e.composedPath(), a = o[0], n = o.some((d) => d === this.panel), s = !this.contains(a) && !this.shadowRoot?.contains(a);
280
+ n || this.stayOpenOutsideClick && s || this.requestClose("overlay");
281
281
  }
282
282
  handleDocumentKeyDown(e) {
283
283
  e.key === "Escape" && this.modal.isActive() && this.open && this.requestClose("keyboard") && (e.stopPropagation(), e.stopImmediatePropagation());
@@ -289,15 +289,15 @@ let t = class extends z {
289
289
  if (this.open) {
290
290
  this.emit("cx-show"), this.originalTrigger = document.activeElement, this.modal.activate(), this.useOverlayScrollbar && (this.osInstance = O(this.body, {
291
291
  scrollbars: {
292
- autoHide: "scroll",
293
- autoHideDelay: 1e3
292
+ autoHide: this.overlayScrollbarAutoHide,
293
+ autoHideDelay: this.overlayScrollbarAutoHideDelay
294
294
  }
295
295
  })), (!this.boundary || this.boundary === document.body) && w(this);
296
296
  const e = this.querySelector("[autofocus]");
297
297
  e && e.removeAttribute("autofocus"), await Promise.all([
298
- u(this.popup),
298
+ p(this.popup),
299
299
  (() => {
300
- this.overlay && u(this.overlay);
300
+ this.overlay && p(this.overlay);
301
301
  })()
302
302
  ]), this.popup.hidden = !1, (() => {
303
303
  this.emit("cx-initial-focus", {
@@ -306,42 +306,42 @@ let t = class extends z {
306
306
  preventScroll: !0
307
307
  }) : this.panel.focus({ preventScroll: !0 })), e && e.setAttribute("autofocus", "");
308
308
  })();
309
- const i = c(this, "dialog.show", {
309
+ const a = h(this, "dialog.show", {
310
310
  dir: this.localize.dir()
311
- }), r = c(this, "dialog.overlay.show", {
311
+ }), n = h(this, "dialog.overlay.show", {
312
312
  dir: this.localize.dir()
313
313
  });
314
314
  await Promise.all([
315
- h(this.panel, i.keyframes, i.options),
315
+ c(this.panel, a.keyframes, a.options),
316
316
  (async () => {
317
- this.overlay && await h(
317
+ this.overlay && await c(
318
318
  this.overlay,
319
- r.keyframes,
320
- r.options
319
+ n.keyframes,
320
+ n.options
321
321
  );
322
322
  })()
323
323
  ]), this.emit("cx-after-show"), this.addOpenListeners();
324
324
  } else {
325
325
  this.emit("cx-hide"), this.removeOpenListeners(), this.modal.deactivate(), this.osInstance?.destroy(), await Promise.all([
326
- u(this.popup),
326
+ p(this.popup),
327
327
  (() => {
328
- this.overlay && u(this.overlay);
328
+ this.overlay && p(this.overlay);
329
329
  })()
330
330
  ]);
331
- const e = c(this, "dialog.hide", {
331
+ const e = h(this, "dialog.hide", {
332
332
  dir: this.localize.dir()
333
- }), o = c(this, "dialog.overlay.hide", {
333
+ }), o = h(this, "dialog.overlay.hide", {
334
334
  dir: this.localize.dir()
335
335
  });
336
336
  await Promise.all([
337
337
  (async () => {
338
- this.overlay && (await h(
338
+ this.overlay && (await c(
339
339
  this.overlay,
340
340
  o.keyframes,
341
341
  o.options
342
342
  ), this.overlay.hidden = !0);
343
343
  })(),
344
- h(
344
+ c(
345
345
  this.panel,
346
346
  e.keyframes,
347
347
  e.options
@@ -349,8 +349,8 @@ let t = class extends z {
349
349
  this.panel.hidden = !0;
350
350
  })
351
351
  ]), this.overlay && (this.overlay.hidden = !1), this.panel.hidden = !1, (!this.boundary || this.boundary === document.body) && _(this);
352
- const i = this.originalTrigger;
353
- typeof i?.focus == "function" && setTimeout(() => i.focus()), this.emit("cx-after-hide");
352
+ const a = this.originalTrigger;
353
+ typeof a?.focus == "function" && setTimeout(() => a.focus()), this.emit("cx-after-hide");
354
354
  }
355
355
  }
356
356
  /** Shows the dialog. */
@@ -388,7 +388,7 @@ let t = class extends z {
388
388
  dialog__overlay: !0
389
389
  })}
390
390
  tabindex="-1"
391
- style=${A({
391
+ style=${q({
392
392
  height: `${this.boundarySize.height}px`,
393
393
  width: `${this.boundarySize.width}px`
394
394
  })}
@@ -403,9 +403,9 @@ let t = class extends z {
403
403
  aria-labelledby=${C(this.noHeader ? void 0 : "title")}
404
404
  tabindex="-1"
405
405
  >
406
- ${g(
406
+ ${b(
407
407
  this.noHeader,
408
- () => q,
408
+ () => W,
409
409
  () => y`
410
410
  <header part="header" class="dialog__header">
411
411
  <h2 part="title" class="dialog__title" id="title">
@@ -425,7 +425,7 @@ let t = class extends z {
425
425
  ></cx-icon-button>
426
426
  </div>
427
427
  </header>
428
- ${g(
428
+ ${b(
429
429
  [
430
430
  l.Header,
431
431
  l.Both
@@ -443,7 +443,7 @@ let t = class extends z {
443
443
  <div part="body" class="dialog__body" tabindex="-1">
444
444
  <slot></slot>
445
445
  </div>
446
- ${g(
446
+ ${b(
447
447
  [
448
448
  l.Footer,
449
449
  l.Both
@@ -464,7 +464,7 @@ let t = class extends z {
464
464
  };
465
465
  t.styles = [
466
466
  S,
467
- P,
467
+ L,
468
468
  U
469
469
  ];
470
470
  t.dependencies = {
@@ -472,95 +472,109 @@ t.dependencies = {
472
472
  "cx-icon-button": I,
473
473
  "cx-popup": T
474
474
  };
475
- a([
476
- b(".popup")
475
+ i([
476
+ m(".popup")
477
477
  ], t.prototype, "popup", 2);
478
- a([
479
- b(".dialog__panel")
478
+ i([
479
+ m(".dialog__panel")
480
480
  ], t.prototype, "panel", 2);
481
- a([
482
- b(".dialog__body")
481
+ i([
482
+ m(".dialog__body")
483
483
  ], t.prototype, "body", 2);
484
- a([
485
- n({ reflect: !0, type: Boolean })
484
+ i([
485
+ r({ reflect: !0, type: Boolean })
486
486
  ], t.prototype, "open", 2);
487
- a([
488
- n({ reflect: !0 })
487
+ i([
488
+ r({ reflect: !0 })
489
489
  ], t.prototype, "label", 2);
490
- a([
491
- n({ attribute: "no-header", reflect: !0, type: Boolean })
490
+ i([
491
+ r({ attribute: "no-header", reflect: !0, type: Boolean })
492
492
  ], t.prototype, "noHeader", 2);
493
- a([
494
- n({ type: Object })
493
+ i([
494
+ r({ type: Object })
495
495
  ], t.prototype, "boundary", 2);
496
- a([
497
- n({ attribute: "divider-position", reflect: !0, type: String })
496
+ i([
497
+ r({ attribute: "divider-position", reflect: !0, type: String })
498
498
  ], t.prototype, "dividerPosition", 2);
499
- a([
500
- n({
499
+ i([
500
+ r({
501
501
  attribute: "use-overlay-scrollbar",
502
502
  reflect: !0,
503
503
  type: Boolean
504
504
  })
505
505
  ], t.prototype, "useOverlayScrollbar", 2);
506
- a([
507
- n({
506
+ i([
507
+ r({
508
+ attribute: "overlay-scrollbar-auto-hide",
509
+ reflect: !0,
510
+ type: String
511
+ })
512
+ ], t.prototype, "overlayScrollbarAutoHide", 2);
513
+ i([
514
+ r({
515
+ attribute: "overlay-scrollbar-auto-hide-delay",
516
+ reflect: !0,
517
+ type: Number
518
+ })
519
+ ], t.prototype, "overlayScrollbarAutoHideDelay", 2);
520
+ i([
521
+ r({
508
522
  attribute: "disable-overlay-click",
509
523
  reflect: !0,
510
524
  type: Boolean
511
525
  })
512
526
  ], t.prototype, "disableOverlayClick", 2);
513
- a([
514
- n({
527
+ i([
528
+ r({
515
529
  attribute: "stay-open-outside-click",
516
530
  reflect: !0,
517
531
  type: Boolean
518
532
  })
519
533
  ], t.prototype, "stayOpenOutsideClick", 2);
520
- a([
521
- n({ reflect: !0 })
534
+ i([
535
+ r({ reflect: !0 })
522
536
  ], t.prototype, "strategy", 2);
523
- a([
524
- m()
537
+ i([
538
+ g()
525
539
  ], t.prototype, "overlay", 2);
526
- a([
527
- m()
540
+ i([
541
+ g()
528
542
  ], t.prototype, "boundaryObserver", 2);
529
- a([
530
- m()
543
+ i([
544
+ g()
531
545
  ], t.prototype, "boundarySize", 2);
532
- a([
546
+ i([
533
547
  k(["boundary"], { waitUntilFirstUpdate: !0 })
534
548
  ], t.prototype, "updatePopupAnchor", 1);
535
- a([
549
+ i([
536
550
  k("open", { waitUntilFirstUpdate: !0 })
537
551
  ], t.prototype, "handleOpenChange", 1);
538
- t = a([
539
- $("cx-dialog")
552
+ t = i([
553
+ P("cx-dialog")
540
554
  ], t);
541
- p("dialog.show", {
555
+ u("dialog.show", {
542
556
  keyframes: [
543
557
  { opacity: 0 },
544
558
  { opacity: 1 }
545
559
  ],
546
560
  options: { duration: 250, easing: "ease" }
547
561
  });
548
- p("dialog.hide", {
562
+ u("dialog.hide", {
549
563
  keyframes: [
550
564
  { opacity: 1 },
551
565
  { opacity: 0 }
552
566
  ],
553
567
  options: { duration: 250, easing: "ease" }
554
568
  });
555
- p("dialog.denyClose", {
569
+ u("dialog.denyClose", {
556
570
  keyframes: [{ scale: 1 }, { scale: 1.02 }, { scale: 1 }],
557
571
  options: { duration: 250 }
558
572
  });
559
- p("dialog.overlay.show", {
573
+ u("dialog.overlay.show", {
560
574
  keyframes: [{ opacity: 0 }, { opacity: 1 }],
561
575
  options: { duration: 250 }
562
576
  });
563
- p("dialog.overlay.hide", {
577
+ u("dialog.overlay.hide", {
564
578
  keyframes: [{ opacity: 1 }, { opacity: 0 }],
565
579
  options: { duration: 250 }
566
580
  });
@@ -2,7 +2,7 @@ import { n as a, C as P } from "./lib-cortex-element.CVMmyPMC.js";
2
2
  import { c as F } from "./component.styles.DMSLciL5.js";
3
3
  import { O as C } from "./index.Cpamj0jB.js";
4
4
  import { c as z } from "./custom-element.L4WJXn1j.js";
5
- import { L as S } from "./i18n.C0iakJkV.js";
5
+ import { L as S } from "./i18n.BU7mYVLM.js";
6
6
  import { w as m } from "./watch.BCJD77bD.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 J from "../components/icon.js";
2
2
  import Q from "../components/line-clamp.js";
3
- import { C as yt, s as bt, a as $t, b as lt } from "./tree.Bx0IGsWm.js";
3
+ import { C as yt, s as bt, a as $t, b as lt } from "./tree.ClkS3oAg.js";
4
4
  import { n as d, C as H } from "./lib-cortex-element.CVMmyPMC.js";
5
5
  import { c as tt } from "./component.styles.DMSLciL5.js";
6
6
  import { c as W } from "./custom-element.L4WJXn1j.js";
7
- import { L as q } from "./i18n.C0iakJkV.js";
7
+ import { L as q } from "./i18n.BU7mYVLM.js";
8
8
  import { k as zt, h as St, i as wt, w as P, j as Et, l as Lt, f as Ft, g as Ut, d as Rt, m as kt, n as Ot } from "./watch.BCJD77bD.js";
9
9
  import { p as R } from "./string.B_rEG27K.js";
10
10
  import { x as n, i as at, E as Nt } from "./lit-element.jLBm65_O.js";
@@ -15,22 +15,22 @@ import { c as U } from "./repeat.DbF2p5ae.js";
15
15
  import { n as p } from "./when.Dr1es41R.js";
16
16
  import { a as jt, i as It, c as Bt, b as dt } from "./_baseUniq.BUihBa8c.js";
17
17
  import Mt from "../components/avatar.js";
18
- import { C as Vt } from "./button.CAAJPQFu.js";
19
- import { C as Ht } from "./dialog.qSV5AjOE.js";
18
+ import { C as Vt } from "./button.D6S0sAOO.js";
19
+ import { C as Ht } from "./dialog.n5g61iHs.js";
20
20
  import Wt from "../components/divider.js";
21
21
  import ot from "../components/format-bytes.js";
22
- import Ct from "../components/icon-button.js";
22
+ import { C as Ct } from "./icon-button.Dxz2J4cg.js";
23
23
  import qt from "../components/input.js";
24
- import { C as Gt } from "./option.ByVbmxUQ.js";
24
+ import { C as Gt } from "./option.CgM5bwtt.js";
25
25
  import At from "../components/relative-time.js";
26
26
  import Yt from "../components/select.js";
27
27
  import Kt from "../components/space.js";
28
28
  import Xt from "../components/tab.js";
29
- import { C as Zt } from "./tab-group.1h51o_Ly.js";
29
+ import { C as Zt } from "./tab-group.euL1exrl.js";
30
30
  import Jt from "../components/tab-panel.js";
31
31
  import Dt from "../components/tooltip.js";
32
32
  import { C as nt } from "./typography.oDzoLbZS.js";
33
- import { C as Qt } from "./confirm-popover.ZD74yDWw.js";
33
+ import { C as Qt } from "./confirm-popover.DR2_O9i_.js";
34
34
  import { d as te } from "./debounce.DaHuiSGU.js";
35
35
  import { a as et } from "./number.CjNxU7Xs.js";
36
36
  import { i as K, a as ht } from "./url.LjsR2sB5.js";
@@ -1,18 +1,18 @@
1
1
  import A from "../components/icon.js";
2
2
  import X from "../components/input.js";
3
3
  import Y from "../components/select.js";
4
- import { C as $, a as ee } from "./tree.Bx0IGsWm.js";
4
+ import { C as $, a as ee } from "./tree.ClkS3oAg.js";
5
5
  import { n as r, C as O } from "./lib-cortex-element.CVMmyPMC.js";
6
6
  import { h as I, F as te, b as re } from "./endpoints.B7lcoc1N.js";
7
7
  import { c as R } from "./component.styles.DMSLciL5.js";
8
8
  import { c as D } from "./custom-element.L4WJXn1j.js";
9
- import { L as w } from "./i18n.C0iakJkV.js";
9
+ import { L as w } from "./i18n.BU7mYVLM.js";
10
10
  import { w as m } from "./watch.BCJD77bD.js";
11
11
  import { x as f, i as ae } from "./lit-element.jLBm65_O.js";
12
12
  import { r as x } from "./state.CSDxrqLd.js";
13
13
  import { e as B } from "./query.BBf1UFkC.js";
14
14
  import { r as se } from "./choose.BTbF6BAn.js";
15
- import { C as W } from "./button.CAAJPQFu.js";
15
+ import { C as W } from "./button.D6S0sAOO.js";
16
16
  import { d as le } from "./debounce.DaHuiSGU.js";
17
17
  import { o as y } from "./if-defined.BRoBj_Rp.js";
18
18
  import { c as q } from "./repeat.DbF2p5ae.js";
@@ -3,7 +3,7 @@ import { n as c, C as b } from "./lib-cortex-element.CVMmyPMC.js";
3
3
  import { c as x } from "./component.styles.DMSLciL5.js";
4
4
  import { i as u } from "./lit-element.jLBm65_O.js";
5
5
  import { c as v } from "./custom-element.L4WJXn1j.js";
6
- import { L as y } from "./i18n.C0iakJkV.js";
6
+ import { L as y } from "./i18n.BU7mYVLM.js";
7
7
  import { w } from "./watch.BCJD77bD.js";
8
8
  import { e as m } from "./query.BBf1UFkC.js";
9
9
  import { e as g } from "./class-map.BiVq-cVR.js";
@@ -498,8 +498,8 @@ const w = {
498
498
  interpretTextAs: "Interpret Text As",
499
499
  itCanTakeAFewMinutesForThisSettingToTakeEffect: "It can take a few minutes for this setting to take effect.",
500
500
  italic: "Italic",
501
- itemOfTotal: (e, t) => `${e} of ${t}`,
502
- itemRangeOfTotal: (e, t, o) => `${e} - ${t} of ${o}`,
501
+ itemOfTotal: (e, t) => `${e} of ${t}`.trim(),
502
+ itemRangeOfTotal: (e, t, o) => `${e} - ${t} of ${o}`.trim(),
503
503
  itemsGap: "Items gap",
504
504
  jump: "Jump",
505
505
  justify: "Justify",