@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.
- package/library/chunks/{asset-link-format.CyUiMsk0.js → asset-link-format.BEJh0Fqs.js} +3 -3
- package/library/chunks/{bicolor-picker.CojUr8VQ.js → bicolor-picker.C0PxxFzf.js} +1 -1
- package/library/chunks/{block-width.BHqoh68k.js → block-width.CU2PEBrV.js} +19 -19
- package/library/chunks/{border-input-group.hX_u5As5.js → border-input-group.w-T10AEY.js} +1 -1
- package/library/chunks/{color-picker.C3u13jWP.js → color-picker.CDUhOLEs.js} +3 -3
- package/library/chunks/{color-swatch-group.D4KGIN_7.js → color-swatch-group.DUskDB_p.js} +1076 -1058
- package/library/chunks/{config-manager._UPFF51v.js → config-manager.C9OGzzbe.js} +16 -16
- package/library/chunks/{configs-controller.CfLKthEL.js → configs-controller.D3dYYbfz.js} +4 -4
- package/library/chunks/{confirm-popover.Ca_p-aec.js → confirm-popover.CaNKM2dH.js} +2 -2
- package/library/chunks/{corner-position-input-group.B6oea4JC.js → corner-position-input-group.CPrsYabs.js} +1 -1
- package/library/chunks/{dialog.Dw-WUyD8.js → dialog.BuirdRW8.js} +1 -1
- package/library/chunks/{document-viewer.DvSw5R7C.js → document-viewer.C7WOv7ns.js} +3 -3
- package/library/chunks/{drawer.tfa9-G6a.js → drawer.BO3puoiw.js} +1 -1
- package/library/chunks/{dropdown.CLzQHntD.js → dropdown.HoJsYnUC.js} +35 -30
- package/library/chunks/{dynamic-select.C18Su1Hi.js → dynamic-select.G1V7Da24.js} +1 -1
- package/library/chunks/{file-on-demand._LRRo_VV.js → file-on-demand.DUWFRJnE.js} +4 -4
- package/library/chunks/{folder-select.i1Map6Gy.js → folder-select.CzNXsgl_.js} +1 -1
- package/library/chunks/{menu.DDiovK72.js → menu.BRFXqBpq.js} +28 -22
- package/library/chunks/{modal.CrMcpGz2.js → modal.775mgCbW.js} +9 -9
- package/library/chunks/{pagination.Dm29rNz4.js → pagination.By0sijVv.js} +1 -1
- package/library/chunks/{select.CPCSCV1h.js → select.v6t2pNH4.js} +16 -11
- package/library/chunks/{shadow-input-group.CyzUfNfD.js → shadow-input-group.C9DU0Ehy.js} +1 -1
- package/library/chunks/{size-input-group.BUyxMiGb.js → size-input-group.Z_9n7Nv6.js} +1 -1
- package/library/chunks/{src.DOywg1GE.js → src.QS2741a8.js} +9 -9
- package/library/chunks/{tab-group.kPeSvnQU.js → tab-group.DP9EvXFy.js} +2 -2
- package/library/components/asset-link-format.js +1 -1
- package/library/components/atoms.js +10 -10
- package/library/components/bicolor-picker.js +1 -1
- package/library/components/border-input-group.js +1 -1
- package/library/components/color-picker.js +1 -1
- package/library/components/color-swatch-group.js +1 -1
- package/library/components/confirm-popover.js +1 -1
- package/library/components/corner-position-input-group.js +1 -1
- package/library/components/dialog.js +1 -1
- package/library/components/document-viewer.js +1 -1
- package/library/components/drawer.js +1 -1
- package/library/components/dropdown.js +1 -1
- package/library/components/dynamic-select.js +1 -1
- package/library/components/file-on-demand.js +1 -1
- package/library/components/folder-select.js +1 -1
- package/library/components/menu.js +1 -1
- package/library/components/molecules.js +8 -8
- package/library/components/organisms.js +3 -3
- package/library/components/pagination.js +1 -1
- package/library/components/select.js +1 -1
- package/library/components/shadow-input-group.js +1 -1
- package/library/components/size-input-group.js +1 -1
- package/library/components/tab-group.js +1 -1
- package/library/components/types.js +161 -161
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/dropdown/dropdown.d.ts +1 -0
- package/library/packages/atoms/src/components/menu/menu.d.ts +5 -1
- package/library/packages/atoms/src/components/select/select.d.ts +5 -0
- package/library/packages/molecules/src/multi-select/components/board/board.d.ts +9 -0
- package/library/packages/organisms/src/asset-link-format/asset-link-format.d.ts +2 -0
- package/library/react-web-component.d.ts +4 -0
- package/library/utils.js +5 -5
- 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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
51
|
-
import { t as Ue } from "./border-input-group.
|
|
52
|
-
import { n as We, t as U } from "./confirm-popover.
|
|
53
|
-
import { t as Ge } from "./corner-position-input-group.
|
|
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.
|
|
56
|
-
import { r as G } from "./folder-select.
|
|
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.
|
|
61
|
-
import { t as Ze } from "./size-input-group.
|
|
62
|
-
import { T as K } from "./asset-link-format.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
19
|
-
import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.
|
|
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.
|
|
11
|
-
import { o as m, t as h } from "./dialog.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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 "./
|
|
15
|
-
import { t as x } from "./
|
|
16
|
-
import { t as S } from "./
|
|
17
|
-
import { t as C } from "./
|
|
18
|
-
import { t as w } from "./
|
|
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
|
|
21
|
+
var E = [], D = class {
|
|
21
22
|
constructor(e) {
|
|
22
23
|
this.element = e;
|
|
23
24
|
}
|
|
24
25
|
activate() {
|
|
25
|
-
|
|
26
|
+
E.push(this.element);
|
|
26
27
|
}
|
|
27
28
|
deactivate() {
|
|
28
|
-
|
|
29
|
+
E = E.filter((e) => e !== this.element);
|
|
29
30
|
}
|
|
30
31
|
isActive() {
|
|
31
|
-
return
|
|
32
|
+
return E[E.length - 1] === this.element;
|
|
32
33
|
}
|
|
33
|
-
},
|
|
34
|
-
static #e = this.styles = [c,
|
|
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
|
|
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.
|
|
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
|
|
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
|
|
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 =
|
|
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) =>
|
|
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) =>
|
|
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
|
|
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
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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
|
-
],
|
|
198
|
-
var
|
|
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 {
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
|
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
|
|
80
|
-
if (i === -1 && (i = 0), ["ArrowLeft", "ArrowRight"].includes(e.key) && !this.bubbleKeyDown && !(this.parentElement instanceof g) && !(this.parentElement instanceof p) && e.stopPropagation(),
|
|
81
|
-
let
|
|
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) && !
|
|
88
|
-
if (this.bubbleKeyDown || e.stopPropagation(),
|
|
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 >
|
|
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 >
|
|
162
|
-
e.preventDefault(),
|
|
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.
|
|
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.
|
|
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) =>
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
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)],
|
|
282
|
-
var
|
|
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 {
|
|
290
|
+
export { b as t };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { n as e } from "./
|
|
2
|
-
import { n
|
|
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 =
|
|
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 =
|
|
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
|
|
26
|
-
if (
|
|
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
|
|
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
|
|
55
|
+
let e = n(this.element);
|
|
56
56
|
if (!this.hasFocusInside()) {
|
|
57
|
-
let
|
|
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.
|
|
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;
|