-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTabStrip-Basic-stories.2b43fe70.iframe.bundle.js
2 lines (2 loc) · 41.5 KB
/
TabStrip-Basic-stories.2b43fe70.iframe.bundle.js
1
2
/*! For license information please see TabStrip-Basic-stories.2b43fe70.iframe.bundle.js.LICENSE.txt */
"use strict";(self.webpackChunkstorybook=self.webpackChunkstorybook||[]).push([[3939],{"./src/TabStrip.Basic.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TabStripBasic:()=>TabStripBasic,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_sheetxl_common__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../packages/common/src/utils/CommonUtils.ts"),_sheetxl_sheet_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../packages/sheet-react/src/components/tabStrip/TabStrip.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const createScrollMenuButton=function(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{background:"grey",marginLeft:"4px",marginRight:"4px",minHeight:"24px",minWidth:"24px",padding:"0",display:"flex",justifyContent:"center",alignItems:"center"}})};createScrollMenuButton.displayName="createScrollMenuButton";const Template=props=>{const{showMenuSquare,...rest}=props,[selectedIndex,setSelectedIndex]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),[sheetNames,setSheetNames]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(["Sheet 1","Sheet 2"]),handleSelectedTabIndexChange=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((index=>{setSelectedIndex(index)}),[]),handleTabNameChange=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(((index,value)=>{setSheetNames((items=>{const newItems=[...items];return newItems[index]=value,newItems}))}),[]),handleTabMove=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(((indexFrom,indexTo)=>{setSheetNames((items=>_sheetxl_common__WEBPACK_IMPORTED_MODULE_2__.be(items,indexFrom,indexTo))),setSelectedIndex((prev=>indexFrom===prev?indexTo:indexFrom<prev&&indexTo<prev||indexFrom>prev&&indexTo>prev?prev:indexFrom<prev?prev-1:prev+1))}),[]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"75%",position:"relative"},...rest,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_sheetxl_sheet_react__WEBPACK_IMPORTED_MODULE_3__.q,{style:{},...props,selectedTabIndex:selectedIndex,tabNames:sheetNames,onSelectedTabIndexChange:handleSelectedTabIndexChange,onTabNameChange:handleTabNameChange,onTabMove:handleTabMove,children:showMenuSquare?createScrollMenuButton():(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{})})})};Template.displayName="Template";const TabStripBasic=Template.bind({});TabStripBasic.args={disabled:!1,showMenuSquare:!0},TabStripBasic.storyName="TabStrip";const __WEBPACK_DEFAULT_EXPORT__={title:"TabStrip",component:TabStripBasic};TabStripBasic.parameters={...TabStripBasic.parameters,docs:{...TabStripBasic.parameters?.docs,source:{originalSource:"props => {\n const {\n showMenuSquare,\n ...rest\n } = (props as any);\n\n // This is the selected tab not the focused tab\n const [selectedIndex, setSelectedIndex] = useState<number>(0);\n const [sheetNames, setSheetNames] = useState<string[]>(['Sheet 1', 'Sheet 2'\n // 'Sheet 3',\n // 'Sheet 4',\n // '1',\n // 'A ',\n // 'MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM',\n // 'Sheet 6',\n // 'Sheet a',\n // 'Sheet b',\n // 'Sheet c',\n // 'Sheet d',\n // 'Sheet e',\n // 'Sheet f',\n // 'Sheet g',\n // 'Sheet h',\n // 'Sheet i',\n // 'Sheet j',\n // 'Sheet k',\n // 'Sheet l',\n // 'Sheet m',\n // 'Sheet n',\n // 'Sheet o',\n // 'Sheet p',\n // 'Sheet q',\n // 'Sheet r',\n // 'Sheet s',\n // 'Sheet t',\n // 'Sheet u',\n // 'Sheet v',\n ]);\n const handleSelectedTabIndexChange = useCallback((index: number) => {\n setSelectedIndex(index);\n }, []);\n const handleTabNameChange = useCallback((index: number, value: string) => {\n setSheetNames(items => {\n const newItems = [...items];\n newItems[index] = value;\n return newItems;\n });\n }, []);\n\n // Should the editable label fire the tabindex and when the name changes?\n // review when integrating into sheetModel\n const handleTabMove = useCallback((indexFrom: number, indexTo: number) => {\n setSheetNames(items => CommonUtils.arrayMove(items, indexFrom, indexTo));\n setSelectedIndex(prev => {\n // If moving selected\n if (indexFrom === prev) return indexTo;\n // if to/from don't cross then return previous\n if (indexFrom < prev && indexTo < prev || indexFrom > prev && indexTo > prev) return prev;\n if (indexFrom < prev) return prev - 1;else return prev + 1;\n });\n }, []);\n return <div style={{\n // For Canvas view we want to center @ 75%\n width: '75%',\n position: 'relative'\n }} {...rest}>\r\n <TabStrip style={{}} {...props} selectedTabIndex={selectedIndex} tabNames={sheetNames} onSelectedTabIndexChange={handleSelectedTabIndexChange} onTabNameChange={handleTabNameChange} onTabMove={handleTabMove}>\r\n {showMenuSquare ? createScrollMenuButton() : <></>}\r\n </TabStrip>\r\n </div>;\n}",...TabStripBasic.parameters?.docs?.source}}};const __namedExportsOrder=["TabStripBasic"]},"../../packages/common-react/src/hooks/useCallbackRef.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,c:()=>useCallbackRef});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const useCallbackRef=(callback,deps)=>{const cbCurrent=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(((...args)=>callback?.(...args)),deps),refCB=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();refCB.current=cbCurrent;const stableCB=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(((...args)=>refCB.current?.(...args)),[]);if(refCB.current)return stableCB},__WEBPACK_DEFAULT_EXPORT__=useCallbackRef},"../../packages/common-react/src/hooks/useImperativeHandleElement.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c:()=>useImperativeHandleElement});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const EMPTY_DEPS=[];function useImperativeHandleElement(refForwarded,attributeFn,deps=EMPTY_DEPS){const refLocal=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);return(0,react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle)(refForwarded,(()=>{if(!refLocal.current)return;const attributes=attributeFn?.(),keys=Object.keys(attributes??{});for(let k=0;k<keys.length;k++)refLocal.current[keys[k]]=attributes[keys[k]];return refLocal.current}),deps),refLocal}},"../../packages/common-react/src/scroll/ScrollButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Jc:()=>defaultCreateScrollStartButton,u8:()=>defaultCreateScrollEndButton,uj:()=>defaultCreateScrollEdgeButton});__webpack_require__("../../node_modules/react/index.js");var _Scrollbar__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../packages/common-react/src/scroll/Scrollbar.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const defaultCreateScrollStartButton=function(props){const{style,orientation=_Scrollbar__WEBPACK_IMPORTED_MODULE_2__.bv.Vertical,...rest}=props,isVertical=orientation===_Scrollbar__WEBPACK_IMPORTED_MODULE_2__.bv.Vertical,path=isVertical?"m 3.7274761,0.68060577 1.11969,1.93863003 1.12075,1.93912 c 0.0895,0.155 0.12152,0.33658 0.0904,0.51283 -0.0311,0.17625 -0.12336,0.33591 -0.26054,0.45091 -0.13715,0.11495 -0.31044,0.17793 -0.4894,0.17781 H 0.83095614 c -0.20186,0 -0.39542,-0.0802 -0.53814,-0.2229 -0.14272,-0.14272 -0.22291,-0.33629 -0.22291,-0.53814 -3e-4,-0.13308 0.0347,-0.26385 0.10147,-0.379 l 1.11872996,-1.94066 1.11921,-1.93864003 c 0.13594,-0.23541 0.38717,-0.38047 0.65905,-0.38047 0.27188,0 0.52311,0.14506 0.65905,0.38047 z":"m 0.75051,2.3424298 1.93863,-1.11969 1.93912,-1.12075 c 0.155,-0.0895 0.33658,-0.12152 0.51283,-0.0904 0.17625,0.0311 0.33591,0.12336 0.45091,0.26054 0.11495,0.13715 0.17793,0.31044 0.17781,0.4894 v 4.47742 c 0,0.20186 -0.0802,0.39542 -0.2229,0.53814 -0.14272,0.14272 -0.33629,0.22291 -0.53814,0.22291 -0.13308,3e-4 -0.26385,-0.0347 -0.379,-0.10147 L 2.68911,4.7797998 0.75047,3.6605898 C 0.51506,3.5246498 0.37,3.2734198 0.37,3.0015398 c 0,-0.27188 0.14506,-0.52311 0.38047,-0.65905 z";return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{paddingBottom:"0px",paddingRight:"0px",paddingLeft:isVertical?"0px":"3px",paddingTop:isVertical?"3px":"0px",display:"flex",alignItems:"center",justifyContent:"center",...style},...rest,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("button",{style:{padding:"0",display:"flex",alignItems:"center",justifyContent:"center",border:"none"},className:`scrollbar-button ${isVertical?"vertical":"horizontal"} single-button start`,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"9",height:"9",viewBox:"0 0 6 6",style:{opacity:"inherit"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{d:path})})})})};defaultCreateScrollStartButton.displayName="defaultCreateScrollStartButton";const defaultCreateScrollEndButton=props=>{const{style,orientation=_Scrollbar__WEBPACK_IMPORTED_MODULE_2__.bv.Vertical,...rest}=props,isVertical=orientation===_Scrollbar__WEBPACK_IMPORTED_MODULE_2__.bv.Vertical,path=isVertical?"M 2.412334,5.319396 1.292644,3.3807659 0.17189405,1.4416459 c -0.0895,-0.155 -0.12152,-0.33658 -0.0904,-0.51282998 0.0311,-0.17625 0.12336,-0.33591 0.26054,-0.45091 0.13715,-0.11495 0.31044,-0.17793 0.4894,-0.17781 H 5.308854 c 0.20186,0 0.39542,0.0802 0.53814,0.2229 0.14272,0.14272 0.22291,0.33629 0.22291,0.53813998 3e-4,0.13308 -0.0347,0.26385 -0.10147,0.379 l -1.11873,1.94066 -1.11921,1.9386401 c -0.13594,0.23541 -0.38717,0.38047 -0.65905,0.38047 -0.27188,0 -0.52311,-0.14506 -0.65905,-0.38047 z":"m 5.3893002,3.6575719 -1.9386301,1.11969 -1.93912,1.12075 c -0.155,0.0895 -0.33658,0.12152 -0.51282997,0.0904 -0.17625,-0.0311 -0.33591,-0.12336 -0.45091,-0.26054 -0.11495,-0.13715 -0.17793,-0.31044 -0.17781,-0.4894 V 0.76105195 c 0,-0.20186 0.0802,-0.39542 0.2229,-0.53814 C 0.73562013,0.08019195 0.92919013,1.9467784e-6 1.1310401,1.9467784e-6 1.2641201,-2.9805322e-4 1.3948901,0.03470195 1.5100401,0.10147195 l 1.94066,1.11872995 1.9386401,1.11921 c 0.23541,0.13594 0.38047,0.38717 0.38047,0.65905 0,0.27188 -0.14506,0.52311 -0.38047,0.65905 z";return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{paddingLeft:"0px",paddingTop:"0px",paddingRight:isVertical?"0px":"3px",paddingBottom:isVertical?"3px":"0px",display:"flex",alignItems:"center",justifyContent:"center",...style},...rest,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("button",{style:{padding:"0",display:"flex",alignItems:"center",justifyContent:"center",border:"none"},className:`scrollbar-button ${isVertical?"vertical":"horizontal"} single-button end`,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"9",height:"9",viewBox:"0 0 6 6",style:{opacity:"inherit"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{d:path})})})})};defaultCreateScrollEndButton.displayName="defaultCreateScrollEndButton";const defaultCreateScrollEdgeButton=function(props){const{style,orientation=_Scrollbar__WEBPACK_IMPORTED_MODULE_2__.bv.Vertical,...rest}=props,isVertical=orientation===_Scrollbar__WEBPACK_IMPORTED_MODULE_2__.bv.Vertical,transform=(isVertical?"rotate(90) ":"")+" scale(1.5,1.5)";return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{marginLeft:"4px",marginRight:"4px",minHeight:"20px",minWidth:"14px",paddingTop:"0",paddingLeft:"0",paddingRight:"0",paddingBottom:"4px",display:"flex",justifyContent:"center",alignItems:"end",transition:"fill-opacity 1s",zIndex:1,...style},className:`scrollbar-button ${isVertical?"vertical":"horizontal"} edge`,...rest,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"8",height:"2",viewBox:"0 0 8 2",transform,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path",{style:{transition:"opacity 240ms ease 0s",opacity:props.disabled?0:1},d:"M 8,0.99212 C 8,1.45719 7.62295,1.83424 7.15788,1.83424 6.69281,1.83424 6.31576,1.45719 6.31576,0.99212 6.31576,0.52705 6.69281,0.15 7.15788,0.15 7.62295,0.15 8,0.52705 8,0.99212 m -6.31576,0 c 0,0.46507 -0.37705,0.84212 -0.84212,0.84212 C 0.37705,1.83424 0,1.45719 0,0.99212 0,0.52705 0.37705,0.15 0.84212,0.15 c 0.46507,0 0.84212,0.37705 0.84212,0.84212 m 3.15788,0 C 4.84212,1.45719 4.46507,1.83424 4,1.83424 3.53493,1.83424 3.15788,1.45719 3.15788,0.99212 3.15788,0.52705 3.53493,0.15 4,0.15 c 0.46507,0 0.84212,0.37705 0.84212,0.84212"})})})};defaultCreateScrollEdgeButton.displayName="defaultCreateScrollEdgeButton";try{defaultCreateScrollStartButton.displayName="defaultCreateScrollStartButton",defaultCreateScrollStartButton.__docgenInfo={description:"Relies on external styling. Follows the styling of scrollbars pattern.",displayName:"defaultCreateScrollStartButton",props:{style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},orientation:{defaultValue:null,description:"",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!0,type:{name:"boolean"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!0,type:{name:"(e: MouseEvent<HTMLElement, MouseEvent>) => void"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!0,type:{name:"(e: MouseEvent<HTMLElement, MouseEvent>) => void"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!0,type:{name:"(e: MouseEvent<HTMLElement, MouseEvent>) => void"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(e: MouseEvent<HTMLElement, MouseEvent>) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/common-react/src/scroll/ScrollButton.tsx#defaultCreateScrollStartButton"]={docgenInfo:defaultCreateScrollStartButton.__docgenInfo,name:"defaultCreateScrollStartButton",path:"../../packages/common-react/src/scroll/ScrollButton.tsx#defaultCreateScrollStartButton"})}catch(__react_docgen_typescript_loader_error){}try{defaultCreateScrollEndButton.displayName="defaultCreateScrollEndButton",defaultCreateScrollEndButton.__docgenInfo={description:"Relies on external styling. Follows the styling of scrollbars pattern.",displayName:"defaultCreateScrollEndButton",props:{style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},orientation:{defaultValue:null,description:"",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!0,type:{name:"boolean"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!0,type:{name:"(e: MouseEvent<HTMLElement, MouseEvent>) => void"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!0,type:{name:"(e: MouseEvent<HTMLElement, MouseEvent>) => void"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!0,type:{name:"(e: MouseEvent<HTMLElement, MouseEvent>) => void"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(e: MouseEvent<HTMLElement, MouseEvent>) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/common-react/src/scroll/ScrollButton.tsx#defaultCreateScrollEndButton"]={docgenInfo:defaultCreateScrollEndButton.__docgenInfo,name:"defaultCreateScrollEndButton",path:"../../packages/common-react/src/scroll/ScrollButton.tsx#defaultCreateScrollEndButton"})}catch(__react_docgen_typescript_loader_error){}try{defaultCreateScrollEdgeButton.displayName="defaultCreateScrollEdgeButton",defaultCreateScrollEdgeButton.__docgenInfo={description:"TODO - implement styling support similar to other scroll buttons. Currently hardcoded",displayName:"defaultCreateScrollEdgeButton",props:{style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},orientation:{defaultValue:null,description:"",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!0,type:{name:"boolean"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!0,type:{name:"(e: MouseEvent<HTMLElement, MouseEvent>) => void"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!0,type:{name:"(e: MouseEvent<HTMLElement, MouseEvent>) => void"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!0,type:{name:"(e: MouseEvent<HTMLElement, MouseEvent>) => void"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(e: MouseEvent<HTMLElement, MouseEvent>) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/common-react/src/scroll/ScrollButton.tsx#defaultCreateScrollEdgeButton"]={docgenInfo:defaultCreateScrollEdgeButton.__docgenInfo,name:"defaultCreateScrollEdgeButton",path:"../../packages/common-react/src/scroll/ScrollButton.tsx#defaultCreateScrollEdgeButton"})}catch(__react_docgen_typescript_loader_error){}},"../../packages/common-react/src/scroll/Scrollbar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ze:()=>Scrollbar,bv:()=>ScrollbarOrientation,Ay:()=>scroll_Scrollbar});var react=__webpack_require__("../../node_modules/react/index.js"),clsx_m=__webpack_require__("../../packages/common-react/node_modules/clsx/dist/clsx.m.js"),useMeasure=__webpack_require__("../../node_modules/react-use/esm/useMeasure.js"),useCallbackRef=__webpack_require__("../../packages/common-react/src/hooks/useCallbackRef.ts"),ScrollButton=__webpack_require__("../../packages/common-react/src/scroll/ScrollButton.tsx"),scrollUtils=__webpack_require__("../../packages/common-react/src/scroll/scrollUtils.ts"),injectStylesIntoStyleTag=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("../../node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("../../node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Scrollbar_module=__webpack_require__("../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!../../packages/common-react/src/scroll/Scrollbar.module.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Scrollbar_module.A,options);const scroll_Scrollbar_module=Scrollbar_module.A&&Scrollbar_module.A.locals?Scrollbar_module.A.locals:void 0;var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");let ScrollbarOrientation=function(ScrollbarOrientation){return ScrollbarOrientation.Horizontal="horizontal",ScrollbarOrientation.Vertical="vertical",ScrollbarOrientation}({});const Scrollbar=(0,react.memo)((0,react.forwardRef)(((props,refForwarded)=>{const{offset:propOffset=0,totalSize:propTotalSize=0,viewportSize:propViewportSize=0,style:propStyle,className:propClassName,orientation=ScrollbarOrientation.Vertical,onScrollOffset,onScroll:propOnScroll,showCustomScrollButtons=!1,scrollButtonIncrement=200,scrollButtonInitialRepeatDelay=260,scrollButtonAdditionalRepeatDelay=120,createScrollStartButton=ScrollButton.Jc,createScrollEndButton=ScrollButton.u8,...rest}=props,onScroll=(0,useCallbackRef.c)(propOnScroll,[propOnScroll]),refScrollPane=(0,react.useRef)(null),[refMeasureContainer,{width:widthContainer,height:heightContainer}]=(0,useMeasure.A)(),[refMeasureViewport,{width:widthViewport,height:heightViewport}]=(0,useMeasure.A)(),isVertical=orientation===ScrollbarOrientation.Vertical,dimStart=isVertical?"top":"left",dimScrollStart=isVertical?"scrollTop":"scrollLeft",lengthContainer=isVertical?heightContainer:widthContainer,lengthViewport=isVertical?heightViewport:widthViewport,[scrollScrolling,setScrollScrolling]=(0,react.useState)(null);(0,react.useEffect)((()=>{null!==scrollScrolling&&refScrollPane.current&&refScrollPane.current.scrollTo({behavior:"smooth",[dimStart]:scrollScrolling})}),[scrollScrolling,isVertical]);const scrollStart=(0,react.useCallback)(((jumpTo,isJump=!1)=>{if(!refScrollPane.current)return 0;const firstChild=refScrollPane.current.querySelector(".scrollbar-viewport"),refLocation=firstChild.getBoundingClientRect(),children=firstChild.children,newStart=isJump?0:(0,scrollUtils.D)(jumpTo,refLocation[dimStart],children,!0,Math.max(0,jumpTo-scrollButtonIncrement));return setScrollScrolling(newStart),Math.max(0,newStart)}),[]),scrollEnd=(0,react.useCallback)(((jumpTo,isJump=!1)=>{if(!refScrollPane.current)return 0;const firstChild=refScrollPane.current.querySelector(".scrollbar-viewport"),refLocation=firstChild.getBoundingClientRect(),children=firstChild.children,max=Math.ceil(lengthViewport-lengthContainer),newEnd=isJump?max:(0,scrollUtils.D)(jumpTo,refLocation[dimStart],children,!1,Math.max(0,jumpTo+scrollButtonIncrement));return setScrollScrolling(newEnd),Math.min(max,newEnd)}),[lengthViewport,lengthContainer]),refOffsetInFlight=(0,react.useRef)(null),handleScroll=(0,react.useCallback)((e=>{refOffsetInFlight.current=propOffset;const newScrollOffset=e.target[dimScrollStart];onScrollOffset(newScrollOffset,propViewportSize,propTotalSize),onScroll?.(e)}),[onScrollOffset,propViewportSize,propTotalSize,propOffset]);(0,react.useEffect)((()=>{const lastPropInFlight=refOffsetInFlight.current;refOffsetInFlight.current=null,propOffset!==lastPropInFlight&&(refScrollPane.current[dimScrollStart]=propOffset)}),[propOffset,dimScrollStart]);const timerRef=(0,react.useRef)(null),scrollingToRef=(0,react.useRef)(null),stopScrolling=(0,react.useCallback)((()=>{timerRef.current&&(clearTimeout(timerRef.current),timerRef.current=null,scrollingToRef.current=null)}),[]),startScrolling=(0,react.useCallback)(((start,isFirst,scrollToStart,delay=scrollButtonInitialRepeatDelay)=>{scrollingToRef.current=start,timerRef.current=setTimeout((()=>{const newScroll=scrollToStart?scrollStart(scrollingToRef.current||start):scrollEnd(scrollingToRef.current||start);newScroll!==scrollingToRef.current?startScrolling(newScroll,!1,scrollToStart,scrollButtonAdditionalRepeatDelay):stopScrolling()}),isFirst?0:delay)}),[scrollStart,scrollEnd,stopScrolling]);(0,react.useEffect)((()=>()=>stopScrolling()),[stopScrolling]);const scrollOffset=propOffset,scrollStartButton=(0,react.useMemo)((()=>{if(!showCustomScrollButtons)return null;const props={orientation,disabled:Math.floor(scrollOffset)<=0||0===Math.floor(lengthViewport-lengthContainer),onMouseUp:stopScrolling,onMouseLeave:stopScrolling,onMouseDown:()=>startScrolling(scrollOffset,!0,!0)};return createScrollStartButton?.(props)}),[showCustomScrollButtons,orientation,scrollOffset,scrollScrolling,lengthViewport,lengthContainer]),scrollEndButton=(0,react.useMemo)((()=>{if(!showCustomScrollButtons)return null;const props={orientation,disabled:Math.floor(lengthViewport-lengthContainer)<=Math.ceil(scrollOffset),onMouseUp:stopScrolling,onMouseLeave:stopScrolling,onMouseDown:()=>startScrolling(scrollOffset,!0,!1)};return createScrollEndButton?.(props)}),[showCustomScrollButtons,orientation,scrollOffset,scrollScrolling,lengthViewport,lengthContainer]);return(0,jsx_runtime.jsxs)("div",{ref:refForwarded,style:{display:"flex",flex:"1",flexDirection:isVertical?"column":"row",padding:"0",...propStyle},className:(0,clsx_m.A)(scroll_Scrollbar_module["sheetxl-scrollbar"],propClassName),...rest,children:[scrollStartButton,(0,jsx_runtime.jsx)("div",{style:{flex:"1 1 100%",display:"flex",boxSizing:"content-box",flexDirection:isVertical?"row":"column",justifyContent:"stretch"},ref:refMeasureContainer,children:(0,jsx_runtime.jsx)("div",{tabIndex:-1,style:{display:"flex 1 100%",overflowY:isVertical?"scroll":"hidden",overflowX:isVertical?"hidden":"scroll",position:"relative",willChange:"transform"},onScroll:handleScroll,ref:refScrollPane,children:(0,jsx_runtime.jsx)("div",{ref:refMeasureViewport,style:{position:"absolute",height:isVertical?propTotalSize-propViewportSize+heightContainer:1,width:isVertical?1:propTotalSize-propViewportSize+widthContainer},className:"scrollbar-viewport"})})}),scrollEndButton]})}))),scroll_Scrollbar=Scrollbar},"../../packages/common-react/src/scroll/scrollUtils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{D:()=>getScrollTo});const getScrollTo=(currentLocation,boundary,children,isLeft,defaultValue=0)=>{for(let i=0;i<children.length;i++){const childBounds=children[i].getBoundingClientRect();let relativeLeft=childBounds.left-boundary,relativeRight=relativeLeft+childBounds.width;if(isLeft){if(relativeLeft<currentLocation&&relativeRight>=currentLocation)return relativeLeft}else if(Math.ceil(relativeRight)>Math.ceil(currentLocation)+2)return relativeRight}return defaultValue}},"../../node_modules/clsx/dist/clsx.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}},"../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!../../packages/common-react/src/scroll/Scrollbar.module.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/css-loader/dist/runtime/noSourceMaps.js"),_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"/**\n * CSS files with the .module.css suffix will be treated as CSS modules\n * and scoped locally.\n Note - this isn't working but was meant to enabled default scrollbuttons to play nicely with rounded corners\n */\n.kVSVx_FnaDWX_J8jXSBQ {\n /* & ::-webkit-scrollbar {\n background: gre;\n } */\n & ::-webkit-scrollbar-button {\n background: transparent;\n }\n\n}",""]),___CSS_LOADER_EXPORT___.locals={"sheetxl-scrollbar":"kVSVx_FnaDWX_J8jXSBQ"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../../node_modules/css-loader/dist/runtime/api.js":module=>{module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]||(void 0!==layer&&(void 0===item[5]||(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"../../node_modules/css-loader/dist/runtime/noSourceMaps.js":module=>{module.exports=function(i){return i[1]}},"../../node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"../../node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"../../node_modules/react-use/esm/misc/util.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Bd:()=>isBrowser,lQ:()=>noop});var noop=function(){};var isBrowser="undefined"!=typeof window},"../../node_modules/react-use/esm/useIsomorphicLayoutEffect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("../../node_modules/react-use/esm/misc/util.js").Bd?react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect:react__WEBPACK_IMPORTED_MODULE_0__.useEffect},"../../node_modules/react-use/esm/useMeasure.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react-use/esm/useIsomorphicLayoutEffect.js"),_misc_util__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react-use/esm/misc/util.js"),defaultState={x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0};const __WEBPACK_DEFAULT_EXPORT__=_misc_util__WEBPACK_IMPORTED_MODULE_2__.Bd&&void 0!==window.ResizeObserver?function useMeasure(){var _a=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),element=_a[0],ref=_a[1],_b=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(defaultState),rect=_b[0],setRect=_b[1],observer=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((function(){return new window.ResizeObserver((function(entries){if(entries[0]){var _a=entries[0].contentRect,x=_a.x,y=_a.y,width=_a.width,height=_a.height,top_1=_a.top,left=_a.left,bottom=_a.bottom,right=_a.right;setRect({x,y,width,height,top:top_1,left,bottom,right})}}))}),[]);return(0,_useIsomorphicLayoutEffect__WEBPACK_IMPORTED_MODULE_1__.A)((function(){if(element)return observer.observe(element),function(){observer.disconnect()}}),[element]),[ref,rect]}:function(){return[_misc_util__WEBPACK_IMPORTED_MODULE_2__.lQ,defaultState]}},"../../node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("../../node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"../../node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("../../node_modules/react/cjs/react-jsx-runtime.production.min.js")},"../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":module=>{var stylesInDOM=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i<stylesInDOM.length;i++)if(stylesInDOM[i].identifier===identifier){result=i;break}return result}function modulesToDom(list,options){for(var idCountMap={},identifiers=[],i=0;i<list.length;i++){var item=list[i],id=options.base?item[0]+options.base:item[0],count=idCountMap[id]||0,identifier="".concat(id," ").concat(count);idCountMap[id]=count+1;var indexByIdentifier=getIndexByIdentifier(identifier),obj={css:item[1],media:item[2],sourceMap:item[3],supports:item[4],layer:item[5]};if(-1!==indexByIdentifier)stylesInDOM[indexByIdentifier].references++,stylesInDOM[indexByIdentifier].updater(obj);else{var updater=addElementStyle(obj,options);options.byIndex=i,stylesInDOM.splice(i,0,{identifier,updater,references:1})}identifiers.push(identifier)}return identifiers}function addElementStyle(obj,options){var api=options.domAPI(options);api.update(obj);return function updater(newObj){if(newObj){if(newObj.css===obj.css&&newObj.media===obj.media&&newObj.sourceMap===obj.sourceMap&&newObj.supports===obj.supports&&newObj.layer===obj.layer)return;api.update(obj=newObj)}else api.remove()}}module.exports=function(list,options){var lastIdentifiers=modulesToDom(list=list||[],options=options||{});return function update(newList){newList=newList||[];for(var i=0;i<lastIdentifiers.length;i++){var index=getIndexByIdentifier(lastIdentifiers[i]);stylesInDOM[index].references--}for(var newLastIdentifiers=modulesToDom(newList,options),_i=0;_i<lastIdentifiers.length;_i++){var _index=getIndexByIdentifier(lastIdentifiers[_i]);0===stylesInDOM[_index].references&&(stylesInDOM[_index].updater(),stylesInDOM.splice(_index,1))}lastIdentifiers=newLastIdentifiers}}},"../../node_modules/style-loader/dist/runtime/insertBySelector.js":module=>{var memo={};module.exports=function insertBySelector(insert,style){var target=function getTarget(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&&styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}(insert);if(!target)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");target.appendChild(style)}},"../../node_modules/style-loader/dist/runtime/insertStyleElement.js":module=>{module.exports=function insertStyleElement(options){var element=document.createElement("style");return options.setAttributes(element,options.attributes),options.insert(element,options.options),element}},"../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=function setAttributesWithoutAttributes(styleElement){var nonce=__webpack_require__.nc;nonce&&styleElement.setAttribute("nonce",nonce)}},"../../node_modules/style-loader/dist/runtime/styleDomAPI.js":module=>{module.exports=function domAPI(options){if("undefined"==typeof document)return{update:function update(){},remove:function remove(){}};var styleElement=options.insertStyleElement(options);return{update:function update(obj){!function apply(styleElement,options,obj){var css="";obj.supports&&(css+="@supports (".concat(obj.supports,") {")),obj.media&&(css+="@media ".concat(obj.media," {"));var needLayer=void 0!==obj.layer;needLayer&&(css+="@layer".concat(obj.layer.length>0?" ".concat(obj.layer):""," {")),css+=obj.css,needLayer&&(css+="}"),obj.media&&(css+="}"),obj.supports&&(css+="}");var sourceMap=obj.sourceMap;sourceMap&&"undefined"!=typeof btoa&&(css+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))," */")),options.styleTagTransform(css,styleElement,options.options)}(styleElement,options,obj)},remove:function remove(){!function removeStyleElement(styleElement){if(null===styleElement.parentNode)return!1;styleElement.parentNode.removeChild(styleElement)}(styleElement)}}}},"../../node_modules/style-loader/dist/runtime/styleTagTransform.js":module=>{module.exports=function styleTagTransform(css,styleElement){if(styleElement.styleSheet)styleElement.styleSheet.cssText=css;else{for(;styleElement.firstChild;)styleElement.removeChild(styleElement.firstChild);styleElement.appendChild(document.createTextNode(css))}}},"../../packages/common-react/node_modules/clsx/dist/clsx.m.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}}}]);