@orangelogic/design-system 2.44.0 → 2.45.0

package/library/components/types.js

@@ -1,10 +1,10 @@
 import zK from "./alert.js";
-import { default as wWt } from "./animated-image.js";
-import { C as kWt } from "../chunks/animation.DPqSuC7g.js";
-import { default as CWt } from "./avatar.js";
+import { default as xWt } from "./animated-image.js";
+import { C as _Wt } from "../chunks/animation.DPqSuC7g.js";
+import { default as SWt } from "./avatar.js";
 import Ub from "./badge.js";
-import { default as EWt } from "./breadcrumb.js";
-import { default as AWt } from "./breadcrumb-item.js";
+import { default as TWt } from "./breadcrumb.js";
+import { default as OWt } from "./breadcrumb-item.js";
 import { C as wo, B as gc, a as yc } from "../chunks/button.DrU92LJQ.js";
 import d9 from "./button-group.js";
 import Jf from "./card.js";
@@ -15,75 +15,75 @@ import FK from "./details.js";
 import { C as hs, D as U7 } from "../chunks/dialog.rme_OwWe.js";
 import Hl from "./divider.js";
 import { d as $K, C as jK } from "../chunks/dot-pagination.BAYd2LHU.js";
-import { default as IWt } from "./drawer.js";
+import { default as DWt } from "./drawer.js";
 import su from "./dropdown.js";
-import { default as MWt } from "./element-clamp.js";
-import { default as NWt } from "./format-bytes.js";
+import { default as PWt } from "./element-clamp.js";
+import { default as LWt } from "./format-bytes.js";
 import HK from "./format-date.js";
-import { default as RWt } from "./format-number.js";
+import { default as BWt } from "./format-number.js";
 import Kg from "./grid.js";
 import Yg from "./grid-item.js";
 import { C as ER, V as UK, A as qK } from "../chunks/header.CS8blIMq.js";
 import { H as VK, a as WK } from "../chunks/hub-connection.BiLljnv2.js";
-import { C as zWt } from "../chunks/hub-connection.BiLljnv2.js";
+import { C as FWt } from "../chunks/hub-connection.BiLljnv2.js";
 import No from "./icon.js";
 import Qo from "./icon-button.js";
 import { C as GK, a as KK } from "../chunks/iframe.Ad6DPhUL.js";
 import { H as xi, C as u9, a as YK, b as _n, c as XK, d as Ko, e as Ia, f as Ni } from "../chunks/image.C9hVXtqX.js";
-import { default as $Wt } from "./image-comparer.js";
-import { default as HWt } from "./include.js";
+import { default as jWt } from "./image-comparer.js";
+import { default as UWt } from "./include.js";
 import Xa from "./input.js";
-import { default as qWt } from "./input-group.js";
+import { default as VWt } from "./input-group.js";
 import kd from "./line-clamp.js";
 import p9 from "./markdown.js";
 import cu from "./menu.js";
-import { C as dp, f as JK, n as kl, e as _l } from "../chunks/menu-item.DOFCmq0Z.js";
+import dp from "./menu-item.js";
 import TR from "./menu-label.js";
-import ZK from "./menu-section.js";
-import QK from "./mutation-observer.js";
-import { C as Al, a as eY } from "../chunks/option.C4nNbxye.js";
-import tY from "./pagination.js";
+import JK from "./menu-section.js";
+import ZK from "./mutation-observer.js";
+import { C as Al, a as QK } from "../chunks/option.C4nNbxye.js";
+import eY from "./pagination.js";
 import { C as Qc, d as up } from "../chunks/popup.CJrePm7n.js";
-import nY from "./progress-bar.js";
-import { default as WWt } from "./progress-ring.js";
-import { default as KWt } from "./qr-code.js";
+import tY from "./progress-bar.js";
+import { default as GWt } from "./progress-ring.js";
+import { default as YWt } from "./qr-code.js";
 import AR from "./radio.js";
-import rY from "./radio-button.js";
-import iY from "./radio-card.js";
+import nY from "./radio-button.js";
+import rY from "./radio-card.js";
 import h9 from "./radio-group.js";
 import g9 from "./range.js";
-import { default as XWt } from "./rating.js";
-import { default as ZWt } from "./relative-time.js";
+import { default as JWt } from "./rating.js";
+import { default as QWt } from "./relative-time.js";
 import qb from "./resize-observer.js";
-import { C as _d, i as oY } from "../chunks/select.Bo8mWJ1g.js";
-import { default as eGt } from "./skeleton.js";
+import { C as _d, i as iY } from "../chunks/select.Bo8mWJ1g.js";
+import { default as tGt } from "./skeleton.js";
 import vi from "./space.js";
 import lu from "./spinner.js";
-import { default as nGt } from "./split-panel.js";
-import { default as iGt } from "./step.js";
-import { default as aGt } from "./stepper.js";
+import { default as rGt } from "./split-panel.js";
+import { default as oGt } from "./step.js";
+import { default as sGt } from "./stepper.js";
 import ek from "./switch.js";
 import tk from "./tab.js";
-import { C as nk, T as m9, a as f9, b as v9, g as q7 } from "../chunks/tab-group.g2uXM2W8.js";
-import { C as OR, f as jh, i as IR, r as aY, m as sY, a as V7, g as W7 } from "../chunks/table.Be9berv0.js";
+import { C as nk, T as m9, a as f9, b as v9, g as q7 } from "../chunks/tab-group.uF5JbAGa.js";
+import { C as OR, f as jh, i as IR, r as oY, m as aY, a as V7, g as W7 } from "../chunks/table.D6Abk0xC.js";
 import y9 from "./tab-panel.js";
-import { default as cGt } from "./tag.js";
-import cY from "./textarea.js";
-import { C as lY, t as dY } from "../chunks/timecode.BOz71Ho5.js";
+import { default as lGt } from "./tag.js";
+import sY from "./textarea.js";
+import { C as cY, t as lY } from "../chunks/timecode.BOz71Ho5.js";
 import ya from "./tooltip.js";
