@orangelogic/design-system 4.26.0 → 4.27.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 (58) hide show
  1. package/library/chunks/{asset-link-format.CyUiMsk0.js → asset-link-format.BEJh0Fqs.js} +3 -3
  2. package/library/chunks/{bicolor-picker.CojUr8VQ.js → bicolor-picker.C0PxxFzf.js} +1 -1
  3. package/library/chunks/{block-width.BHqoh68k.js → block-width.CU2PEBrV.js} +19 -19
  4. package/library/chunks/{border-input-group.hX_u5As5.js → border-input-group.w-T10AEY.js} +1 -1
  5. package/library/chunks/{color-picker.C3u13jWP.js → color-picker.CDUhOLEs.js} +3 -3
  6. package/library/chunks/{color-swatch-group.D4KGIN_7.js → color-swatch-group.DUskDB_p.js} +1076 -1058
  7. package/library/chunks/{config-manager._UPFF51v.js → config-manager.C9OGzzbe.js} +16 -16
  8. package/library/chunks/{configs-controller.CfLKthEL.js → configs-controller.D3dYYbfz.js} +4 -4
  9. package/library/chunks/{confirm-popover.Ca_p-aec.js → confirm-popover.CaNKM2dH.js} +2 -2
  10. package/library/chunks/{corner-position-input-group.B6oea4JC.js → corner-position-input-group.CPrsYabs.js} +1 -1
  11. package/library/chunks/{dialog.Dw-WUyD8.js → dialog.BuirdRW8.js} +1 -1
  12. package/library/chunks/{document-viewer.DvSw5R7C.js → document-viewer.C7WOv7ns.js} +3 -3
  13. package/library/chunks/{drawer.tfa9-G6a.js → drawer.BO3puoiw.js} +1 -1
  14. package/library/chunks/{dropdown.CLzQHntD.js → dropdown.HoJsYnUC.js} +35 -30
  15. package/library/chunks/{dynamic-select.C18Su1Hi.js → dynamic-select.G1V7Da24.js} +1 -1
  16. package/library/chunks/{file-on-demand._LRRo_VV.js → file-on-demand.DUWFRJnE.js} +4 -4
  17. package/library/chunks/{folder-select.i1Map6Gy.js → folder-select.CzNXsgl_.js} +1 -1
  18. package/library/chunks/{menu.DDiovK72.js → menu.BRFXqBpq.js} +28 -22
  19. package/library/chunks/{modal.CrMcpGz2.js → modal.775mgCbW.js} +9 -9
  20. package/library/chunks/{pagination.Dm29rNz4.js → pagination.By0sijVv.js} +1 -1
  21. package/library/chunks/{select.CPCSCV1h.js → select.v6t2pNH4.js} +16 -11
  22. package/library/chunks/{shadow-input-group.CyzUfNfD.js → shadow-input-group.C9DU0Ehy.js} +1 -1
  23. package/library/chunks/{size-input-group.BUyxMiGb.js → size-input-group.Z_9n7Nv6.js} +1 -1
  24. package/library/chunks/{src.DOywg1GE.js → src.QS2741a8.js} +9 -9
  25. package/library/chunks/{tab-group.kPeSvnQU.js → tab-group.DP9EvXFy.js} +2 -2
  26. package/library/components/asset-link-format.js +1 -1
  27. package/library/components/atoms.js +10 -10
  28. package/library/components/bicolor-picker.js +1 -1
  29. package/library/components/border-input-group.js +1 -1
  30. package/library/components/color-picker.js +1 -1
  31. package/library/components/color-swatch-group.js +1 -1
  32. package/library/components/confirm-popover.js +1 -1
  33. package/library/components/corner-position-input-group.js +1 -1
  34. package/library/components/dialog.js +1 -1
  35. package/library/components/document-viewer.js +1 -1
  36. package/library/components/drawer.js +1 -1
  37. package/library/components/dropdown.js +1 -1
  38. package/library/components/dynamic-select.js +1 -1
  39. package/library/components/file-on-demand.js +1 -1
  40. package/library/components/folder-select.js +1 -1
  41. package/library/components/menu.js +1 -1
  42. package/library/components/molecules.js +8 -8
  43. package/library/components/organisms.js +3 -3
  44. package/library/components/pagination.js +1 -1
  45. package/library/components/select.js +1 -1
  46. package/library/components/shadow-input-group.js +1 -1
  47. package/library/components/size-input-group.js +1 -1
  48. package/library/components/tab-group.js +1 -1
  49. package/library/components/types.js +161 -161
  50. package/library/package.json +1 -1
  51. package/library/packages/atoms/src/components/dropdown/dropdown.d.ts +1 -0
  52. package/library/packages/atoms/src/components/menu/menu.d.ts +5 -1
  53. package/library/packages/atoms/src/components/select/select.d.ts +5 -0
  54. package/library/packages/molecules/src/multi-select/components/board/board.d.ts +9 -0
  55. package/library/packages/organisms/src/asset-link-format/asset-link-format.d.ts +2 -0
  56. package/library/react-web-component.d.ts +4 -0
  57. package/library/utils.js +5 -5
  58. package/package.json +1 -1
@@ -14,28 +14,28 @@ import { t as b } from "./style-map.DPGQIxip.js";
14
14
  import { t as x } from "./button.CI1tg4c9.js";
15
15
  import { t as ee } from "./tooltip.CGCOh4cQ.js";
16
16
  import { t as te } from "./line-clamp.DlenWria.js";
