@worldresources/wri-design-systems 2.162.0 → 2.164.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/dist/index.cjs.js +81 -80
- package/dist/index.esm.js +77 -76
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -2515,6 +2515,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2515
2515
|
}
|
|
2516
2516
|
|
|
2517
2517
|
[data-rsbs-header]:before {
|
|
2518
|
+
margin-top: 6px;
|
|
2518
2519
|
height: 2px;
|
|
2519
2520
|
width: 32px;
|
|
2520
2521
|
background-color: ${we("neutral",300)};
|
|
@@ -2525,7 +2526,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2525
2526
|
padding: 0px;
|
|
2526
2527
|
min-height: 64px;
|
|
2527
2528
|
}
|
|
2528
|
-
`;!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("[data-rsbs-overlay] {\n border-top-left-radius: 16px;\n border-top-left-radius: var(--rsbs-overlay-rounded,16px);\n border-top-right-radius: 16px;\n border-top-right-radius: var(--rsbs-overlay-rounded,16px);\n display: flex;\n background: #fff;\n background: var(--rsbs-bg,#fff);\n flex-direction: column;\n height: 0px;\n height: var(--rsbs-overlay-h,0px);\n transform: translate3d(0, 0px, 0);\n transform: translate3d(0, var(--rsbs-overlay-translate-y,0px), 0);\n will-change: height;\n}\n\n[data-rsbs-overlay]:focus {\n outline: none;\n}\n\n[data-rsbs-is-blocking='false'] [data-rsbs-overlay] {\n box-shadow: 0 -5px 60px 0 rgba(38, 89, 115, 0.11),\n 0 -1px 0 rgba(38, 89, 115, 0.05);\n}\n\n[data-rsbs-overlay],\n[data-rsbs-root]:after {\n max-width: auto;\n max-width: var(--rsbs-max-w,auto);\n margin-left: env(safe-area-inset-left);\n margin-left: var(--rsbs-ml,env(safe-area-inset-left));\n margin-right: env(safe-area-inset-right);\n margin-right: var(--rsbs-mr,env(safe-area-inset-right));\n}\n\n[data-rsbs-overlay],\n[data-rsbs-backdrop],\n[data-rsbs-root]:after {\n z-index: 3;\n -ms-scroll-chaining: none;\n overscroll-behavior: none;\n touch-action: none;\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n}\n\n[data-rsbs-backdrop] {\n top: -60px;\n bottom: -60px;\n background-color: rgba(0, 0, 0, 0.6);\n background-color: var(--rsbs-backdrop-bg,rgba(0, 0, 0, 0.6));\n will-change: opacity;\n cursor: pointer;\n opacity: 1;\n}\n\n[data-rsbs-is-dismissable='false'] [data-rsbs-backdrop] {\n cursor: ns-resize;\n}\n\n[data-rsbs-root]:after {\n content: '';\n pointer-events: none;\n background: #fff;\n background: var(--rsbs-bg,#fff);\n height: 1px;\n transform-origin: bottom;\n transform: scale3d(1, 0, 1);\n transform: scale3d(1, var(--rsbs-antigap-scale-y,0), 1);\n will-change: transform;\n}\n\n[data-rsbs-footer],\n[data-rsbs-header] {\n flex-shrink: 0;\n cursor: ns-resize;\n padding: 16px;\n}\n\n[data-rsbs-header] {\n text-align: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-shadow: 0 1px 0\n rgba(46, 59, 66, calc(1 * 0.125));\n box-shadow: 0 1px 0\n rgba(46, 59, 66, calc(var(--rsbs-content-opacity,1) * 0.125));\n z-index: 1;\n padding-top: calc(20px + env(safe-area-inset-top));\n padding-bottom: 8px;\n}\n\n[data-rsbs-header]:before {\n position: absolute;\n content: '';\n display: block;\n width: 36px;\n height: 4px;\n top: calc(8px + env(safe-area-inset-top));\n left: 50%;\n transform: translateX(-50%);\n border-radius: 2px;\n background-color: hsla(0, 0%, 0%, 0.14);\n background-color: var(--rsbs-handle-bg,hsla(0, 0%, 0%, 0.14));\n}\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n [data-rsbs-header]:before {\n transform: translateX(-50%) scaleY(0.75);\n }\n}\n\n[data-rsbs-has-header='false'] [data-rsbs-header] {\n box-shadow: none;\n padding-top: calc(12px + env(safe-area-inset-top));\n}\n\n[data-rsbs-scroll] {\n flex-shrink: 1;\n flex-grow: 1;\n -webkit-tap-highlight-color: revert;\n -webkit-touch-callout: revert;\n -webkit-user-select: auto;\n -ms-user-select: auto;\n -moz-user-select: auto;\n user-select: auto;\n overflow: auto;\n -ms-scroll-chaining: none;\n overscroll-behavior: contain;\n -webkit-overflow-scrolling: touch;\n}\n\n[data-rsbs-scroll]:focus {\n outline: none;\n}\n\n[data-rsbs-has-footer='false'] [data-rsbs-content] {\n padding-bottom: env(safe-area-inset-bottom);\n}\n\n[data-rsbs-content] {\n /* The overflow hidden is to ensure any margin on child nodes are included when the resize observer is measuring the height */\n overflow: hidden;\n}\n\n[data-rsbs-footer] {\n box-shadow: 0 -1px 0 rgba(46, 59, 66, calc(1 * 0.125)),\n 0 2px 0 #fff;\n box-shadow: 0 -1px 0 rgba(46, 59, 66, calc(var(--rsbs-content-opacity,1) * 0.125)),\n 0 2px 0 var(--rsbs-bg,#fff);\n overflow: hidden;\n z-index: 1;\n padding-bottom: calc(16px + env(safe-area-inset-bottom));\n}\n\n[data-rsbs-is-dismissable='true'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='true'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='true'] [data-rsbs-footer] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-footer] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-footer] > * {\n opacity: 1;\n opacity: var(--rsbs-content-opacity,1);\n }\n\n[data-rsbs-is-dismissable='true'] [data-rsbs-backdrop], [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-backdrop], [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-backdrop] {\n opacity: 1;\n opacity: var(--rsbs-backdrop-opacity,1);\n }\n\n[data-rsbs-state='closed'],\n[data-rsbs-state='closing'] {\n /* Allows interactions on the rest of the page before the close transition is finished */\n pointer-events: none;\n}\n");const ug=({header:e,content:t,footer:n,open:r=!1,onClose:o,minimizedHeight:i,midHeight:a=200,maxFullHeight:l,defaultSnap:s="minimized",className:c,blocking:d,zIndex:u=1e3})=>{const p=Q(null),h=Y.useRef([]),[f,g]=Y.useState(null),v=window.innerWidth>768,m=h.current;let x="Expand sheet";if(null!=f){const e=
|
|
2529
|
+
`;!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("[data-rsbs-overlay] {\n border-top-left-radius: 16px;\n border-top-left-radius: var(--rsbs-overlay-rounded,16px);\n border-top-right-radius: 16px;\n border-top-right-radius: var(--rsbs-overlay-rounded,16px);\n display: flex;\n background: #fff;\n background: var(--rsbs-bg,#fff);\n flex-direction: column;\n height: 0px;\n height: var(--rsbs-overlay-h,0px);\n transform: translate3d(0, 0px, 0);\n transform: translate3d(0, var(--rsbs-overlay-translate-y,0px), 0);\n will-change: height;\n}\n\n[data-rsbs-overlay]:focus {\n outline: none;\n}\n\n[data-rsbs-is-blocking='false'] [data-rsbs-overlay] {\n box-shadow: 0 -5px 60px 0 rgba(38, 89, 115, 0.11),\n 0 -1px 0 rgba(38, 89, 115, 0.05);\n}\n\n[data-rsbs-overlay],\n[data-rsbs-root]:after {\n max-width: auto;\n max-width: var(--rsbs-max-w,auto);\n margin-left: env(safe-area-inset-left);\n margin-left: var(--rsbs-ml,env(safe-area-inset-left));\n margin-right: env(safe-area-inset-right);\n margin-right: var(--rsbs-mr,env(safe-area-inset-right));\n}\n\n[data-rsbs-overlay],\n[data-rsbs-backdrop],\n[data-rsbs-root]:after {\n z-index: 3;\n -ms-scroll-chaining: none;\n overscroll-behavior: none;\n touch-action: none;\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n}\n\n[data-rsbs-backdrop] {\n top: -60px;\n bottom: -60px;\n background-color: rgba(0, 0, 0, 0.6);\n background-color: var(--rsbs-backdrop-bg,rgba(0, 0, 0, 0.6));\n will-change: opacity;\n cursor: pointer;\n opacity: 1;\n}\n\n[data-rsbs-is-dismissable='false'] [data-rsbs-backdrop] {\n cursor: ns-resize;\n}\n\n[data-rsbs-root]:after {\n content: '';\n pointer-events: none;\n background: #fff;\n background: var(--rsbs-bg,#fff);\n height: 1px;\n transform-origin: bottom;\n transform: scale3d(1, 0, 1);\n transform: scale3d(1, var(--rsbs-antigap-scale-y,0), 1);\n will-change: transform;\n}\n\n[data-rsbs-footer],\n[data-rsbs-header] {\n flex-shrink: 0;\n cursor: ns-resize;\n padding: 16px;\n}\n\n[data-rsbs-header] {\n text-align: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-shadow: 0 1px 0\n rgba(46, 59, 66, calc(1 * 0.125));\n box-shadow: 0 1px 0\n rgba(46, 59, 66, calc(var(--rsbs-content-opacity,1) * 0.125));\n z-index: 1;\n padding-top: calc(20px + env(safe-area-inset-top));\n padding-bottom: 8px;\n}\n\n[data-rsbs-header]:before {\n position: absolute;\n content: '';\n display: block;\n width: 36px;\n height: 4px;\n top: calc(8px + env(safe-area-inset-top));\n left: 50%;\n transform: translateX(-50%);\n border-radius: 2px;\n background-color: hsla(0, 0%, 0%, 0.14);\n background-color: var(--rsbs-handle-bg,hsla(0, 0%, 0%, 0.14));\n}\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n [data-rsbs-header]:before {\n transform: translateX(-50%) scaleY(0.75);\n }\n}\n\n[data-rsbs-has-header='false'] [data-rsbs-header] {\n box-shadow: none;\n padding-top: calc(12px + env(safe-area-inset-top));\n}\n\n[data-rsbs-scroll] {\n flex-shrink: 1;\n flex-grow: 1;\n -webkit-tap-highlight-color: revert;\n -webkit-touch-callout: revert;\n -webkit-user-select: auto;\n -ms-user-select: auto;\n -moz-user-select: auto;\n user-select: auto;\n overflow: auto;\n -ms-scroll-chaining: none;\n overscroll-behavior: contain;\n -webkit-overflow-scrolling: touch;\n}\n\n[data-rsbs-scroll]:focus {\n outline: none;\n}\n\n[data-rsbs-has-footer='false'] [data-rsbs-content] {\n padding-bottom: env(safe-area-inset-bottom);\n}\n\n[data-rsbs-content] {\n /* The overflow hidden is to ensure any margin on child nodes are included when the resize observer is measuring the height */\n overflow: hidden;\n}\n\n[data-rsbs-footer] {\n box-shadow: 0 -1px 0 rgba(46, 59, 66, calc(1 * 0.125)),\n 0 2px 0 #fff;\n box-shadow: 0 -1px 0 rgba(46, 59, 66, calc(var(--rsbs-content-opacity,1) * 0.125)),\n 0 2px 0 var(--rsbs-bg,#fff);\n overflow: hidden;\n z-index: 1;\n padding-bottom: calc(16px + env(safe-area-inset-bottom));\n}\n\n[data-rsbs-is-dismissable='true'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='true'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='true'] [data-rsbs-footer] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-footer] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-footer] > * {\n opacity: 1;\n opacity: var(--rsbs-content-opacity,1);\n }\n\n[data-rsbs-is-dismissable='true'] [data-rsbs-backdrop], [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-backdrop], [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-backdrop] {\n opacity: 1;\n opacity: var(--rsbs-backdrop-opacity,1);\n }\n\n[data-rsbs-state='closed'],\n[data-rsbs-state='closing'] {\n /* Allows interactions on the rest of the page before the close transition is finished */\n pointer-events: none;\n}\n");const ug=(e,t)=>{let n=0,r=1/0;return t.forEach(((t,o)=>{const i=Math.abs(t-e);i<r&&(r=i,n=o)})),n},pg=({header:e,content:t,footer:n,open:r=!1,onClose:o,minimizedHeight:i,midHeight:a=200,maxFullHeight:l,defaultSnap:s="minimized",className:c,blocking:d,zIndex:u=1e3})=>{const p=Q(null),h=Y.useRef([]),[f,g]=Y.useState(null),v=window.innerWidth>768,m=h.current;let x="Expand sheet";if(null!=f){const e=ug(f,m);e>0&&e<m.length-1?x="Make full screen":e===m.length-1&&(x="Expanded sheet")}const b=!(null==f||!m.length||ug(f,m)!==m.length-1);return G(sg,{ref:p,css:dg(!!e,u),className:c,open:r,onDismiss:o,header:q("div",{children:[G("button",{type:"button",disabled:b,"aria-label":x,css:cg,onKeyDown:e=>{if("Enter"!==e.key&&" "!==e.key)return;e.preventDefault();const t=m[m.length-1];if(v)return void p.current?.snapTo?.((()=>t));const n=f??m[0];let r=m.findIndex((e=>e>n));-1===r&&(r=m.length-1);const o=m[r];p.current?.snapTo?.((()=>o))}}),G("span",{"aria-live":"polite",style:{position:"absolute",width:1,height:1,overflow:"hidden",clip:"rect(0 0 0 0)"},children:x}),e]}),footer:n,snapPoints:({headerHeight:e,maxHeight:t,footerHeight:r})=>{const o=[20,i||e,a+(n?r:0),l||t-t/6];return h.current=o,o},onSpringEnd:()=>{const e=p.current?.height;e&&g(e)},defaultSnap:({headerHeight:e,maxHeight:t,footerHeight:r})=>{let o=20;return"minimized"===s?o=i||e:"mid"===s?o=a+(n?r:0):"full"===s&&(o=l||t-t/6),o},blocking:d,children:r?t:null})},hg=de`
|
|
2529
2530
|
a,
|
|
2530
2531
|
p {
|
|
2531
2532
|
font-size: 16px;
|
|
@@ -2557,19 +2558,19 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2557
2558
|
a:hover {
|
|
2558
2559
|
text-decoration: underline;
|
|
2559
2560
|
}
|
|
2560
|
-
`,
|
|
2561
|
+
`,fg=de`
|
|
2561
2562
|
svg {
|
|
2562
2563
|
height: 12px;
|
|
2563
2564
|
width: 12px;
|
|
2564
2565
|
color: ${we("neutral",600)};
|
|
2565
2566
|
}
|
|
2566
|
-
`,
|
|
2567
|
+
`,gg=de`
|
|
2567
2568
|
cursor: pointer;
|
|
2568
2569
|
color: ${we("neutral",600)};
|
|
2569
2570
|
display: flex;
|
|
2570
2571
|
justify-content: center;
|
|
2571
2572
|
align-items: center;
|
|
2572
|
-
`,
|
|
2573
|
+
`,vg=({links:e,separator:t,maxItems:n=99,linkRouter:r})=>{const[o,i]=J(e.length>n);ee((()=>{i(e.length>n)}),[e.length]);const a=r;return G(D.Root,{children:G(D.List,{gap:"16px",children:o?q(U,{children:[G(D.Item,{css:hg,children:q(a,{to:e[0].link,href:e[0].link,children:[e[0].icon,e[0].label]})}),G(D.Separator,{css:fg,children:t||G(Me,{rotate:"270"})}),G("li",{className:"chakra-breadcrumb__item",children:G("button",{css:gg,type:"button",onClick:()=>i(!1),children:"..."})}),G(D.Separator,{css:fg,children:t||G(Me,{rotate:"270"})}),G(D.Item,{css:hg,children:q("p",{"aria-current":"page","aria-label":e[e.length-1].label,children:[e[e.length-1].icon,e[e.length-1].label]})})]}):e.map(((n,r)=>n?.label?q(ce,{children:[G(D.Item,{css:hg,children:r<e.length-1?q(a,{to:n.link,href:n.link,children:[n.icon,n.label]}):q("p",{"aria-current":"page","aria-label":n.label,children:[n.label&&n.icon?n.icon:"",n.label]})}),r<e.length-1?G(D.Separator,{css:fg,children:t||G(Me,{rotate:"270"})}):null]},n.label):null))})})},mg=(e,t)=>de`
|
|
2573
2574
|
min-height: 56px;
|
|
2574
2575
|
width: 100vw;
|
|
2575
2576
|
position: ${e?"sticky":"absolute"};
|
|
@@ -2579,7 +2580,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2579
2580
|
background-color: ${we("neutral",t?200:100)};
|
|
2580
2581
|
border-top: 1px solid ${we("neutral",400)};
|
|
2581
2582
|
z-index: 101;
|
|
2582
|
-
`,
|
|
2583
|
+
`,xg=e=>de`
|
|
2583
2584
|
height: 100%;
|
|
2584
2585
|
width: 100%;
|
|
2585
2586
|
max-width: ${e?`${e}px`:"100%"};
|
|
@@ -2594,7 +2595,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2594
2595
|
flex-direction: column;
|
|
2595
2596
|
align-items: flex-start;
|
|
2596
2597
|
}
|
|
2597
|
-
`,
|
|
2598
|
+
`,bg=de`
|
|
2598
2599
|
display: flex;
|
|
2599
2600
|
align-items: center;
|
|
2600
2601
|
flex-wrap: wrap;
|
|
@@ -2607,7 +2608,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2607
2608
|
color: ${we("neutral",700)};
|
|
2608
2609
|
text-decoration: underline;
|
|
2609
2610
|
}
|
|
2610
|
-
`,
|
|
2611
|
+
`,yg=de`
|
|
2611
2612
|
width: 240px;
|
|
2612
2613
|
font-size: 14px;
|
|
2613
2614
|
line-height: 20px;
|
|
@@ -2618,13 +2619,13 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2618
2619
|
@media screen and (max-width: 768px) {
|
|
2619
2620
|
text-align: left;
|
|
2620
2621
|
}
|
|
2621
|
-
`,
|
|
2622
|
+
`,wg=({children:e,label:t="© World Resources Institute",fixed:n,filled:r,maxWidth:o})=>{const i=(new Date).getFullYear();return G("footer",{css:mg(n,r),children:q("div",{css:xg(o),children:[G("div",{children:G(Fe,{height:"32px",width:"91px"})}),G("div",{css:bg,children:e}),G("div",{children:q("p",{css:yg,children:[t," ",i]})})]})})},Cg=de`
|
|
2622
2623
|
width: 100%;
|
|
2623
2624
|
display: flex;
|
|
2624
2625
|
align-items: center;
|
|
2625
2626
|
height: 56px;
|
|
2626
2627
|
background-color: ${we("neutral",200)};
|
|
2627
|
-
|
|
2628
|
+
`,$g=de`
|
|
2628
2629
|
height: 56px;
|
|
2629
2630
|
width: 99%;
|
|
2630
2631
|
background-color: ${we("neutral",200)};
|
|
@@ -2718,9 +2719,9 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2718
2719
|
opacity: 1;
|
|
2719
2720
|
}
|
|
2720
2721
|
}
|
|
2721
|
-
`,$g=de`
|
|
2722
|
-
position: relative;
|
|
2723
2722
|
`,kg=de`
|
|
2723
|
+
position: relative;
|
|
2724
|
+
`,Sg=de`
|
|
2724
2725
|
position: absolute;
|
|
2725
2726
|
top: -5px;
|
|
2726
2727
|
right: -5px;
|
|
@@ -2735,7 +2736,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2735
2736
|
display: flex;
|
|
2736
2737
|
justify-content: center;
|
|
2737
2738
|
align-items: center;
|
|
2738
|
-
`,
|
|
2739
|
+
`,Eg=(e,t)=>Math.max(0,e.findIndex((e=>e.value===t))),Lg=({defaultValue:e,tabs:t,onTabClick:n,hideLabels:r,activationMode:o="manual"})=>{const i=t.length,[a,l]=J((()=>Eg(t,e)));return G("div",{css:Cg,children:G(N.Root,{width:"full",defaultValue:e||t?.[0]?.value,onValueChange:({value:e})=>(e=>{const r=Eg(t,e);l(r),n&&n(e)})(e),activationMode:o,children:G(N.List,{alignItems:"center",border:"none",children:t.map(((e,t)=>{const{label:n,icon:o,bagdeCount:l,"aria-label":s,"aria-describedby":c,disabled:d,...u}=e,p=`${e.value}-str-status`,h=[`tab ${t+1} of ${i}`,a===t?"selected":"not selected"];d&&h.push("disabled");const f=[c,p].filter(Boolean).join(" ")||void 0;return q(N.Trigger,{css:$g,"aria-label":s||n,"aria-disabled":!!d||void 0,"aria-describedby":f,disabled:d,...u,children:[q("div",{css:kg,children:[o,l?G("div",{css:Sg,className:"ds-badge-count",children:l}):null]}),r?null:G("p",{children:n}),G(V,{id:p,children:h.join(", ")})]},e.value)}))})})})},Og=(e,t,n)=>de`
|
|
2739
2740
|
height: ${e?"96px":"48px"};
|
|
2740
2741
|
width: 100%;
|
|
2741
2742
|
background-color: ${n||we("neutral",100)};
|
|
@@ -2744,7 +2745,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2744
2745
|
left: 0;
|
|
2745
2746
|
z-index: 102;
|
|
2746
2747
|
border-bottom: 1px solid ${we("neutral",400)};
|
|
2747
|
-
`,
|
|
2748
|
+
`,Rg=de`
|
|
2748
2749
|
height: 48px;
|
|
2749
2750
|
width: 100%;
|
|
2750
2751
|
background-color: ${we("neutral",100)};
|
|
@@ -2754,7 +2755,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2754
2755
|
justify-content: flex-start;
|
|
2755
2756
|
gap: 0px;
|
|
2756
2757
|
padding: 8px 16px;
|
|
2757
|
-
`,
|
|
2758
|
+
`,Tg=(e,t)=>de`
|
|
2758
2759
|
height: 48px;
|
|
2759
2760
|
width: 100%;
|
|
2760
2761
|
max-width: ${t?`${t}px`:"100%"};
|
|
@@ -2764,7 +2765,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2764
2765
|
justify-content: space-between;
|
|
2765
2766
|
margin: 0 auto;
|
|
2766
2767
|
padding: 8px 16px;
|
|
2767
|
-
`,
|
|
2768
|
+
`,Pg=de`
|
|
2768
2769
|
outline: none;
|
|
2769
2770
|
a {
|
|
2770
2771
|
&:focus-visible {
|
|
@@ -2775,12 +2776,12 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2775
2776
|
outline-width: 2px;
|
|
2776
2777
|
}
|
|
2777
2778
|
}
|
|
2778
|
-
`,
|
|
2779
|
+
`,_g=e=>de`
|
|
2779
2780
|
display: ${e?"none":"flex"};
|
|
2780
2781
|
align-items: center;
|
|
2781
2782
|
justify-content: flex-start;
|
|
2782
2783
|
gap: 0px;
|
|
2783
|
-
`,
|
|
2784
|
+
`,Mg=e=>de`
|
|
2784
2785
|
font-size: 16px;
|
|
2785
2786
|
line-height: 24px;
|
|
2786
2787
|
font-weight: 400;
|
|
@@ -2805,12 +2806,12 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2805
2806
|
font-weight: 700;
|
|
2806
2807
|
color: ${we("accessible","controls-on-neutral-lights")};
|
|
2807
2808
|
`:""}
|
|
2808
|
-
`,
|
|
2809
|
+
`,Dg=de`
|
|
2809
2810
|
height: 48px;
|
|
2810
2811
|
display: flex;
|
|
2811
2812
|
align-items: center;
|
|
2812
2813
|
justify-content: flex-end;
|
|
2813
|
-
`,
|
|
2814
|
+
`,Ng=e=>de`
|
|
2814
2815
|
height: 100%;
|
|
2815
2816
|
font-size: 16px;
|
|
2816
2817
|
line-height: 24px;
|
|
@@ -2829,7 +2830,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2829
2830
|
}
|
|
2830
2831
|
}
|
|
2831
2832
|
`:""}
|
|
2832
|
-
`,
|
|
2833
|
+
`,Vg=e=>de`
|
|
2833
2834
|
height: 100%;
|
|
2834
2835
|
display: flex;
|
|
2835
2836
|
align-items: center;
|
|
@@ -2837,7 +2838,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2837
2838
|
gap: 20px;
|
|
2838
2839
|
padding-left: 16px;
|
|
2839
2840
|
border-left: 1px solid ${we("neutral",e?700:300)};
|
|
2840
|
-
`,
|
|
2841
|
+
`,jg=de`
|
|
2841
2842
|
background-color: none;
|
|
2842
2843
|
border: none;
|
|
2843
2844
|
cursor: pointer;
|
|
@@ -2862,7 +2863,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2862
2863
|
outline-width: 2px;
|
|
2863
2864
|
background-color: ${we("neutral",200)};
|
|
2864
2865
|
}
|
|
2865
|
-
`,
|
|
2866
|
+
`,Ig=e=>de`
|
|
2866
2867
|
position: absolute;
|
|
2867
2868
|
top: 48px;
|
|
2868
2869
|
right: 0;
|
|
@@ -2875,10 +2876,10 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2875
2876
|
justify-content: flex-start;
|
|
2876
2877
|
gap: 16px;
|
|
2877
2878
|
transition: width 0.5s ease-in-out;
|
|
2878
|
-
`,
|
|
2879
|
+
`,Ag=de`
|
|
2879
2880
|
height: 100%;
|
|
2880
2881
|
width: 100%;
|
|
2881
|
-
`,
|
|
2882
|
+
`,zg=de`
|
|
2882
2883
|
background-color: ${we("neutral",200)};
|
|
2883
2884
|
border-bottom: 1px solid ${we("neutral",300)};
|
|
2884
2885
|
|
|
@@ -2898,13 +2899,13 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2898
2899
|
margin-left: -12px;
|
|
2899
2900
|
}
|
|
2900
2901
|
}
|
|
2901
|
-
`,zg=de`
|
|
2902
|
-
background-color: ${we("neutral",100)};
|
|
2903
2902
|
`,Hg=de`
|
|
2903
|
+
background-color: ${we("neutral",100)};
|
|
2904
|
+
`,Bg=de`
|
|
2904
2905
|
min-height: 100vh;
|
|
2905
2906
|
width: 100%;
|
|
2906
2907
|
overflow-y: scroll;
|
|
2907
|
-
`;de``;const
|
|
2908
|
+
`;de``;const Fg=e=>de`
|
|
2908
2909
|
display: inline-block;
|
|
2909
2910
|
width: 100%;
|
|
2910
2911
|
padding: 12px 16px;
|
|
@@ -2933,7 +2934,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2933
2934
|
outline-width: 2px;
|
|
2934
2935
|
background-color: ${we("neutral",200)};
|
|
2935
2936
|
}
|
|
2936
|
-
`,
|
|
2937
|
+
`,Zg=de`
|
|
2937
2938
|
width: 100%;
|
|
2938
2939
|
padding: 12px 16px;
|
|
2939
2940
|
display: flex;
|
|
@@ -2957,7 +2958,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2957
2958
|
outline-width: 2px;
|
|
2958
2959
|
background-color: ${we("neutral",200)};
|
|
2959
2960
|
}
|
|
2960
|
-
`,
|
|
2961
|
+
`,Wg=e=>de`
|
|
2961
2962
|
position: absolute;
|
|
2962
2963
|
top: 0px;
|
|
2963
2964
|
right: 0;
|
|
@@ -2969,7 +2970,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2969
2970
|
align-items: flex-start;
|
|
2970
2971
|
justify-content: flex-start;
|
|
2971
2972
|
transition: width 0.5s ease-in-out;
|
|
2972
|
-
`,
|
|
2973
|
+
`,qg=de`
|
|
2973
2974
|
height: 48px;
|
|
2974
2975
|
width: 100%;
|
|
2975
2976
|
display: flex;
|
|
@@ -2980,7 +2981,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2980
2981
|
position: relative;
|
|
2981
2982
|
top: 0;
|
|
2982
2983
|
left: 0;
|
|
2983
|
-
`,
|
|
2984
|
+
`,Gg=de`
|
|
2984
2985
|
position: absolute;
|
|
2985
2986
|
bottom: 0;
|
|
2986
2987
|
left: 0;
|
|
@@ -2995,13 +2996,13 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
2995
2996
|
button {
|
|
2996
2997
|
width: calc(48% - 24px);
|
|
2997
2998
|
}
|
|
2998
|
-
`,
|
|
2999
|
+
`,Ug=({navigationSection:e,utilitySection:t,actionsSection:n,linkRouter:r,isOpen:o,setIsOpen:i,pathname:a})=>{const[l,s]=J(void 0),[c,d]=J(-1),u=Q(null),p=Q([]),h=r;return q(U,{children:[G("div",{css:Ig(o),children:o&&q("div",{css:Ag,children:[q("div",{style:{overflowY:"scroll",width:"100%",height:"100%",paddingBottom:"72px"},children:[t?G("div",{css:zg,children:t?.map((e=>G("div",{className:"ds-utility-item",children:e})))}):null,e?G("div",{css:Hg,children:e.map(((e,t)=>e.link?G(h,{to:e.link,href:e.link,onClick:()=>{s(void 0),d(-1),i(!1)},css:Fg(a===e.link),children:e.label},e.label):q("button",{css:Zg,type:"button",ref:e=>p.current[t]=e,onClick:()=>{e.items&&(s(e),d(t),setTimeout((()=>{u.current?.focus()}),100))},children:[e.label,e.items?G(Me,{rotate:"270",color:"var(--chakra-colors-neutral-700)"}):null]},e.label)))}):null]}),n?G("div",{css:Gg,children:n.map((e=>G(Le,{...e,onClick:t=>{e?.onClick?.(t),s(void 0),d(-1),i(!1)}},e.ariaLabel)))}):null]})}),G("div",{css:Wg(!!l?.items),children:l?.items?q(U,{children:[q("div",{css:qg,children:[q("button",{type:"button",onClick:()=>{s(void 0),d(-1),p.current[c]?.focus()},"aria-label":"Go back",css:jg,ref:u,children:[G(Me,{rotate:"90",color:"var(--chakra-colors-neutral-700)"}),l?.label]}),q("button",{type:"button",onClick:()=>{s(void 0),d(-1),i(!1)},"aria-label":"Close menu",css:jg,children:["Close",G(Ne,{height:"16px",width:"16px"})]})]}),G("div",{css:Bg,children:l?.items?.map((e=>G(h,{to:e.link,href:e.link,css:Fg(),onClick:()=>{s(void 0),d(-1),i(!1)},children:e.label},e.label)))})]}):null})]})},Xg=1023,Yg=({logo:e,linkRouter:t,pathname:n,navigationSection:r,utilitySection:o,actionsSection:i,maxWidth:a,fixed:l,onNavbarHeightChange:s,backgroundColor:c})=>{const d=Q(null),u=Q(null),p=Q(null),[h,f]=J(!1),[g,v]=J(-1),[m,x]=J("undefined"!=typeof window&&window?.innerWidth<=Xg),[b,y]=J(!1),w=t,C=ie((()=>{if(u.current&&d.current&&p.current){const e=d.current.getBoundingClientRect(),t=u.current.getBoundingClientRect(),n=p.current.getBoundingClientRect();t.width,e.width,window.innerWidth<=Xg||window.innerWidth<=g?(s?.(96),f(!0)):window.innerWidth>Xg&&window.innerWidth<=1440?e.right>=t.left?(s?.(96),f(!0),v(window.innerWidth)):window.innerWidth>g&&(s?.(48),f(!1),v(-1)):(s?.(48),f(!1),v(-1)),h&&(window.innerWidth<=Xg||n.right>=t.left?(x(!0),s?.(48)):(x(!1),s?.(96)))}}),[g,h]);return ee((()=>(C(),window.addEventListener("resize",C),()=>{window.removeEventListener("resize",C)})),[C]),q("nav",{css:Og(h&&!m,l,c),children:[q("div",{css:Tg(h&&!m,a),children:[q("div",{css:($=h&&!m,de`
|
|
2999
3000
|
display: flex;
|
|
3000
3001
|
align-items: center;
|
|
3001
3002
|
justify-content: flex-start;
|
|
3002
3003
|
gap: 12px;
|
|
3003
3004
|
color: ${we("neutral",$?100:900)};
|
|
3004
|
-
`),ref:d,children:[e?G("div",{ref:p,css:
|
|
3005
|
+
`),ref:d,children:[e?G("div",{ref:p,css:Pg,children:e}):null,G("div",{css:_g(h),children:r?.map((e=>e.link?G(w,{to:e.link,href:e.link,css:Mg(n===e.link),children:e.label},e.label):G(Pt,{label:e.label,items:e.items||[]},e.label)))})]}),G("div",{css:Dg,ref:u,children:m?q("button",{type:"button",onClick:()=>y(!b),"aria-label":"Open menu",css:jg,children:[b?"Close":"Menu",G(b?Ne:at,{height:"16px",width:"16px"})]}):q(U,{children:[G("div",{css:Dg,children:o?.map(((e,t)=>G("div",{css:Ng(h),children:e},t)))}),i?G("div",{css:Vg(h),children:i.map((e=>G(Le,{...e},e.ariaLabel)))}):null]})})]}),h&&!m?G("div",{css:Rg,children:r?.map((e=>e.link?G(w,{to:e.link,href:e.link,css:Mg(n===e.link),children:e.label},e.label):G(Pt,{label:e.label,items:e.items||[]},e.label)))}):null,m?G(Ug,{navigationSection:r,utilitySection:o,actionsSection:i,linkRouter:t,isOpen:b,setIsOpen:y,pathname:n}):null]});var $},Kg=de`
|
|
3005
3006
|
width: 64px;
|
|
3006
3007
|
height: 100%;
|
|
3007
3008
|
z-index: 100;
|
|
@@ -3010,7 +3011,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3010
3011
|
display: flex;
|
|
3011
3012
|
flex-direction: column;
|
|
3012
3013
|
justify-content: space-between;
|
|
3013
|
-
`,
|
|
3014
|
+
`,Jg=de`
|
|
3014
3015
|
width: 64px;
|
|
3015
3016
|
height: 64px;
|
|
3016
3017
|
background-color: ${we("neutral",200)};
|
|
@@ -3100,7 +3101,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3100
3101
|
}
|
|
3101
3102
|
}
|
|
3102
3103
|
}
|
|
3103
|
-
`,
|
|
3104
|
+
`,Qg=de`
|
|
3104
3105
|
display: flex;
|
|
3105
3106
|
justify-content: center;
|
|
3106
3107
|
align-items: center;
|
|
@@ -3113,7 +3114,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3113
3114
|
fill: ${we("neutral",600)};
|
|
3114
3115
|
}
|
|
3115
3116
|
}
|
|
3116
|
-
`,
|
|
3117
|
+
`,ev=de`
|
|
3117
3118
|
width: 64px;
|
|
3118
3119
|
height: 64px;
|
|
3119
3120
|
background-color: ${we("neutral",200)};
|
|
@@ -3151,7 +3152,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3151
3152
|
text-align: center;
|
|
3152
3153
|
color: ${we("neutral",600)};
|
|
3153
3154
|
}
|
|
3154
|
-
`,
|
|
3155
|
+
`,tv=de`
|
|
3155
3156
|
width: 320px;
|
|
3156
3157
|
height: 100%;
|
|
3157
3158
|
z-index: 100;
|
|
@@ -3160,14 +3161,14 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3160
3161
|
overflow-y: auto;
|
|
3161
3162
|
overflow-x: hidden;
|
|
3162
3163
|
border-right: 1px solid ${we("neutral",300)};
|
|
3163
|
-
`,
|
|
3164
|
+
`,nv=({tabs:e=[],defaultValue:t,onTabClick:n,children:o,onOpenChange:i})=>{const[a,l]=J(!1),[s,c]=J(t||e?.[0]?.value),d=e=>{c(e),n&&n(e)},[u]=j(["(max-width: 768px)"]);return u?q(N.Root,{defaultValue:s,onValueChange:({value:e})=>d(e),children:[G(N.List,{style:{display:"flex",overflowX:"auto",whiteSpace:"nowrap",padding:"8px",gap:"8px"},children:e.map((e=>G(N.Trigger,{value:e.value,css:{"--indicator-color":we("primary",500),flexShrink:0,padding:"10px 16px",color:we("neutral",600),"&[data-selected]":{color:we("neutral",800),fontWeight:600}},children:e.label},e.value)))}),e.map((e=>G(N.Content,{value:e.value,children:o},e.value)))]}):q("div",{style:{height:"calc(100vh - 48px - 56px)",position:"fixed",top:"48px",left:0,display:"flex"},children:[q("div",{css:Kg,children:[G(N.Root,{defaultValue:t||e?.[0]?.value,orientation:"horizontal",width:"full",onValueChange:({value:e})=>{d(e)},role:"tablist",children:G(N.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:e.map((e=>G(N.Trigger,{css:Jg,"aria-label":e["aria-label"]||e.label,...e,children:q(r,{display:"flex",alignItems:"center",flexDirection:"column",gap:"5px",className:"ds-tab-label",children:[e.icon?G("div",{css:Qg,children:e.icon}):null,G("p",{children:e.label})]})},e.label)))})}),o?G(I.Root,{onOpenChange:({open:e})=>{l(e),i&&i(!e)},children:q(I.Trigger,{css:ev,children:[G("div",{css:Qg,children:G(a?Re:Oe,{})}),q("div",{className:"ds-tab-label",children:[G("p",{children:a?"Show":"Hide"}),G("p",{children:"Sidebar"})]})]})}):null]}),o?G(I.Root,{defaultOpen:!0,open:!a,children:G(I.Content,{height:"100%",children:G("div",{css:tv,role:"tabpanel","aria-labelledby":s,children:o})})}):null]})},rv=e=>de`
|
|
3164
3165
|
width: 100%;
|
|
3165
3166
|
display: flex;
|
|
3166
3167
|
align-items: center;
|
|
3167
3168
|
height: 40px;
|
|
3168
3169
|
|
|
3169
3170
|
${"view"===e&&`\n border: 1px solid ${we("neutral",400)};\n background-color: ${we("neutral",200)};\n border-radius: 4px;\n padding: 4px;\n `}
|
|
3170
|
-
`,
|
|
3171
|
+
`,ov=de`
|
|
3171
3172
|
width: 99%;
|
|
3172
3173
|
height: 40px;
|
|
3173
3174
|
padding: 8px 16px;
|
|
@@ -3183,7 +3184,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3183
3184
|
&:focus-visible {
|
|
3184
3185
|
box-shadow: none;
|
|
3185
3186
|
}
|
|
3186
|
-
`,
|
|
3187
|
+
`,iv=de`
|
|
3187
3188
|
background-color: ${we("neutral",200)};
|
|
3188
3189
|
color: ${we("neutral",700)};
|
|
3189
3190
|
|
|
@@ -3240,11 +3241,11 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3240
3241
|
opacity: 1;
|
|
3241
3242
|
}
|
|
3242
3243
|
}
|
|
3243
|
-
`,
|
|
3244
|
+
`,av=de`
|
|
3244
3245
|
width: 4px;
|
|
3245
3246
|
height: 24px;
|
|
3246
3247
|
background-color: ${we("neutral",400)};
|
|
3247
|
-
`,
|
|
3248
|
+
`,lv=de`
|
|
3248
3249
|
height: 32px;
|
|
3249
3250
|
border-radius: 2px;
|
|
3250
3251
|
background-color: ${we("neutral",200)};
|
|
@@ -3317,7 +3318,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3317
3318
|
opacity: 1;
|
|
3318
3319
|
}
|
|
3319
3320
|
}
|
|
3320
|
-
`,
|
|
3321
|
+
`,sv=(e,t)=>Math.max(0,e.findIndex((e=>e.value===t))),cv=e=>1===e?"none":2===e?"left":"right",dv=({variant:e="panel",defaultValue:t,tabs:n,onTabClick:o,activationMode:i="manual"})=>{const[a,l]=J(sv(n,t)||0),s="view"===e;return G("div",{css:rv(e),children:G(N.Root,{width:"full",defaultValue:t||n?.[0]?.value,onValueChange:({value:e})=>{return l(sv(n,t=e)),void(o&&o(t));var t},activationMode:i,children:G(N.List,{alignItems:"center",border:"none",children:n.map(((e,t)=>q(ce,{children:[s&&1===t&&"left"===cv(a)?G("div",{css:av}):null,G(N.Trigger,{css:[ov,s?lv:iv],"aria-label":e["aria-label"]||e.label,...e,children:q(r,{display:"flex",alignItems:"center",gap:"5px",children:[e.icon,e.label]})},e.label),s&&1===t&&"right"===cv(a)?G("div",{css:av}):null]},e.label)))})})})},uv=({text:e,query:t})=>{if(!t)return e;const n=new RegExp(`(${t})`,"ig"),r=e.split(n);return ue(he,{children:r.map((e=>n.test(e)?ue("strong",{children:e},e):ue("span",{children:e},e)))})},pv=({items:e,query:t,onSelect:n,highlightedIndex:o})=>{const i=Q(null);return ee((()=>{if(!i.current)return;const e=i.current.children[o];e&&e.scrollIntoView({block:"nearest"})}),[o]),ue(r,{padding:"8px",children:e.map(((e,a)=>ue(r,{ref:i,padding:"6px 8px",borderRadius:"md",cursor:"pointer",bg:a===o?"gray.100":void 0,_hover:{background:"gray.50"},onClick:()=>n(e.id||e.label),children:ue(uv,{text:e.label,query:t})},e.id)))})},hv=({placeholder:e,disabled:t,size:n="default",options:i=[],resultsMaxHeight:a="200px",isLoading:s=!1,displayResults:c="text",onSelect:d,onQueryChange:u,onClear:p,renderResults:h})=>{const[f,g]=J(""),{open:v,onOpen:m,onClose:x}=A(),[b,y]=J(i),[w,C]=J(-1),$=Q(null),k=`search-results-${te()}`,S=e=>{const t=i.find((t=>t.id===e||t.label===e));t&&(d?.(t),g(""),x())};ee((()=>{if(u?.(f),!f)return void y(i);const e=i.filter((e=>e.id?.toLowerCase().includes(f.toLowerCase())||e.label.toLowerCase().includes(f.toLowerCase())||e.caption?.toLowerCase().includes(f.toLowerCase()))).map((e=>({id:e.id,label:e.label,caption:e.caption,variant:"select",icon:e.icon,onItemClick:()=>S(e.id||e.label)})));y(e),m()}),[f]),ee((()=>{function e(e){v&&$.current&&!$.current.contains(e.target)&&x()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[v]);const E=f.length?G(gt,{style:{marginTop:"-12px"},onClick:()=>{g(""),p?.()}}):null,L="none"!==c&&!!f.length&&b.length>0&&v;return q("div",{ref:$,style:{position:"relative",width:"100%"},children:[G(z,{startElement:G(dt,{fill:t?we("neutral",500):we("primary",700),style:{marginTop:"-12px"}}),endElement:E,children:G(Vn,{autoComplete:"off",placeholder:e||"Filter",onChange:e=>{const{value:t}=e.target;g(t)},value:f,label:"",style:{paddingLeft:"40px"},type:"search","aria-label":e||"Search filter","aria-expanded":L,"aria-controls":k,role:"combobox","aria-autocomplete":"list",disabled:t,size:n,onKeyDown:e=>{if(L){if("ArrowDown"===e.key&&(e.preventDefault(),C((e=>Math.min(e+1,b.length-1)))),"ArrowUp"===e.key&&(e.preventDefault(),C((e=>Math.max(e-1,0)))),"Enter"===e.key&&(e.preventDefault(),w>=0)){const e=b[w];S(e.id||e.label)}"Escape"===e.key&&x()}}})}),(L||s&&!!f.length)&&"custom"===c&&h&&!s&&h({items:b,highlightedIndex:w,query:f,onSelect:S}),(L||s&&!!f.length)&&G(l,{container:$,children:q(r,{position:"absolute",marginTop:"-20px",width:"100%",backgroundColor:"white",border:"1px solid",borderColor:"gray.200",borderRadius:"md",boxShadow:"md",zIndex:1e3,overflowY:"auto",maxHeight:a,children:[s&&G(r,{padding:"1rem",children:G(o,{})}),"text"===c&&!s&&G(pv,{highlightedIndex:w,items:b,query:f,onSelect:S}),"list"===c&&!s&&G(ml,{items:b})]})})]})},fv={small:"16px",medium:"24px",large:"40px",default:"16px"};function gv(e,t,n,r){const o=function(e,t){return"string"==typeof t&&""!==t.trim()?t:e&&fv[e]?fv[e]:fv.default}(e,t),i=n?we("neutral",200):we("primary",300),a=r??i,l=r&&n?"opacity: 0.7;":"",s=we("neutral",n?400:800);return de`
|
|
3321
3322
|
height: ${o};
|
|
3322
3323
|
width: ${o};
|
|
3323
3324
|
border-radius: 50%;
|
|
@@ -3351,17 +3352,17 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3351
3352
|
background-color: ${we("primary",500)};
|
|
3352
3353
|
}
|
|
3353
3354
|
}
|
|
3354
|
-
`}const
|
|
3355
|
+
`}const vv=e=>de`
|
|
3355
3356
|
width: ${e||"16px"};
|
|
3356
3357
|
position: absolute;
|
|
3357
3358
|
top: -8px;
|
|
3358
3359
|
left: 15px;
|
|
3359
|
-
`,
|
|
3360
|
+
`,mv=de`
|
|
3360
3361
|
font-size: 12px;
|
|
3361
3362
|
line-height: 16px;
|
|
3362
3363
|
font-weight: 700;
|
|
3363
3364
|
color: ${we("primary",800)};
|
|
3364
|
-
`,
|
|
3365
|
+
`,xv=K((({name:e,ariaLabel:t,size:n="medium",customSize:r="",src:o,srcSet:i,onClick:a,notificationCount:l,disabled:s=!0,customBackgroundColor:c=""},d)=>{const u=()=>{s||a?.()},p=(()=>{let e="";return l&&l>0&&(e=`${l>99?"99+":l}`),e})();let h="16px";l&&l>99?h="28px":l&&l>9&&(h="22px");const f=!!o||!!i,g=a&&!s;return q(H.Root,{"aria-label":t||e,ref:d,css:gv(n,r,s,c),onClick:u,onKeyDown:e=>{s||"Enter"!==e.key||u()},role:g?"button":void 0,tabIndex:g?0:void 0,"aria-disabled":s,children:[f&&G(H.Image,{src:o,srcSet:i}),!f&&e&&G(H.Fallback,{name:e,css:mv}),!f&&!e&&G(lt,{size:"100%",style:{padding:"15%",color:s?we("neutral",400):void 0}}),p.length>0?G("div",{css:vv(h),children:G("div",{css:de`
|
|
3365
3366
|
height: 16px;
|
|
3366
3367
|
width: auto;
|
|
3367
3368
|
background-color: ${we("error",500)};
|
|
@@ -3373,16 +3374,16 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3373
3374
|
font-size: 12px;
|
|
3374
3375
|
font-weight: 700;
|
|
3375
3376
|
color: ${we("error",100)};
|
|
3376
|
-
`,children:G("p",{"aria-label":`${l} unread message`,children:p})})}):null]})})),
|
|
3377
|
+
`,children:G("p",{"aria-label":`${l} unread message`,children:p})})}):null]})})),bv=de`
|
|
3377
3378
|
display: flex;
|
|
3378
3379
|
justify-content: flex-start;
|
|
3379
3380
|
align-items: center;
|
|
3380
3381
|
gap: 8px;
|
|
3381
|
-
`,
|
|
3382
|
+
`,yv=e=>de`
|
|
3382
3383
|
width: ${e||"16px"};
|
|
3383
3384
|
position: relative;
|
|
3384
3385
|
display: flex;
|
|
3385
|
-
`,
|
|
3386
|
+
`,wv=de`
|
|
3386
3387
|
height: 4px;
|
|
3387
3388
|
width: 4px;
|
|
3388
3389
|
background-color: ${we("error",500)};
|
|
@@ -3390,7 +3391,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3390
3391
|
position: absolute;
|
|
3391
3392
|
top: 0px;
|
|
3392
3393
|
right: 0px;
|
|
3393
|
-
`,
|
|
3394
|
+
`,Cv=de`
|
|
3394
3395
|
height: 10px;
|
|
3395
3396
|
background-color: ${we("error",500)};
|
|
3396
3397
|
padding: 0 3px 1px 3px;
|
|
@@ -3401,11 +3402,11 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3401
3402
|
position: absolute;
|
|
3402
3403
|
top: -2px;
|
|
3403
3404
|
left: 9px;
|
|
3404
|
-
|
|
3405
|
+
`,$v=de`
|
|
3405
3406
|
font-size: 9px;
|
|
3406
3407
|
font-weight: 700;
|
|
3407
3408
|
color: ${we("error",100)};
|
|
3408
|
-
|
|
3409
|
+
`,kv=de`
|
|
3409
3410
|
height: 16px;
|
|
3410
3411
|
min-width: 16px;
|
|
3411
3412
|
background-color: ${we("error",500)};
|
|
@@ -3414,11 +3415,11 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3414
3415
|
justify-content: center;
|
|
3415
3416
|
align-items: center;
|
|
3416
3417
|
padding: 0px 4px 1px 4px;
|
|
3417
|
-
`,
|
|
3418
|
+
`,Sv=de`
|
|
3418
3419
|
font-size: 16px;
|
|
3419
3420
|
font-weight: 700;
|
|
3420
3421
|
color: ${we("error",100)};
|
|
3421
|
-
`,
|
|
3422
|
+
`,Ev=({hasNotification:e,notificationCount:t,label:n})=>{const[r,o]=J(!1);ee((()=>{const e=()=>{window.innerWidth<1024?o(!0):o(!1)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const i=(()=>{let e="";return t&&t>0&&(e=`${t>99?"99+":t}`),e})();let a="16px";return t&&t>99?a="28px":t&&t>9&&(a="22px"),q("div",r?{css:bv,role:"status","aria-live":"polite",children:[q("div",{css:yv(),children:[G(Ze,{color:"currentColor",height:"16px",width:"16px"}),!e||t||n?null:G("div",{css:wv,"aria-hidden":!0})]}),n?G("p",{children:n}):null,i.length>0?G("div",{css:kv,children:G("p",{css:Sv,"aria-label":`${t} unread message`,children:i})}):null]}:{css:bv,role:"status","aria-live":"polite",children:[n?G("p",{children:n}):null,q("div",{css:yv(a),children:[i.length>0?G("div",{css:Cv,children:G("p",{css:$v,"aria-label":`${t} unread message`,children:i})}):null,e&&!t?G("div",{css:wv,"aria-hidden":!0}):null,G(Ze,{color:"currentColor",height:"16px",width:"16px"})]})]})},Lv=(e,t)=>de`
|
|
3422
3423
|
width: 100%;
|
|
3423
3424
|
max-width: ${"small"===e?"234px":"320px"};
|
|
3424
3425
|
border-radius: 4px;
|
|
@@ -3433,7 +3434,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3433
3434
|
button {
|
|
3434
3435
|
margin-left: ${t?0:"24px"};
|
|
3435
3436
|
}
|
|
3436
|
-
`,
|
|
3437
|
+
`,Ov=de`
|
|
3437
3438
|
display: flex;
|
|
3438
3439
|
align-items: flex-start;
|
|
3439
3440
|
gap: 8px;
|
|
@@ -3441,28 +3442,28 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3441
3442
|
svg {
|
|
3442
3443
|
margin-top: 6px;
|
|
3443
3444
|
}
|
|
3444
|
-
`,
|
|
3445
|
+
`,Rv=e=>de`
|
|
3445
3446
|
color: ${we("neutral",800)};
|
|
3446
3447
|
font-size: ${"small"===e?"14px":"18px"};
|
|
3447
3448
|
line-height: ${"small"===e?"20px":"28px"};
|
|
3448
3449
|
font-weight: 400;
|
|
3449
3450
|
text-align: left;
|
|
3450
|
-
`,
|
|
3451
|
+
`,Tv=e=>de`
|
|
3451
3452
|
color: ${we("neutral",700)};
|
|
3452
3453
|
font-size: ${"small"===e?"12px":"16px"};
|
|
3453
3454
|
line-height: ${"small"===e?"16px":"24px"};
|
|
3454
3455
|
font-weight: 400;
|
|
3455
3456
|
margin-left: 24px;
|
|
3456
3457
|
text-align: left;
|
|
3457
|
-
`,
|
|
3458
|
+
`,Pv=de`
|
|
3458
3459
|
background-color: ${we("neutral",100)};
|
|
3459
3460
|
border: 1px solid ${we("neutral",300)};
|
|
3460
3461
|
color: ${we("neutral",700)};
|
|
3461
|
-
`,
|
|
3462
|
+
`,_v=de`
|
|
3462
3463
|
background-color: ${we("neutral",200)};
|
|
3463
3464
|
border: 1px solid ${we("neutral",300)};
|
|
3464
3465
|
color: ${we("neutral",700)};
|
|
3465
|
-
`,
|
|
3466
|
+
`,Mv=de`
|
|
3466
3467
|
background-color: ${we("success",100)};
|
|
3467
3468
|
border: 1px solid ${we("success",300)};
|
|
3468
3469
|
color: ${we("success",500)};
|
|
@@ -3470,7 +3471,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3470
3471
|
p {
|
|
3471
3472
|
color: ${we("success",900)};
|
|
3472
3473
|
}
|
|
3473
|
-
`,
|
|
3474
|
+
`,Dv=de`
|
|
3474
3475
|
background-color: ${we("warning",100)};
|
|
3475
3476
|
border: 1px solid ${we("warning",300)};
|
|
3476
3477
|
color: ${we("warning",500)};
|
|
@@ -3478,7 +3479,7 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3478
3479
|
p {
|
|
3479
3480
|
color: ${we("warning",900)};
|
|
3480
3481
|
}
|
|
3481
|
-
`,
|
|
3482
|
+
`,Nv=de`
|
|
3482
3483
|
background-color: ${we("error",100)};
|
|
3483
3484
|
border: 1px solid ${we("error",300)};
|
|
3484
3485
|
color: ${we("error",500)};
|
|
@@ -3486,32 +3487,32 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3486
3487
|
p {
|
|
3487
3488
|
color: ${we("error",900)};
|
|
3488
3489
|
}
|
|
3489
|
-
`,
|
|
3490
|
+
`,Vv=({label:e,caption:t,variant:n,size:r="large",icon:o=G(_e,{height:"16px",width:"16px"}),onActionClick:i,actionLabel:a,isButtonRight:l})=>{let s=Pv;return"info-grey"===n?s=_v:"success"===n?s=Mv:"warning"===n?s=Dv:"error"===n&&(s=Nv),q("div",{css:[Lv(r,l),s],"aria-roledescription":"Note",children:[q("div",{children:[q("div",{css:Ov,children:[o,G("p",{css:Rv(r),children:e})]}),G("p",{css:Tv(r),children:t})]}),a?G(Le,{label:a,variant:"info-white"===n||"info-grey"===n?"primary":"secondary",size:"large"===r?"default":"small",onClick:i}):null]})},jv=de`
|
|
3490
3491
|
height: 8px;
|
|
3491
3492
|
width: 100%;
|
|
3492
3493
|
background-color: ${we("neutral",300)};
|
|
3493
3494
|
display: flex;
|
|
3494
3495
|
align-items: center;
|
|
3495
3496
|
justify-content: flex-start;
|
|
3496
|
-
`,
|
|
3497
|
+
`,Iv=e=>de`
|
|
3497
3498
|
height: 100%;
|
|
3498
3499
|
width: ${e}%;
|
|
3499
3500
|
background-color: ${we("primary",500)};
|
|
3500
3501
|
transition: width 0.5s ease-in-out;
|
|
3501
|
-
`,
|
|
3502
|
+
`,Av=({progress:e})=>{let t=e;return t>100&&(t=100),t<0&&(t=0),G("div",{css:jv,role:"progressbar","aria-label":`Progress: ${t}%`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":t,children:G("div",{css:Iv(t)})})},zv=de`
|
|
3502
3503
|
width: 100%;
|
|
3503
3504
|
display: flex;
|
|
3504
3505
|
align-items: center;
|
|
3505
3506
|
justify-content: space-between;
|
|
3506
3507
|
position: relative;
|
|
3507
|
-
`,
|
|
3508
|
+
`,Hv=de`
|
|
3508
3509
|
height: 60px;
|
|
3509
3510
|
width: 80px;
|
|
3510
3511
|
display: flex;
|
|
3511
3512
|
flex-direction: column;
|
|
3512
3513
|
align-items: center;
|
|
3513
3514
|
justify-content: space-between;
|
|
3514
|
-
`,
|
|
3515
|
+
`,Bv=(e,t)=>de`
|
|
3515
3516
|
height: 32px;
|
|
3516
3517
|
width: 32px;
|
|
3517
3518
|
display: flex;
|
|
@@ -3547,12 +3548,12 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3547
3548
|
}
|
|
3548
3549
|
|
|
3549
3550
|
${t?`\n background-color: ${we("neutral",300)};\n \n &:hover {\n background-color: ${we("neutral",300)};\n box-shadow: none;\n }\n `:""}
|
|
3550
|
-
`,
|
|
3551
|
+
`,Fv=e=>de`
|
|
3551
3552
|
color: ${we("neutral",e?800:600)};
|
|
3552
3553
|
font-size: 14px;
|
|
3553
3554
|
line-height: 20px;
|
|
3554
3555
|
font-weight: 400;
|
|
3555
|
-
`,
|
|
3556
|
+
`,Zv=de`
|
|
3556
3557
|
height: 1px;
|
|
3557
3558
|
width: 100%;
|
|
3558
3559
|
padding: 0 30px;
|
|
@@ -3560,11 +3561,11 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3560
3561
|
top: 16px;
|
|
3561
3562
|
left: 0;
|
|
3562
3563
|
z-index: -1;
|
|
3563
|
-
`,
|
|
3564
|
+
`,Wv=de`
|
|
3564
3565
|
height: 1px;
|
|
3565
3566
|
width: 100%;
|
|
3566
3567
|
background-color: ${we("neutral",400)};
|
|
3567
|
-
`,
|
|
3568
|
+
`,qv=({steps:e,currentStep:t})=>q("div",{css:zv,children:[e.map(((e,n)=>q("div",{css:Hv,children:[G("button",{css:Bv(t>=n+1,t<n+1),type:"button",onClick:e.onClick,"aria-current":t===n+1,"aria-disabled":t<n+1,disabled:t<n+1,"aria-label":`Current Step ${n}${e.label?` ${e.label}`:""}`,"data-active":t>=n+1,children:t>n+1?G(Te,{height:"16px",width:"16px"}):n+1}),e.label?G("p",{css:Fv(t===n+1),children:e.label}):null]},`${e.label}-${n}`))),G("div",{css:Zv,children:G("div",{css:Wv})})]}),Gv=de`
|
|
3568
3569
|
justify-content: space-between;
|
|
3569
3570
|
align-items: center;
|
|
3570
3571
|
gap: 8px;
|
|
@@ -3607,18 +3608,18 @@ function Ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3607
3608
|
color: ${we("error",900)};
|
|
3608
3609
|
}
|
|
3609
3610
|
}
|
|
3610
|
-
`,
|
|
3611
|
+
`,Uv=de`
|
|
3611
3612
|
font-size: 18px;
|
|
3612
3613
|
line-height: 28px;
|
|
3613
3614
|
font-weight: 400;
|
|
3614
3615
|
color: ${we("neutral",800)};
|
|
3615
|
-
`,
|
|
3616
|
+
`,Xv=de`
|
|
3616
3617
|
font-size: 16px;
|
|
3617
3618
|
line-height: 24px;
|
|
3618
3619
|
font-weight: 400;
|
|
3619
3620
|
color: ${we("neutral",700)};
|
|
3620
|
-
`,Xv=de`
|
|
3621
|
-
padding: 6px;
|
|
3622
3621
|
`,Yv=de`
|
|
3623
3622
|
padding: 6px;
|
|
3624
|
-
`,Kv=
|
|
3623
|
+
`,Kv=de`
|
|
3624
|
+
padding: 6px;
|
|
3625
|
+
`,Jv={pauseOnPageIdle:!0,offsets:"24px"},Qv={"top-start":B({placement:"top-start",...Jv}),"top-end":B({placement:"top-end",...Jv}),"bottom-start":B({placement:"bottom-start",...Jv}),"bottom-end":B({placement:"bottom-end",...Jv})},em=e=>{Qv[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel},...e})},tm=()=>Object.keys(Qv).map((e=>G(l,{children:G(F,{toaster:Qv[e],insetInline:{mdDown:"4"},children:t=>q(Z.Root,{css:Gv,width:{md:"sm"},children:[q(W,{flexDirection:"row",className:"ds-toast-icon-container",children:["info"===t.type?t.meta?.icon?t.meta.icon:G(_e,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===t.type?G(o,{size:"lg",borderWidth:"3px",color:"var(--chakra-colors-primary-500)"}):null,"success"===t.type?t.meta?.icon?t.meta.icon:G(ze,{color:"var(--chakra-colors-success-500)"}):null,"warning"===t.type?t.meta?.icon?t.meta.icon:G(He,{color:"var(--chakra-colors-warning-500)"}):null,"error"===t.type?t.meta?.icon?t.meta.icon:G(Be,{color:"var(--chakra-colors-error-500)"}):null,q(W,{gap:"1",flex:"1",maxWidth:"100%",children:[G(Z.Title,{css:Uv,"aria-label":`${t.title}`,children:t.title}),t.description?G(Z.Title,{css:Xv,"aria-label":`${t.description}`,children:t.description}):null]})]}),t.action||t.meta?.closable?q(W,{flexDirection:"row",children:[t.action?G(Le,{css:Yv,label:t.action.label,size:"small",variant:"info"===t.type?"primary":"secondary",onClick:()=>{t?.action?.onClick&&t.action.onClick(),Qv[e].dismiss()}}):null,t.meta?.closable?G(Le,{css:Kv,label:t.meta.closableLabel,"aria-label":t.meta?.closableLabel||"Dismiss",leftIcon:G(Ne,{height:"10px!",width:"10px!"}),size:"small",variant:"secondary",onClick:()=>Qv[e].dismiss()}):null]}):null]})})},e)));export{Bl as AnalysisWidget,xv as Avatar,Ev as Badge,qr as BaseMap,vg as Breadcrumb,Le as Button,At as Checkbox,$n as CheckboxList,qt as CheckboxOptionCard,gt as CloseButton,Xr as ClusterPoint,jl as ExtendableCard,wg as Footer,ft as IconButton,Vv as InlineMessage,cr as InputWithUnits,sl as ItemCount,ka as LayerGroup,Sa as LayerGroupContainer,$a as LayerItem,Ta as LayerParameters,Ba as LegendItem,ml as List,$t as MapControlsToolbar,Ur as MapMarker,Kr as MapMarkers,ha as MapPopUp,Pt as Menu,Lg as MobileTabBar,Ws as Modal,jt as MultiActionButton,Yg as Navbar,nv as NavigationRail,Qt as OptionCard,Cl as Pagination,Js as Panel,mr as Password,Av as ProgressBar,Ka as QualitativeAttribute,rn as Radio,on as RadioGroup,Sr as RadioList,ut as SSOButtons,ol as ScaleBar,hv as Search,sr as Select,pg as Sheet,Yr as SimpleMapPin,fn as Slider,Rr as SliderInput,qv as StepProgressIndicator,vn as Switch,dv as TabBar,_l as Table,Dl as TableCell,Ml as TableRow,ir as Tag,Vn as TextInput,jr as Textarea,tm as Toast,Ct as Toolbar,yt as Tooltip,ye as designSystemStyles,be as designSystemStylesForTailwind,we as getThemedColor,em as showToast};
|