-import { d as uY, v as Zf } from "../chunks/tree.DynOxJWg.js";
-import { a as dGt, C as uGt } from "../chunks/tree.DynOxJWg.js";
+import { d as dY, v as Zf } from "../chunks/tree.DynOxJWg.js";
+import { a as uGt, C as pGt } from "../chunks/tree.DynOxJWg.js";
 import { C as eo } from "../chunks/typography.trna8y2b.js";
-import { default as hGt } from "./video.js";
-import pY from "./visually-hidden.js";
-import { getAnimationNames as mGt, getEasingNames as fGt } from "./atoms.js";
+import { default as gGt } from "./video.js";
+import uY from "./visually-hidden.js";
+import { getAnimationNames as fGt, getEasingNames as vGt } from "./atoms.js";
 import { c as Rn } from "../chunks/component.styles.DtouHn2g.js";
 import { e as G7, d as K7 } from "../chunks/animation-registry.DavRkTTr.js";
-import { g as yGt, s as bGt } from "../chunks/animation-registry.DavRkTTr.js";
-import { i as Dn, n as K, C as zn, x as Z, c as Pn, r as DR, T as hY, a as gY, E as dh } from "../chunks/custom-element.fmLrnDZr.js";
-import { c as mY } from "../chunks/browser.Va59Ix3P.js";
-import { u as Y7, l as fY } from "../chunks/scroll.DwPiX2Ox.js";
-import { w as Ot, o as vY, p as MR, q as yY, h as PR, r as bY, t as wY, m as xY, u as kY, v as _Y, U as X7, x as rk, l as b9, y as _1, z as NR, S as CY, i as w9, c as SY, A as EY, d as TY, B as AY, C as OY, f as IY, g as J7, n as DY } from "../chunks/watch.BCJD77bD.js";
+import { g as bGt, s as wGt } from "../chunks/animation-registry.DavRkTTr.js";
+import { i as Dn, n as K, C as zn, x as Z, c as Pn, r as DR, T as pY, a as hY, E as dh } from "../chunks/custom-element.fmLrnDZr.js";
+import { c as gY } from "../chunks/browser.Va59Ix3P.js";
+import { u as Y7, l as mY } from "../chunks/scroll.DwPiX2Ox.js";
+import { w as Ot, o as fY, p as MR, q as vY, h as PR, r as yY, t as bY, m as wY, u as xY, v as kY, U as X7, x as rk, l as b9, y as _1, z as NR, S as _Y, i as w9, c as CY, A as SY, d as EY, B as TY, C as AY, f as OY, g as J7, n as IY } from "../chunks/watch.BCJD77bD.js";
 import { a as U_, l as Hh, c as Z7, b as Q7, g as x9, d as LR, e as RR, f as eO } from "../chunks/dom.DDszM5Cy.js";
 import { r as ke } from "../chunks/state.Dt9F_SuS.js";
 import { e as Tt } from "../chunks/query.BBf1UFkC.js";
@@ -91,45 +91,46 @@ import { e as hn } from "../chunks/class-map.DqNfBvJI.js";
 import { n as St } from "../chunks/when.Dr1es41R.js";
 import { L as rr, G as uh, a as qd, b as kn } from "../chunks/i18n.D33BKrRs.js";
 import { o as bo } from "../chunks/map.D8heArFD.js";
-import { c as ib, b as MY } from "../chunks/capitalize.CNStXZBq.js";
+import { c as ib, b as DY } from "../chunks/capitalize.CNStXZBq.js";
 import { o as nr } from "../chunks/style-map.lEJHEwk3.js";
-import { a as ob, d as PY, e as NY, D as q_, u as LY, t as fc, f as BR } from "../chunks/asset.Ba-CxnNM.js";
-import { H as RY } from "../chunks/slot.DJLm4Dig.js";
-import { a as k9, u as Gu, C as BY } from "../chunks/list-editor.B_BRQoUp.js";
-import zY from "./bicolor-picker.js";
+import { a as ob, d as MY, e as PY, D as q_, u as NY, t as fc, f as BR } from "../chunks/asset.Ba-CxnNM.js";
+import { H as LY } from "../chunks/slot.DJLm4Dig.js";
+import { a as k9, u as Gu, C as RY } from "../chunks/list-editor.BZMql0Tj.js";
+import BY from "./bicolor-picker.js";
 import zR from "./border-input-group.js";
-import { p as FR, c as xm, b as km, d as FY, e as $Y, g as V_ } from "../chunks/color-swatch.DkZKPbUq.js";
-import { C as xGt } from "../chunks/color-swatch.DkZKPbUq.js";
-import { C as _9, a as jY } from "../chunks/confirm-popover.NWK93E8p.js";
-import HY from "./corner-position-input-group.js";
-import { r as ik, R as ab, a as UY, b as qe, j as _e, t as qY, d as $R, w as VY, e as WY } from "../chunks/cropper.3qRm5dEe.js";
-import { C as _Gt } from "../chunks/cropper.3qRm5dEe.js";
-import { h as sr, D as jR, c as tO, C as yh, T as C9, M as GY, d as HR } from "../chunks/endpoints.BgyupJys.js";
+import { p as FR, c as xm, b as km, d as zY, e as FY, g as V_ } from "../chunks/color-swatch.DkZKPbUq.js";
+import { C as kGt } from "../chunks/color-swatch.DkZKPbUq.js";
+import { C as _9, a as $Y } from "../chunks/confirm-popover.NWK93E8p.js";
+import jY from "./corner-position-input-group.js";
+import { r as ik, R as ab, a as HY, b as qe, j as _e, t as UY, d as $R, w as qY, e as VY } from "../chunks/cropper.3qRm5dEe.js";
+import { C as CGt } from "../chunks/cropper.3qRm5dEe.js";
+import { h as sr, D as jR, c as tO, C as yh, T as C9, M as WY, d as HR } from "../chunks/endpoints.BgyupJys.js";
 import { o as Cr } from "../chunks/if-defined.CKupVaWs.js";
 import { c as Jn } from "../chunks/repeat.B1pVpmRx.js";
 import S9 from "./dynamic-select.js";
 import { F as Ku, C as E9, a as W_ } from "../chunks/folder-select.ChFCJ-w0.js";
 import { a as Io, E as Fn, b as Um, O as Ld, T as Fu, G as nO } from "../chunks/index.Cpamj0jB.js";
