@epam/ai-dial-ui-kit 0.4.0-rc.10 → 0.4.0-rc.12

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.
@@ -421,7 +421,7 @@ const Ae = (e) => {
421
421
  p,
422
422
  Z,
423
423
  Y
424
- ], st = () => ["none", ue, Z, Y], pe = () => ["none", ue, Z, Y], St = () => [ue, Z, Y], ke = () => [Xs, "full", ...T()];
424
+ ], st = () => ["none", ue, Z, Y], fe = () => ["none", ue, Z, Y], St = () => [ue, Z, Y], ke = () => [Xs, "full", ...T()];
425
425
  return {
426
426
  cacheSize: 500,
427
427
  theme: {
@@ -2396,28 +2396,28 @@ const Ae = (e) => {
2396
2396
  * @see https://tailwindcss.com/docs/scale
2397
2397
  */
2398
2398
  scale: [{
2399
- scale: pe()
2399
+ scale: fe()
2400
2400
  }],
2401
2401
  /**
2402
2402
  * Scale X
2403
2403
  * @see https://tailwindcss.com/docs/scale
2404
2404
  */
2405
2405
  "scale-x": [{
2406
- "scale-x": pe()
2406
+ "scale-x": fe()
2407
2407
  }],
2408
2408
  /**
2409
2409
  * Scale Y
2410
2410
  * @see https://tailwindcss.com/docs/scale
2411
2411
  */
2412
2412
  "scale-y": [{
2413
- "scale-y": pe()
2413
+ "scale-y": fe()
2414
2414
  }],
2415
2415
  /**
2416
2416
  * Scale Z
2417
2417
  * @see https://tailwindcss.com/docs/scale
2418
2418
  */
2419
2419
  "scale-z": [{
2420
- "scale-z": pe()
2420
+ "scale-z": fe()
2421
2421
  }],
2422
2422
  /**
2423
2423
  * Scale 3D
@@ -2850,7 +2850,7 @@ const Ae = (e) => {
2850
2850
  orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
2851
2851
  };
2852
2852
  }, oC = /* @__PURE__ */ Nm(sC);
2853
- function me(...e) {
2853
+ function pe(...e) {
2854
2854
  return oC(K(e));
2855
2855
  }
2856
2856
  const Mo = ({
@@ -2863,7 +2863,7 @@ const Mo = ({
2863
2863
  }) => e ? /* @__PURE__ */ $(
2864
2864
  "label",
2865
2865
  {
2866
- className: me(
2866
+ className: pe(
2867
2867
  "dial-tiny text-secondary flex gap-1",
2868
2868
  i,
2869
2869
  !i?.includes("mb") && "mb-2"
@@ -3044,7 +3044,7 @@ const nC = {
3044
3044
  children: /* @__PURE__ */ w(
3045
3045
  "span",
3046
3046
  {
3047
- className: me(
3047
+ className: pe(
3048
3048
  "block truncate flex-1 min-w-0 max-w-full text-left",
3049
3049
  t
3050
3050
  ),
@@ -3059,7 +3059,7 @@ const nC = {
3059
3059
  /* @__PURE__ */ w(
3060
3060
  Cu,
3061
3061
  {
3062
- className: me(
3062
+ className: pe(
3063
3063
  uC,
3064
3064
  s,
3065
3065
  !p && "hidden"
@@ -3288,7 +3288,7 @@ const mC = "w-full flex", CC = {
3288
3288
  role: "group",
3289
3289
  "aria-labelledby": t ? C : void 0,
3290
3290
  "aria-describedby": y,
3291
- className: me(
3291
+ className: pe(
3292
3292
  mC,
3293
3293
  CC[r],
3294
3294
  l
@@ -3298,7 +3298,7 @@ const mC = "w-full flex", CC = {
3298
3298
  "div",
3299
3299
  {
3300
3300
  id: C,
3301
- className: me(r === "horizontal" && "shrink-0"),
3301
+ className: pe(r === "horizontal" && "shrink-0"),
3302
3302
  children: /* @__PURE__ */ w(
3303
3303
  Mo,
3304
3304
  {
@@ -3306,7 +3306,7 @@ const mC = "w-full flex", CC = {
3306
3306
  fieldTitle: t,
3307
3307
  optional: s,
3308
3308
  optionalText: o,
3309
- cssClass: me(
3309
+ cssClass: pe(
3310
3310
  a && "sr-only",
3311
3311
  c
3312
3312
  ),
@@ -3315,13 +3315,13 @@ const mC = "w-full flex", CC = {
3315
3315
  )
3316
3316
  }
3317
3317
  ),
3318
- /* @__PURE__ */ $("div", { className: me("min-w-0 w-full", u), children: [
3318
+ /* @__PURE__ */ $("div", { className: pe("min-w-0 w-full", u), children: [
3319
3319
  g ? /* @__PURE__ */ w("div", { className: "dial-input px-3 py-2", children: E() }) : m,
3320
3320
  h && /* @__PURE__ */ w(
3321
3321
  "div",
3322
3322
  {
3323
3323
  id: S,
3324
- className: me({
3324
+ className: pe({
3325
3325
  "dial-tiny text-secondary mt-1": !0,
3326
3326
  "text-error": !!n
3327
3327
  }),
@@ -3370,7 +3370,7 @@ const vC = "flex", wC = "pb-1 mt-2", bC = {
3370
3370
  role: "radiogroup",
3371
3371
  "aria-label": e,
3372
3372
  "aria-disabled": u || void 0,
3373
- className: me(
3373
+ className: pe(
3374
3374
  vC,
3375
3375
  bC[f],
3376
3376
  n
@@ -3378,7 +3378,7 @@ const vC = "flex", wC = "pb-1 mt-2", bC = {
3378
3378
  children: g.map((C) => /* @__PURE__ */ $(
3379
3379
  "div",
3380
3380
  {
3381
- className: me(
3381
+ className: pe(
3382
3382
  "flex flex-col",
3383
3383
  r,
3384
3384
  C.id === p && a
@@ -3392,7 +3392,7 @@ const vC = "flex", wC = "pb-1 mt-2", bC = {
3392
3392
  inputId: C.id,
3393
3393
  disabled: u,
3394
3394
  cssClass: t,
3395
- labelCssClass: me(
3395
+ labelCssClass: pe(
3396
3396
  d,
3397
3397
  C.id === p && i
3398
3398
  ),
@@ -3404,7 +3404,7 @@ const vC = "flex", wC = "pb-1 mt-2", bC = {
3404
3404
  C.id === p && C.content ? /* @__PURE__ */ w(
3405
3405
  "div",
3406
3406
  {
3407
- className: me(
3407
+ className: pe(
3408
3408
  wC,
3409
3409
  o
3410
3410
  ),
@@ -3480,7 +3480,7 @@ const vC = "flex", wC = "pb-1 mt-2", bC = {
3480
3480
  /* @__PURE__ */ $(
3481
3481
  "div",
3482
3482
  {
3483
- className: me("border-t stroke-primary h-12", C),
3483
+ className: pe("border-t stroke-primary h-12", C),
3484
3484
  children: [
3485
3485
  f && a,
3486
3486
  /* @__PURE__ */ w(
@@ -3527,7 +3527,7 @@ const RC = {
3527
3527
  iconBefore: i,
3528
3528
  bordered: n = !0
3529
3529
  }) => {
3530
- const r = RC[o], a = me(
3530
+ const r = RC[o], a = pe(
3531
3531
  "flex items-center gap-1 dial-tiny rounded p-1 h-[22px] text-primary",
3532
3532
  r,
3533
3533
  n ? "border" : "border-transparent",
@@ -5319,7 +5319,7 @@ const Cc = "column", xw = "flex items-center", Fw = "mr-3 cursor-move text-secon
5319
5319
  "div",
5320
5320
  {
5321
5321
  ref: a,
5322
- className: me(xw, s),
5322
+ className: pe(xw, s),
5323
5323
  style: { opacity: c ? 0 : 1 },
5324
5324
  "aria-roledescription": "Draggable item",
5325
5325
  children: [
@@ -5417,7 +5417,7 @@ const Cc = "column", xw = "flex items-center", Fw = "mr-3 cursor-move text-secon
5417
5417
  }) => /* @__PURE__ */ w(
5418
5418
  Fe,
5419
5419
  {
5420
- className: me("text-accent-primary", s),
5420
+ className: pe("text-accent-primary", s),
5421
5421
  label: "Shared entity indicator",
5422
5422
  icon: /* @__PURE__ */ w(
5423
5423
  dm,
@@ -5436,7 +5436,7 @@ const Cc = "column", xw = "flex items-center", Fw = "mr-3 cursor-move text-secon
5436
5436
  shared: s = !1
5437
5437
  }) => {
5438
5438
  const o = e.includes(".") ? e.split(".").pop() : null;
5439
- return /* @__PURE__ */ $("div", { className: me("flex items-center gap-2 w-full", t), children: [
5439
+ return /* @__PURE__ */ $("div", { className: pe("flex items-center gap-2 w-full", t), children: [
5440
5440
  o && /* @__PURE__ */ w(
5441
5441
  Aw,
5442
5442
  {
@@ -5467,7 +5467,7 @@ const Cc = "column", xw = "flex items-center", Fw = "mr-3 cursor-move text-secon
5467
5467
  className: "inline-block align-middle"
5468
5468
  }
5469
5469
  );
5470
- return /* @__PURE__ */ $("div", { className: me("flex items-center gap-2 w-full", t), children: [
5470
+ return /* @__PURE__ */ $("div", { className: pe("flex items-center gap-2 w-full", t), children: [
5471
5471
  /* @__PURE__ */ $("span", { className: "inline-flex relative text-secondary", role: "img", children: [
5472
5472
  i(),
5473
5473
  s && /* @__PURE__ */ w("span", { className: "absolute -bottom-0.5 -left-0.5", children: /* @__PURE__ */ w(Wu, {}) })
@@ -5510,7 +5510,7 @@ const Hw = K(
5510
5510
  Ve,
5511
5511
  {
5512
5512
  ariaLabel: e,
5513
- cssClass: me("text-secondary hover:text-accent-primary", t),
5513
+ cssClass: pe("text-secondary hover:text-accent-primary", t),
5514
5514
  onClick: o,
5515
5515
  iconBefore: /* @__PURE__ */ w(vi, { size: s })
5516
5516
  }
@@ -5737,15 +5737,18 @@ const Hw = K(
5737
5737
  horizontal: n,
5738
5738
  onClick: r
5739
5739
  }) => {
5740
- const l = me(
5741
- "rounded border-b-2 border-l-2 border-transparent pr-3 pt-2 pb-[6px] pl-[10px] items-center flex flex-row gap-2 h-[32px] cursor-pointer dial-small leading-4 hover:text-accent-primary",
5740
+ const a = pe(
5741
+ "rounded h-[32px] items-center flex flex-row border-transparent cursor-pointer dial-small leading-4 hover:text-accent-primary",
5742
+ { "border-b-2 px-4": n, "border-l-2 px-3": !n }
5743
+ ), l = pe(
5744
+ a,
5742
5745
  {
5743
5746
  "bg-layer-4": n,
5744
5747
  "bg-layer-1 text-secondary pointer-events-none": s,
5745
5748
  "bg-accent-primary-alpha text-primary": t && !s,
5746
5749
  "text-primary": !t && !s,
5747
- "border-b-2 border-b-accent-primary": t && n && !s,
5748
- "border-l-2 border-l-accent-primary": t && !n && !s
5750
+ "border-b-accent-primary": t && n && !s,
5751
+ "border-l-accent-primary": t && !n && !s
5749
5752
  },
5750
5753
  i
5751
5754
  );
@@ -5765,7 +5768,7 @@ const Hw = K(
5765
5768
  cssClass: "max-w-[200px]"
5766
5769
  }
5767
5770
  ),
5768
- (o || e.invalid) && /* @__PURE__ */ w("div", { className: "text-error", children: /* @__PURE__ */ w(ja, { ...Oe }) })
5771
+ (o || e.invalid) && /* @__PURE__ */ w("div", { className: "text-error pl-1", children: /* @__PURE__ */ w(ja, { ...Oe }) })
5769
5772
  ]
5770
5773
  }
5771
5774
  );
@@ -5908,11 +5911,11 @@ const Hw = K(
5908
5911
  iconBefore: a,
5909
5912
  titleCssClass: l
5910
5913
  }) => {
5911
- const c = me($w, r), d = (!!t || !!s) && !i && !o, u = d ? me(
5914
+ const c = pe($w, r), d = (!!t || !!s) && !i && !o, u = d ? pe(
5912
5915
  Sc,
5913
5916
  jw,
5914
5917
  l
5915
- ) : me(
5918
+ ) : pe(
5916
5919
  Sc,
5917
5920
  Kw,
5918
5921
  o ? "pointer-events-none opacity-75" : "",
@@ -5965,7 +5968,7 @@ const Hw = K(
5965
5968
  "nav",
5966
5969
  {
5967
5970
  "aria-label": s,
5968
- className: me(_w, o),
5971
+ className: pe(_w, o),
5969
5972
  children: /* @__PURE__ */ w("ol", { className: Uw, children: r })
5970
5973
  }
5971
5974
  );
@@ -5993,7 +5996,7 @@ const Hw = K(
5993
5996
  $s,
5994
5997
  {
5995
5998
  tooltip: l ? null : e,
5996
- triggerClassName: me("flex", i),
5999
+ triggerClassName: pe("flex", i),
5997
6000
  children: /* @__PURE__ */ w(
5998
6001
  "textarea",
5999
6002
  {
@@ -6247,7 +6250,7 @@ const Hw = K(
6247
6250
  elementContainerCssClass: n,
6248
6251
  errorText: r,
6249
6252
  ...a
6250
- }) => /* @__PURE__ */ $("div", { className: me("flex flex-col", i), children: [
6253
+ }) => /* @__PURE__ */ $("div", { className: pe("flex flex-col", i), children: [
6251
6254
  /* @__PURE__ */ w(
6252
6255
  Mo,
6253
6256
  {
@@ -6874,7 +6877,7 @@ const T1 = {
6874
6877
  "div",
6875
6878
  {
6876
6879
  style: { paddingLeft: `${f * M1}px` },
6877
- className: me(
6880
+ className: pe(
6878
6881
  "py-[6px] pr-[6px] gap-[2px] dial-small flex justify-between hover:bg-accent-primary-alpha rounded group w-full mb-[2px]",
6879
6882
  M
6880
6883
  ),
@@ -44586,7 +44589,7 @@ var UM = 1e3, $M = class {
44586
44589
  const ze = de.compDetails, je = be.compDetails;
44587
44590
  if (ze.componentClass != je.componentClass || D.current?.refresh == null)
44588
44591
  return;
44589
- D.current.refresh(je.params) != !0 && g((fe) => fe + 1);
44592
+ D.current.refresh(je.params) != !0 && g((me) => me + 1);
44590
44593
  }, [l]), Lt(() => {
44591
44594
  if (!(d && !d.compDetails.componentFromFramework) || i.isDestroyed())
44592
44595
  return;
@@ -44594,12 +44597,12 @@ var UM = 1e3, $M = class {
44594
44597
  return je.then((ce) => {
44595
44598
  if (!ce)
44596
44599
  return;
44597
- const fe = ce.getGui();
44598
- H(ce), ze || ((T ? I : M).current?.appendChild(fe), ce.afterGuiAttached?.()), E(ce);
44600
+ const me = ce.getGui();
44601
+ H(ce), ze || ((T ? I : M).current?.appendChild(me), ce.afterGuiAttached?.()), E(ce);
44599
44602
  }), () => {
44600
44603
  je.then((ce) => {
44601
- const fe = ce.getGui();
44602
- e.disableEditorTooltipFeature(), i.destroyBean(ce), H(void 0), E(void 0), fe?.remove();
44604
+ const me = ce.getGui();
44605
+ e.disableEditorTooltipFeature(), i.destroyBean(ce), H(void 0), E(void 0), me?.remove();
44603
44606
  });
44604
44607
  };
44605
44608
  }, [d]);
@@ -44629,7 +44632,7 @@ var UM = 1e3, $M = class {
44629
44632
  }
44630
44633
  a.current = i.createBean(new Ao());
44631
44634
  const ze = {
44632
- toggleCss: (ce, fe) => ie.current.toggleCss(ce, fe),
44635
+ toggleCss: (ce, me) => ie.current.toggleCss(ce, me),
44633
44636
  setUserStyles: (ce) => f(ce),
44634
44637
  getFocusableElement: () => M.current,
44635
44638
  setIncludeSelection: (ce) => C(ce),
@@ -44638,10 +44641,10 @@ var UM = 1e3, $M = class {
44638
44641
  getCellEditor: () => te.current ?? null,
44639
44642
  getCellRenderer: () => D.current ?? _.current,
44640
44643
  getParentOfValue: () => k.current ?? I.current ?? M.current,
44641
- setRenderDetails: (ce, fe, Ze) => {
44644
+ setRenderDetails: (ce, me, Ze) => {
44642
44645
  const os = () => {
44643
- c((We) => We?.compDetails !== ce || We?.value !== fe || We?.force !== Ze ? {
44644
- value: fe,
44646
+ c((We) => We?.compDetails !== ce || We?.value !== me || We?.force !== Ze ? {
44647
+ value: me,
44645
44648
  compDetails: ce,
44646
44649
  force: Ze
44647
44650
  } : We);
@@ -44659,7 +44662,7 @@ var UM = 1e3, $M = class {
44659
44662
  }
44660
44663
  os();
44661
44664
  },
44662
- setEditDetails: (ce, fe, Ze, os) => {
44665
+ setEditDetails: (ce, me, Ze, os) => {
44663
44666
  if (ce) {
44664
44667
  let We;
44665
44668
  ce.componentFromFramework && (os ? We = new nI(
@@ -44667,18 +44670,18 @@ var UM = 1e3, $M = class {
44667
44670
  () => g((Qs) => Qs + 1)
44668
44671
  ) : Jl()), u({
44669
44672
  compDetails: ce,
44670
- popup: fe,
44673
+ popup: me,
44671
44674
  popupPosition: Ze,
44672
44675
  compProxy: We
44673
- }), fe || c(void 0);
44676
+ }), me || c(void 0);
44674
44677
  } else
44675
44678
  e.hasBrowserFocus() && ze.getFocusableElement().focus({ preventScroll: !0 }), te.current = void 0, u(void 0);
44676
44679
  },
44677
- refreshEditStyles: (ce, fe) => {
44680
+ refreshEditStyles: (ce, me) => {
44678
44681
  if (!M.current)
44679
44682
  return;
44680
44683
  const { current: Ze } = ie;
44681
- Ze.toggleCss("ag-cell-value", !q), Ze.toggleCss("ag-cell-inline-editing", !!ce && !fe), Ze.toggleCss("ag-cell-popup-editing", !!ce && !!fe), Ze.toggleCss("ag-cell-not-inline-editing", !ce || !!fe);
44684
+ Ze.toggleCss("ag-cell-value", !q), Ze.toggleCss("ag-cell-inline-editing", !!ce && !me), Ze.toggleCss("ag-cell-popup-editing", !!ce && !!me), Ze.toggleCss("ag-cell-not-inline-editing", !ce || !!me);
44682
44685
  }
44683
44686
  }, je = I.current || void 0;
44684
44687
  e.setComp(
@@ -44690,7 +44693,7 @@ var UM = 1e3, $M = class {
44690
44693
  s,
44691
44694
  a.current
44692
44695
  );
44693
- }, []), pe = U((de) => {
44696
+ }, []), fe = U((de) => {
44694
44697
  M.current = de, st();
44695
44698
  }, []), St = U((de) => {
44696
44699
  x.current = de, st();
@@ -44712,7 +44715,7 @@ var UM = 1e3, $M = class {
44712
44715
  }, Vt = () => {
44713
44716
  const de = () => l == null ? null : q ? /* @__PURE__ */ G.createElement("span", { role: "presentation", id: `cell-${r}`, className: re, ref: se }, ut()) : ut(), be = (ze) => cI(ze, H, M.current, e, R);
44714
44717
  return d != null ? d.popup ? /* @__PURE__ */ G.createElement(G.Fragment, null, de(), be(d)) : be(d) : de();
44715
- }, ss = () => /* @__PURE__ */ G.createElement("div", { ref: pe, style: p, role: O, "col-id": n }, q ? /* @__PURE__ */ G.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: Be }, Vt()) : Vt());
44718
+ }, ss = () => /* @__PURE__ */ G.createElement("div", { ref: fe, style: p, role: O, "col-id": n }, q ? /* @__PURE__ */ G.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: Be }, Vt()) : Vt());
44716
44719
  return e.isCellSpanning() ? /* @__PURE__ */ G.createElement("div", { ref: St, className: "ag-spanned-cell-wrapper", role: "presentation" }, ss()) : ss();
44717
44720
  }, gI = tt(hI), pI = ({ rowCtrl: e, containerType: t }) => {
44718
44721
  const { context: s, gos: o, editSvc: i } = Ge(Ye), n = Ge(of) === "default", r = L(), a = L(e.getDomOrder()), l = e.isFullWidth(), c = e.rowNode.displayed, [d, u] = A(
@@ -44725,21 +44728,21 @@ var UM = 1e3, $M = class {
44725
44728
  ve(() => {
44726
44729
  if (te.current || !y || I > 10)
44727
44730
  return;
44728
- const pe = x.current?.firstChild;
44729
- pe ? (e.setupDetailRowAutoHeight(pe), te.current = !0) : ne((St) => St + 1);
44731
+ const fe = x.current?.firstChild;
44732
+ fe ? (e.setupDetailRowAutoHeight(fe), te.current = !0) : ne((St) => St + 1);
44730
44733
  }, [y, I]);
44731
44734
  const j = L();
44732
44735
  j.current || (j.current = new Si(() => x.current));
44733
44736
  const k = L(() => {
44734
- }), ee = U((pe) => (k.current = pe, () => {
44737
+ }), ee = U((fe) => (k.current = fe, () => {
44735
44738
  k.current = () => {
44736
44739
  };
44737
44740
  }), []), V = EM(
44738
44741
  ee,
44739
44742
  () => v.current,
44740
44743
  []
44741
- ), se = n ? V : b, Q = U((pe) => {
44742
- if (x.current = pe, r.current = pe ? s.createBean(new Ao()) : s.destroyBean(r.current), !pe) {
44744
+ ), se = n ? V : b, Q = U((fe) => {
44745
+ if (x.current = fe, r.current = fe ? s.createBean(new Ao()) : s.destroyBean(r.current), !fe) {
44743
44746
  e.unsetComp(t);
44744
44747
  return;
44745
44748
  }
@@ -44777,30 +44780,30 @@ var UM = 1e3, $M = class {
44777
44780
  })), !0) : !D.current || !D.current.refresh ? !1 : D.current.refresh(ut);
44778
44781
  }
44779
44782
  };
44780
- e.setComp(St, pe, t, r.current);
44783
+ e.setComp(St, fe, t, r.current);
44781
44784
  }, []);
44782
44785
  Lt(
44783
44786
  () => Ei(y, s, x.current, D),
44784
44787
  [y]
44785
44788
  );
44786
44789
  const q = B(() => {
44787
- const pe = { top: E, transform: O };
44788
- return Object.assign(pe, m), pe;
44790
+ const fe = { top: E, transform: O };
44791
+ return Object.assign(fe, m), fe;
44789
44792
  }, [E, O, m]), re = l && y?.componentFromFramework, H = !l && se != null, ie = B(() => !!(y?.componentFromFramework && Oo(y.componentClass)), [y]), he = L(!1);
44790
44793
  ve(() => {
44791
44794
  he.current = ie && !!y && !!o.get("reactiveCustomComponents");
44792
44795
  }, [ie, y]);
44793
- const Be = () => se?.map((pe) => /* @__PURE__ */ G.createElement(
44796
+ const Be = () => se?.map((fe) => /* @__PURE__ */ G.createElement(
44794
44797
  gI,
44795
44798
  {
44796
- cellCtrl: pe,
44797
- editingCell: i?.isEditing(pe, { withOpenEditor: !0 }) ?? !1,
44799
+ cellCtrl: fe,
44800
+ editingCell: i?.isEditing(fe, { withOpenEditor: !0 }) ?? !1,
44798
44801
  printLayout: e.printLayout,
44799
- key: pe.instanceId
44802
+ key: fe.instanceId
44800
44803
  }
44801
44804
  )), st = () => {
44802
- const pe = y.componentClass;
44803
- return ie ? /* @__PURE__ */ G.createElement(pe, { ...y.params }) : /* @__PURE__ */ G.createElement(pe, { ...y.params, ref: D });
44805
+ const fe = y.componentClass;
44806
+ return ie ? /* @__PURE__ */ G.createElement(fe, { ...y.params }) : /* @__PURE__ */ G.createElement(fe, { ...y.params, ref: D });
44804
44807
  };
44805
44808
  return /* @__PURE__ */ G.createElement(
44806
44809
  "div",
@@ -44901,8 +44904,8 @@ var UM = 1e3, $M = class {
44901
44904
  j.current || (j.current = new Si(() => k.current));
44902
44905
  const k = L(null), ee = L(null), V = L(null), se = L(null), Q = L(null), q = L(null), re = L(null), H = L([]), ie = L([]);
44903
44906
  Es(" AG Grid Body ", k), Es(" AG Pinned Top ", ee), Es(" AG Sticky Top ", V), Es(" AG Middle ", q), Es(" AG Pinned Bottom ", re);
44904
- const he = U((fe) => {
44905
- if (k.current = fe, !fe || t.isDestroyed()) {
44907
+ const he = U((me) => {
44908
+ if (k.current = me, !me || t.isDestroyed()) {
44906
44909
  H.current = t.destroyBeans(H.current);
44907
44910
  for (const Pe of ie.current)
44908
44911
  Pe();
@@ -44917,9 +44920,9 @@ var UM = 1e3, $M = class {
44917
44920
  }, We = (Pe, rt, yf) => {
44918
44921
  Ze(Pe, document.createComment(yf)), Ze(Pe, os(rt).getGui());
44919
44922
  };
44920
- We(fe, vR, " AG Fake Horizontal Scroll ");
44923
+ We(me, vR, " AG Fake Horizontal Scroll ");
44921
44924
  const Qs = s?.getOverlayWrapperCompClass();
44922
- Qs && We(fe, Qs, " AG Overlay Wrapper "), Q.current && We(Q.current, bR, " AG Fake Vertical Scroll ");
44925
+ Qs && We(me, Qs, " AG Overlay Wrapper "), Q.current && We(Q.current, bR, " AG Fake Vertical Scroll ");
44923
44926
  const Sf = {
44924
44927
  setRowAnimationCssOnBodyViewport: i,
44925
44928
  setColumnCount: (Pe) => {
@@ -44952,11 +44955,11 @@ var UM = 1e3, $M = class {
44952
44955
  setStickyBottomHeight: m,
44953
44956
  setStickyBottomBottom: v,
44954
44957
  setStickyBottomWidth: S,
44955
- setGridRootRole: (Pe) => fe.setAttribute("role", Pe)
44958
+ setGridRootRole: (Pe) => me.setAttribute("role", Pe)
44956
44959
  }, tc = t.createBean(new fR());
44957
44960
  H.current.push(tc), tc.setComp(
44958
44961
  Sf,
44959
- fe,
44962
+ me,
44960
44963
  q.current,
44961
44964
  ee.current,
44962
44965
  re.current,
@@ -44972,7 +44975,7 @@ var UM = 1e3, $M = class {
44972
44975
  _
44973
44976
  ),
44974
44977
  [o, I, O, _]
44975
- ), pe = B(() => pt("ag-body", I), [I]), St = B(
44978
+ ), fe = B(() => pt("ag-body", I), [I]), St = B(
44976
44979
  () => pt("ag-floating-top", y ? "ag-invisible" : null, _),
44977
44980
  [_, y]
44978
44981
  ), ke = B(() => pt("ag-sticky-top", _), [_]), ut = B(
@@ -45009,18 +45012,18 @@ var UM = 1e3, $M = class {
45009
45012
  overflowY: x
45010
45013
  }),
45011
45014
  [a, x]
45012
- ), je = (fe) => /* @__PURE__ */ G.createElement(mI, { name: fe, key: `${fe}-container` }), ce = ({
45013
- section: fe,
45015
+ ), je = (me) => /* @__PURE__ */ G.createElement(mI, { name: me, key: `${me}-container` }), ce = ({
45016
+ section: me,
45014
45017
  children: Ze,
45015
45018
  className: os,
45016
45019
  style: We
45017
- }) => /* @__PURE__ */ G.createElement("div", { ref: fe, className: os, role: "presentation", style: We }, Ze.map(je));
45020
+ }) => /* @__PURE__ */ G.createElement("div", { ref: me, className: os, role: "presentation", style: We }, Ze.map(je));
45018
45021
  return /* @__PURE__ */ G.createElement("div", { ref: he, className: Be }, /* @__PURE__ */ G.createElement(oI, null), ce({
45019
45022
  section: ee,
45020
45023
  className: St,
45021
45024
  style: ss,
45022
45025
  children: ["topLeft", "topCenter", "topRight", "topFullWidth"]
45023
- }), /* @__PURE__ */ G.createElement("div", { className: pe, ref: Q, role: "presentation" }, ce({
45026
+ }), /* @__PURE__ */ G.createElement("div", { className: fe, ref: Q, role: "presentation" }, ce({
45024
45027
  section: q,
45025
45028
  className: st,
45026
45029
  children: ["left", "center", "right", "fullWidth"]
@@ -45947,7 +45950,7 @@ const OI = ({
45947
45950
  },
45948
45951
  [a, l]
45949
45952
  );
45950
- return /* @__PURE__ */ $("section", { className: me(S1, t), children: [
45953
+ return /* @__PURE__ */ $("section", { className: pe(S1, t), children: [
45951
45954
  r && /* @__PURE__ */ w(
45952
45955
  "div",
45953
45956
  {
@@ -46423,7 +46426,7 @@ const OI = ({
46423
46426
  "aria-haspopup": "listbox",
46424
46427
  "aria-expanded": C,
46425
46428
  "aria-controls": y,
46426
- className: me(
46429
+ className: pe(
46427
46430
  KI,
46428
46431
  h && "opacity-75 !cursor-not-allowed",
46429
46432
  g
@@ -47380,6 +47383,8 @@ export {
47380
47383
  Dk as DialTextInputField,
47381
47384
  Xw as DialTextarea,
47382
47385
  $s as DialTooltip,
47386
+ $u as DropdownItemType,
47387
+ kt as DropdownTrigger,
47383
47388
  Ow as DropdownType,
47384
47389
  ln as FormItemOrientation,
47385
47390
  us as PopupSize,
@@ -47388,6 +47393,6 @@ export {
47388
47393
  Ct as StepStatus,
47389
47394
  Xr as TabOrientation,
47390
47395
  Xa as TagVariant,
47391
- me as mergeClasses,
47396
+ pe as mergeClasses,
47392
47397
  Bk as useDialFileManagerTabs
47393
47398
  };