17
- import { C as ne, D as re, E as ie, O as ae, S as oe, T as se, _ as ce, a as le, b as ue, c as de, g as fe, i as pe, l as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.BHqoh68k.js";
17
+ import { C as ne, D as re, E as ie, O as ae, S as oe, T as se, _ as ce, a as le, b as ue, c as de, g as fe, i as pe, l as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.CU2PEBrV.js";
18
18
  import { t as O } from "./typography.B0mkhqTB.js";
19
19
  import { t as k } from "./button-group.CPfXrqyq.js";
20
20
  import { t as A } from "./card.3c-X4hqR.js";
21
21
  import { t as j } from "./checkbox.C6vsHW9n.js";
22
22
  import { a as M, c as N, i as P, n as F, o as I, s as L } from "./directive-helpers.BuvXXfwA.js";
23
23
  import { t as R } from "./repeat.CKv9FPlC.js";
24
- import { t as _e } from "./dropdown.CLzQHntD.js";
24
+ import { t as _e } from "./dropdown.HoJsYnUC.js";
25
25
  import { t as ve } from "./input.B3HfssSr.js";
26
- import { t as ye } from "./menu.DDiovK72.js";
26
+ import { t as ye } from "./menu.BRFXqBpq.js";
27
27
  import { t as be } from "./menu-item.DS4-vQe3.js";
28
28
  import { n as xe, t as Se } from "./ref.CU1NC5AM.js";
29
29
  import { t as Ce } from "./textarea.Bc4eCJgT.js";
30
30
  import { t as we } from "./option.wsYX6Pp-.js";
31
31
  import { t as Te } from "./space.Dd8jezXK.js";
32
- import { t as Ee } from "./select.CPCSCV1h.js";
32
+ import { t as Ee } from "./select.v6t2pNH4.js";
33
33
  import { t as De } from "./tab.C2OFvGGj.js";
34
- import { t as z } from "./tab-group.kPeSvnQU.js";
34
+ import { t as z } from "./tab-group.DP9EvXFy.js";
35
35
  import { t as Oe } from "./map.ByDuLduF.js";
36
36
  import { t as ke } from "./tab-panel.BxeoKuSv.js";
37
37
  import { t as Ae } from "./visually-hidden.Bv3SInZp.js";
38
- import { o as B, t as V } from "./dialog.Dw-WUyD8.js";
38
+ import { o as B, t as V } from "./dialog.BuirdRW8.js";
39
39
  import { t as je } from "./divider.CqSNZCU8.js";
40
40
  import { n as Me } from "./toString.r2ImdBrm.js";
41
41
  import { m as H, s as Ne } from "./responsive.L9Csz2w2.js";
@@ -47,23 +47,23 @@ import { t as Re } from "./radio.DhPbmKbQ.js";
47
47
  import { t as ze } from "./radio-card.DPIcsAW9.js";
48
48
  import { t as Be } from "./radio-group.DKOIr2PH.js";
49
49
  import { t as Ve } from "./switch.D6KXmWnC.js";
50
- import { t as He } from "./bicolor-picker.CojUr8VQ.js";
51
- import { t as Ue } from "./border-input-group.hX_u5As5.js";
52
- import { n as We, t as U } from "./confirm-popover.Ca_p-aec.js";
53
- import { t as Ge } from "./corner-position-input-group.B6oea4JC.js";
50
+ import { t as He } from "./bicolor-picker.C0PxxFzf.js";
51
+ import { t as Ue } from "./border-input-group.w-T10AEY.js";
52
+ import { n as We, t as U } from "./confirm-popover.CaNKM2dH.js";
53
+ import { t as Ge } from "./corner-position-input-group.CPrsYabs.js";
54
54
  import { t as W } from "./_baseIteratee.DWc2-Bvm.js";
55
- import { t as Ke } from "./dynamic-select.C18Su1Hi.js";
56
- import { r as G } from "./folder-select.i1Map6Gy.js";
55
+ import { t as Ke } from "./dynamic-select.G1V7Da24.js";
56
+ import { r as G } from "./folder-select.CzNXsgl_.js";
57
57
  import { t as qe } from "./choose.C2vpqhLc.js";
58
58
  import { t as Je } from "./padding-input-group.DKIv6567.js";
59
59
  import { t as Ye } from "./position-picker.CyXlSYCi.js";
60
- import { t as Xe } from "./shadow-input-group.CyzUfNfD.js";
61
- import { t as Ze } from "./size-input-group.BUyxMiGb.js";
62
- import { T as K } from "./asset-link-format.CyUiMsk0.js";
60
+ import { t as Xe } from "./shadow-input-group.C9DU0Ehy.js";
61
+ import { t as Ze } from "./size-input-group.Z_9n7Nv6.js";
62
+ import { T as K } from "./asset-link-format.BEJh0Fqs.js";
63
63
  import { n as Qe } from "./_baseXor.Ca5K0ORC.js";
64
64
  import { n as $e, s as et, t as q } from "./isArrayLikeObject.Da3IzQeH.js";
65
65
  import { i as tt } from "./_baseClone.CnI5Vpqn.js";
66
- import { C as nt, i as rt, o as J, t as it } from "./configs-controller.CfLKthEL.js";
66
+ import { C as nt, i as rt, o as J, t as it } from "./configs-controller.D3dYYbfz.js";
67
67
  import { t as at } from "./isEmpty.D3QQduJ5.js";
68
68
  import { i as ot } from "./cloneDeep.C6x5LNv3.js";
69
69
  //#region ../../node_modules/lodash-es/difference.js
@@ -5,18 +5,18 @@ import { a as o, c as s, i as c, l, o as u, s as d } from "./resizable-component
5
5
  import { D as f, E as p, O as m, u as h } from "./string.DamEXDH2.js";
6
6
  import { n as g } from "./position-picker.dY_vgF_H.js";
7
7
  import { a as _, n as v, o as ee, s as y } from "./src.BJhIYoMP.js";
8
- import { a as te, i as ne, r as re } from "./tab-group.kPeSvnQU.js";
8
+ import { a as te, i as ne, r as re } from "./tab-group.DP9EvXFy.js";
9
9
  import { t as ie } from "./parse.CDrJ-NY7.js";
10
10
  import { t as ae } from "./toString.r2ImdBrm.js";
11
11
  import { t as oe } from "./capitalize.BT_EavGy.js";
12
- import { a as se, i as ce, n as le, r as ue } from "./document-viewer.DvSw5R7C.js";
12
+ import { a as se, i as ce, n as le, r as ue } from "./document-viewer.C7WOv7ns.js";
13
13
  import { f as de, l as fe } from "./url.CZO_DV8Y.js";
14
14
  import { _ as pe, g as me, p as he, v as ge } from "./color.CIOzHtLK.js";
15
15
  import { g as _e, m as b, p as ve, s as x } from "./responsive.L9Csz2w2.js";
16
16
  import { n as ye, r as be } from "./header.qIpzHeNc.js";
17
17
  import { d as xe, f as S, l as C, o as w, s as Se } from "./endpoints.jOHOmF_t.js";
18
- import { n as Ce } from "./folder-select.i1Map6Gy.js";
19
- import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.D4KGIN_7.js";
18
+ import { n as Ce } from "./folder-select.CzNXsgl_.js";
19
+ import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.DUskDB_p.js";
20
20
  import { n as Te } from "./isEmpty.D3QQduJ5.js";
21
21
  import { a as k } from "./cloneDeep.C6x5LNv3.js";
22
22
  //#region ../../packages/services/src/api/dashboard/dashboard.ts
@@ -7,8 +7,8 @@ import { t as l } from "./i18n.BMXeDUpk.js";
7
7
  import { t as u } from "./class-map.D8nsNOVJ.js";
8
8
  import { t as d } from "./button.CI1tg4c9.js";
9
9
  import { t as f } from "./typography.B0mkhqTB.js";
10
- import { t as p } from "./dropdown.CLzQHntD.js";
11
- import { o as m, t as h } from "./dialog.Dw-WUyD8.js";
10
+ import { t as p } from "./dropdown.HoJsYnUC.js";
11
+ import { o as m, t as h } from "./dialog.BuirdRW8.js";
12
12
  //#region ../../packages/types/src/confirm-popover.ts
13
13
  var g = /* @__PURE__ */ function(e) {
14
14
  return e.Horizontal = "horizontal", e.HorizontalReverse = "horizontal-reverse", e.Vertical = "vertical", e.VerticalReverse = "vertical-reverse", e;
@@ -7,7 +7,7 @@ import { t as l } from "./src.BJhIYoMP.js";
7
7
  import { t as u } from "./input.B3HfssSr.js";
8
8
  import { t as d } from "./option.wsYX6Pp-.js";
9
9
  import { t as f } from "./space.Dd8jezXK.js";
10
- import { t as p } from "./select.CPCSCV1h.js";
10
+ import { t as p } from "./select.v6t2pNH4.js";
11
11
  //#region ../../packages/molecules/src/corner-position-input-group/corner-position-input-group.styles.ts
12
12
  var m = t`:host{width:100%;display:block}.corner-position-input-group__inputs{width:100%}.corner-position-input-group__input{flex:1}`, h = {
13
13
  mask: "numpx",
@@ -16,7 +16,7 @@ import { t as C } from "./when.BUskJLtZ.js";
16
16
  import { t as w } from "./style-map.DPGQIxip.js";
17
17
  import { n as T } from "./active-elements.Tk45XSNQ.js";
18
18
  import { r as E, t as ee } from "./scroll.CEH_a4pm.js";
19
- import { t as D } from "./modal.CrMcpGz2.js";
19
+ import { t as D } from "./modal.775mgCbW.js";
20
20
  import { t as O } from "./divider.CqSNZCU8.js";
21
21
  //#region ../../packages/styles/src/overlay-scrollbar.styles.ts
22
22
  var te = t`.os-size-observer,.os-size-observer-listener{direction:inherit;pointer-events:none;visibility:hidden;box-sizing:border-box;overflow:hidden;scroll-behavior:auto!important}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;top:0;left:0}.os-size-observer{z-index:-1;contain:strict;padding:inherit;border:inherit;box-sizing:inherit;flex-flow:row;margin:-133px;display:flex;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";box-sizing:inherit;flex:none;width:10px;height:10px;padding:10px}.os-size-observer-appear{animation:1ms forwards os-size-observer-appear-animation}.os-size-observer-listener{box-sizing:border-box;padding:inherit;border:inherit;flex:auto;margin:-133px;position:relative;transform:scale(10)}.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{padding:inherit;border:inherit;box-sizing:content-box;flex:auto;display:block;position:relative}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{direction:ltr;flex:none;bottom:0;right:0;overflow:hidden}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{box-sizing:border-box;z-index:-1;contain:strict;border:none;flex:none;max-width:0;height:0;max-height:1px;margin:0;padding:0;position:relative;top:calc(100% + 1px);overflow:hidden}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;min-width:1px;height:1000%;min-height:1px}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden]{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{margin:0;overflow:visible}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;scroll-behavior:auto!important;flex-flow:row!important;align-items:stretch!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;z-index:0;border:none;flex:auto;width:100%;min-width:0;height:auto;margin:0;padding:0;position:relative}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah);position:absolute}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;display:none!important;position:absolute!important;overflow:hidden!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{grid-template:1fr/1fr;display:grid}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{width:auto!important;height:auto!important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction));contain:size layout;contain:size layout style;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;position:absolute}body>.os-scrollbar{z-index:99999;position:fixed}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;border:none!important;padding:0!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type:size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));left:auto}.os-scrollbar-vertical .os-scrollbar-handle{transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));top:auto}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{left:0;right:auto}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:10px;--os-padding-perpendicular:4px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:13px;--os-handle-bg:var(--cx-color-neutral-400);--os-handle-bg-hover:var(--cx-color-neutral-500);--os-handle-bg-active:var(--cx-color-neutral-500);--os-handle-border:4px solid #0000;--os-handle-border-hover:4px solid #0000;--os-handle-border-active:4px solid #0000;--os-handle-min-size:50px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:4px}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{background:var(--os-handle-bg-hover);border:var(--os-handle-border-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";display:block;position:absolute;inset:0}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc(( var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset) ) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc(( var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset) ) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc(( var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset) ) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:4px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}`, k = /* @__PURE__ */ function(e) {
@@ -17,12 +17,12 @@ import { t as tooltip_default } from "./tooltip.CGCOh4cQ.js";
17
17
  import { t as resize_observer_default } from "./resize-observer.D9EHlnZI.js";
18
18
  import { a as ObjectFit } from "./src.BJhIYoMP.js";
19
19
  import { t as typography_default } from "./typography.B0mkhqTB.js";
20
- import { t as dropdown_default } from "./dropdown.CLzQHntD.js";
20
+ import { t as dropdown_default } from "./dropdown.HoJsYnUC.js";
21
21
  import { t as focusWhenVisible } from "./focus-when-visible.DKscgyKo.js";
22
22
  import { t as input_default } from "./input.B3HfssSr.js";
23
- import { t as menu_default } from "./menu.DDiovK72.js";
23
+ import { t as menu_default } from "./menu.BRFXqBpq.js";
24
24
  import { t as menu_item_default } from "./menu-item.DS4-vQe3.js";
25
- import { t as drawer_default } from "./drawer.tfa9-G6a.js";
25
+ import { t as drawer_default } from "./drawer.BO3puoiw.js";
26
26
  import { t as progress_bar_default } from "./progress-bar.Cp8jz3Cn.js";
27
27
  import { fetchCortexApi } from "../utils.js";
28
28
  import { a as require_react, n as w, r as require_client, t as require_jsx_runtime } from "./jsx-runtime.BqxT1jD6.js";
@@ -13,7 +13,7 @@ import { t as y } from "./icon-button.CziUJUiX.js";
13
13
  import { t as b } from "./if-defined.B29V_rEp.js";
14
14
  import { t as x } from "./when.BUskJLtZ.js";
15
15
  import { r as S, t as C } from "./scroll.CEH_a4pm.js";
16
- import { t as w } from "./modal.CrMcpGz2.js";
16
+ import { t as w } from "./modal.775mgCbW.js";
17
17
  import { t as T } from "./capitalize.BT_EavGy.js";
18
18
  //#region ../../packages/atoms/src/components/drawer/drawer.styles.ts
19
19
  var E = t`:host{--size:25rem;--header-spacing:var(--cx-spacing-large);--body-spacing:var(--cx-spacing-large);--footer-spacing:var(--cx-spacing-large);--font-family:var(--cx-font-sans);display:contents}.drawer{top:0;pointer-events:none;width:0;height:0;inset-inline-start:0;overflow:hidden}.drawer--open{width:100%;height:100%}.drawer--persistent.drawer--open{width:var(--size);min-width:var(--size)}.drawer--contained{z-index:initial;position:absolute}.drawer--persistent{position:relative}.drawer--fixed{z-index:var(--cx-z-index-drawer);position:fixed}.drawer__panel{z-index:2;background-color:var(--cx-panel-background-color);max-width:100%;max-height:100%;box-shadow:var(--cx-shadow-large);pointer-events:all;flex-direction:column;display:flex;position:absolute;overflow:auto}.drawer__panel:focus{outline:none}.drawer--top .drawer__panel{top:0;inset-inline-end:auto;bottom:auto;width:100%;height:var(--size);inset-inline-start:0}.drawer--end .drawer__panel{top:0;inset-inline-end:0;bottom:auto;width:var(--size);height:100%;inset-inline-start:auto}.drawer--bottom .drawer__panel{top:auto;inset-inline-end:auto;bottom:0;width:100%;height:var(--size);inset-inline-start:0}.drawer--start .drawer__panel{top:0;inset-inline-end:auto;bottom:auto;width:var(--size);height:100%;inset-inline-start:0}.drawer__header{gap:var(--cx-spacing-small);padding:var(--header-spacing);border-bottom:solid 1px var(--cx-input-border-color);font-family:var(--font-family);display:flex}.drawer__header__content{flex:auto}.drawer__title{font:inherit;font-size:var(--cx-font-size-large);font-weight:var(--cx-font-weight-semibold);line-height:var(--cx-line-height-medium);align-items:center;margin:0;display:flex}.drawer__header-actions{justify-content:end;gap:var(--cx-spacing-2x-small);flex-wrap:wrap;flex-shrink:0;display:flex}.drawer__header-actions cx-icon-button,.drawer__header-actions ::slotted(cx-icon-button){font-size:var(--cx-font-size-medium);flex:none;align-items:center;display:flex}.drawer__description{font-family:var(--font-family);font-size:var(--cx-font-size-small);color:var(--cx-color-neutral-700)}.drawer__description ::slotted(*){margin:0}.drawer__body{padding:var(--body-spacing);-webkit-overflow-scrolling:touch;font-family:var(--font-family);flex:auto;display:block;overflow:auto}.drawer__footer{text-align:right;padding:var(--footer-spacing);font-family:var(--font-family)}.drawer__footer ::slotted(cx-button:not(:last-of-type)){margin-inline-end:var(--cx-spacing-x-small)}.drawer:not(.drawer--has-footer) .drawer__footer{display:none}.drawer__overlay{background-color:var(--cx-overlay-background-color);pointer-events:all;display:block;position:fixed;inset:0}.drawer--contained .drawer__overlay{opacity:0;position:absolute}.drawer--contained.drawer--ignore-parent-width.drawer--open{width:0;overflow:visible}.drawer--ignore-parent-width .drawer__panel{max-width:none}.drawer__overlay--disabled{display:none}@media (forced-colors:active){.drawer__panel{border:solid 1px var(--cx-color-neutral-0)}}`, D = class extends o {
@@ -11,33 +11,34 @@ import { t as h } from "./watch.Ub5r8btz.js";
11
11
  import { t as g } from "./class-map.D8nsNOVJ.js";
12
12
  import { r as _, t as v } from "./animation-registry.DKd2AOcC.js";
13
13
  import { t as y } from "./if-defined.B29V_rEp.js";
14
- import { t as b } from "./focus-when-visible.DKscgyKo.js";
15
- import { t as x } from "./tabbable.Bflg1dha.js";
16
- import { t as S } from "./input.B3HfssSr.js";
17
- import { t as C } from "./menu.DDiovK72.js";
18
- import { t as w } from "./textarea.Bc4eCJgT.js";
14
+ import { t as b } from "./active-elements.Tk45XSNQ.js";
15
+ import { t as x } from "./focus-when-visible.DKscgyKo.js";
16
+ import { t as S } from "./tabbable.Bflg1dha.js";
17
+ import { t as C } from "./input.B3HfssSr.js";
18
+ import { t as w } from "./menu.BRFXqBpq.js";
19
+ import { t as T } from "./textarea.Bc4eCJgT.js";
19
20
  //#region ../../packages/utils/src/custom-element/escapable-overlays.ts
20
- var T = [], E = class {
21
+ var E = [], D = class {
21
22
  constructor(e) {
22
23
  this.element = e;
23
24
  }
24
25
  activate() {
25
- T.push(this.element);
26
+ E.push(this.element);
26
27
  }
27
28
  deactivate() {
28
- T = T.filter((e) => e !== this.element);
29
+ E = E.filter((e) => e !== this.element);
29
30
  }
30
31
  isActive() {
31
- return T[T.length - 1] === this.element;
32
+ return E[E.length - 1] === this.element;
32
33
  }
33
- }, D = t`:host{--panel-padding:0px;--panel-overflow:auto;display:inline-block}.dropdown::part(popup){z-index:var(--cx-z-index-dropdown)}.dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}.dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}.dropdown[data-current-placement^=left]::part(popup){transform-origin:100%}.dropdown[data-current-placement^=right]::part(popup){transform-origin:0}.dropdown__trigger{display:var(--trigger-display,block)}.dropdown__panel{padding:var(--panel-padding);background-color:var(--cx-panel-background-color);border:var(--cx-panel-border-width) solid var(--cx-panel-border-color);font-family:var(--cx-font-sans);font-size:var(--cx-font-size-medium);font-weight:var(--cx-font-weight-regular);box-shadow:var(--cx-shadow-large);border-radius:var(--cx-border-radius-large);pointer-events:none;max-height:min(var(--auto-size-available-height), var(--max-height,var(--auto-size-available-height)));overflow:var(--panel-overflow,auto);display:block}.dropdown--open .dropdown__panel{pointer-events:all}::slotted(cx-menu){border:none;max-width:min(100%, var(--auto-size-available-width))!important}.dropdown__trigger::slotted(cx-tooltip){line-height:1;display:inline-block}`, O = class extends a {
34
- static #e = this.styles = [c, D];
34
+ }, O = t`:host{--panel-padding:0px;--panel-overflow:auto;display:inline-block}.dropdown::part(popup){z-index:var(--cx-z-index-dropdown)}.dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}.dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}.dropdown[data-current-placement^=left]::part(popup){transform-origin:100%}.dropdown[data-current-placement^=right]::part(popup){transform-origin:0}.dropdown__trigger{display:var(--trigger-display,block)}.dropdown__panel{padding:var(--panel-padding);background-color:var(--cx-panel-background-color);border:var(--cx-panel-border-width) solid var(--cx-panel-border-color);font-family:var(--cx-font-sans);font-size:var(--cx-font-size-medium);font-weight:var(--cx-font-weight-regular);box-shadow:var(--cx-shadow-large);border-radius:var(--cx-border-radius-large);pointer-events:none;max-height:min(var(--auto-size-available-height), var(--max-height,var(--auto-size-available-height)));overflow:var(--panel-overflow,auto);display:block}.dropdown--open .dropdown__panel{pointer-events:all}::slotted(cx-menu){border:none;max-width:min(100%, var(--auto-size-available-width))!important}.dropdown__trigger::slotted(cx-tooltip){line-height:1;display:inline-block}`, k = class extends a {
35
+ static #e = this.styles = [c, O];
35
36
  static #t = this.dependencies = { "cx-popup": s };
36
37
  get hoistBoundary() {
37
38
  return this.hoist ? document.body : void 0;
38
39
  }
39
40
  constructor() {
40
- super(), this.escapableOverlay = new E(this), this.localize = new p(this), this.hasSlotController = new m(this, "[default]"), this.pendingFocusCancel = null, this.open = !1, this.placement = "bottom-start", this.disabled = !1, this.stayOpenOnSelect = !1, this.distance = 0, this.skidding = 0, this.hoist = !1, this.sync = void 0, this.autoWidthFactor = 1, this.ignoredKeys = [], this.noFlip = !1, this.flipPadding = 10, this.handleKeyDown = this.handleKeyDown.bind(this), this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.handlePanelSelect = this.handlePanelSelect.bind(this);
41
+ super(), this.escapableOverlay = new D(this), this.localize = new p(this), this.hasSlotController = new m(this, "[default]"), this.pendingFocusCancel = null, this.open = !1, this.placement = "bottom-start", this.disabled = !1, this.stayOpenOnSelect = !1, this.distance = 0, this.skidding = 0, this.hoist = !1, this.sync = void 0, this.autoWidthFactor = 1, this.ignoredKeys = [], this.noFlip = !1, this.flipPadding = 10, this.handleKeyDown = this.handleKeyDown.bind(this), this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.handlePanelSelect = this.handlePanelSelect.bind(this);
41
42
  }
42
43
  connectedUpdatedCallback() {
43
44
  this.containingElement ??= this, this.panel.hidden = !this.open || !this.hasSlotController.test("[default]"), this.updateAccessibleTrigger(), this.open && (this.addOpenListeners(), this.popup.active = !0);
@@ -57,9 +58,13 @@ var T = [], E = class {
57
58
  }
58
59
  handleDocumentKeyDown(e) {
59
60
  e.key === "Escape" && this.open && (e.stopPropagation(), this.focusOnTrigger(), this.hide()), e.key === "Tab" && this.open && requestAnimationFrame(() => {
60
- this.containingElement?.matches(":focus-within") || this.hide();
61
+ this.hasFocusInside() || this.hide();
61
62
  });
62
63
  }
64
+ hasFocusInside() {
65
+ let e = this.containingElement;
66
+ return !!e && (e.matches(":focus-within") || [...b()].some((t) => e.contains(t)));
67
+ }
63
68
  handleDocumentMouseDown(e) {
64
69
  let t = e.composedPath();
65
70
  this.containingElement && !t.includes(this.containingElement) && this.hide();
@@ -70,11 +75,11 @@ var T = [], E = class {
70
75
  }
71
76
  async handleTriggerClick() {
72
77
  this.open ? (this.hide(), this.panel.assignedElements().forEach(async (e) => {
73
- e instanceof C && e.variant === "multiple" && e.resetActiveMenu();
78
+ e instanceof w && e.variant === "multiple" && e.resetActiveMenu();
74
79
  })) : (this.show(), this.focusOnTrigger());
75
80
  }
76
81
  handleTriggerKeyDown(e) {
77
- if (this.disabled || this.ignoredKeys.includes(e.key) || e.key === " " && (e.target instanceof S || e.target instanceof w || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) || ![
82
+ if (this.disabled || this.ignoredKeys.includes(e.key) || e.key === " " && (e.target instanceof C || e.target instanceof T || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) || ![
78
83
  "ArrowDown",
79
84
  "ArrowUp",
80
85
  "Home",
@@ -88,7 +93,7 @@ var T = [], E = class {
88
93
  let n = t.getAllItems();
89
94
  if (n.length === 0) return;
90
95
  let r = e.key === "ArrowUp" || e.key === "End" ? n.at(-1) : n[0];
91
- r && (t.setCurrentItem(r), this.pendingFocusCancel?.(), this.pendingFocusCancel = b(r));
96
+ r && (t.setCurrentItem(r), this.pendingFocusCancel?.(), this.pendingFocusCancel = x(r));
92
97
  }
93
98
  handleTriggerKeyUp(e) {
94
99
  e.key === " " && e.preventDefault();
@@ -97,7 +102,7 @@ var T = [], E = class {
97
102
  this.updateAccessibleTrigger();
98
103
  }
99
104
  updateAccessibleTrigger() {
100
- let e = this.trigger.assignedElements({ flatten: !0 }).find((e) => x(e).start), t;
105
+ let e = this.trigger.assignedElements({ flatten: !0 }).find((e) => S(e).start), t;
101
106
  if (e) {
102
107
  switch (e.tagName.toLowerCase()) {
103
108
  case "cx-button":
@@ -110,7 +115,7 @@ var T = [], E = class {
110
115
  }
111
116
  }
112
117
  blurTrigger() {
113
- let e = this.trigger.assignedElements({ flatten: !0 }).find((e) => x(e).start), t;
118
+ let e = this.trigger.assignedElements({ flatten: !0 }).find((e) => S(e).start), t;
114
119
  if (e) {
115
120
  switch (e.tagName.toLowerCase()) {
116
121
  case "cx-button":
@@ -148,13 +153,13 @@ var T = [], E = class {
148
153
  this.emit("cx-show"), this.addOpenListeners(), await u(this), this.panel.hidden = !1, this.popup.active = !0;
149
154
  let { keyframes: e, options: t } = v(this, "dropdown.show", { dir: this.localize.dir() });
150
155
  await l(this.popup.popup, e, t), this.emit("cx-after-show"), this.panel.assignedElements().forEach(async (e) => {
151
- e instanceof C && e.variant === "multiple" && (await e.updateComplete, e.adjustMenuSize(0));
156
+ e instanceof w && e.variant === "multiple" && (await e.updateComplete, e.adjustMenuSize(0));
152
157
  });
153
158
  } else {
154
159
  this.pendingFocusCancel?.(), this.pendingFocusCancel = null, this.emit("cx-hide"), this.removeOpenListeners(), await u(this);
155
160
  let { keyframes: e, options: t } = v(this, "dropdown.hide", { dir: this.localize.dir() });
156
161
  await l(this.popup.popup, e, t), this.panel.hidden = !0, this.popup.active = !1, this.emit("cx-after-hide"), this.panel.assignedElements().forEach(async (e) => {
157
- e instanceof C && e.variant === "multiple" && e.resetActiveMenu();
162
+ e instanceof w && e.variant === "multiple" && e.resetActiveMenu();
158
163
  });
159
164
  }
160
165
  }
@@ -165,37 +170,37 @@ var T = [], E = class {
165
170
  })} auto-width-factor=${this.autoWidthFactor}><slot name="trigger" slot="anchor" part="trigger" class="dropdown__trigger" @click=${this.handleTriggerClick} @keydown=${this.handleTriggerKeyDown} @keyup=${this.handleTriggerKeyUp} @slotchange=${this.handleTriggerSlotChange}></slot><div aria-hidden=${this.open && this.hasSlotController.test("[default]") ? "false" : "true"} aria-labelledby="dropdown"><slot part="panel" class="dropdown__panel"></slot></div></cx-popup>`;
166
171
  }
167
172
  };
168
- r([o(".dropdown"), i("design:type", s === void 0 ? Object : s)], O.prototype, "popup", void 0), r([o(".dropdown__trigger"), i("design:type", typeof HTMLSlotElement > "u" ? Object : HTMLSlotElement)], O.prototype, "trigger", void 0), r([o(".dropdown__panel"), i("design:type", typeof HTMLSlotElement > "u" ? Object : HTMLSlotElement)], O.prototype, "panel", void 0), r([n({
173
+ r([o(".dropdown"), i("design:type", s === void 0 ? Object : s)], k.prototype, "popup", void 0), r([o(".dropdown__trigger"), i("design:type", typeof HTMLSlotElement > "u" ? Object : HTMLSlotElement)], k.prototype, "trigger", void 0), r([o(".dropdown__panel"), i("design:type", typeof HTMLSlotElement > "u" ? Object : HTMLSlotElement)], k.prototype, "panel", void 0), r([n({
169
174
  reflect: !0,
170
175
  type: Boolean
171
- }), i("design:type", Object)], O.prototype, "open", void 0), r([n({ reflect: !0 }), i("design:type", String)], O.prototype, "placement", void 0), r([n({
176
+ }), i("design:type", Object)], k.prototype, "open", void 0), r([n({ reflect: !0 }), i("design:type", String)], k.prototype, "placement", void 0), r([n({
172
177
  reflect: !0,
173
178
  type: Boolean
174
- }), i("design:type", Object)], O.prototype, "disabled", void 0), r([n({
179
+ }), i("design:type", Object)], k.prototype, "disabled", void 0), r([n({
175
180
  attribute: "stay-open-on-select",
176
181
  reflect: !0,
177
182
  type: Boolean
178
- }), i("design:type", Object)], O.prototype, "stayOpenOnSelect", void 0), r([n({ attribute: "containing-element" }), i("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], O.prototype, "containingElement", void 0), r([n({ type: Number }), i("design:type", Object)], O.prototype, "distance", void 0), r([n({ type: Number }), i("design:type", Object)], O.prototype, "skidding", void 0), r([n({ type: Boolean }), i("design:type", Object)], O.prototype, "hoist", void 0), r([n({ reflect: !0 }), i("design:type", Object)], O.prototype, "sync", void 0), r([n({ attribute: "auto-width-factor" }), i("design:type", Object)], O.prototype, "autoWidthFactor", void 0), r([n({
183
+ }), i("design:type", Object)], k.prototype, "stayOpenOnSelect", void 0), r([n({ attribute: "containing-element" }), i("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], k.prototype, "containingElement", void 0), r([n({ type: Number }), i("design:type", Object)], k.prototype, "distance", void 0), r([n({ type: Number }), i("design:type", Object)], k.prototype, "skidding", void 0), r([n({ type: Boolean }), i("design:type", Object)], k.prototype, "hoist", void 0), r([n({ reflect: !0 }), i("design:type", Object)], k.prototype, "sync", void 0), r([n({ attribute: "auto-width-factor" }), i("design:type", Object)], k.prototype, "autoWidthFactor", void 0), r([n({
179
184
  attribute: "ignored-keys",
180
185
  converter: {
181
186
  fromAttribute: (e) => e?.split(" ") ?? [],
182
187
  toAttribute: (e) => e.join(" ")
183
188
  },
184
189
  type: String
185
- }), i("design:type", Array)], O.prototype, "ignoredKeys", void 0), r([n({
190
+ }), i("design:type", Array)], k.prototype, "ignoredKeys", void 0), r([n({
186
191
  attribute: "no-flip",
187
192
  reflect: !0,
188
193
  type: Boolean
189
- }), i("design:type", Object)], O.prototype, "noFlip", void 0), r([n({
194
+ }), i("design:type", Object)], k.prototype, "noFlip", void 0), r([n({
190
195
  attribute: "flip-padding",
191
196
  type: Number
192
- }), i("design:type", Object)], O.prototype, "flipPadding", void 0), r([
197
+ }), i("design:type", Object)], k.prototype, "flipPadding", void 0), r([
193
198
  h("open", { waitUntilFirstUpdate: !0 }),
194
199
  i("design:type", Function),
195
200
  i("design:paramtypes", []),
196
201
  i("design:returntype", Promise)
197
- ], O.prototype, "handleOpenChange", null), O = r([f("cx-dropdown"), i("design:paramtypes", [])], O);
198
- var k = O;
202
+ ], k.prototype, "handleOpenChange", null), k = r([f("cx-dropdown"), i("design:paramtypes", [])], k);
203
+ var A = k;
199
204
  _("dropdown.show", {
200
205
  keyframes: [{
201
206
  opacity: 0,
@@ -222,4 +227,4 @@ _("dropdown.show", {
222
227
  }
223
228
  });
224
229
  //#endregion
225
- export { k as t };
230
+ export { A as t };
@@ -13,7 +13,7 @@ import { t as h } from "./button.CI1tg4c9.js";
13
13
  import { t as g } from "./debounce.Ci-xdsHE.js";
14
14
  import { t as _ } from "./repeat.CKv9FPlC.js";
15
15
  import { n as v, t as y } from "./option.wsYX6Pp-.js";
16
- import { t as b } from "./select.CPCSCV1h.js";
16
+ import { t as b } from "./select.v6t2pNH4.js";
17
17
  import { t as x } from "./map.ByDuLduF.js";
18
18
  import { t as S } from "./keyed.zYwdaCfO.js";
19
19
  import { t as C } from "./_baseIteratee.DWc2-Bvm.js";
@@ -23,18 +23,18 @@ import { t as w } from "./repeat.CKv9FPlC.js";
23
23
  import { t as ae } from "./input.B3HfssSr.js";
24
24
  import { t as oe } from "./option.wsYX6Pp-.js";
25
25
  import { t as se } from "./space.Dd8jezXK.js";
26
- import { t as ce } from "./select.CPCSCV1h.js";
26
+ import { t as ce } from "./select.v6t2pNH4.js";
27
27
  import { t as le } from "./tab.C2OFvGGj.js";
28
- import { t as T } from "./tab-group.kPeSvnQU.js";
28
+ import { t as T } from "./tab-group.DP9EvXFy.js";
29
29
  import { t as ue } from "./tab-panel.BxeoKuSv.js";
30
- import { t as E } from "./dialog.Dw-WUyD8.js";
30
+ import { t as E } from "./dialog.BuirdRW8.js";
31
31
  import { t as de } from "./divider.CqSNZCU8.js";
32
32
  import { t as fe } from "./progress-bar.Cp8jz3Cn.js";
33
33
  import { o as D, u as O } from "./url.CZO_DV8Y.js";
34
34
  import k from "../components/format-bytes.js";
35
35
  import { t as pe } from "./relative-time.5fu63h4C.js";
36
36
  import { a as A, i as me, n as he, t as j } from "./tree.BZvt8Ol0.js";
37
- import { t as ge } from "./confirm-popover.Ca_p-aec.js";
37
+ import { t as ge } from "./confirm-popover.CaNKM2dH.js";
38
38
  import { t as _e } from "./_baseIteratee.DWc2-Bvm.js";
39
39
  import { t as ve } from "./choose.C2vpqhLc.js";
40
40
  import { t as ye } from "./_baseXor.Ca5K0ORC.js";
@@ -18,7 +18,7 @@ import { t as C } from "./tag.CWTVcGc7.js";
18
18
  import { t as w } from "./repeat.CKv9FPlC.js";
19
19
  import { t as T } from "./input.B3HfssSr.js";
20
20
  import { t as E } from "./space.Dd8jezXK.js";
21
- import { t as D } from "./select.CPCSCV1h.js";
21
+ import { t as D } from "./select.v6t2pNH4.js";
22
22
  import { t as O } from "./template.Cyvih0XQ.js";
23
23
  import { n as k } from "./asset-link-format.DhdgEsA0.js";
24
24
  import { a as A, i as j } from "./tree.BZvt8Ol0.js";
@@ -11,9 +11,9 @@ var m = /* @__PURE__ */ function(e) {
11
11
  return e.Default = "default", e.Multiple = "multiple", e;
12
12
  }({}), h = t`:host{background:var(--cx-panel-background-color);border:solid var(--cx-panel-border-width) var(--cx-panel-border-color);border-radius:var(--cx-panel-border-radius,var(--cx-border-radius-large));padding:var(--cx-panel-padding,var(--cx-spacing-x-small) 0);--divider-color:var(--cx-panel-border-color);--divider-width:var(--cx-panel-border-width);--divider-spacing:var(--cx-spacing-x-small);display:block;position:relative;overflow:auto}:host([horizontal]){padding:0 var(--cx-spacing-x-small);flex-wrap:wrap;justify-content:space-between;display:flex}::slotted(cx-divider){--color:var(--divider-color);--width:var(--divider-width);--spacing:var(--divider-spacing)}::slotted([data-alternating-grouping]):before{content:" ";background-color:var(--divider-color);margin:var(--divider-spacing) 0;height:var(--divider-width);display:block}::slotted([data-alternating-grouping=horizontal]):before{height:100%;margin:0 var(--divider-spacing);width:var(--divider-width);display:inline-block}:host([horizontal]) ::slotted(cx-menu-section){flex-wrap:wrap;justify-content:space-between;display:flex}:host([horizontal]) ::slotted(cx-menu-item){display:flex}:host([variant=multiple]){position:relative;overflow:hidden}:host([variant=multiple]) ::slotted(cx-menu[name]){opacity:0;pointer-events:none;transition:opacity var(--cx-transition-fast) ease-in-out, transform var(--cx-transition-medium) ease-in-out;border:none;top:0;left:0;transform:translate(-50%);position:absolute!important}:host([variant=multiple]) ::slotted(cx-menu[active]){opacity:1;pointer-events:auto;transform:translate(0)}.back__button::part(checked-icon),.back__button::part(submenu-icon){display:none}.back__divider{--spacing:var(--cx-spacing-x-small)}`, g;
13
13
  function _(e) {
14
- return e.tagName.toLowerCase() === "cx-menu" && e instanceof v && e.getAttribute("role") === "menu" && !e.inert;
14
+ return e.tagName.toLowerCase() === "cx-menu" && e instanceof y && e.getAttribute("role") === "menu" && !e.inert;
15
15
  }
16
- var v = class extends o {
16
+ var v = "cx-button, cx-icon-button, button, a[href]", y = class extends o {
17
17
  static #e = g = this;
18
18
  constructor(...e) {
19
19
  super(...e), this.localize = new u(this), this.horizontal = !1, this.variant = m.Default, this.active = !1, this.name = "", this.back = "", this.default = !1, this.bubbleKeyDown = !1, this.ignoredKeys = [], this.noUncheck = !1, this.resizeObserver = null, this.slotMutationObserver = null;
@@ -76,16 +76,16 @@ var v = class extends o {
76
76
  "ArrowLeft",
77
77
  "ArrowRight"
78
78
  ].includes(e.key)) {
79
- let t = this.getAllItems(), r = n ? t.indexOf(n) : -1, i = r === -1 ? t.findIndex((e) => e.getAttribute("tabindex") === "0") : r;
80
- if (i === -1 && (i = 0), ["ArrowLeft", "ArrowRight"].includes(e.key) && !this.bubbleKeyDown && !(this.parentElement instanceof g) && !(this.parentElement instanceof p) && e.stopPropagation(), t.length > 0) {
81
- let n = this.horizontal ? e.key === "ArrowRight" || i === t.length - 1 && e.key === "ArrowDown" : e.key === "ArrowDown", r = this.horizontal ? e.key === "ArrowLeft" || i === 0 && e.key === "ArrowUp" : e.key === "ArrowUp";
79
+ let n = this.getAllItems(), r = n.indexOf(t), i = r === -1 ? n.findIndex((e) => e.getAttribute("tabindex") === "0") : r;
80
+ if (i === -1 && (i = 0), ["ArrowLeft", "ArrowRight"].includes(e.key) && !this.bubbleKeyDown && !(this.parentElement instanceof g) && !(this.parentElement instanceof p) && e.stopPropagation(), n.length > 0) {
81
+ let t = this.horizontal ? e.key === "ArrowRight" || i === n.length - 1 && e.key === "ArrowDown" : e.key === "ArrowDown", r = this.horizontal ? e.key === "ArrowLeft" || i === 0 && e.key === "ArrowUp" : e.key === "ArrowUp";
82
82
  if ([
83
83
  "ArrowRight",
84
84
  "ArrowDown",
85
85
  "ArrowLeft",
86
86
  "ArrowUp"
87
- ].includes(e.key) && !n && !r) return;
88
- if (this.bubbleKeyDown || e.stopPropagation(), n) i++;
87
+ ].includes(e.key) && !t && !r) return;
88
+ if (this.bubbleKeyDown || e.stopPropagation(), t) i++;
89
89
  else if (r) i--;
90
90
  else if (e.key === "Home") {
91
91
  e.preventDefault();
@@ -135,7 +135,7 @@ var v = class extends o {
135
135
  i = 0;
136
136
  }
137
137
  }
138
- if (i > t.length - 1) {
138
+ if (i > n.length - 1) {
139
139
  e.preventDefault();
140
140
  let t = this.nextElementSibling;
141
141
  for (; t && !_(t);) t = t.nextElementSibling;
@@ -158,8 +158,8 @@ var v = class extends o {
158
158
  i = 0;
159
159
  }
160
160
  }
161
- if (i < 0 || i > t.length - 1) return;
162
- e.preventDefault(), t[i].focus();
161
+ if (i < 0 || i > n.length - 1) return;
162
+ e.preventDefault(), n[i].focus();
163
163
  }
164
164
  }
165
165
  }
@@ -179,14 +179,14 @@ var v = class extends o {
179
179
  });
180
180
  }
181
181
  syncTabIndexToSelection() {
182
- let e = this.getAllItems();
182
+ let e = this.getMenuItems();
183
183
  if (e.length === 0) return;
184
184
  let t;
185
185
  for (let n of e) n.setAttribute("tabindex", "-1"), !t && (n.checked || n.active) && (t = n);
186
186
  (t ?? e[0]).setAttribute("tabindex", "0");
187
187
  }
188
188
  setRovingTabIndex(e) {
189
- for (let t of this.getAllItems()) t.setAttribute("tabindex", t === e ? "0" : "-1");
189
+ for (let t of this.getMenuItems()) t.setAttribute("tabindex", t === e ? "0" : "-1");
190
190
  }
191
191
  isMenuSection(e) {
192
192
  return e instanceof HTMLElement && e.tagName.toLowerCase() === "cx-menu-section";
@@ -198,18 +198,24 @@ var v = class extends o {
198
198
  "menuitemradio"
199
199
  ].includes(e.getAttribute("role") ?? "") : !1;
200
200
  }
201
+ getMenuItems() {
202
+ return this.getAllItems().filter((e) => this.isMenuItem(e));
203
+ }
204
+ isBackControl(e) {
205
+ return e.closest("[slot=\"back-button\"]") !== null && e.matches(v);
206
+ }
201
207
  focusPanelTabStop(e) {
202
208
  let t = e.getAllItems();
203
209
  (t.find((e) => e.getAttribute("tabindex") === "0") ?? t[0])?.focus({ preventScroll: !0 });
204
210
  }
205
211
  getAllItems() {
206
- return [this.backSlot, this.defaultSlot].flatMap((e) => e?.assignedElements({ flatten: !0 }) ?? []).flatMap((e) => e.slot === "back-button" && !this.isMenuItem(e) ? [...e.children] : e).flatMap((e) => {
212
+ return [this.backSlot, this.defaultSlot].flatMap((e) => e?.assignedElements({ flatten: !0 }) ?? []).flatMap((e) => e.slot === "back-button" && !this.isMenuItem(e) && !e.matches(v) ? [...e.children] : e).flatMap((e) => {
207
213
  if (this.isMenuSection(e)) {
208
214
  let t = e.shadowRoot?.querySelector("slot");
209
215
  return t ? [...t.assignedElements({ flatten: !0 })] : [];
210
216
  }
211
217
  return e;
212
- }).flatMap((e) => e.tagName.toLowerCase() === "cx-tooltip" && !e.inert ? [...e.children].filter((e) => !e.hasAttribute("slot")) : e).filter((e) => !(e.inert || !this.isMenuItem(e)));
218
+ }).flatMap((e) => e.tagName.toLowerCase() === "cx-tooltip" && !e.inert ? [...e.children].filter((e) => !e.hasAttribute("slot")) : e).filter((e) => e.inert ? !1 : this.isMenuItem(e) || this.isBackControl(e));
213
219
  }
214
220
  getAllSubMenus() {
215
221
  return [...this.querySelectorAll("cx-menu")];
@@ -257,28 +263,28 @@ var v = class extends o {
257
263
  return this.variant, m.Multiple, e`${t}<slot @slotchange=${this.handleSlotChange} @click=${this.handleClick} @keydown=${this.handleKeyDown} @mousedown=${this.handleMouseDown}></slot>`;
258
264
  }
259
265
  };
260
- i([s("slot:not([name])"), a("design:type", typeof HTMLSlotElement > "u" ? Object : HTMLSlotElement)], v.prototype, "defaultSlot", void 0), i([s("slot[name=\"back-button\"]"), a("design:type", Object)], v.prototype, "backSlot", void 0), i([n({ type: Boolean }), a("design:type", Object)], v.prototype, "horizontal", void 0), i([n({ reflect: !0 }), a("design:type", Object)], v.prototype, "variant", void 0), i([n({
266
+ i([s("slot:not([name])"), a("design:type", typeof HTMLSlotElement > "u" ? Object : HTMLSlotElement)], y.prototype, "defaultSlot", void 0), i([s("slot[name=\"back-button\"]"), a("design:type", Object)], y.prototype, "backSlot", void 0), i([n({ type: Boolean }), a("design:type", Object)], y.prototype, "horizontal", void 0), i([n({ reflect: !0 }), a("design:type", Object)], y.prototype, "variant", void 0), i([n({
261
267
  reflect: !0,
262
268
  type: Boolean
263
- }), a("design:type", Object)], v.prototype, "active", void 0), i([n({ reflect: !0 }), a("design:type", Object)], v.prototype, "name", void 0), i([n({ reflect: !0 }), a("design:type", Object)], v.prototype, "back", void 0), i([n({
269
+ }), a("design:type", Object)], y.prototype, "active", void 0), i([n({ reflect: !0 }), a("design:type", Object)], y.prototype, "name", void 0), i([n({ reflect: !0 }), a("design:type", Object)], y.prototype, "back", void 0), i([n({
264
270
  reflect: !0,
265
271
  type: Boolean
266
- }), a("design:type", Object)], v.prototype, "default", void 0), i([n({
272
+ }), a("design:type", Object)], y.prototype, "default", void 0), i([n({
267
273
  attribute: "bubble-keydown",
268
274
  reflect: !0,
269
275
  type: Boolean
270
- }), a("design:type", Object)], v.prototype, "bubbleKeyDown", void 0), i([n({
276
+ }), a("design:type", Object)], y.prototype, "bubbleKeyDown", void 0), i([n({
271
277
  attribute: "ignored-keys",
272
278
  converter: {
273
279
  fromAttribute: (e) => e?.split(" ") ?? [],
274
280
  toAttribute: (e) => e.join(" ")
275
281
  },
276
282
  type: String
277
- }), a("design:type", Array)], v.prototype, "ignoredKeys", void 0), i([n({
283
+ }), a("design:type", Array)], y.prototype, "ignoredKeys", void 0), i([n({
278
284
  attribute: "no-uncheck",
279
285
  reflect: !0,
280
286
  type: Boolean
281
- }), a("design:type", Object)], v.prototype, "noUncheck", void 0), i([r(), a("design:type", Object)], v.prototype, "resizeObserver", void 0), v = g = i([l("cx-menu")], v);
282
- var y = v;
287
+ }), a("design:type", Object)], y.prototype, "noUncheck", void 0), i([r(), a("design:type", Object)], y.prototype, "resizeObserver", void 0), y = g = i([l("cx-menu")], y);
288
+ var b = y;
283
289
  //#endregion
284
- export { y as t };
290
+ export { b as t };
@@ -1,5 +1,5 @@
1
- import { n as e } from "./tabbable.Bflg1dha.js";
2
- import { n as t, t as n } from "./active-elements.Tk45XSNQ.js";
1
+ import { n as e, t } from "./active-elements.Tk45XSNQ.js";
2
+ import { n } from "./tabbable.Bflg1dha.js";
3
3
  //#region ../../packages/utils/src/custom-element/modal.ts
4
4
  var r = [];
5
5
  function i() {
@@ -11,10 +11,10 @@ var a = class {
11
11
  this.isActive() && this.checkFocus();
12
12
  }, this.handleKeyDown = (r) => {
13
13
  if (r.key !== "Tab" || this.isExternalActivated || !this.isActive()) return;
14
- let i = t();
14
+ let i = e();
15
15
  if (this.previousFocus = i, this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus)) return;
16
16
  this.tabDirection = r.shiftKey ? "backward" : "forward";
17
- let a = e(this.element), o = a.findIndex((e) => e === i);
17
+ let a = n(this.element), o = a.findIndex((e) => e === i);
18
18
  this.previousFocus = this.currentFocus;
19
19
  let s = this.tabDirection === "forward" ? 1 : -1;
20
20
  for (;;) {
@@ -22,8 +22,8 @@ var a = class {
22
22
  let e = a[o];
23
23
  if (this.tabDirection === "backward" && this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus) || e && this.possiblyHasTabbableChildren(e)) return;
24
24
  r.preventDefault(), this.currentFocus = e, this.currentFocus?.focus({ preventScroll: !1 });
25
- let t = [...n()];
26
- if (t.includes(this.currentFocus) || !t.includes(this.previousFocus)) break;
25
+ let n = [...t()];
26
+ if (n.includes(this.currentFocus) || !n.includes(this.previousFocus)) break;
27
27
  }
28
28
  setTimeout(() => this.checkFocus());
29
29
  }, this.handleKeyUp = () => {
@@ -47,14 +47,14 @@ var a = class {
47
47
  }
48
48
  hasFocusInside() {
49
49
  if (this.element.matches(":focus-within")) return !0;
50
- for (let e of n()) if (this.element === e || this.element.contains(e)) return !0;
50
+ for (let e of t()) if (this.element === e || this.element.contains(e)) return !0;
51
51
  return !1;
52
52
  }
53
53
  checkFocus() {
54
54
  if (this.isActive() && !this.isExternalActivated) {
55
- let t = e(this.element);
55
+ let e = n(this.element);
56
56
  if (!this.hasFocusInside()) {
57
- let e = t[0], n = t[t.length - 1], r = this.tabDirection === "forward" ? e : n;
57
+ let t = e[0], n = e[e.length - 1], r = this.tabDirection === "forward" ? t : n;
58
58
  typeof r?.focus == "function" && (this.currentFocus = r, r.focus({ preventScroll: !1 }));
59
59
  }
60
60
  }
@@ -15,7 +15,7 @@ import { t as y } from "./repeat.CKv9FPlC.js";
15
15
  import { t as b } from "./input.B3HfssSr.js";
16
16
  import { t as x } from "./option.wsYX6Pp-.js";
17
17
  import { t as S } from "./space.Dd8jezXK.js";
18
- import { t as C } from "./select.CPCSCV1h.js";
18
+ import { t as C } from "./select.v6t2pNH4.js";
19
19
  //#region ../../packages/types/src/pagination.ts
20
20
  var w = /* @__PURE__ */ function(e) {
21
21
  return e.Both = "both", e.Pages = "pages", e.Rows = "rows", e;