-import { C as SGt } from "../chunks/index.Cpamj0jB.js";
+import { C as EGt } from "../chunks/index.Cpamj0jB.js";
 import { g as T9, c as ry } from "../chunks/_commonjsHelpers.ByX85dGu.js";
-import { b as Qf, a as UR, d as rO, c as ok, s as KY, o as YY, U as A9, e as qR, i as Kd, f as XY } from "../chunks/file-on-demand.ZcYwCR_s.js";
-import { C as TGt } from "../chunks/file-on-demand.ZcYwCR_s.js";
-import { e as JY, t as ZY } from "../chunks/directive.oAbCiebi.js";
+import { b as Qf, a as UR, d as rO, c as ok, s as GY, o as KY, U as A9, e as qR, i as Kd, f as YY } from "../chunks/file-on-demand.CODE3g50.js";
+import { C as AGt } from "../chunks/file-on-demand.CODE3g50.js";
+import { e as XY, t as JY } from "../chunks/directive.oAbCiebi.js";
+import { f as ZY, n as kl, e as _l } from "../chunks/ref.BDmlFGTP.js";
 import QY from "./masonry.js";
 import eX from "./padding-input-group.js";
 import tX from "./position-picker.js";
 import { D as Uw, P as G_, E as dd, B as ft, a as Af, A as ig, b as nX, T as iO } from "../chunks/content-builder.UlVFSATk.js";
-import { g as rX, a as oO, b as qw } from "../chunks/color-swatch-group.DrpRd8Xw.js";
-import { C as OGt } from "../chunks/color-swatch-group.DrpRd8Xw.js";
+import { g as rX, a as oO, b as qw } from "../chunks/color-swatch-group.CMz7zQdk.js";
+import { C as IGt } from "../chunks/color-swatch-group.CMz7zQdk.js";
 import iX from "./shadow-input-group.js";
-import { default as DGt } from "./share-option-list.js";
-import { default as PGt } from "./sidebar.js";
+import { default as MGt } from "./share-option-list.js";
+import { default as NGt } from "./sidebar.js";
 import oX from "./size-input-group.js";
-import { default as LGt } from "./stepper-wizard.js";
+import { default as RGt } from "./stepper-wizard.js";
 import { t as VR, a as O9 } from "../chunks/toString.CL_lYXbK.js";
-import { default as BGt } from "./typeface.js";
+import { default as zGt } from "./typeface.js";
 import { o as Yu } from "../chunks/unsafe-html.BpqikVtf.js";
-import { default as FGt } from "./asset-link-format.js";
+import { default as $Gt } from "./asset-link-format.js";
 import { i as ak } from "../chunks/guard.L-Ctqt3S.js";
 import { i as WR, u as Wc } from "../chunks/static.kLXgh3Gq.js";
 import { w as aX } from "../chunks/event.mFzZi4sr.js";
@@ -1226,7 +1227,7 @@ ni.dependencies = {
   "cx-3d-viewer-config": Ri,
   "cx-dropdown": su,
   "cx-icon-button": Qo,
-  "cx-menu-section": ZK,
+  "cx-menu-section": JK,
   "cx-tooltip": ya
 };
 yi([
@@ -2459,7 +2460,7 @@ let $r = class extends zn {
     }
     if (this.requestUpdate(), this.sceneController.startRenderLoop(() => {
       this.cameraController.updateCameraSensitivity();
-    }), this.loadInspector(), this.canViewAR && mY()) {
+    }), this.loadInspector(), this.canViewAR && gY()) {
       const e = await this.sceneEffects.generateUSDZBlob();
       e && (this.blobUrl = URL.createObjectURL(e));
     }
