@oliasoft-open-source/charts-library 5.7.2 → 5.8.0-beta-2
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/assets/Color-6BZIO3FS-BY6KYatN.js +1 -0
- package/dist/assets/DocsRenderer-LL677BLK-gGVqzmXf.js +41 -0
- package/dist/assets/{WithTooltip-65CFNBJE-BQ4nRetu.js → WithTooltip-65CFNBJE-Ch1PW1bh.js} +1 -1
- package/dist/assets/bar-chart.stories-B4LXU_9C.js +138 -0
- package/dist/assets/{chunk-YKABRMAI-ChBkp0ra.js → chunk-YKABRMAI-DmB7_5QE.js} +2 -2
- package/dist/assets/components-bN1F3H50.js +92 -0
- package/dist/assets/formatter-EIJCOSYU-C3MpZZqp.js +1 -0
- package/dist/assets/get-draggableData-CvBgArLw.js +2 -0
- package/dist/assets/{iframe-DvGneWFZ.js → iframe-C7BMRDpC.js} +4 -4
- package/dist/assets/{legend-DnGwExsY.js → legend-C5nz-pM5.js} +40 -40
- package/dist/assets/legend-context-IlLDo2WS.js +9 -0
- package/dist/assets/line-chart-C4LAdFzu.js +1 -0
- package/dist/assets/line-chart.stories-DaE2Q5FB.js +1211 -0
- package/dist/assets/{line-chart.test-case.stories-BPzBXXrt.js → line-chart.test-case.stories-DYaX5SMr.js} +1 -1
- package/dist/assets/pie-chart.stories-BxMgMqK7.js +45 -0
- package/dist/assets/{react-18-CaPDGmKz.js → react-18-C3CMmLe3.js} +1 -1
- package/dist/assets/{react-dom-DuTm0_Xz.js → react-dom-BSWruJ_n.js} +1 -1
- package/dist/assets/{react-B3R5p1NM.js → react-yk5YDUIt.js} +1 -1
- package/dist/assets/scatter-chart.stories-DYtG-dNV.js +41 -0
- package/dist/assets/syntaxhighlighter-ED5Y7EFY-BYKOC5Jx.js +6 -0
- package/dist/assets/{theming-Y5Cbkxro.js → theming-BoM3_jXR.js} +1 -1
- package/dist/common/common.interface.d.ts +7 -0
- package/dist/common/helpers/get-chart-annotation.d.ts +48 -6
- package/dist/iframe.html +2 -2
- package/dist/index.js +314 -62
- package/dist/index.json +1 -1
- package/dist/line-chart/plugins/vertical-markers-plugin/draw.d.ts +24 -0
- package/dist/line-chart/plugins/vertical-markers-plugin/types.d.ts +42 -0
- package/dist/line-chart/plugins/vertical-markers-plugin/utils.d.ts +23 -0
- package/dist/line-chart/plugins/vertical-markers-plugin/vertical-markers-plugin.d.ts +54 -0
- package/dist/project.json +1 -1
- package/dist/src/components/common/common.interface.d.ts +7 -0
- package/dist/src/components/common/helpers/get-chart-annotation.d.ts +48 -6
- package/dist/src/components/line-chart/plugins/vertical-markers-plugin/draw.d.ts +24 -0
- package/dist/src/components/line-chart/plugins/vertical-markers-plugin/types.d.ts +42 -0
- package/dist/src/components/line-chart/plugins/vertical-markers-plugin/utils.d.ts +23 -0
- package/dist/src/components/line-chart/plugins/vertical-markers-plugin/vertical-markers-plugin.d.ts +54 -0
- package/package.json +1 -1
- package/dist/assets/Color-6BZIO3FS-BaAvX6Yp.js +0 -1
- package/dist/assets/DocsRenderer-LL677BLK-BK5C7Jzn.js +0 -41
- package/dist/assets/bar-chart.stories-D5i9vPgt.js +0 -138
- package/dist/assets/components-DgLnPVTi.js +0 -92
- package/dist/assets/formatter-EIJCOSYU-By9veOc8.js +0 -1
- package/dist/assets/get-draggableData-C4qYyiBf.js +0 -2
- package/dist/assets/jsx-runtime-S4TgXXQD.js +0 -1
- package/dist/assets/legend-context-DrT75Hl_.js +0 -9
- package/dist/assets/line-chart-Ds2L0-Ky.js +0 -1
- package/dist/assets/line-chart.stories-8UAM62iU.js +0 -1207
- package/dist/assets/pie-chart.stories-qKjdYhwq.js +0 -45
- package/dist/assets/scatter-chart.stories-CzYwqOiR.js +0 -41
- package/dist/assets/syntaxhighlighter-ED5Y7EFY-BHci-LOP.js +0 -6
- /package/dist/assets/{bar-chart-const-Dmo8UTJN.js → bar-chart-const-BupPLp8f.js} +0 -0
- /package/dist/assets/{chunk-242VQQM5-DegdISsM.js → chunk-242VQQM5-By-lqKqL.js} +0 -0
- /package/dist/assets/{get-custom-legend-plugin-example-Decjgf1l.js → get-custom-legend-plugin-example-Bo7hTtyz.js} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a as e,j as t,t as n}from"./iframe-C7BMRDpC.js";import{s as r}from"./theming-BoM3_jXR.js";import{t as i}from"./react-dom-BSWruJ_n.js";var a=t(e(),1),o=t(i(),1),s=n(),c=r.div(({theme:e})=>({position:`absolute`,bottom:0,right:0,maxWidth:`100%`,display:`flex`,background:e.background.content,zIndex:1})),l=r.button(({theme:e})=>({margin:0,border:`0 none`,padding:`4px 10px`,cursor:`pointer`,display:`flex`,alignItems:`center`,color:e.color.defaultText,background:e.background.content,fontSize:12,lineHeight:`16px`,fontFamily:e.typography.fonts.base,fontWeight:e.typography.weight.bold,borderTop:`1px solid ${e.appBorderColor}`,borderLeft:`1px solid ${e.appBorderColor}`,marginLeft:-1,borderRadius:`4px 0 0 0`,"&:not(:last-child)":{borderRight:`1px solid ${e.appBorderColor}`},"& + *":{borderLeft:`1px solid ${e.appBorderColor}`,borderRadius:0},"&:focus":{boxShadow:`${e.color.secondary} 0 -3px 0 0 inset`,outline:`0 none`,"@media (forced-colors: active)":{outline:`1px solid highlight`}}}),({disabled:e})=>e&&{cursor:`not-allowed`,opacity:.5});l.displayName=`ActionButton`;var u=({actionItems:e,...t})=>a.createElement(c,{...t},e.map(({title:e,className:t,onClick:n,disabled:r},i)=>a.createElement(l,{key:i,className:t,onClick:n,disabled:!!r},e)));function d(e,t){typeof e==`function`?e(t):e!=null&&(e.current=t)}function f(...e){return t=>e.forEach(e=>d(e,t))}function p(...e){return a.useCallback(f(...e),e)}var m=a.forwardRef((e,t)=>{let{children:n,...r}=e,i=a.Children.toArray(n),o=i.find(_);if(o){let e=o.props.children,n=i.map(t=>t===o?a.Children.count(e)>1?a.Children.only(null):a.isValidElement(e)?e.props.children:null:t);return(0,s.jsx)(h,{...r,ref:t,children:a.isValidElement(e)?a.cloneElement(e,void 0,n):null})}return(0,s.jsx)(h,{...r,ref:t,children:n})});m.displayName=`Slot`;var h=a.forwardRef((e,t)=>{let{children:n,...r}=e;if(a.isValidElement(n)){let e=y(n);return a.cloneElement(n,{...v(r,n.props),ref:t?f(t,e):e})}return a.Children.count(n)>1?a.Children.only(null):null});h.displayName=`SlotClone`;var g=({children:e})=>(0,s.jsx)(s.Fragment,{children:e});function _(e){return a.isValidElement(e)&&e.type===g}function v(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{a(...e),i(...e)}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function y(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var b=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=a.forwardRef((e,n)=>{let{asChild:r,...i}=e,a=r?m:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,s.jsx)(a,{...i,ref:n})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{}),x=globalThis?.document?a.useLayoutEffect:()=>{};function S(e,t){return a.useReducer((e,n)=>t[e][n]??e,e)}var C=e=>{let{present:t,children:n}=e,r=w(t),i=typeof n==`function`?n({present:r.isPresent}):a.Children.only(n),o=p(r.ref,E(i));return typeof n==`function`||r.isPresent?a.cloneElement(i,{ref:o}):null};C.displayName=`Presence`;function w(e){let[t,n]=a.useState(),r=a.useRef({}),i=a.useRef(e),s=a.useRef(`none`),[c,l]=S(e?`mounted`:`unmounted`,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}});return a.useEffect(()=>{let e=T(r.current);s.current=c===`mounted`?e:`none`},[c]),x(()=>{let t=r.current,n=i.current;if(n!==e){let r=s.current,a=T(t);e?l(`MOUNT`):a===`none`||t?.display===`none`?l(`UNMOUNT`):l(n&&r!==a?`ANIMATION_OUT`:`UNMOUNT`),i.current=e}},[e,l]),x(()=>{if(t){let e=e=>{let n=T(r.current).includes(e.animationName);e.target===t&&n&&o.flushSync(()=>l(`ANIMATION_END`))},n=e=>{e.target===t&&(s.current=T(r.current))};return t.addEventListener(`animationstart`,n),t.addEventListener(`animationcancel`,e),t.addEventListener(`animationend`,e),()=>{t.removeEventListener(`animationstart`,n),t.removeEventListener(`animationcancel`,e),t.removeEventListener(`animationend`,e)}}else l(`ANIMATION_END`)},[t,l]),{isPresent:[`mounted`,`unmountSuspended`].includes(c),ref:a.useCallback(e=>{e&&(r.current=getComputedStyle(e)),n(e)},[])}}function T(e){return e?.animationName||`none`}function E(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}function D(e,t=[]){let n=[];function r(t,r){let i=a.createContext(r),o=n.length;n=[...n,r];function c(t){let{scope:n,children:r,...c}=t,l=n?.[e][o]||i,u=a.useMemo(()=>c,Object.values(c));return(0,s.jsx)(l.Provider,{value:u,children:r})}function l(n,s){let c=s?.[e][o]||i,l=a.useContext(c);if(l)return l;if(r!==void 0)return r;throw Error(`\`${n}\` must be used within \`${t}\``)}return c.displayName=t+`Provider`,[c,l]}let i=()=>{let t=n.map(e=>a.createContext(e));return function(n){let r=n?.[e]||t;return a.useMemo(()=>({[`__scope${e}`]:{...n,[e]:r}}),[n,r])}};return i.scopeName=e,[r,O(i,...t)]}function O(...e){let t=e[0];if(e.length===1)return t;let n=()=>{let n=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let r=n.reduce((t,{useScope:n,scopeName:r})=>{let i=n(e)[`__scope${r}`];return{...t,...i}},{});return a.useMemo(()=>({[`__scope${t.scopeName}`]:r}),[r])}};return n.scopeName=t.scopeName,n}function k(e){let t=a.useRef(e);return a.useEffect(()=>{t.current=e}),a.useMemo(()=>(...e)=>t.current?.(...e),[])}var A=a.createContext(void 0);function ee(e){let t=a.useContext(A);return e||t||`ltr`}function te(e,[t,n]){return Math.min(n,Math.max(t,e))}function j(e,t,{checkForDefaultPrevented:n=!0}={}){return function(r){if(e?.(r),n===!1||!r.defaultPrevented)return t?.(r)}}function ne(e,t){return a.useReducer((e,n)=>t[e][n]??e,e)}var M=`ScrollArea`,[N,re]=D(M),[ie,P]=N(M),F=a.forwardRef((e,t)=>{let{__scopeScrollArea:n,type:r=`hover`,dir:i,scrollHideDelay:o=600,...c}=e,[l,u]=a.useState(null),[d,f]=a.useState(null),[m,h]=a.useState(null),[g,_]=a.useState(null),[v,y]=a.useState(null),[x,S]=a.useState(0),[C,w]=a.useState(0),[T,E]=a.useState(!1),[D,O]=a.useState(!1),k=p(t,e=>u(e)),A=ee(i);return(0,s.jsx)(ie,{scope:n,type:r,dir:A,scrollHideDelay:o,scrollArea:l,viewport:d,onViewportChange:f,content:m,onContentChange:h,scrollbarX:g,onScrollbarXChange:_,scrollbarXEnabled:T,onScrollbarXEnabledChange:E,scrollbarY:v,onScrollbarYChange:y,scrollbarYEnabled:D,onScrollbarYEnabledChange:O,onCornerWidthChange:S,onCornerHeightChange:w,children:(0,s.jsx)(b.div,{dir:A,...c,ref:k,style:{position:`relative`,"--radix-scroll-area-corner-width":x+`px`,"--radix-scroll-area-corner-height":C+`px`,...e.style}})})});F.displayName=M;var ae=`ScrollAreaViewport`,oe=a.forwardRef((e,t)=>{let{__scopeScrollArea:n,children:r,asChild:i,nonce:o,...c}=e,l=P(ae,n),u=p(t,a.useRef(null),l.onViewportChange);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`
|
|
2
2
|
[data-radix-scroll-area-viewport] {
|
|
3
3
|
scrollbar-width: none;
|
|
4
4
|
-ms-overflow-style: none;
|
|
@@ -15,4 +15,4 @@ import{A as e,i as t}from"./iframe-DvGneWFZ.js";import{s as n}from"./theming-Y5C
|
|
|
15
15
|
:where([data-radix-scroll-area-content]) {
|
|
16
16
|
flex-grow: 1;
|
|
17
17
|
}
|
|
18
|
-
`},nonce:o}),(0,s.jsx)(b.div,{"data-radix-scroll-area-viewport":``,...c,asChild:i,ref:u,style:{overflowX:l.scrollbarXEnabled?`scroll`:`hidden`,overflowY:l.scrollbarYEnabled?`scroll`:`hidden`,...e.style},children:ye({asChild:i,children:r},e=>(0,s.jsx)(`div`,{"data-radix-scroll-area-content":``,ref:l.onContentChange,style:{minWidth:l.scrollbarXEnabled?`fit-content`:void 0},children:e}))})]})});oe.displayName=ae;var I=`ScrollAreaScrollbar`,L=a.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=P(I,e.__scopeScrollArea),{onScrollbarXEnabledChange:o,onScrollbarYEnabledChange:c}=i,l=e.orientation===`horizontal`;return a.useEffect(()=>(l?o(!0):c(!0),()=>{l?o(!1):c(!1)}),[l,o,c]),i.type===`hover`?(0,s.jsx)(se,{...r,ref:t,forceMount:n}):i.type===`scroll`?(0,s.jsx)(ce,{...r,ref:t,forceMount:n}):i.type===`auto`?(0,s.jsx)(R,{...r,ref:t,forceMount:n}):i.type===`always`?(0,s.jsx)(z,{...r,ref:t}):null});L.displayName=I;var se=a.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=P(I,e.__scopeScrollArea),[o,c]=a.useState(!1);return a.useEffect(()=>{let e=i.scrollArea,t=0;if(e){let n=()=>{window.clearTimeout(t),c(!0)},r=()=>{t=window.setTimeout(()=>c(!1),i.scrollHideDelay)};return e.addEventListener(`pointerenter`,n),e.addEventListener(`pointerleave`,r),()=>{window.clearTimeout(t),e.removeEventListener(`pointerenter`,n),e.removeEventListener(`pointerleave`,r)}}},[i.scrollArea,i.scrollHideDelay]),(0,s.jsx)(C,{present:n||o,children:(0,s.jsx)(R,{"data-state":o?`visible`:`hidden`,...r,ref:t})})}),ce=a.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=P(I,e.__scopeScrollArea),o=e.orientation===`horizontal`,c=Y(()=>u(`SCROLL_END`),100),[l,u]=ne(`hidden`,{hidden:{SCROLL:`scrolling`},scrolling:{SCROLL_END:`idle`,POINTER_ENTER:`interacting`},interacting:{SCROLL:`interacting`,POINTER_LEAVE:`idle`},idle:{HIDE:`hidden`,SCROLL:`scrolling`,POINTER_ENTER:`interacting`}});return a.useEffect(()=>{if(l===`idle`){let e=window.setTimeout(()=>u(`HIDE`),i.scrollHideDelay);return()=>window.clearTimeout(e)}},[l,i.scrollHideDelay,u]),a.useEffect(()=>{let e=i.viewport,t=o?`scrollLeft`:`scrollTop`;if(e){let n=e[t],r=()=>{let r=e[t];n!==r&&(u(`SCROLL`),c()),n=r};return e.addEventListener(`scroll`,r),()=>e.removeEventListener(`scroll`,r)}},[i.viewport,o,u,c]),(0,s.jsx)(C,{present:n||l!==`hidden`,children:(0,s.jsx)(z,{"data-state":l===`hidden`?`hidden`:`visible`,...r,ref:t,onPointerEnter:j(e.onPointerEnter,()=>u(`POINTER_ENTER`)),onPointerLeave:j(e.onPointerLeave,()=>u(`POINTER_LEAVE`))})})}),R=a.forwardRef((e,t)=>{let n=P(I,e.__scopeScrollArea),{forceMount:r,...i}=e,[o,c]=a.useState(!1),l=e.orientation===`horizontal`,u=Y(()=>{if(n.viewport){let e=n.viewport.offsetWidth<n.viewport.scrollWidth,t=n.viewport.offsetHeight<n.viewport.scrollHeight;c(l?e:t)}},10);return X(n.viewport,u),X(n.content,u),(0,s.jsx)(C,{present:r||o,children:(0,s.jsx)(z,{"data-state":o?`visible`:`hidden`,...i,ref:t})})}),z=a.forwardRef((e,t)=>{let{orientation:n=`vertical`,...r}=e,i=P(I,e.__scopeScrollArea),o=a.useRef(null),c=a.useRef(0),[l,u]=a.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),d=q(l.viewport,l.content),f={...r,sizes:l,onSizesChange:u,hasThumb:d>0&&d<1,onThumbChange:e=>o.current=e,onThumbPointerUp:()=>c.current=0,onThumbPointerDown:e=>c.current=e};function p(e,t){return me(e,c.current,l,t)}return n===`horizontal`?(0,s.jsx)(le,{...f,ref:t,onThumbPositionChange:()=>{if(i.viewport&&o.current){let e=i.viewport.scrollLeft,t=he(e,l,i.dir);o.current.style.transform=`translate3d(${t}px, 0, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollLeft=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollLeft=p(e,i.dir))}}):n===`vertical`?(0,s.jsx)(ue,{...f,ref:t,onThumbPositionChange:()=>{if(i.viewport&&o.current){let e=i.viewport.scrollTop,t=he(e,l);o.current.style.transform=`translate3d(0, ${t}px, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollTop=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollTop=p(e))}}):null}),le=a.forwardRef((e,t)=>{let{sizes:n,onSizesChange:r,...i}=e,o=P(I,e.__scopeScrollArea),[c,l]=a.useState(),u=a.useRef(null),d=p(t,u,o.onScrollbarXChange);return a.useEffect(()=>{u.current&&l(getComputedStyle(u.current))},[u]),(0,s.jsx)(V,{"data-orientation":`horizontal`,...i,ref:d,sizes:n,style:{bottom:0,left:o.dir===`rtl`?`var(--radix-scroll-area-corner-width)`:0,right:o.dir===`ltr`?`var(--radix-scroll-area-corner-width)`:0,"--radix-scroll-area-thumb-width":J(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.x),onDragScroll:t=>e.onDragScroll(t.x),onWheelScroll:(t,n)=>{if(o.viewport){let r=o.viewport.scrollLeft+t.deltaX;e.onWheelScroll(r),_e(r,n)&&t.preventDefault()}},onResize:()=>{u.current&&o.viewport&&c&&r({content:o.viewport.scrollWidth,viewport:o.viewport.offsetWidth,scrollbar:{size:u.current.clientWidth,paddingStart:K(c.paddingLeft),paddingEnd:K(c.paddingRight)}})}})}),ue=a.forwardRef((e,t)=>{let{sizes:n,onSizesChange:r,...i}=e,o=P(I,e.__scopeScrollArea),[c,l]=a.useState(),u=a.useRef(null),d=p(t,u,o.onScrollbarYChange);return a.useEffect(()=>{u.current&&l(getComputedStyle(u.current))},[u]),(0,s.jsx)(V,{"data-orientation":`vertical`,...i,ref:d,sizes:n,style:{top:0,right:o.dir===`ltr`?0:void 0,left:o.dir===`rtl`?0:void 0,bottom:`var(--radix-scroll-area-corner-height)`,"--radix-scroll-area-thumb-height":J(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.y),onDragScroll:t=>e.onDragScroll(t.y),onWheelScroll:(t,n)=>{if(o.viewport){let r=o.viewport.scrollTop+t.deltaY;e.onWheelScroll(r),_e(r,n)&&t.preventDefault()}},onResize:()=>{u.current&&o.viewport&&c&&r({content:o.viewport.scrollHeight,viewport:o.viewport.offsetHeight,scrollbar:{size:u.current.clientHeight,paddingStart:K(c.paddingTop),paddingEnd:K(c.paddingBottom)}})}})}),[de,B]=N(I),V=a.forwardRef((e,t)=>{let{__scopeScrollArea:n,sizes:r,hasThumb:i,onThumbChange:o,onThumbPointerUp:c,onThumbPointerDown:l,onThumbPositionChange:u,onDragScroll:d,onWheelScroll:f,onResize:m,...h}=e,g=P(I,n),[_,v]=a.useState(null),y=p(t,e=>v(e)),x=a.useRef(null),S=a.useRef(``),C=g.viewport,w=r.content-r.viewport,T=k(f),E=k(u),D=Y(m,10);function O(e){x.current&&d({x:e.clientX-x.current.left,y:e.clientY-x.current.top})}return a.useEffect(()=>{let e=e=>{let t=e.target;_?.contains(t)&&T(e,w)};return document.addEventListener(`wheel`,e,{passive:!1}),()=>document.removeEventListener(`wheel`,e,{passive:!1})},[C,_,w,T]),a.useEffect(E,[r,E]),X(_,D),X(g.content,D),(0,s.jsx)(de,{scope:n,scrollbar:_,hasThumb:i,onThumbChange:k(o),onThumbPointerUp:k(c),onThumbPositionChange:E,onThumbPointerDown:k(l),children:(0,s.jsx)(b.div,{...h,ref:y,style:{position:`absolute`,...h.style},onPointerDown:j(e.onPointerDown,e=>{e.button===0&&(e.target.setPointerCapture(e.pointerId),x.current=_.getBoundingClientRect(),S.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect=`none`,g.viewport&&(g.viewport.style.scrollBehavior=`auto`),O(e))}),onPointerMove:j(e.onPointerMove,O),onPointerUp:j(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=S.current,g.viewport&&(g.viewport.style.scrollBehavior=``),x.current=null})})})}),H=`ScrollAreaThumb`,U=a.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=B(H,e.__scopeScrollArea);return(0,s.jsx)(C,{present:n||i.hasThumb,children:(0,s.jsx)(fe,{ref:t,...r})})}),fe=a.forwardRef((e,t)=>{let{__scopeScrollArea:n,style:r,...i}=e,o=P(H,n),c=B(H,n),{onThumbPositionChange:l}=c,u=p(t,e=>c.onThumbChange(e)),d=a.useRef(),f=Y(()=>{d.current&&=(d.current(),void 0)},100);return a.useEffect(()=>{let e=o.viewport;if(e){let t=()=>{f(),!d.current&&(d.current=ve(e,l),l())};return l(),e.addEventListener(`scroll`,t),()=>e.removeEventListener(`scroll`,t)}},[o.viewport,f,l]),(0,s.jsx)(b.div,{"data-state":c.hasThumb?`visible`:`hidden`,...i,ref:u,style:{width:`var(--radix-scroll-area-thumb-width)`,height:`var(--radix-scroll-area-thumb-height)`,...r},onPointerDownCapture:j(e.onPointerDownCapture,e=>{let t=e.target.getBoundingClientRect(),n=e.clientX-t.left,r=e.clientY-t.top;c.onThumbPointerDown({x:n,y:r})}),onPointerUp:j(e.onPointerUp,c.onThumbPointerUp)})});U.displayName=H;var W=`ScrollAreaCorner`,G=a.forwardRef((e,t)=>{let n=P(W,e.__scopeScrollArea),r=!!(n.scrollbarX&&n.scrollbarY);return n.type!==`scroll`&&r?(0,s.jsx)(pe,{...e,ref:t}):null});G.displayName=W;var pe=a.forwardRef((e,t)=>{let{__scopeScrollArea:n,...r}=e,i=P(W,n),[o,c]=a.useState(0),[l,u]=a.useState(0),d=!!(o&&l);return X(i.scrollbarX,()=>{let e=i.scrollbarX?.offsetHeight||0;i.onCornerHeightChange(e),u(e)}),X(i.scrollbarY,()=>{let e=i.scrollbarY?.offsetWidth||0;i.onCornerWidthChange(e),c(e)}),d?(0,s.jsx)(b.div,{...r,ref:t,style:{width:o,height:l,position:`absolute`,right:i.dir===`ltr`?0:void 0,left:i.dir===`rtl`?0:void 0,bottom:0,...e.style}}):null});function K(e){return e?parseInt(e,10):0}function q(e,t){let n=e/t;return isNaN(n)?0:n}function J(e){let t=q(e.viewport,e.content),n=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-n)*t;return Math.max(r,18)}function me(e,t,n,r=`ltr`){let i=J(n),a=i/2,o=t||a,s=i-o,c=n.scrollbar.paddingStart+o,l=n.scrollbar.size-n.scrollbar.paddingEnd-s,u=n.content-n.viewport,d=r===`ltr`?[0,u]:[u*-1,0];return ge([c,l],d)(e)}function he(e,t,n=`ltr`){let r=J(t),i=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,a=t.scrollbar.size-i,o=t.content-t.viewport,s=a-r,c=te(e,n===`ltr`?[0,o]:[o*-1,0]);return ge([0,o],[0,s])(c)}function ge(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}function _e(e,t){return e>0&&e<t}var ve=(e,t=()=>{})=>{let n={left:e.scrollLeft,top:e.scrollTop},r=0;return(function i(){let a={left:e.scrollLeft,top:e.scrollTop},o=n.left!==a.left,s=n.top!==a.top;(o||s)&&t(),n=a,r=window.requestAnimationFrame(i)})(),()=>window.cancelAnimationFrame(r)};function Y(e,t){let n=k(e),r=a.useRef(0);return a.useEffect(()=>()=>window.clearTimeout(r.current),[]),a.useCallback(()=>{window.clearTimeout(r.current),r.current=window.setTimeout(n,t)},[n,t])}function X(e,t){let n=k(t);x(()=>{let t=0;if(e){let r=new ResizeObserver(()=>{cancelAnimationFrame(t),t=window.requestAnimationFrame(n)});return r.observe(e),()=>{window.cancelAnimationFrame(t),r.unobserve(e)}}},[e,n])}function ye(e,t){let{asChild:n,children:r}=e;if(!n)return typeof t==`function`?t(r):t;let i=a.Children.only(r);return a.cloneElement(i,{children:typeof t==`function`?t(i.props.children):t})}var be=F,xe=oe,Se=L,Ce=U,we=G,Te=n(be)(({scrollbarsize:e,offset:t})=>({width:`100%`,height:`100%`,overflow:`hidden`,"--scrollbar-size":`${e+t}px`,"--radix-scroll-area-thumb-width":`${e}px`})),Ee=n(xe)({width:`100%`,height:`100%`}),De=n(Se)(({offset:e,horizontal:t,vertical:n})=>({display:`flex`,userSelect:`none`,touchAction:`none`,background:`transparent`,transition:`all 0.2s ease-out`,borderRadius:`var(--scrollbar-size)`,zIndex:1,'&[data-orientation="vertical"]':{width:`var(--scrollbar-size)`,paddingRight:e,marginTop:e,marginBottom:t===`true`&&n===`true`?0:e},'&[data-orientation="horizontal"]':{flexDirection:`column`,height:`var(--scrollbar-size)`,paddingBottom:e,marginLeft:e,marginRight:t===`true`&&n===`true`?0:e}})),Oe=n(Ce)(({theme:e})=>({flex:1,background:e.textMutedColor,opacity:.5,borderRadius:`var(--scrollbar-size)`,position:`relative`,transition:`opacity 0.2s ease-out`,zIndex:1,"&:hover":{opacity:.8},"::before":{content:`""`,position:`absolute`,top:`50%`,left:`50%`,transform:`translate(-50%,-50%)`,width:`100%`,height:`100%`}})),Z=(0,a.forwardRef)(({children:e,horizontal:t=!1,vertical:n=!1,offset:r=2,scrollbarSize:i=6,scrollPadding:o=0,className:s},c)=>a.createElement(Te,{scrollbarsize:i,offset:r,className:s},a.createElement(Ee,{ref:c,style:{scrollPadding:o}},e),t&&a.createElement(De,{orientation:`horizontal`,offset:r,horizontal:t.toString(),vertical:n.toString()},a.createElement(Oe,null)),n&&a.createElement(De,{orientation:`vertical`,offset:r,horizontal:t.toString(),vertical:n.toString()},a.createElement(Oe,null)),t&&n&&a.createElement(we,null)));Z.displayName=`ScrollArea`;var{global:ke}=__STORYBOOK_MODULE_GLOBAL__,{document:Q,window:$}=ke;async function Ae(e){try{await $.top?.navigator.clipboard.writeText(e)}catch{await $.navigator.clipboard.writeText(e)}}async function je(e){let t=Q.createElement(`TEXTAREA`),n=Q.activeElement;t.value=e,Q.body.appendChild(t),t.select(),Q.execCommand(`copy`),Q.body.removeChild(t),n.focus()}function Me(){return $.navigator?.clipboard?Ae:je}export{Z as n,Me as r,u as t};
|
|
18
|
+
`},nonce:o}),(0,s.jsx)(b.div,{"data-radix-scroll-area-viewport":``,...c,asChild:i,ref:u,style:{overflowX:l.scrollbarXEnabled?`scroll`:`hidden`,overflowY:l.scrollbarYEnabled?`scroll`:`hidden`,...e.style},children:ye({asChild:i,children:r},e=>(0,s.jsx)(`div`,{"data-radix-scroll-area-content":``,ref:l.onContentChange,style:{minWidth:l.scrollbarXEnabled?`fit-content`:void 0},children:e}))})]})});oe.displayName=ae;var I=`ScrollAreaScrollbar`,L=a.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=P(I,e.__scopeScrollArea),{onScrollbarXEnabledChange:o,onScrollbarYEnabledChange:c}=i,l=e.orientation===`horizontal`;return a.useEffect(()=>(l?o(!0):c(!0),()=>{l?o(!1):c(!1)}),[l,o,c]),i.type===`hover`?(0,s.jsx)(se,{...r,ref:t,forceMount:n}):i.type===`scroll`?(0,s.jsx)(ce,{...r,ref:t,forceMount:n}):i.type===`auto`?(0,s.jsx)(R,{...r,ref:t,forceMount:n}):i.type===`always`?(0,s.jsx)(z,{...r,ref:t}):null});L.displayName=I;var se=a.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=P(I,e.__scopeScrollArea),[o,c]=a.useState(!1);return a.useEffect(()=>{let e=i.scrollArea,t=0;if(e){let n=()=>{window.clearTimeout(t),c(!0)},r=()=>{t=window.setTimeout(()=>c(!1),i.scrollHideDelay)};return e.addEventListener(`pointerenter`,n),e.addEventListener(`pointerleave`,r),()=>{window.clearTimeout(t),e.removeEventListener(`pointerenter`,n),e.removeEventListener(`pointerleave`,r)}}},[i.scrollArea,i.scrollHideDelay]),(0,s.jsx)(C,{present:n||o,children:(0,s.jsx)(R,{"data-state":o?`visible`:`hidden`,...r,ref:t})})}),ce=a.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=P(I,e.__scopeScrollArea),o=e.orientation===`horizontal`,c=Y(()=>u(`SCROLL_END`),100),[l,u]=ne(`hidden`,{hidden:{SCROLL:`scrolling`},scrolling:{SCROLL_END:`idle`,POINTER_ENTER:`interacting`},interacting:{SCROLL:`interacting`,POINTER_LEAVE:`idle`},idle:{HIDE:`hidden`,SCROLL:`scrolling`,POINTER_ENTER:`interacting`}});return a.useEffect(()=>{if(l===`idle`){let e=window.setTimeout(()=>u(`HIDE`),i.scrollHideDelay);return()=>window.clearTimeout(e)}},[l,i.scrollHideDelay,u]),a.useEffect(()=>{let e=i.viewport,t=o?`scrollLeft`:`scrollTop`;if(e){let n=e[t],r=()=>{let r=e[t];n!==r&&(u(`SCROLL`),c()),n=r};return e.addEventListener(`scroll`,r),()=>e.removeEventListener(`scroll`,r)}},[i.viewport,o,u,c]),(0,s.jsx)(C,{present:n||l!==`hidden`,children:(0,s.jsx)(z,{"data-state":l===`hidden`?`hidden`:`visible`,...r,ref:t,onPointerEnter:j(e.onPointerEnter,()=>u(`POINTER_ENTER`)),onPointerLeave:j(e.onPointerLeave,()=>u(`POINTER_LEAVE`))})})}),R=a.forwardRef((e,t)=>{let n=P(I,e.__scopeScrollArea),{forceMount:r,...i}=e,[o,c]=a.useState(!1),l=e.orientation===`horizontal`,u=Y(()=>{if(n.viewport){let e=n.viewport.offsetWidth<n.viewport.scrollWidth,t=n.viewport.offsetHeight<n.viewport.scrollHeight;c(l?e:t)}},10);return X(n.viewport,u),X(n.content,u),(0,s.jsx)(C,{present:r||o,children:(0,s.jsx)(z,{"data-state":o?`visible`:`hidden`,...i,ref:t})})}),z=a.forwardRef((e,t)=>{let{orientation:n=`vertical`,...r}=e,i=P(I,e.__scopeScrollArea),o=a.useRef(null),c=a.useRef(0),[l,u]=a.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),d=q(l.viewport,l.content),f={...r,sizes:l,onSizesChange:u,hasThumb:d>0&&d<1,onThumbChange:e=>o.current=e,onThumbPointerUp:()=>c.current=0,onThumbPointerDown:e=>c.current=e};function p(e,t){return me(e,c.current,l,t)}return n===`horizontal`?(0,s.jsx)(le,{...f,ref:t,onThumbPositionChange:()=>{if(i.viewport&&o.current){let e=i.viewport.scrollLeft,t=he(e,l,i.dir);o.current.style.transform=`translate3d(${t}px, 0, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollLeft=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollLeft=p(e,i.dir))}}):n===`vertical`?(0,s.jsx)(ue,{...f,ref:t,onThumbPositionChange:()=>{if(i.viewport&&o.current){let e=i.viewport.scrollTop,t=he(e,l);o.current.style.transform=`translate3d(0, ${t}px, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollTop=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollTop=p(e))}}):null}),le=a.forwardRef((e,t)=>{let{sizes:n,onSizesChange:r,...i}=e,o=P(I,e.__scopeScrollArea),[c,l]=a.useState(),u=a.useRef(null),d=p(t,u,o.onScrollbarXChange);return a.useEffect(()=>{u.current&&l(getComputedStyle(u.current))},[u]),(0,s.jsx)(V,{"data-orientation":`horizontal`,...i,ref:d,sizes:n,style:{bottom:0,left:o.dir===`rtl`?`var(--radix-scroll-area-corner-width)`:0,right:o.dir===`ltr`?`var(--radix-scroll-area-corner-width)`:0,"--radix-scroll-area-thumb-width":J(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.x),onDragScroll:t=>e.onDragScroll(t.x),onWheelScroll:(t,n)=>{if(o.viewport){let r=o.viewport.scrollLeft+t.deltaX;e.onWheelScroll(r),_e(r,n)&&t.preventDefault()}},onResize:()=>{u.current&&o.viewport&&c&&r({content:o.viewport.scrollWidth,viewport:o.viewport.offsetWidth,scrollbar:{size:u.current.clientWidth,paddingStart:K(c.paddingLeft),paddingEnd:K(c.paddingRight)}})}})}),ue=a.forwardRef((e,t)=>{let{sizes:n,onSizesChange:r,...i}=e,o=P(I,e.__scopeScrollArea),[c,l]=a.useState(),u=a.useRef(null),d=p(t,u,o.onScrollbarYChange);return a.useEffect(()=>{u.current&&l(getComputedStyle(u.current))},[u]),(0,s.jsx)(V,{"data-orientation":`vertical`,...i,ref:d,sizes:n,style:{top:0,right:o.dir===`ltr`?0:void 0,left:o.dir===`rtl`?0:void 0,bottom:`var(--radix-scroll-area-corner-height)`,"--radix-scroll-area-thumb-height":J(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.y),onDragScroll:t=>e.onDragScroll(t.y),onWheelScroll:(t,n)=>{if(o.viewport){let r=o.viewport.scrollTop+t.deltaY;e.onWheelScroll(r),_e(r,n)&&t.preventDefault()}},onResize:()=>{u.current&&o.viewport&&c&&r({content:o.viewport.scrollHeight,viewport:o.viewport.offsetHeight,scrollbar:{size:u.current.clientHeight,paddingStart:K(c.paddingTop),paddingEnd:K(c.paddingBottom)}})}})}),[de,B]=N(I),V=a.forwardRef((e,t)=>{let{__scopeScrollArea:n,sizes:r,hasThumb:i,onThumbChange:o,onThumbPointerUp:c,onThumbPointerDown:l,onThumbPositionChange:u,onDragScroll:d,onWheelScroll:f,onResize:m,...h}=e,g=P(I,n),[_,v]=a.useState(null),y=p(t,e=>v(e)),x=a.useRef(null),S=a.useRef(``),C=g.viewport,w=r.content-r.viewport,T=k(f),E=k(u),D=Y(m,10);function O(e){x.current&&d({x:e.clientX-x.current.left,y:e.clientY-x.current.top})}return a.useEffect(()=>{let e=e=>{let t=e.target;_?.contains(t)&&T(e,w)};return document.addEventListener(`wheel`,e,{passive:!1}),()=>document.removeEventListener(`wheel`,e,{passive:!1})},[C,_,w,T]),a.useEffect(E,[r,E]),X(_,D),X(g.content,D),(0,s.jsx)(de,{scope:n,scrollbar:_,hasThumb:i,onThumbChange:k(o),onThumbPointerUp:k(c),onThumbPositionChange:E,onThumbPointerDown:k(l),children:(0,s.jsx)(b.div,{...h,ref:y,style:{position:`absolute`,...h.style},onPointerDown:j(e.onPointerDown,e=>{e.button===0&&(e.target.setPointerCapture(e.pointerId),x.current=_.getBoundingClientRect(),S.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect=`none`,g.viewport&&(g.viewport.style.scrollBehavior=`auto`),O(e))}),onPointerMove:j(e.onPointerMove,O),onPointerUp:j(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=S.current,g.viewport&&(g.viewport.style.scrollBehavior=``),x.current=null})})})}),H=`ScrollAreaThumb`,U=a.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=B(H,e.__scopeScrollArea);return(0,s.jsx)(C,{present:n||i.hasThumb,children:(0,s.jsx)(fe,{ref:t,...r})})}),fe=a.forwardRef((e,t)=>{let{__scopeScrollArea:n,style:r,...i}=e,o=P(H,n),c=B(H,n),{onThumbPositionChange:l}=c,u=p(t,e=>c.onThumbChange(e)),d=a.useRef(),f=Y(()=>{d.current&&=(d.current(),void 0)},100);return a.useEffect(()=>{let e=o.viewport;if(e){let t=()=>{f(),!d.current&&(d.current=ve(e,l),l())};return l(),e.addEventListener(`scroll`,t),()=>e.removeEventListener(`scroll`,t)}},[o.viewport,f,l]),(0,s.jsx)(b.div,{"data-state":c.hasThumb?`visible`:`hidden`,...i,ref:u,style:{width:`var(--radix-scroll-area-thumb-width)`,height:`var(--radix-scroll-area-thumb-height)`,...r},onPointerDownCapture:j(e.onPointerDownCapture,e=>{let t=e.target.getBoundingClientRect(),n=e.clientX-t.left,r=e.clientY-t.top;c.onThumbPointerDown({x:n,y:r})}),onPointerUp:j(e.onPointerUp,c.onThumbPointerUp)})});U.displayName=H;var W=`ScrollAreaCorner`,G=a.forwardRef((e,t)=>{let n=P(W,e.__scopeScrollArea),r=!!(n.scrollbarX&&n.scrollbarY);return n.type!==`scroll`&&r?(0,s.jsx)(pe,{...e,ref:t}):null});G.displayName=W;var pe=a.forwardRef((e,t)=>{let{__scopeScrollArea:n,...r}=e,i=P(W,n),[o,c]=a.useState(0),[l,u]=a.useState(0),d=!!(o&&l);return X(i.scrollbarX,()=>{let e=i.scrollbarX?.offsetHeight||0;i.onCornerHeightChange(e),u(e)}),X(i.scrollbarY,()=>{let e=i.scrollbarY?.offsetWidth||0;i.onCornerWidthChange(e),c(e)}),d?(0,s.jsx)(b.div,{...r,ref:t,style:{width:o,height:l,position:`absolute`,right:i.dir===`ltr`?0:void 0,left:i.dir===`rtl`?0:void 0,bottom:0,...e.style}}):null});function K(e){return e?parseInt(e,10):0}function q(e,t){let n=e/t;return isNaN(n)?0:n}function J(e){let t=q(e.viewport,e.content),n=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-n)*t;return Math.max(r,18)}function me(e,t,n,r=`ltr`){let i=J(n),a=i/2,o=t||a,s=i-o,c=n.scrollbar.paddingStart+o,l=n.scrollbar.size-n.scrollbar.paddingEnd-s,u=n.content-n.viewport,d=r===`ltr`?[0,u]:[u*-1,0];return ge([c,l],d)(e)}function he(e,t,n=`ltr`){let r=J(t),i=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,a=t.scrollbar.size-i,o=t.content-t.viewport,s=a-r,c=te(e,n===`ltr`?[0,o]:[o*-1,0]);return ge([0,o],[0,s])(c)}function ge(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}function _e(e,t){return e>0&&e<t}var ve=(e,t=()=>{})=>{let n={left:e.scrollLeft,top:e.scrollTop},r=0;return(function i(){let a={left:e.scrollLeft,top:e.scrollTop},o=n.left!==a.left,s=n.top!==a.top;(o||s)&&t(),n=a,r=window.requestAnimationFrame(i)})(),()=>window.cancelAnimationFrame(r)};function Y(e,t){let n=k(e),r=a.useRef(0);return a.useEffect(()=>()=>window.clearTimeout(r.current),[]),a.useCallback(()=>{window.clearTimeout(r.current),r.current=window.setTimeout(n,t)},[n,t])}function X(e,t){let n=k(t);x(()=>{let t=0;if(e){let r=new ResizeObserver(()=>{cancelAnimationFrame(t),t=window.requestAnimationFrame(n)});return r.observe(e),()=>{window.cancelAnimationFrame(t),r.unobserve(e)}}},[e,n])}function ye(e,t){let{asChild:n,children:r}=e;if(!n)return typeof t==`function`?t(r):t;let i=a.Children.only(r);return a.cloneElement(i,{children:typeof t==`function`?t(i.props.children):t})}var be=F,xe=oe,Se=L,Ce=U,we=G,Te=r(be)(({scrollbarsize:e,offset:t})=>({width:`100%`,height:`100%`,overflow:`hidden`,"--scrollbar-size":`${e+t}px`,"--radix-scroll-area-thumb-width":`${e}px`})),Ee=r(xe)({width:`100%`,height:`100%`}),De=r(Se)(({offset:e,horizontal:t,vertical:n})=>({display:`flex`,userSelect:`none`,touchAction:`none`,background:`transparent`,transition:`all 0.2s ease-out`,borderRadius:`var(--scrollbar-size)`,zIndex:1,'&[data-orientation="vertical"]':{width:`var(--scrollbar-size)`,paddingRight:e,marginTop:e,marginBottom:t===`true`&&n===`true`?0:e},'&[data-orientation="horizontal"]':{flexDirection:`column`,height:`var(--scrollbar-size)`,paddingBottom:e,marginLeft:e,marginRight:t===`true`&&n===`true`?0:e}})),Oe=r(Ce)(({theme:e})=>({flex:1,background:e.textMutedColor,opacity:.5,borderRadius:`var(--scrollbar-size)`,position:`relative`,transition:`opacity 0.2s ease-out`,zIndex:1,"&:hover":{opacity:.8},"::before":{content:`""`,position:`absolute`,top:`50%`,left:`50%`,transform:`translate(-50%,-50%)`,width:`100%`,height:`100%`}})),Z=(0,a.forwardRef)(({children:e,horizontal:t=!1,vertical:n=!1,offset:r=2,scrollbarSize:i=6,scrollPadding:o=0,className:s},c)=>a.createElement(Te,{scrollbarsize:i,offset:r,className:s},a.createElement(Ee,{ref:c,style:{scrollPadding:o}},e),t&&a.createElement(De,{orientation:`horizontal`,offset:r,horizontal:t.toString(),vertical:n.toString()},a.createElement(Oe,null)),n&&a.createElement(De,{orientation:`vertical`,offset:r,horizontal:t.toString(),vertical:n.toString()},a.createElement(Oe,null)),t&&n&&a.createElement(we,null)));Z.displayName=`ScrollArea`;var{global:ke}=__STORYBOOK_MODULE_GLOBAL__,{document:Q,window:$}=ke;async function Ae(e){try{await $.top?.navigator.clipboard.writeText(e)}catch{await $.navigator.clipboard.writeText(e)}}async function je(e){let t=Q.createElement(`TEXTAREA`),n=Q.activeElement;t.value=e,Q.body.appendChild(t),t.select(),Q.execCommand(`copy`),Q.body.removeChild(t),n.focus()}function Me(){return $.navigator?.clipboard?Ae:je}export{Z as n,Me as r,u as t};
|