@@ -2641,7 +2642,7 @@ let $r = class extends zn {
     n.composedPath().includes(this) && (n.key === "f" || n.key === "F" ? (n.stopPropagation(), n.stopImmediatePropagation(), this.isFullscreen = !this.isFullscreen) : n.key === "Escape" && (n.stopPropagation(), n.stopImmediatePropagation(), this.isFullscreen = !1));
   }
   handleFullscreenChange() {
-    this.isFullscreen ? fY(this) : Y7(this), !this.isFullscreen && this.showInspector && (this.showInspector = !1, window.INSPECTOR.Inspector.Hide()), requestAnimationFrame(() => {
+    this.isFullscreen ? mY(this) : Y7(this), !this.isFullscreen && this.showInspector && (this.showInspector = !1, window.INSPECTOR.Inspector.Hide()), requestAnimationFrame(() => {
       this.viewer.focus(), this.sceneController?.resize();
     });
   }
@@ -3318,7 +3319,7 @@ var XX = Object.defineProperty, JX = Object.getOwnPropertyDescriptor, lo = (n, e
 };
 let Ci = class extends zn {
   constructor() {
-    super(...arguments), this.hasSlotController = new RY(
+    super(...arguments), this.hasSlotController = new LY(
       this,
       "[default]",
       "header",
@@ -4189,7 +4190,7 @@ let Us = class extends zn {
   }
   async fetchFormatLabels() {
     try {
-      const n = await PY(), e = Object.entries(
+      const n = await MY(), e = Object.entries(
         n.formatsByDocType
       ).reduce(
         (t, [r, i]) => {
@@ -8924,7 +8925,7 @@ function Vi(n, e) {
       return !1;
   return !0;
 }
-var une = UY();
+var une = HY();
 const bk = qe.createContext(null), pne = bk.Provider, uz = tl.error001();
 function Mr(n, e) {
   const t = qe.useContext(bk);
@@ -11591,7 +11592,7 @@ function jie(n, e, t) {
   }, e);
 }
 var tv = Qf(function(n, e, t) {
-  return jie(n, qY(e) || 0, t);
+  return jie(n, UY(e) || 0, t);
 });
 const Qz = qe.createContext({}), Zb = () => qe.useContext(Qz);
 function Hie({
@@ -14568,7 +14569,7 @@ var Tae = Object.defineProperty, Aae = Object.getOwnPropertyDescriptor, Qb = (n,
     (a = n[o]) && (i = (r ? a(e, t, i) : a(i)) || i);
   return r && i && Tae(e, t, i), i;
 };
-const Oae = VY(Eae, ab, WY, {
+const Oae = qY(Eae, ab, VY, {
   // @ts-expect-error type error
   props: {
     data: "object",
@@ -15168,9 +15169,9 @@ function Lae(n, e = !1) {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const uF = (n) => n, pF = (n, e) => Z`${e}: ${JSON.stringify(n, null, 2)}`;
-class Rae extends JK {
+class Rae extends ZY {
   constructor(e) {
-    if (super(e), this._virtualizer = null, this._first = 0, this._last = -1, this._renderItem = (t, r) => pF(t, r + this._first), this._keyFunction = (t, r) => uF(t, r + this._first), this._items = [], e.type !== ZY.CHILD)
+    if (super(e), this._virtualizer = null, this._first = 0, this._last = -1, this._renderItem = (t, r) => pF(t, r + this._first), this._keyFunction = (t, r) => uF(t, r + this._first), this._items = [], e.type !== JY.CHILD)
       throw new Error("The virtualize directive can only be used in child expressions");
   }
   render(e) {
@@ -15184,7 +15185,7 @@ class Rae extends JK {
   update(e, [t]) {
     this._setFunctions(t);
     const r = this._items !== t.items;
-    return this._items = t.items || [], this._virtualizer ? this._updateVirtualizerConfig(e, t) : this._initialize(e, t), r ? hY : this.render();
+    return this._items = t.items || [], this._virtualizer ? this._updateVirtualizerConfig(e, t) : this._initialize(e, t), r ? pY : this.render();
   }
   async _updateVirtualizerConfig(e, t) {
     if (!await this._virtualizer.updateLayoutConfig(t.layout || {})) {
@@ -15215,13 +15216,13 @@ class Rae extends JK {
     this._virtualizer?.connected();
   }
 }
-const Bae = JY(Rae);
+const Bae = XY(Rae);
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class nv extends gY {
+class nv extends hY {
   constructor() {
     super(...arguments), this.items = [], this.renderItem = pF, this.keyFunction = uF, this.layout = {}, this.scroller = !1;
   }
@@ -20496,7 +20497,7 @@ Ll.dependencies = {
   "cx-icon-button": Qo,
   "cx-input": Xa,
   "cx-markdown": p9,
-  "cx-mutation-observer": QK,
+  "cx-mutation-observer": ZK,
   "cx-select": _d,
   "cx-space": vi
 };
@@ -20873,7 +20874,7 @@ function F8(n) {
 }
 let tu = class extends zn {
   constructor() {
-    super(), this.localize = new rr(this), this.items = [], this.label = this.localize.term("viewAndSort"), this.triggerButtonVariant = "text", this.triggerButtonSize = gc.Medium, this.debouncedHandleSelectChanged = uY(this.handleSelectChanged, 100), this.onSelectChanged = this.onSelectChanged.bind(this), this.onDropdownShow = this.onDropdownShow.bind(this), this.onDropdownAfterHide = this.onDropdownAfterHide.bind(this);
+    super(), this.localize = new rr(this), this.items = [], this.label = this.localize.term("viewAndSort"), this.triggerButtonVariant = "text", this.triggerButtonSize = gc.Medium, this.debouncedHandleSelectChanged = dY(this.handleSelectChanged, 100), this.onSelectChanged = this.onSelectChanged.bind(this), this.onDropdownShow = this.onDropdownShow.bind(this), this.onDropdownAfterHide = this.onDropdownAfterHide.bind(this);
   }
   runFirstUpdated() {
     this.dropdown && (this.dropdown.addEventListener("cx-select", this.onSelectChanged), this.dropdown.addEventListener("cx-show", this.onDropdownShow), this.dropdown.addEventListener("cx-after-hide", this.onDropdownAfterHide));
@@ -27529,6 +27530,7 @@ const kmt = Dn`
 
   .service__running-range {
     --thumb-size: var(--cx-font-size-small);
+    --track-color-active: transparent;
     position: absolute;
     width: 100%;
     z-index: 1;
@@ -27614,6 +27616,7 @@ let Bl = class extends zn {
           max=${this.maxNodeCount}
           step="1"
           show-marks
+          mark-label-spacing="30"
           tooltip-display="off"
           @cx-input=${this.handleChange}
           @cx-change=${this.handleChangeCommitted}
@@ -43878,7 +43881,7 @@ let Nr = class extends zn {
       parseOptions: {
         preserveWhitespace: !0
       }
-    }), oY() && (this.contentEditable = "true"), K7(this.dialog, "dialog.show", null), K7(this.dialog, "dialog.overlay.show", null);
+    }), iY() && (this.contentEditable = "true"), K7(this.dialog, "dialog.show", null), K7(this.dialog, "dialog.overlay.show", null);
   }
   handleCommentMousedown(n) {
     n.stopPropagation();
@@ -43969,7 +43972,7 @@ Nr.dependencies = {
   "cx-dialog": hs,
   "cx-popup": Qc,
   "cx-space": vi,
-  "cx-timecode": lY
+  "cx-timecode": cY
 };
 Gr([
   Tt(".editor")
@@ -44049,7 +44052,7 @@ Gr([
 Gr([
   K({
     attribute: "time",
-    converter: dY,
+    converter: lY,
     reflect: !0,
     type: String
   })
@@ -85844,7 +85847,7 @@ function Iq(n, e, t) {
 var K4t = Object.prototype, Y4t = K4t.hasOwnProperty;
 function A4(n, e, t) {
   var r = n[e];
-  (!(Y4t.call(n, e) && vY(r, t)) || t === void 0 && !(e in n)) && Iq(n, e, t);
+  (!(Y4t.call(n, e) && fY(r, t)) || t === void 0 && !(e in n)) && Iq(n, e, t);
 }
 function X4t(n, e, t, r) {
   var i = !t;
@@ -85872,20 +85875,20 @@ function e6t(n) {
   return t;
 }
 function t6t(n) {
-  return PR(n) ? yY(n, !0) : e6t(n);
+  return PR(n) ? vY(n, !0) : e6t(n);
 }
 var Dq = typeof exports == "object" && exports && !exports.nodeType && exports, JP = Dq && typeof module == "object" && module && !module.nodeType && module, n6t = JP && JP.exports === Dq, ZP = n6t ? uX.Buffer : void 0;
 ZP && ZP.allocUnsafe;
 function r6t(n, e) {
   return n.slice();
 }
-var Mq = bY(Object.getPrototypeOf, Object), i6t = Object.getOwnPropertySymbols, o6t = i6t ? function(n) {
+var Mq = yY(Object.getPrototypeOf, Object), i6t = Object.getOwnPropertySymbols, o6t = i6t ? function(n) {
   for (var e = []; n; )
-    xY(e, kY(n)), n = Mq(n);
+    wY(e, xY(n)), n = Mq(n);
   return e;
-} : wY;
+} : bY;
 function Pq(n) {
-  return _Y(n, t6t, o6t);
+  return kY(n, t6t, o6t);
 }
 var a6t = Object.prototype, s6t = a6t.hasOwnProperty;
 function c6t(n) {
@@ -85979,7 +85982,7 @@ function p1(n, e, t, r, i, o) {
       a = P6t(n, c);
     }
   }
-  o || (o = new CY());
+  o || (o = new _Y());
   var d = o.get(n);
   if (d)
     return d;
@@ -85998,7 +86001,7 @@ function Vf(n) {
   return e ? n[e - 1] : void 0;
 }
 function l7t(n, e) {
-  return e.length < 2 ? n : XR(n, MY(e, 0, -1));
+  return e.length < 2 ? n : XR(n, DY(e, 0, -1));
 }
 function d7t(n, e) {
   return e = ck(e, n), n = l7t(n, e), n == null || delete n[JR(Vf(e))];
@@ -86021,7 +86024,7 @@ function y7t(n) {
   return e ? ok(n) : [];
 }
 function zq(n) {
-  return KY(YY(n, void 0, y7t), n + "");
+  return GY(KY(n, void 0, y7t), n + "");
 }
 var b7t = 1, w7t = 2, x7t = 4, bl = zq(function(n, e) {
   var t = {};
@@ -86045,7 +86048,7 @@ function k7t(n, e, t, r) {
       return n;
     if (i != a) {
       var d = s[c];
-      l = void 0, l === void 0 && (l = S1(d) ? d : SY(e[i + 1]) ? [] : {});
+      l = void 0, l === void 0 && (l = S1(d) ? d : CY(e[i + 1]) ? [] : {});
     }
     A4(s, c, l), s = s[c];
   }
@@ -86954,7 +86957,7 @@ async function Ml() {
           };
         }
       ],
-      url: GY.GET_SEARCHABLE_FIELDS
+      url: WY.GET_SEARCHABLE_FIELDS
     })).data;
   } catch {
     return [];
@@ -93338,13 +93341,13 @@ var UOt = Qf(function(n, e) {
 function M4(n) {
   if (n == null)
     return !0;
-  if (PR(n) && (w9(n) || typeof n == "string" || typeof n.splice == "function" || NR(n) || EY(n) || TY(n)))
+  if (PR(n) && (w9(n) || typeof n == "string" || typeof n.splice == "function" || NR(n) || SY(n) || EY(n)))
     return !n.length;
   var e = rk(n);
   if (e == qOt || e == VOt)
     return !n.size;
   if (MR(n))
-    return !AY(n).length;
+    return !TY(n).length;
   for (var t in n)
     if (GOt.call(n, t))
       return !1;
@@ -110782,8 +110785,10 @@ Pa = nl([
 ], Pa);
 const r8t = 2;
 class i8t {
-  constructor(e) {
-    this.data = [], this.folderId = "", this.totalCount = 0, this.host = e, this.host.addController?.(this);
+  constructor(e, t) {
+    this.data = [], this.folderId = "", this.totalCount = 0, this.maxEnd = 1 / 0, this.host = e, this.host.addController?.(this);
+    const r = t?.maxEnd;
+    this.maxEnd = typeof r == "number" && Number.isFinite(r) && r >= 0 ? Math.floor(r) : 1 / 0;
   }
   get totalDataCount() {
     return this.totalCount;
@@ -110805,7 +110810,7 @@ class i8t {
     const s = a.length > 1 ? Math.max(...a) - Math.min(...a) : 1;
     if (s <= 0 || r === e)
       return this.data;
-    const c = await NY({
+    const c = await PY({
       extraFields: t,
       folderId: this.folderId,
       limit: Math.max(s, r8t),
@@ -110816,12 +110821,15 @@ class i8t {
       sortOrder: "",
       start: r
     });
-    !this.totalCount && c.totalCount && (this.totalCount = c.totalCount, this.data = Array.from({ length: c.totalCount }, () => ({
-      alt: "",
-      id: `temp-${Zf()}`,
-      name: "",
-      src: ""
-    })));
+    if (!this.totalCount && c.totalCount) {
+      const l = Math.min(this.maxEnd, c.totalCount);
+      this.totalCount = l, this.data = Array.from({ length: l }, () => ({
+        alt: "",
+        id: `temp-${Zf()}`,
+        name: "",
+        src: ""
+      }));
+    }
     for (let l = 0; l < c.items.length; l++) {
       const d = r + l;
       d < this.data.length && (this.data[d] = {
@@ -111515,7 +111523,9 @@ let si = class extends zn {
   constructor() {
     super(...arguments), this.formControlController = new mX(this, {
       assumeInteractionOn: ["cx-gallery-picker-action"]
-    }), this.localize = new rr(this), this.variant = kn.Asset, this.sourceVariant = yr.Manual, this.dialogVariant = Af.Gallery, this.name = "", this.value = void 0, this.defaultValue = void 0, this.src = "", this.boundary = document.body, this.form = void 0, this.onRequestAsset = void 0, this.loading = !1, this.masonryData = [], this.dataCount = 0, this.currentPage = 0, this.selectedPosition = -1, this.hasFinishedFetchingData = !1, this.errorDataMap = /* @__PURE__ */ new Map(), this.osInstance = null, this.itemsPerPage = 9, this.maxRows = 3, this.maxColumns = 3, this.rowHeight = "150px", this.spacing = "medium", this.autofetchController = new i8t(this);
+    }), this.localize = new rr(this), this.variant = kn.Asset, this.sourceVariant = yr.Manual, this.dialogVariant = Af.Gallery, this.name = "", this.value = void 0, this.defaultValue = void 0, this.src = "", this.boundary = document.body, this.form = void 0, this.onRequestAsset = void 0, this.loading = !1, this.masonryData = [], this.dataCount = 0, this.currentPage = 0, this.selectedPosition = -1, this.hasFinishedFetchingData = !1, this.errorDataMap = /* @__PURE__ */ new Map(), this.osInstance = null, this.itemsPerPage = 9, this.maxRows = 3, this.maxColumns = 3, this.rowHeight = "150px", this.spacing = "medium", this.autofetchController = new i8t(this, {
+      maxEnd: 100
+    });
   }
   connectedCallback() {
     super.connectedCallback(), this.addController(this.autofetchController);
@@ -112505,7 +112515,7 @@ let ii = class extends zn {
           [
             "bicolor-picker",
             () => {
-              const u = FY(String(i));
+              const u = zY(String(i));
               return Z`<cx-bicolor-picker
                     value=${u}
                     @cx-bicolor-picker-change=${async (m) => {
@@ -113160,7 +113170,7 @@ let ii = class extends zn {
                         <cx-option
                           value=${m.value}
                           show-check
-                          check-placement=${eY.Right}
+                          check-placement=${QK.Right}
                         >
                           ${m.name}
                           ${St(
@@ -113190,7 +113200,7 @@ let ii = class extends zn {
                 );
               };
               return Z`<cx-shadow-input-group
-                    value=${typeof i == "string" ? $Y(i) : i}
+                    value=${typeof i == "string" ? FY(i) : i}
                     @cx-shadow-input-group-change=${u}
                   >
                   </cx-shadow-input-group>`;
@@ -113861,7 +113871,7 @@ let ii = class extends zn {
       <cx-confirm-popover
         class="config-form__confirm-popover"
         divider-position=${U7.Both}
-        buttons-direction=${jY.HorizontalReverse}
+        buttons-direction=${$Y.HorizontalReverse}
         dialog-label=${this.localize.term("dismissChanges")}
         confirm-text=${this.localize.term("dismissChanges")}
         .boundary=${this.boundary}
@@ -113883,7 +113893,7 @@ let ii = class extends zn {
 ii.styles = [Rn, m8t];
 ii.dependencies = {
   "cx-asset-picker": k9,
-  "cx-bicolor-picker": zY,
+  "cx-bicolor-picker": BY,
   "cx-border-input-group": zR,
   "cx-button": wo,
   "cx-button-group": d9,
@@ -113891,7 +113901,7 @@ ii.dependencies = {
   "cx-checkbox": Gg,
   "cx-color-swatch-picker": Zo,
   "cx-confirm-popover": _9,
-  "cx-corner-position-input-group": HY,
+  "cx-corner-position-input-group": jY,
   "cx-dialog": hs,
   "cx-divider": Hl,
   "cx-download-format-picker": Us,
@@ -113905,7 +113915,7 @@ ii.dependencies = {
   "cx-icon-picker": Nl,
   "cx-input": Xa,
   "cx-line-clamp": kd,
-  "cx-list-editor": BY,
+  "cx-list-editor": RY,
   "cx-menu": cu,
   "cx-menu-item": dp,
   "cx-option": Al,
@@ -113913,7 +113923,7 @@ ii.dependencies = {
   "cx-page-picker": Tc,
   "cx-position-picker": tX,
   "cx-radio": AR,
-  "cx-radio-card": iY,
+  "cx-radio-card": rY,
   "cx-radio-group": h9,
   "cx-select": _d,
   "cx-shadow-input-group": iX,
@@ -113923,10 +113933,10 @@ ii.dependencies = {
   "cx-tab": tk,
   "cx-tab-group": nk,
   "cx-tab-panel": y9,
-  "cx-textarea": cY,
+  "cx-textarea": sY,
   "cx-tooltip": ya,
   "cx-typography": eo,
-  "cx-visually-hidden": pY
+  "cx-visually-hidden": uY
 };
 bi([
   Tt(".config-form")
@@ -115159,7 +115169,7 @@ const P4 = (n, e) => {
   ];
 }, O8t = (n, e, t) => {
   const { left: r, top: i } = e.Canvas.getFrameEl().getBoundingClientRect(), o = n.clientX - r, a = n.clientY - i, s = { clientX: o, clientY: a, event: n };
-  OY(t) && t(e, null, s), A8t(t) && e.runCommand(t, s);
+  AY(t) && t(e, null, s), A8t(t) && e.runCommand(t, s);
 }, I8t = (n, e, t) => {
   const r = n.length - 1;
   let i = 0;
@@ -134541,7 +134551,7 @@ const vBt = TRt.extend({
   yBt,
   bBt,
   wBt,
-  FNt(LY, !0),
+  FNt(NY, !0),
   QNt
 ], OBt = (n) => [
   {
@@ -144315,16 +144325,16 @@ const a9 = /* @__PURE__ */ T9(P$t), nR = Symbol.for("Dexie"), s9 = globalThis[nR
 if (a9.semVer !== s9.semVer)
   throw new Error(`Two different versions of Dexie loaded in the same app: ${a9.semVer} and ${s9.semVer}`);
 const {
-  liveQuery: cWt,
-  mergeRanges: lWt,
-  rangesOverlap: dWt,
-  RangeSet: uWt,
-  cmp: pWt,
-  Entity: hWt,
-  PropModification: gWt,
-  replacePrefix: mWt,
-  add: fWt,
-  remove: vWt
+  liveQuery: lWt,
+  mergeRanges: dWt,
+  rangesOverlap: uWt,
+  RangeSet: pWt,
+  cmp: hWt,
+  Entity: gWt,
+  PropModification: mWt,
+  replacePrefix: fWt,
+  add: vWt,
+  remove: yWt
 } = s9;
 class N$t {
   constructor() {
@@ -146138,6 +146148,9 @@ let cr = class extends zn {
       duration: 0
     });
   }
+  handleRangePointerStart(n) {
+    n.stopPropagation();
+  }
   handleDrag(n) {
     const e = n.pageX - this._coordinates.x, t = n.pageY - this._coordinates.y;
     let r = this._coordinates.x, i = this._coordinates.y;
@@ -146394,6 +146407,8 @@ let cr = class extends zn {
             .min=${this.ctx?.configurationData.minChunkSize ?? 1}
             .max=${this.ctx?.configurationData.maxChunkSize ?? 100}
             @cx-change=${this.handleChunkSizeChange}
+            @mousedown=${this.handleRangePointerStart}
+            @touchstart=${this.handleRangePointerStart}
             show-marks
             >${this.renderChunkSizeMarks()}</cx-range
           >
@@ -146927,8 +146942,8 @@ cr.dependencies = {
   "cx-line-clamp": kd,
   "cx-menu": cu,
   "cx-menu-item": dp,
-  "cx-pagination": tY,
-  "cx-progress-bar": nY,
+  "cx-pagination": eY,
+  "cx-progress-bar": tY,
   "cx-range": g9,
   "cx-space": vi,
   "cx-spinner": lu,
@@ -147062,7 +147077,7 @@ var Ujt = Math.min;
 function qjt(n, e, t) {
   for (var r = hX, i = n[0].length, o = n.length, a = o, s = Array(o), c = 1 / 0, l = []; a--; ) {
     var d = n[a];
-    a && e && (d = O9(d, b9(e))), c = Ujt(d.length, c), s[a] = e || i >= 120 && d.length >= 120 ? new IY(a && d) : void 0;
+    a && e && (d = O9(d, b9(e))), c = Ujt(d.length, c), s[a] = e || i >= 120 && d.length >= 120 ? new OY(a && d) : void 0;
   }
   d = n[0];
   var u = -1, h = s[0];
@@ -147091,7 +147106,7 @@ var Wjt = Qf(function(n) {
   return Kd(e) && (e = void 0), ZR(ok(n, 1, Kd, !0), lk(e));
 }), pR = Qf(function(n) {
   var e = Vf(n);
-  return Kd(e) && (e = void 0), XY(DY(n, Kd), lk(e));
+  return Kd(e) && (e = void 0), YY(IY(n, Kd), lk(e));
 });
 const Kjt = Dn`
   :host {
@@ -147575,7 +147590,7 @@ let Sr = class extends zn {
     let i = this.selectedItemAsArray;
     i.includes(r) || (i = [r]);
     const o = i.length > 1;
-    e = aY(
+    e = oY(
       e,
       i.map((a) => jh(this.items, "id", a))
     ), this.handleUpdateEvent(e, n.type, o, n.newIndex);
@@ -147600,7 +147615,7 @@ let Sr = class extends zn {
       this.handleDefaultSelect(n);
       return;
     }
-    const r = sY(
+    const r = aY(
       this.selectedItemAsArray,
       n.dataset.id,
       this.filteredItems
@@ -152187,7 +152202,7 @@ lr.dependencies = {
   "cx-menu-label": TR,
   "cx-option": Al,
   "cx-popup": Qc,
-  "cx-radio-button": rY,
+  "cx-radio-button": nY,
   "cx-radio-group": h9,
   "cx-select": _d,
   "cx-space": vi,
@@ -154616,21 +154631,21 @@ Po = za([
   Pn("cx-video-editor")
 ], Po);
 export {
-  SGt as CornerPosition,
+  EGt as CornerPosition,
   $r as Cx3dViewer,
   zK as CxAlert,
-  wWt as CxAnimatedImage,
-  kWt as CxAnimation,
+  xWt as CxAnimatedImage,
+  _Wt as CxAnimation,
   Ci as CxAssetDataDisplay,
-  FGt as CxAssetLinkFormat,
+  $Gt as CxAssetLinkFormat,
   k9 as CxAssetPicker,
-  CWt as CxAvatar,
+  SWt as CxAvatar,
   Ub as CxBadge,
   br as CxBentoGrid,
-  zY as CxBicolorPicker,
+  BY as CxBicolorPicker,
   zR as CxBorderInputGroup,
-  EWt as CxBreadcrumb,
-  AWt as CxBreadcrumbItem,
+  TWt as CxBreadcrumb,
+  OWt as CxBreadcrumbItem,
   wo as CxButton,
   d9 as CxButtonGroup,
   Jf as CxCard,
@@ -154639,14 +154654,14 @@ export {
   Gg as CxCheckbox,
   Ma as CxClusterManagement,
   Q2 as CxColorPicker,
-  xGt as CxColorSwatch,
-  OGt as CxColorSwatchGroup,
+  kGt as CxColorSwatch,
+  IGt as CxColorSwatchGroup,
   Nr as CxComment,
   _9 as CxConfirmPopover,
   Or as CxContentBuilder,
   SR as CxCopyButton,
-  HY as CxCornerPositionInputGroup,
-  _Gt as CxCropper,
+  jY as CxCornerPositionInputGroup,
+  CGt as CxCropper,
   Hs as CxDashboardIframe,
   tp as CxDataTabGroup,
   FK as CxDetails,
@@ -154657,92 +154672,92 @@ export {
   jK as CxDotPagination,
   Us as CxDownloadFormatPicker,
   cr as CxDownloader,
-  IWt as CxDrawer,
+  DWt as CxDrawer,
   su as CxDropdown,
   S9 as CxDynamicSelect,
-  MWt as CxElementClamp,
-  TGt as CxFileOnDemand,
+  PWt as CxElementClamp,
+  AGt as CxFileOnDemand,
   E9 as CxFolderSelect,
-  NWt as CxFormatBytes,
+  LWt as CxFormatBytes,
   HK as CxFormatDate,
-  RWt as CxFormatNumber,
+  BWt as CxFormatNumber,
   ui as CxGalleryItem,
   hh as CxGraphView,
   Kg as CxGrid,
   Yg as CxGridItem,
   ER as CxHeader,
-  zWt as CxHubConnection,
+  FWt as CxHubConnection,
   No as CxIcon,
   Qo as CxIconButton,
   Nl as CxIconPicker,
   GK as CxIframe,
   u9 as CxImage,
-  $Wt as CxImageComparer,
-  HWt as CxInclude,
+  jWt as CxImageComparer,
+  UWt as CxInclude,
   Xa as CxInput,
-  qWt as CxInputGroup,
+  VWt as CxInputGroup,
   kd as CxLineClamp,
-  BY as CxListEditor,
+  RY as CxListEditor,
   p9 as CxMarkdown,
   QY as CxMasonry,
   cu as CxMenu,
   dp as CxMenuItem,
   TR as CxMenuLabel,
-  ZK as CxMenuSection,
+  JK as CxMenuSection,
   ps as CxMultiSelect,
-  QK as CxMutationObserver,
+  ZK as CxMutationObserver,
   Al as CxOption,
   eX as CxPaddingInputGroup,
   ma as CxPageOutline,
-  tY as CxPagination,
+  eY as CxPagination,
   Qc as CxPopup,
   tX as CxPositionPicker,
-  nY as CxProgressBar,
-  WWt as CxProgressRing,
-  KWt as CxQrCode,
+  tY as CxProgressBar,
+  GWt as CxProgressRing,
+  YWt as CxQrCode,
   AR as CxRadio,
-  rY as CxRadioButton,
-  iY as CxRadioCard,
+  nY as CxRadioButton,
+  rY as CxRadioCard,
   h9 as CxRadioGroup,
   g9 as CxRange,
-  XWt as CxRating,
-  ZWt as CxRelativeTime,
+  JWt as CxRating,
+  QWt as CxRelativeTime,
   qb as CxResizeObserver,
   qs as CxSearchBox,
   _d as CxSelect,
   iX as CxShadowInputGroup,
-  DGt as CxShareOptionList,
-  PGt as CxSidebar,
+  MGt as CxShareOptionList,
+  NGt as CxSidebar,
   oX as CxSizeInputGroup,
-  eGt as CxSkeleton,
+  tGt as CxSkeleton,
   vi as CxSpace,
   lu as CxSpinner,
-  nGt as CxSplitPanel,
-  iGt as CxStep,
-  aGt as CxStepper,
-  LGt as CxStepperWizard,
+  rGt as CxSplitPanel,
+  oGt as CxStep,
+  sGt as CxStepper,
+  RGt as CxStepperWizard,
   Ll as CxStorybook,
   ek as CxSwitch,
   tk as CxTab,
   nk as CxTabGroup,
   y9 as CxTabPanel,
   OR as CxTable,
-  cGt as CxTag,
+  lGt as CxTag,
   Js as CxTemplateSwitcher,
   lr as CxTextToSpeech,
-  cY as CxTextarea,
-  lY as CxTimecode,
+  sY as CxTextarea,
+  cY as CxTimecode,
   eu as CxTimeline,
   ya as CxTooltip,
-  dGt as CxTree,
-  uGt as CxTreeItem,
-  BGt as CxTypeface,
+  uGt as CxTree,
+  pGt as CxTreeItem,
+  zGt as CxTypeface,
   eo as CxTypography,
-  hGt as CxVideo,
+  gGt as CxVideo,
   jl as CxVideoChaptersManager,
   Po as CxVideoEditor,
   tu as CxViewAndSort,
-  pY as CxVisuallyHidden,
+  uY as CxVisuallyHidden,
   Fn as Easing,
   Um as EasingFunction,
   nO as GsapEasing,
@@ -154750,9 +154765,9 @@ export {
   Ld as Orientation,
   Fu as TransitionType,
   Rn as componentStyles,
-  yGt as getAnimation,
-  mGt as getAnimationNames,
-  fGt as getEasingNames,
+  bGt as getAnimation,
+  fGt as getAnimationNames,
+  vGt as getEasingNames,
   K7 as setAnimation,
-  bGt as setDefaultAnimation
+  wGt as setDefaultAnimation
 };