@teambit/node 0.0.985 → 0.0.987

package/artifacts/env-template/public/{366.f787864e7d6f98098a22.js → 366.c007f86d86917b13b3d0.js}

@@ -22,11 +22,11 @@ Run "bit envs" to see other components that uses the same env`)}}exports.Preview
       }
     }
   }
-`;async function fetchComponentAspects(componentId){try{return(await(0,_graphqlRequest().request)(GQL_SERVER,GET_COMPONENT_ASPECTS,{id:componentId.toString()})).getHost.get.aspects.map(x=>x.id)}catch(err){console.error(`[gql] error on "getComponentAspects" - "${err.toString()}"`);return}}},79271:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadLink=loadLink,exports.loadScript=loadScript;function loadScript({src}){return new Promise((resolve,reject)=>{const script=document.createElement("script");script.setAttribute("defer","defer"),script.src=src,script.onload=()=>resolve(),script.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load script: ${message}`)),document.head.appendChild(script)})}function loadLink({href}){return new Promise((resolve,reject)=>{const link=document.createElement("link");href.endsWith(".css")&&link.setAttribute("rel","stylesheet"),link.setAttribute("href",href),link.onload=()=>resolve(),link.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load link: ${message}`)),document.head.appendChild(link)})}},49471:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={PreviewAspect:!0,PreviewRuntime:!0,PreviewEnv:!0,Preview:!0,PreviewDefinition:!0,ENV_PREVIEW_STRATEGY_NAME:!0,COMPONENT_PREVIEW_STRATEGY_NAME:!0};Object.defineProperty(exports,"COMPONENT_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return _strategiesNames().COMPONENT_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(exports,"ENV_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return _strategiesNames().ENV_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(exports,"Preview",{enumerable:!0,get:function(){return _previewEnv().Preview}}),Object.defineProperty(exports,"PreviewAspect",{enumerable:!0,get:function(){return _preview().PreviewAspect}}),Object.defineProperty(exports,"PreviewDefinition",{enumerable:!0,get:function(){return _previewDefinition().PreviewDefinition}}),Object.defineProperty(exports,"PreviewEnv",{enumerable:!0,get:function(){return _previewEnv().PreviewEnv}}),Object.defineProperty(exports,"PreviewRuntime",{enumerable:!0,get:function(){return _preview().PreviewRuntime}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _preview().PreviewAspect}});function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}var _events=__webpack_require__(67335);Object.keys(_events).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_events[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _events[key]}})});function _previewEnv(){const data=__webpack_require__(18155);return _previewEnv=function(){return data},data}function _previewDefinition(){const data=__webpack_require__(15739);return _previewDefinition=function(){return data},data}function _strategiesNames(){const data=__webpack_require__(87144);return _strategiesNames=function(){return data},data}},15739:()=>{"use strict"},18155:()=>{"use strict"},2094:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewModules=exports.PREVIEW_MODULES=void 0,exports.linkModules=linkModules;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}class PreviewModules extends Map{constructor(...args){super(...args);(0,_defineProperty2().default)(this,"onSet",new Set)}set(id,preview){return super.set(id,preview),this.onSet.forEach(callback=>callback()),this}loadComponentPreviews(compId,previews){Object.entries(previews).forEach(([previewName,moduleFile])=>{const preview=this.get(previewName);!preview||(preview.componentMap[compId]=moduleFile)})}}exports.PreviewModules=PreviewModules;const PREVIEW_MODULES=new PreviewModules;exports.PREVIEW_MODULES=PREVIEW_MODULES;function linkModules(previewName,previewModule){PREVIEW_MODULES.set(previewName,previewModule)}},22395:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PreviewRuntime=exports.PreviewAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PreviewRuntime=new(_harmony()).RuntimeDefinition("preview");exports.PreviewRuntime=PreviewRuntime;const PreviewAspect=_harmony().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:PreviewRuntime});exports.PreviewAspect=PreviewAspect;var _default=PreviewAspect;exports.default=_default},74649:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),__webpack_require__(88674),__webpack_require__(74916),__webpack_require__(60285),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0,Object.defineProperty(exports,"Bu",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _pubsub(){const data=_interopRequireDefault(__webpack_require__(23179));return _pubsub=function(){return data},data}function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _crossFetch(){const data=_interopRequireDefault(__webpack_require__(54098));return _crossFetch=function(){return data},data}function _memoizee(){const data=_interopRequireDefault(__webpack_require__(34156));return _memoizee=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _exceptions(){const data=__webpack_require__(67166);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(67335);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(85216);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(73110);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(2094);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(79271);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(14285);return _sizeEvent=function(){return data},data}class PreviewPreview{constructor(pubsub,previewSlot,renderingContextSlot){this.pubsub=pubsub,this.previewSlot=previewSlot,this.renderingContextSlot=renderingContextSlot,(0,_defineProperty2().default)(this,"isDev",!1),(0,_defineProperty2().default)(this,"_setupPromise",void 0),(0,_defineProperty2().default)(this,"setup",()=>{var _this$_setupPromise;return this.isReady()?Promise.resolve():((_this$_setupPromise=this._setupPromise)!==null&&_this$_setupPromise!==void 0||(this._setupPromise=new Promise(resolve=>{_previewModules().PREVIEW_MODULES.onSet.add(()=>{this.isReady()&&resolve()})})),this._setupPromise)}),(0,_defineProperty2().default)(this,"render",async rootExt=>{window.document.body.style.width="fit-content";const{previewName,componentId,envId}=this.getLocation(),name=previewName||this.getDefault();rootExt&&(this.isDev=rootExt==="teambit.workspace/workspace");const preview=this.getPreview(name);if(!preview||!componentId)throw new(_exceptions()).PreviewNotFound(previewName);const includesAll=await Promise.all((preview.include||[]).map(async inclPreviewName=>{var _includedPreview$sele;const includedPreview=this.getPreview(inclPreviewName);if(!includedPreview)return;const inclPreviewModule=await this.getPreviewModule(inclPreviewName,componentId);return(_includedPreview$sele=includedPreview.selectPreviewModel)===null||_includedPreview$sele===void 0?void 0:_includedPreview$sele.call(includedPreview,componentId.fullName,inclPreviewModule)})),query=this.getQuery(),includes=this.getParam(query,"skipIncludes")==="true"?[]:includesAll.filter(module=>!!module),componentAspects=this.isDev?await this.getComponentAspects(componentId.toString()):void 0,previewModule=await this.getPreviewModule(name,componentId),render=preview.render(componentId,envId||"",previewModule,includes,this.getRenderingContext(componentAspects));return this.reportSize(),this.setViewport(),render}),(0,_defineProperty2().default)(this,"getComponentAspects",(0,_memoizee().default)(_fetchComponentAspects().fetchComponentAspects,{max:100,maxAge:12*60*60*1e3})),this.registerClickPubSub()}registerClickPubSub(){window.addEventListener("click",e=>{const timestamp=Date.now(),clickEvent=Object.assign({},e);this.pubsub.pub(_preview().PreviewAspect.id,new(_events()).ClickInsideAnIframeEvent(timestamp,clickEvent))})}isReady(){var _preview$include$ever,_preview$include;const{previewName}=this.getLocation(),name=previewName||this.getDefault();if(!_previewModules().PREVIEW_MODULES.has(name))return!1;const preview=this.getPreview(name);return!(!preview||!((_preview$include$ever=(_preview$include=preview.include)===null||_preview$include===void 0?void 0:_preview$include.every(included=>_previewModules().PREVIEW_MODULES.has(included)))!==null&&_preview$include$ever!==void 0?_preview$include$ever:!0))}setViewport(){const query=this.getQuery(),viewPort=this.getParam(query,"viewport");if(!viewPort){window.document.body.style.width="100%";return}window.document.body.style.maxWidth=`${viewPort}px`}reportSize(){var _window,_window2;if(!((_window=window)!==null&&_window!==void 0&&_window.parent)||!((_window2=window)!==null&&_window2!==void 0&&_window2.document))return;const sendPubsubEvent=()=>{this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))};window.document.body.addEventListener("resize",(0,_lodash().debounce)(sendPubsubEvent,300));let counter=0;const interval=setInterval(()=>{if(counter+=1,counter>10){clearInterval(interval);return}this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))},200)}async getPreviewModule(previewName,id){const compShortId=id.fullName,relevantModel=_previewModules().PREVIEW_MODULES.get(previewName);if(!relevantModel)throw new Error(`[preview.preview] missing preview "${previewName}"`);if(relevantModel.componentMap[compShortId])return relevantModel;const componentPreviews=await this.fetchComponentPreview(id,previewName);_previewModules().PREVIEW_MODULES.loadComponentPreviews(compShortId,componentPreviews);const component=componentPreviews[previewName],metadata=componentPreviews[`${previewName}_metadata`];return{modulesMap:relevantModel.modulesMap,componentMap:{[id.fullName]:component},componentMapMetadata:{[id.fullName]:metadata}}}async fetchComponentPreview(id,name){let previewFile;const allFiles=await this.fetchComponentPreviewFiles(id,name);return allFiles===null?{}:(await Promise.all(allFiles.map(file=>{if(file.endsWith("-preview.js")){previewFile=file;return}return this.addComponentFileElement(id,file)})),previewFile?this.loadPreviewScript(id,name,previewFile):{})}addComponentFileElement(id,previewBundleFileName){if(previewBundleFileName.endsWith(".js"))return this.addComponentFileScriptElement(id,previewBundleFileName);this.addComponentFileLinkElement(id,previewBundleFileName).catch(err=>{throw new Error(`[preview.preview] failed loading asset "${previewBundleFileName}". Error - "${err?.toString()}"`)})}async fetchComponentPreviewFiles(id,previewName){const previewAssetsRoute="~aspect/preview-assets",url=`/api/${id.toString()}/${previewAssetsRoute}`,res=await(0,_crossFetch().default)(url);if(res.status>=400)throw new(_exceptions()).PreviewNotFound(previewName);const parsed=await res.json();if(parsed.isBundledWithEnv)return null;if(!parsed.files||!parsed.files.length)throw new(_exceptions()).PreviewNotFound(previewName);return parsed.files}addComponentFileScriptElement(id,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;return(0,_htmlUtils().loadScript)({src})}addComponentFileLinkElement(id,previewBundleFileName){const href=`/api/${id.toString()}/~aspect/component-preview/${previewBundleFileName}`;return(0,_htmlUtils().loadLink)({href})}async loadPreviewScript(id,previewName,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;await(0,_htmlUtils().loadScript)({src});const globalId=`${id.toStringWithoutVersion()}-preview`,componentPreview=window[globalId];if(!componentPreview)throw new(_exceptions()).PreviewNotFound(previewName);return componentPreview}registerPreview(preview){return this.previewSlot.register(preview),this}getRenderingContext(aspectsFilter){return new(_renderingContext()).RenderingContext(this.renderingContextSlot,{aspectsFilter})}registerRenderContext(renderContext){return this.renderingContextSlot.register(renderContext),this}getDefault(){const previews=this.previewSlot.values(),defaultOne=previews.find(previewCandidate=>previewCandidate.default);return defaultOne?.name||previews[0].name}getPreview(previewName){return this.previewSlot.values().find(previewCandidate=>previewCandidate.name===previewName)}getParam(query,param){return new URLSearchParams(query).get(param)}getQuery(){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?");return after}getLocation(){const withoutHash=window.location.hash.substring(1),[before,after]=withoutHash.split("?");return{previewName:this.getParam(after,"preview"),envId:this.getParam(after,"env"),componentId:_componentId().ComponentID.tryFromString(before)}}static async provider([pubsub],config,[previewSlot,renderingContextSlot]){const preview=new PreviewPreview(pubsub,previewSlot,renderingContextSlot);return window.addEventListener("hashchange",()=>{preview.render()}),preview}}__webpack_unused_export__=PreviewPreview,(0,_defineProperty2().default)(PreviewPreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(PreviewPreview,"dependencies",[_pubsub().default]),(0,_defineProperty2().default)(PreviewPreview,"slots",[_harmony().Slot.withType(),_harmony().Slot.withType()]),_preview().PreviewAspect.addRuntime(PreviewPreview)},85216:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RenderingContext=void 0;class RenderingContext{constructor(contexts,options={}){this.contexts=contexts,this.options=options}get(aspectId){const contextFactory=this.contexts.get(aspectId);return contextFactory?.(this.options)}}exports.RenderingContext=RenderingContext},14285:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _pubsub(){const data=__webpack_require__(23179);return _pubsub=function(){return data},data}class SizeEvent extends _pubsub().BitBaseEvent{constructor(sizeEvent){super(SizeEvent.TYPE,"0.0.1",new Date().getTime(),sizeEvent)}}exports.SizeEvent=SizeEvent,(0,_defineProperty2().default)(SizeEvent,"TYPE","preview-size")},87144:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ENV_PREVIEW_STRATEGY_NAME=exports.COMPONENT_PREVIEW_STRATEGY_NAME=void 0;const ENV_PREVIEW_STRATEGY_NAME="env";exports.ENV_PREVIEW_STRATEGY_NAME=ENV_PREVIEW_STRATEGY_NAME;const COMPONENT_PREVIEW_STRATEGY_NAME="component";exports.COMPONENT_PREVIEW_STRATEGY_NAME=COMPONENT_PREVIEW_STRATEGY_NAME},43979:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitBaseEvent=void 0;class BitBaseEvent{constructor(type,version,timestamp,data){this.type=type,this.version=version,this.timestamp=timestamp,this.data=data}}exports.BitBaseEvent=BitBaseEvent},23179:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BitBaseEvent",{enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}}),Object.defineProperty(exports,"PubSubRegistry",{enumerable:!0,get:function(){return _pubsubContext().PubSubRegistry}}),Object.defineProperty(exports,"PubsubAspect",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"usePubSub",{enumerable:!0,get:function(){return _pubsubContext().usePubSub}}),Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(43979);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(17796);return _pubsubContext=function(){return data},data}},14339:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PubSubNoParentError=void 0;class PubSubNoParentError extends Error{constructor(){super("could not connect to parent window");this.name="PubSubNoParentError"}}exports.PubSubNoParentError=PubSubNoParentError},17796:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createProvider=createProvider,exports.pubsubRegistry=void 0,exports.usePubSub=usePubSub,exports.usePubSubIframe=usePubSubIframe;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}const pubsubRegistry=(0,_react().createContext)(void 0);exports.pubsubRegistry=pubsubRegistry;function createProvider(pubSubContext){return({children})=>_react().default.createElement(pubsubRegistry.Provider,{value:pubSubContext},children)}function usePubSub(){return(0,_react().useContext)(pubsubRegistry)}function usePubSubIframe(ref){const pubSub=usePubSub();(0,_react().useEffect)(()=>{if(!(ref!=null&&ref.current)||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},56646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PubsubAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});exports.PubsubAspect=PubsubAspect;var _default=PubsubAspect;exports.default=_default},53707:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(64836);__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(53518);return _uiFoundationUi=function(){return data},data}function _eventemitter(){const data=__webpack_require__(56387);return _eventemitter=function(){return data},data}function _penpal(){const data=__webpack_require__(65859);return _penpal=function(){return data},data}function _noParentError(){const data=__webpack_require__(14339);return _noParentError=function(){return data},data}function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}class PubsubPreview{constructor(){(0,_defineProperty2().default)(this,"_parentPubsub",void 0),(0,_defineProperty2().default)(this,"events",new(_eventemitter()).EventEmitter2),(0,_defineProperty2().default)(this,"connectToParentPubSub",(retries=10)=>{if(retries<=0)throw new(_noParentError()).PubSubNoParentError;return(0,_penpal().connectToParent)({timeout:300,methods:{pub:this.handleMessageFromParent}}).promise.then(parentPubsub=>this._parentPubsub=parentPubsub).catch(e=>{if(e.code!==_penpal().ErrorCode.ConnectionTimeout)throw e;return this.connectToParentPubSub(retries-1)})}),(0,_defineProperty2().default)(this,"handleMessageFromParent",(topic,message)=>{this.events.emit(topic,message)})}sub(topic,callback){const emitter=this.events;return emitter.on(topic,callback),()=>{emitter.off(topic,callback)}}pub(topic,event){var _this$_parentPubsub;this.events.emit(topic,event),(_this$_parentPubsub=this._parentPubsub)===null||_this$_parentPubsub===void 0||_this$_parentPubsub.pub(topic,event).catch(err=>{console.error("[Pubsub.preview]",err)})}inIframe(){try{return _uiFoundationUi().isBrowser&&window.self!==window.top}catch{return!1}}static async provider(){const pubsubPreview=new PubsubPreview;return pubsubPreview.inIframe()&&pubsubPreview.connectToParentPubSub().catch(err=>{err instanceof _noParentError().PubSubNoParentError||console.error("[Pubsub.preview]",err)}),pubsubPreview}}__webpack_unused_export__=PubsubPreview,(0,_defineProperty2().default)(PubsubPreview,"runtime",_preview().PreviewRuntime),_pubsub().PubsubAspect.addRuntime(PubsubPreview)},38117:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ReactNativeAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const ReactNativeAspect=_harmony().Aspect.create({id:"teambit.react/react-native"});exports.ReactNativeAspect=ReactNativeAspect;var _default=ReactNativeAspect;exports.default=_default},65883:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _react(){const data=__webpack_require__(32750);return _react=function(){return data},data}function _reactNative(){const data=__webpack_require__(38117);return _reactNative=function(){return data},data}class ReactNativePreview{constructor(reactPreview,preview){this.reactPreview=reactPreview,this.preview=preview,(0,_defineProperty2().default)(this,"registerProvider",this.reactPreview.registerProvider.bind(this.reactPreview)),(0,_defineProperty2().default)(this,"getRenderingContext",this.reactPreview.getRenderingContext.bind(this.reactPreview))}static async provider([reactPreview,preview]){const reactNativePreview=new ReactNativePreview(reactPreview,preview);return preview.registerRenderContext(reactNativePreview.getRenderingContext),reactNativePreview}}__webpack_unused_export__=ReactNativePreview,(0,_defineProperty2().default)(ReactNativePreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(ReactNativePreview,"slots",[]),(0,_defineProperty2().default)(ReactNativePreview,"dependencies",[_react().ReactAspect,_preview().PreviewAspect]),_reactNative().ReactNativeAspect.addRuntime(ReactNativePreview);var _default=ReactNativePreview;__webpack_unused_export__=_default},30329:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fiberToPrototype=exports.toRootFiber=exports.domToFiber=void 0;const react17Key="__reactFiber",react16Key="__reactInternalInstance";function domToFiber(element){if(!element)return null;const fiberKey=Object.keys(element).find(key=>key.startsWith(react17Key)||key.startsWith(react16Key));if(!fiberKey)return null;const fiberNode=element[fiberKey];return fiberNode||null}exports.domToFiber=domToFiber;function toRootFiber(fiberNode){for(let current=fiberNode;current!==null&&current.type!==null;current=current.return)if(typeof current.type=="function"||typeof current.type=="object"&&typeof current.type.render=="function")return current;return null}exports.toRootFiber=toRootFiber;function fiberToPrototype(fiberNode){var _a;return((_a=toRootFiber(fiberNode))===null||_a===void 0?void 0:_a.type)||null}exports.fiberToPrototype=fiberToPrototype},33773:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.domToReacts=exports.domToReact=exports.toRootElement=void 0;const dom_to_fiber_1=__webpack_require__(30329);function toRootElement(element){const rootFiber=(0,dom_to_fiber_1.toRootFiber)((0,dom_to_fiber_1.domToFiber)(element));if(!rootFiber)return null;for(let current=element;current;current=current.parentElement){const fiberNode=(0,dom_to_fiber_1.domToFiber)(current);if(!fiberNode)return null;const parent2=fiberNode.return;if(fiberNode===rootFiber||parent2===rootFiber)return current}return null}exports.toRootElement=toRootElement;function domToReact(element){return domToReacts(element).pop()}exports.domToReact=domToReact;function domToReacts(element){if(element===null)return[];const fiberNode=(0,dom_to_fiber_1.domToFiber)(element),rootFiber=(0,dom_to_fiber_1.toRootFiber)(fiberNode);return componentsOf(rootFiber)}exports.domToReacts=domToReacts;function componentsOf(fiberNode){const components=[];let current=fiberNode;for(;current&&current.type!==null&&typeof current.type!="string";)components.push(current.type),current=current.return;return components}},35450:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fiberToPrototype=exports.toRootFiber=exports.domToFiber=exports.toRootElement=exports.domToReacts=exports.domToReact=void 0;var dom_to_react_1=__webpack_require__(33773);Object.defineProperty(exports,"domToReact",{enumerable:!0,get:function(){return dom_to_react_1.domToReact}}),Object.defineProperty(exports,"domToReacts",{enumerable:!0,get:function(){return dom_to_react_1.domToReacts}}),Object.defineProperty(exports,"toRootElement",{enumerable:!0,get:function(){return dom_to_react_1.toRootElement}});var dom_to_fiber_1=__webpack_require__(30329);Object.defineProperty(exports,"domToFiber",{enumerable:!0,get:function(){return dom_to_fiber_1.domToFiber}}),Object.defineProperty(exports,"toRootFiber",{enumerable:!0,get:function(){return dom_to_fiber_1.toRootFiber}}),Object.defineProperty(exports,"fiberToPrototype",{enumerable:!0,get:function(){return dom_to_fiber_1.fiberToPrototype}})},93130:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChildrenHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),hybrid_highlighter_1=__webpack_require__(90995);function ChildrenHighlighter(_a){var{watchMotion=!1}=_a,props=__rest(_a,["watchMotion"]);return react_1.default.createElement(hybrid_highlighter_1.HybridHighlighter,Object.assign({},props,{mode:"allChildren",watchMotion}))}exports.ChildrenHighlighter=ChildrenHighlighter},31524:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChildrenHighlighter=exports.useChildrenHighlighter=void 0;var use_children_highlighter_1=__webpack_require__(87605);Object.defineProperty(exports,"useChildrenHighlighter",{enumerable:!0,get:function(){return use_children_highlighter_1.useChildrenHighlighter}});var children_highlighter_1=__webpack_require__(93130);Object.defineProperty(exports,"ChildrenHighlighter",{enumerable:!0,get:function(){return children_highlighter_1.ChildrenHighlighter}})},87605:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useChildrenHighlighter=void 0;const react_1=__webpack_require__(67294),get_xpath_1=__importDefault(__webpack_require__(4825)),react_modules_dom_to_react_1=__webpack_require__(35450),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),ignore_highlighter_1=__webpack_require__(84486),rule_matcher_1=__webpack_require__(93008);function useChildrenHighlighter({onChange,disabled,scopeRef,scopeClass:scopeSelector="",rule,componentRule}){(0,react_1.useEffect)(()=>{const nextTargets={},scopeElement=scopeRef.current;if(!scopeElement||disabled)return;let allElements=Array.from(scopeElement.querySelectorAll(targetsSelector(`.${scopeSelector}`)));rule&&(allElements=allElements.filter(elem=>(0,rule_matcher_1.ruleMatcher)(elem,rule)));const rootElements=allElements.map(react_modules_dom_to_react_1.toRootElement).filter(x=>!!x);new Set(rootElements).forEach(element=>{if(!element)return;const componentsWithMeta=(0,react_modules_dom_to_react_1.domToReacts)(element).filter(x=>(0,react_ui_highlighter_component_metadata_bit_component_meta_1.hasComponentMeta)(x)&&(0,rule_matcher_1.componentRuleMatcher)({meta:x[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]},componentRule));if(componentsWithMeta.length<1)return;const key=(0,get_xpath_1.default)(element);nextTargets[key]={element,components:componentsWithMeta}}),onChange(nextTargets)},[disabled,scopeSelector])}exports.useChildrenHighlighter=useChildrenHighlighter;function targetsSelector(scopeSelector=":scope"){const excludedSelector=`${scopeSelector} ${ignore_highlighter_1.excludeHighlighterSelector}, ${scopeSelector} ${ignore_highlighter_1.excludeHighlighterSelector} *`,skippedSelector=`${scopeSelector} ${ignore_highlighter_1.skipHighlighterSelector}, ${scopeSelector} ${ignore_highlighter_1.skipHighlighterSelector} *`;return`:not(${excludedSelector}, ${skippedSelector})`}},41807:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ElementHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),frame_1=__webpack_require__(91331),label_1=__webpack_require__(90608),ignore_highlighter_1=__webpack_require__(84486),element_highlighter_module_scss_1=__importDefault(__webpack_require__(38053));function ElementHighlighter(_a){var{targetRef,components,placement="top",watchMotion,className,classes}=_a,props=__rest(_a,["targetRef","components","placement","watchMotion","className","classes"]);return react_1.default.createElement("div",Object.assign({},props,ignore_highlighter_1.skipHighlighterAttr,{className:(0,classnames_1.default)(classes?.container,element_highlighter_module_scss_1.default.container,className)}),react_1.default.createElement(frame_1.Frame,{targetRef,className:(0,classnames_1.default)(element_highlighter_module_scss_1.default.frame,classes?.frame),watchMotion}),components&&react_1.default.createElement(label_1.LabelContainer,{targetRef,className:element_highlighter_module_scss_1.default.label,placement,watchMotion},react_1.default.createElement(label_1.Label,{components,className:classes?.label})))}exports.ElementHighlighter=ElementHighlighter},76308:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ElementHighlighter=void 0;var element_highlighter_1=__webpack_require__(41807);Object.defineProperty(exports,"ElementHighlighter",{enumerable:!0,get:function(){return element_highlighter_1.ElementHighlighter}})},58580:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value2){return value2 instanceof P?value2:new P(function(resolve){resolve(value2)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value2){try{step(generator.next(value2))}catch(e){reject(e)}}function rejected(value2){try{step(generator.throw(value2))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),react_dom_1=__webpack_require__(36728),frame_module_scss_1=__importDefault(__webpack_require__(26448)),MARGIN_FROM_TARGET=+frame_module_scss_1.default.offset||6,MARGIN_FROM_DOC_EDGE=0,overflowParameters={rootBoundary:"document",padding:MARGIN_FROM_DOC_EDGE},SHIFT_POSITIVE="shiftPositive",HAS_RESIZE_OBSERVER=typeof window<"u"&&!!window.ResizeObserver;function Frame({targetRef,watchMotion,className,stylesClass=frame_module_scss_1.default.overlayBorder,style}){var _a;const dimensionRef=(0,react_1.useRef)({width:0,height:0}),{x,y,strategy,reference,floating,update,refs,middlewareData}=(0,react_dom_1.useFloating)({placement:"bottom-start",middleware:[{name:"align-to-target",fn({rects}){return rects.floating=Object.assign(Object.assign({},rects.floating),{width:rects.reference.width+2*MARGIN_FROM_TARGET,height:rects.reference.height+2*MARGIN_FROM_TARGET}),{}}},(0,react_dom_1.offset)(({rects})=>-rects.reference.height),(0,react_dom_1.offset)(()=>({mainAxis:-MARGIN_FROM_TARGET,crossAxis:-MARGIN_FROM_TARGET})),{name:"shiftPositive",fn:args=>__awaiter(this,void 0,void 0,function*(){const overflow=yield(0,react_dom_1.detectOverflow)(args,overflowParameters),nextCoords={x:overflow.left>0?args.x+overflow.left:args.x,y:overflow.top>0?args.y+overflow.top:args.y},shiftAmount={x:nextCoords.x-args.x,y:nextCoords.y-args.y};return Object.assign(Object.assign({},nextCoords),{data:shiftAmount})})},(0,react_dom_1.size)({rootBoundary:"document",padding:MARGIN_FROM_DOC_EDGE,apply({elements,rects,availableHeight,availableWidth,middlewareData:middlewareData2}){const shift=middlewareData2[SHIFT_POSITIVE]||{x:0,y:0},paddingX=2*MARGIN_FROM_TARGET-shift.x,paddingY=2*MARGIN_FROM_TARGET-shift.y,dimensions={width:rects.reference.width+paddingX,height:rects.reference.height+paddingY,maxWidth:availableWidth,maxHeight:availableHeight};Object.assign(elements.floating.style,dimensions),dimensionRef.current=dimensions}}),(0,react_dom_1.hide)({strategy:"referenceHidden"})]});(0,react_1.useLayoutEffect)(()=>{reference(targetRef.current)},[targetRef.current]),(0,react_1.useEffect)(()=>!refs.reference.current||!refs.floating.current||!HAS_RESIZE_OBSERVER?()=>{}:(0,react_dom_1.autoUpdate)(refs.reference.current,refs.floating.current,update,{animationFrame:watchMotion}),[refs.reference.current,refs.floating.current,update,watchMotion]);const isReady=!(!((_a=middlewareData.hide)===null||_a===void 0)&&_a.referenceHidden);return react_1.default.createElement("div",{ref:floating,className:(0,classnames_1.default)(className,stylesClass,!isReady&&frame_module_scss_1.default.hidden),style:Object.assign(Object.assign(Object.assign({},style),dimensionRef.current),{position:strategy,top:y??0,left:x??0})})}exports.Frame=Frame},91331:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;var frame_1=__webpack_require__(58580);Object.defineProperty(exports,"Frame",{enumerable:!0,get:function(){return frame_1.Frame}})},74988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.bubbleToComponent=void 0;const react_modules_dom_to_react_1=__webpack_require__(35450),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),rule_matcher_1=__webpack_require__(93008);function bubbleToComponent(element,{elementRule,componentRule,propagateSameParents=!0}={}){let current=bubbleToFirstComponent(element,elementRule,componentRule);if(!propagateSameParents)return current;for(;current;){const parentElement=current.element.parentElement,parent2=bubbleToFirstComponent(parentElement,elementRule,componentRule),primeComponent=current?.components.slice(-1).pop(),parentPrimeComponent=parent2?.components.slice(-1).pop();if(primeComponent?.[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField].id!==parentPrimeComponent?.[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField].id)return current;current=parent2}}exports.bubbleToComponent=bubbleToComponent;function bubbleToFirstComponent(element,elementRule,componentRule){for(let current=element;current;current=current.parentElement){if(current=(0,react_modules_dom_to_react_1.toRootElement)(current),!current)return;if((0,rule_matcher_1.ruleMatcher)(current,elementRule)){const relevantComponents=(0,react_modules_dom_to_react_1.domToReacts)(current).filter(x=>(0,react_ui_highlighter_component_metadata_bit_component_meta_1.hasComponentMeta)(x)&&(0,rule_matcher_1.componentRuleMatcher)({meta:x[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]},componentRule));return relevantComponents.length<1?void 0:{element:current,components:relevantComponents}}}}},52429:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HoverHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),hybrid_highlighter_1=__webpack_require__(90995);function HoverHighlighter(_a){var props=__rest(_a,[]);return react_1.default.createElement(hybrid_highlighter_1.HybridHighlighter,Object.assign({},props,{mode:"hover"}))}exports.HoverHighlighter=HoverHighlighter},23988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HoverHighlighter=exports.useHoverHighlighter=void 0;var use_hover_highlighter_1=__webpack_require__(76641);Object.defineProperty(exports,"useHoverHighlighter",{enumerable:!0,get:function(){return use_hover_highlighter_1.useHoverHighlighter}});var hover_highlighter_1=__webpack_require__(52429);Object.defineProperty(exports,"HoverHighlighter",{enumerable:!0,get:function(){return hover_highlighter_1.HoverHighlighter}})},76641:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHoverHighlighter=void 0;const react_1=__webpack_require__(67294),use_debounce_1=__webpack_require__(3962),react_ui_hover_selector_1=__webpack_require__(83933),ignore_highlighter_1=__webpack_require__(84486),bubble_to_component_1=__webpack_require__(74988);function useHoverHighlighter(onChange,props={},{debounceDuration,scopeClass,disabled,rule,componentRule}){const{handleElement}=useHoverHandler({onChange,scopeClass,debounceDuration,disabled,rule,componentRule});return(0,react_ui_hover_selector_1.useHoverSelection)(disabled?void 0:handleElement,props)}exports.useHoverHighlighter=useHoverHighlighter;function useHoverHandler({onChange,scopeClass="",debounceDuration,disabled,rule,componentRule}){const _handleElement=element=>{if(!element||element.hasAttribute("data-nullify-component-highlight")){onChange(void 0);return}if(element.closest(`.${scopeClass} ${ignore_highlighter_1.excludeHighlighterSelector}`)){onChange(void 0);return}if(element.closest(`.${scopeClass} ${ignore_highlighter_1.skipHighlighterSelector}`))return;const result=(0,bubble_to_component_1.bubbleToComponent)(element,{elementRule:rule,componentRule});!result||onChange({element:result.element,components:result.components})},handleElement=(0,use_debounce_1.useDebouncedCallback)(_handleElement,debounceDuration);return(0,react_1.useEffect)(()=>{disabled&&handleElement.cancel()},[disabled,handleElement]),{handleElement}}},92126:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HybridHighlighter=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),uuid_1=__webpack_require__(53871),hover_highlighter_1=__webpack_require__(23988),element_highlighter_1=__webpack_require__(76308),children_highlighter_1=__webpack_require__(31524);function HybridHighlighter(_a){var{disabled,mode="hover",debounceSelection=80,watchMotion=!0,placement,rule,componentRule,classes,highlightStyle,className,style,bgColor,bgColorHover,bgColorActive,children}=_a,rest=__rest(_a,["disabled","mode","debounceSelection","watchMotion","placement","rule","componentRule","classes","highlightStyle","className","style","bgColor","bgColorHover","bgColorActive","children"]);const ref=(0,react_1.createRef)(),[targets,setTarget]=(0,react_1.useState)({}),scopeClass=(0,react_1.useRef)(`hl-scope-${(0,uuid_1.v4)()}`).current,hasTargets=Object.entries(targets).length>0;(0,react_1.useEffect)(()=>{disabled&&setTarget({})},[disabled]);const handlers=(0,hover_highlighter_1.useHoverHighlighter)(nextTarget=>setTarget(nextTarget?{"hover-target":nextTarget}:{}),rest,{debounceDuration:hasTargets?debounceSelection:0,scopeClass,disabled:disabled||mode!=="hover",rule,componentRule});(0,children_highlighter_1.useChildrenHighlighter)({onChange:setTarget,scopeRef:ref,scopeClass,disabled:disabled||mode!=="allChildren",rule,componentRule});const _styles=(0,react_1.useMemo)(()=>Object.assign({"--bit-highlighter-color":bgColor,"--bit-highlighter-color-hover":bgColorHover,"--bit-highlighter-color-active":bgColorActive},style),[bgColor,bgColorHover,bgColorActive,style]);return react_1.default.createElement("div",Object.assign({ref},rest,handlers,{style:_styles,className:(0,classnames_1.default)(className,scopeClass),"data-nullify-component-highlight":!0}),children,Object.entries(targets).map(([key,target])=>react_1.default.createElement(element_highlighter_1.ElementHighlighter,{key,targetRef:{current:target.element},components:target.components,classes,style:highlightStyle,placement,watchMotion})))}exports.HybridHighlighter=HybridHighlighter},90995:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HybridHighlighter=void 0;var hybrid_highlighter_1=__webpack_require__(92126);Object.defineProperty(exports,"HybridHighlighter",{enumerable:!0,get:function(){return hybrid_highlighter_1.HybridHighlighter}})},84486:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.skipHighlighterSelector=exports.skipHighlighterAttr=exports.skipHighlighterAttrName=exports.ExcludeHighlighter=exports.excludeHighlighterAtt=exports.excludeHighlighterSelector=exports.excludeHighlighterAttrName=void 0;const react_1=__importDefault(__webpack_require__(67294));exports.excludeHighlighterAttrName="data-ignore-component-highlight",exports.excludeHighlighterSelector=`[${exports.excludeHighlighterAttrName}]`,exports.excludeHighlighterAtt={[exports.excludeHighlighterAttrName]:!0};function ExcludeHighlighter(props){return react_1.default.createElement("div",Object.assign({},props,exports.excludeHighlighterAtt))}exports.ExcludeHighlighter=ExcludeHighlighter,exports.skipHighlighterAttrName="data-skip-component-highlight",exports.skipHighlighterAttr={[exports.skipHighlighterAttrName]:!0},exports.skipHighlighterSelector=`[${exports.skipHighlighterAttrName}]`},48191:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.skipHighlighterAttrName=exports.skipHighlighterAttr=exports.excludeHighlighterAttrName=exports.excludeHighlighterAtt=exports.ExcludeHighlighter=exports.ElementHighlighter=exports.ChildrenHighlighter=exports.HoverHighlighter=exports.ComponentHighlighter=void 0;var hybrid_highlighter_1=__webpack_require__(90995);Object.defineProperty(exports,"ComponentHighlighter",{enumerable:!0,get:function(){return hybrid_highlighter_1.HybridHighlighter}});var hover_highlighter_1=__webpack_require__(23988);Object.defineProperty(exports,"HoverHighlighter",{enumerable:!0,get:function(){return hover_highlighter_1.HoverHighlighter}});var children_highlighter_1=__webpack_require__(31524);Object.defineProperty(exports,"ChildrenHighlighter",{enumerable:!0,get:function(){return children_highlighter_1.ChildrenHighlighter}});var element_highlighter_1=__webpack_require__(76308);Object.defineProperty(exports,"ElementHighlighter",{enumerable:!0,get:function(){return element_highlighter_1.ElementHighlighter}});var ignore_highlighter_1=__webpack_require__(84486);Object.defineProperty(exports,"ExcludeHighlighter",{enumerable:!0,get:function(){return ignore_highlighter_1.ExcludeHighlighter}}),Object.defineProperty(exports,"excludeHighlighterAtt",{enumerable:!0,get:function(){return ignore_highlighter_1.excludeHighlighterAtt}}),Object.defineProperty(exports,"excludeHighlighterAttrName",{enumerable:!0,get:function(){return ignore_highlighter_1.excludeHighlighterAttrName}}),Object.defineProperty(exports,"skipHighlighterAttr",{enumerable:!0,get:function(){return ignore_highlighter_1.skipHighlighterAttr}}),Object.defineProperty(exports,"skipHighlighterAttrName",{enumerable:!0,get:function(){return ignore_highlighter_1.skipHighlighterAttrName}})},1554:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentStrip=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_routing_native_link_1=__webpack_require__(62990),component_id_1=__webpack_require__(47274),component_modules_component_url_1=__webpack_require__(65468),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),component_strip_module_scss_1=__importDefault(__webpack_require__(75440)),links_1=__webpack_require__(23660);exports.ComponentStrip=(0,react_1.forwardRef)(function({component,children},ref){const{id,homepage,exported}=extractMetadata(component),parsedId=(0,react_1.useMemo)(()=>component_id_1.ComponentID.tryFromString(id),[id]),componentLink=homepage||(0,links_1.calcComponentLink)(parsedId,exported);return react_1.default.createElement("div",{className:component_strip_module_scss_1.default.componentStrip,ref},!parsedId&&react_1.default.createElement(LabelBlock,{link:homepage},id),parsedId&&react_1.default.createElement(LabelBlock,{link:component_modules_component_url_1.ScopeUrl.toUrl(parsedId.scope)},parsedId.scope),parsedId&&react_1.default.createElement(LabelBlock,{link:componentLink,className:component_strip_module_scss_1.default.nameBlock},react_1.default.createElement("span",null,parsedId.fullName),parsedId.version&&parsedId.version!=="latest"&&react_1.default.createElement("span",{className:component_strip_module_scss_1.default.version},"@",parsedId.version)),children)});function LabelBlock({link,children,className}){const Comp=link?base_ui_routing_native_link_1.NativeLink:"span";return react_1.default.createElement(Comp,{href:link,external:!!link,className},children)}function extractMetadata(metadata){return typeof metadata=="string"?{id:metadata,exported:!0}:metadata[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]}},90608:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LabelContainer=exports.Label=void 0;var label_1=__webpack_require__(16545);Object.defineProperty(exports,"Label",{enumerable:!0,get:function(){return label_1.Label}});var label_container_1=__webpack_require__(84185);Object.defineProperty(exports,"LabelContainer",{enumerable:!0,get:function(){return label_container_1.LabelContainer}})},84185:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LabelContainer=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),lodash_compact_1=__importDefault(__webpack_require__(16195)),react_dom_1=__webpack_require__(36728),label_module_scss_1=__importDefault(__webpack_require__(753)),HAS_RESIZE_OBSERVER=typeof window<"u"&&!!window.ResizeObserver;function LabelContainer(_a){var _b,{targetRef,offset,placement,flip=!0,watchMotion,className,style}=_a,rest=__rest(_a,["targetRef","offset","placement","flip","watchMotion","className","style"]);const{x,y,strategy,floating,reference,refs,update,middlewareData}=(0,react_dom_1.useFloating)({placement,middleware:(0,lodash_compact_1.default)([offset&&(0,react_dom_1.offset)({mainAxis:offset[0],crossAxis:offset[1]}),flip&&(0,react_dom_1.flip)(),(0,react_dom_1.shift)({rootBoundary:"document",mainAxis:!0,crossAxis:!0}),(0,react_dom_1.hide)({strategy:"referenceHidden"})])});(0,react_1.useLayoutEffect)(()=>{reference(targetRef.current)},[targetRef.current,reference]),(0,react_1.useEffect)(()=>!refs.reference.current||!refs.floating.current||!HAS_RESIZE_OBSERVER?()=>{}:(0,react_dom_1.autoUpdate)(refs.reference.current,refs.floating.current,update,{animationFrame:!!watchMotion}),[refs.reference.current,refs.floating.current,update,watchMotion]);const isReady=!(!((_b=middlewareData.hide)===null||_b===void 0)&&_b.referenceHidden);return react_1.default.createElement("div",Object.assign({},rest,{ref:floating,className:(0,classnames_1.default)(className,!isReady&&label_module_scss_1.default.hidden),style:Object.assign(Object.assign({},style),{position:strategy,top:y??0,left:x??0})}))}exports.LabelContainer=LabelContainer},16545:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Label=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),label_module_scss_1=__importDefault(__webpack_require__(753)),component_strip_1=__webpack_require__(1554),other_components_1=__webpack_require__(46976);function Label(_a){var{components}=_a,props=__rest(_a,["components"]);const[showMore,setShowMore]=(0,react_1.useState)(!1),last=components.slice(-1).pop();if(!last)return null;const hasMore=components.length>1;return(0,react_1.useEffect)(()=>{setShowMore(!1)},[components]),react_1.default.createElement(other_components_1.OtherComponentsPopper,{components,visible:showMore,placement:"bottom-start"},react_1.default.createElement(component_strip_1.ComponentStrip,Object.assign({},props,{component:last}),hasMore&&react_1.default.createElement("span",{className:(0,classnames_1.default)(label_module_scss_1.default.othersTooltip,showMore&&label_module_scss_1.default.active),onClick:()=>setShowMore(x=>!x)})))}exports.Label=Label},23660:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.calcComponentLink=void 0;const url_join_1=__importDefault(__webpack_require__(34078)),component_modules_component_url_1=__webpack_require__(65468);function calcComponentLink(id,exported){if(!!id)return exported?component_modules_component_url_1.ComponentUrl.toUrl(id):(0,url_join_1.default)("/",id.fullName)}exports.calcComponentLink=calcComponentLink},46976:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OtherComponentsPopper=void 0;const react_1=__importDefault(__webpack_require__(67294)),headless_1=__importDefault(__webpack_require__(71215)),component_strip_1=__webpack_require__(1554),label_module_scss_1=__importDefault(__webpack_require__(753));function OtherComponentsPopper(_a){var{components,children,start,end=-1,placement="bottom",interactive=!0}=_a,tippyProps=__rest(_a,["components","children","start","end","placement","interactive"]);const content=react_1.default.createElement(react_1.default.Fragment,null,components.slice(start,end).reverse().map((comp,idx)=>react_1.default.createElement(component_strip_1.ComponentStrip,{key:idx,component:comp})));return react_1.default.createElement(headless_1.default,Object.assign({placement,interactive},tippyProps,{render:attrs=>react_1.default.createElement("div",Object.assign({},attrs,{className:label_module_scss_1.default.othersContainer}),content)}),children)}exports.OtherComponentsPopper=OtherComponentsPopper},93008:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentRuleMatcher=exports.ruleMatcher=void 0;const component_id_1=__webpack_require__(47274);function ruleMatcher(element,rule){return typeof rule=="string"?element.matches(rule):typeof rule=="function"?rule(element):!0}exports.ruleMatcher=ruleMatcher;function componentRuleMatcher(target,rule){if(typeof rule=="string"){const targetCmpId=component_id_1.ComponentID.tryFromString(target.meta.id),ruleCmpId=component_id_1.ComponentID.tryFromString(rule);return component_id_1.ComponentID.isEqual(ruleCmpId,targetCmpId,{ignoreVersion:!0})}if(Array.isArray(rule)){const targetCmpId=component_id_1.ComponentID.tryFromString(target.meta.id);return rule.map(x=>component_id_1.ComponentID.tryFromString(x)).some(cmdId=>component_id_1.ComponentID.isEqual(targetCmpId,cmdId,{ignoreVersion:!0}))}return typeof rule=="function"?rule(target):!0}exports.componentRuleMatcher=componentRuleMatcher},91204:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;const legacy_bit_id_1=__webpack_require__(35666),exceptions_1=__webpack_require__(8105);class ComponentID{constructor(legacyComponentId,_scope){this.legacyComponentId=legacyComponentId,this._scope=_scope}get _legacy(){return this.legacyComponentId}hasVersion(){return this._legacy.hasVersion()}get version(){return this.legacyComponentId.version}get namespace(){return this.legacyComponentId.name.split("/").slice(0,-1).join("/")}get fullName(){return this._legacy.name}get name(){const arr=this.legacyComponentId.name.split("/");return arr[arr.length-1]}get scope(){const scope=this._legacy.scope;if(scope)return scope;if(!this._scope)throw new Error("scope cannot be undefined");return this._scope}changeScope(scopeName){const legacyId=this._legacy.changeScope(scopeName);return ComponentID.fromLegacy(legacyId)}changeVersion(version){const legacyId=this._legacy.changeVersion(version);return ComponentID.fromLegacy(legacyId,this.scope)}isEqual(id,opts){return ComponentID.isEqual(this,id,opts)}getVersionPreReleaseData(){return this._legacy.getVersionPreReleaseData()}toStringWithoutVersion(){let id=this._legacy;return this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope)),id.toStringWithoutVersion()}toString(opts={}){let id=this._legacy;this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope));const idStr=id.toString(!1,opts.ignoreVersion);return opts.fsCompatible?idStr.replace(/\//g,"_").replace(/\./g,"_").replace(/-/g,"_"):idStr}toObject(){const object=this.legacyComponentId.serialize();return object.scope||(object.scope=this.scope),object}static tryFromString(idStr,scope){try{return ComponentID.fromString(idStr,scope)}catch{return}}static fromString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!0);if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(idStr);return new ComponentID(legacyId,scope)}static fromLegacyString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!1);return new ComponentID(legacyId,scope)}static fromObject(object,scope){return ComponentID.fromLegacy(new legacy_bit_id_1.BitId(object),scope)}static isValidObject(o){return typeof o=="object"&&typeof o.name=="string"&&typeof o.scope=="string"}static isEqual(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.toString({ignoreVersion:opts.ignoreVersion})===b.toString({ignoreVersion:opts.ignoreVersion});return opts.ignoreVersion||(result=result&&a.version===b.version),result}static isEqualObj(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.name===b.name;return opts.ignoreVersion||(result=result&&a.version===b.version),result}static fromLegacy(legacyId,scope){if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(legacyId);return new ComponentID(legacyId,scope)}}exports.ComponentID=ComponentID},8105:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;const missing_scope_1=__webpack_require__(61504);Object.defineProperty(exports,"MissingScope",{enumerable:!0,get:function(){return missing_scope_1.MissingScope}})},61504:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;class MissingScope extends Error{constructor(src){super(`scope was not defined directly or by "${src}"`)}report(){return this.message}}exports.MissingScope=MissingScope},47274:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;var component_id_1=__webpack_require__(91204);Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return component_id_1.ComponentID}})},96961:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
+`;async function fetchComponentAspects(componentId){try{return(await(0,_graphqlRequest().request)(GQL_SERVER,GET_COMPONENT_ASPECTS,{id:componentId.toString()})).getHost.get.aspects.map(x=>x.id)}catch(err){console.error(`[gql] error on "getComponentAspects" - "${err.toString()}"`);return}}},79271:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadLink=loadLink,exports.loadScript=loadScript;function loadScript({src}){return new Promise((resolve,reject)=>{const script=document.createElement("script");script.setAttribute("defer","defer"),script.src=src,script.onload=()=>resolve(),script.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load script: ${message}`)),document.head.appendChild(script)})}function loadLink({href}){return new Promise((resolve,reject)=>{const link=document.createElement("link");href.endsWith(".css")&&link.setAttribute("rel","stylesheet"),link.setAttribute("href",href),link.onload=()=>resolve(),link.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load link: ${message}`)),document.head.appendChild(link)})}},49471:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={PreviewAspect:!0,PreviewRuntime:!0,PreviewEnv:!0,Preview:!0,PreviewDefinition:!0,ENV_PREVIEW_STRATEGY_NAME:!0,COMPONENT_PREVIEW_STRATEGY_NAME:!0};Object.defineProperty(exports,"COMPONENT_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return _strategiesNames().COMPONENT_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(exports,"ENV_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return _strategiesNames().ENV_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(exports,"Preview",{enumerable:!0,get:function(){return _previewEnv().Preview}}),Object.defineProperty(exports,"PreviewAspect",{enumerable:!0,get:function(){return _preview().PreviewAspect}}),Object.defineProperty(exports,"PreviewDefinition",{enumerable:!0,get:function(){return _previewDefinition().PreviewDefinition}}),Object.defineProperty(exports,"PreviewEnv",{enumerable:!0,get:function(){return _previewEnv().PreviewEnv}}),Object.defineProperty(exports,"PreviewRuntime",{enumerable:!0,get:function(){return _preview().PreviewRuntime}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _preview().PreviewAspect}});function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}var _events=__webpack_require__(67335);Object.keys(_events).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_events[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _events[key]}})});function _previewEnv(){const data=__webpack_require__(18155);return _previewEnv=function(){return data},data}function _previewDefinition(){const data=__webpack_require__(15739);return _previewDefinition=function(){return data},data}function _strategiesNames(){const data=__webpack_require__(87144);return _strategiesNames=function(){return data},data}},15739:()=>{"use strict"},18155:()=>{"use strict"},2094:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewModules=exports.PREVIEW_MODULES=void 0,exports.linkModules=linkModules;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}class PreviewModules extends Map{constructor(...args){super(...args);(0,_defineProperty2().default)(this,"onSet",new Set)}set(id,preview){return super.set(id,preview),this.onSet.forEach(callback=>callback()),this}loadComponentPreviews(compId,previews){Object.entries(previews).forEach(([previewName,moduleFile])=>{const preview=this.get(previewName);!preview||(preview.componentMap[compId]=moduleFile)})}}exports.PreviewModules=PreviewModules;const PREVIEW_MODULES=new PreviewModules;exports.PREVIEW_MODULES=PREVIEW_MODULES;function linkModules(previewName,previewModule){PREVIEW_MODULES.set(previewName,previewModule)}},22395:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PreviewRuntime=exports.PreviewAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PreviewRuntime=new(_harmony()).RuntimeDefinition("preview");exports.PreviewRuntime=PreviewRuntime;const PreviewAspect=_harmony().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:PreviewRuntime});exports.PreviewAspect=PreviewAspect;var _default=PreviewAspect;exports.default=_default},74649:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),__webpack_require__(88674),__webpack_require__(74916),__webpack_require__(60285),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0,Object.defineProperty(exports,"Bu",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _pubsub(){const data=_interopRequireDefault(__webpack_require__(23179));return _pubsub=function(){return data},data}function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _crossFetch(){const data=_interopRequireDefault(__webpack_require__(54098));return _crossFetch=function(){return data},data}function _memoizee(){const data=_interopRequireDefault(__webpack_require__(34156));return _memoizee=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _exceptions(){const data=__webpack_require__(67166);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(67335);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(85216);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(73110);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(2094);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(79271);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(14285);return _sizeEvent=function(){return data},data}class PreviewPreview{constructor(pubsub,previewSlot,renderingContextSlot){this.pubsub=pubsub,this.previewSlot=previewSlot,this.renderingContextSlot=renderingContextSlot,(0,_defineProperty2().default)(this,"isDev",!1),(0,_defineProperty2().default)(this,"_setupPromise",void 0),(0,_defineProperty2().default)(this,"setup",()=>{var _this$_setupPromise;return this.isReady()?Promise.resolve():((_this$_setupPromise=this._setupPromise)!==null&&_this$_setupPromise!==void 0||(this._setupPromise=new Promise(resolve=>{_previewModules().PREVIEW_MODULES.onSet.add(()=>{this.isReady()&&resolve()})})),this._setupPromise)}),(0,_defineProperty2().default)(this,"render",async rootExt=>{window.document.body.style.width="fit-content";const{previewName,componentId,envId}=this.getLocation(),name=previewName||this.getDefault();rootExt&&(this.isDev=rootExt==="teambit.workspace/workspace");const preview=this.getPreview(name);if(!preview||!componentId)throw new(_exceptions()).PreviewNotFound(previewName);const includesAll=await Promise.all((preview.include||[]).map(async inclPreviewName=>{var _includedPreview$sele;const includedPreview=this.getPreview(inclPreviewName);if(!includedPreview)return;const inclPreviewModule=await this.getPreviewModule(inclPreviewName,componentId);return(_includedPreview$sele=includedPreview.selectPreviewModel)===null||_includedPreview$sele===void 0?void 0:_includedPreview$sele.call(includedPreview,componentId.fullName,inclPreviewModule)})),query=this.getQuery(),includes=this.getParam(query,"skipIncludes")==="true"?[]:includesAll.filter(module=>!!module),componentAspects=this.isDev?await this.getComponentAspects(componentId.toString()):void 0,previewModule=await this.getPreviewModule(name,componentId),render=preview.render(componentId,envId||"",previewModule,includes,this.getRenderingContext(componentAspects));return this.reportSize(),this.setViewport(),render}),(0,_defineProperty2().default)(this,"getComponentAspects",(0,_memoizee().default)(_fetchComponentAspects().fetchComponentAspects,{max:100,maxAge:12*60*60*1e3})),this.registerClickPubSub()}registerClickPubSub(){window.addEventListener("click",e=>{const timestamp=Date.now(),clickEvent=Object.assign({},e);this.pubsub.pub(_preview().PreviewAspect.id,new(_events()).ClickInsideAnIframeEvent(timestamp,clickEvent))})}isReady(){var _preview$include$ever,_preview$include;const{previewName}=this.getLocation(),name=previewName||this.getDefault();if(!_previewModules().PREVIEW_MODULES.has(name))return!1;const preview=this.getPreview(name);return!(!preview||!((_preview$include$ever=(_preview$include=preview.include)===null||_preview$include===void 0?void 0:_preview$include.every(included=>_previewModules().PREVIEW_MODULES.has(included)))!==null&&_preview$include$ever!==void 0?_preview$include$ever:!0))}setViewport(){const query=this.getQuery(),viewPort=this.getParam(query,"viewport");if(!viewPort){window.document.body.style.width="100%";return}window.document.body.style.maxWidth=`${viewPort}px`}reportSize(){var _window,_window2;if(!((_window=window)!==null&&_window!==void 0&&_window.parent)||!((_window2=window)!==null&&_window2!==void 0&&_window2.document))return;const sendPubsubEvent=()=>{this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))};window.document.body.addEventListener("resize",(0,_lodash().debounce)(sendPubsubEvent,300));let counter=0;const interval=setInterval(()=>{if(counter+=1,counter>10){clearInterval(interval);return}this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))},200)}async getPreviewModule(previewName,id){const compShortId=id.fullName,relevantModel=_previewModules().PREVIEW_MODULES.get(previewName);if(!relevantModel)throw new Error(`[preview.preview] missing preview "${previewName}"`);if(relevantModel.componentMap[compShortId])return relevantModel;const componentPreviews=await this.fetchComponentPreview(id,previewName);_previewModules().PREVIEW_MODULES.loadComponentPreviews(compShortId,componentPreviews);const component=componentPreviews[previewName],metadata=componentPreviews[`${previewName}_metadata`];return{modulesMap:relevantModel.modulesMap,componentMap:{[id.fullName]:component},componentMapMetadata:{[id.fullName]:metadata}}}async fetchComponentPreview(id,name){let previewFile;const allFiles=await this.fetchComponentPreviewFiles(id,name);return allFiles===null?{}:(await Promise.all(allFiles.map(file=>{if(file.endsWith("-preview.js")){previewFile=file;return}return this.addComponentFileElement(id,file)})),previewFile?this.loadPreviewScript(id,name,previewFile):{})}addComponentFileElement(id,previewBundleFileName){if(previewBundleFileName.endsWith(".js"))return this.addComponentFileScriptElement(id,previewBundleFileName);this.addComponentFileLinkElement(id,previewBundleFileName).catch(err=>{throw new Error(`[preview.preview] failed loading asset "${previewBundleFileName}". Error - "${err?.toString()}"`)})}async fetchComponentPreviewFiles(id,previewName){const previewAssetsRoute="~aspect/preview-assets",url=`/api/${id.toString()}/${previewAssetsRoute}`,res=await(0,_crossFetch().default)(url);if(res.status>=400)throw new(_exceptions()).PreviewNotFound(previewName);const parsed=await res.json();if(parsed.isBundledWithEnv)return null;if(!parsed.files||!parsed.files.length)throw new(_exceptions()).PreviewNotFound(previewName);return parsed.files}addComponentFileScriptElement(id,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;return(0,_htmlUtils().loadScript)({src})}addComponentFileLinkElement(id,previewBundleFileName){const href=`/api/${id.toString()}/~aspect/component-preview/${previewBundleFileName}`;return(0,_htmlUtils().loadLink)({href})}async loadPreviewScript(id,previewName,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;await(0,_htmlUtils().loadScript)({src});const globalId=`${id.toStringWithoutVersion()}-preview`,componentPreview=window[globalId];if(!componentPreview)throw new(_exceptions()).PreviewNotFound(previewName);return componentPreview}registerPreview(preview){return this.previewSlot.register(preview),this}getRenderingContext(aspectsFilter){return new(_renderingContext()).RenderingContext(this.renderingContextSlot,{aspectsFilter})}registerRenderContext(renderContext){return this.renderingContextSlot.register(renderContext),this}getDefault(){const previews=this.previewSlot.values(),defaultOne=previews.find(previewCandidate=>previewCandidate.default);return defaultOne?.name||previews[0].name}getPreview(previewName){return this.previewSlot.values().find(previewCandidate=>previewCandidate.name===previewName)}getParam(query,param){return new URLSearchParams(query).get(param)}getQuery(){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?");return after}getLocation(){const withoutHash=window.location.hash.substring(1),[before,after]=withoutHash.split("?");return{previewName:this.getParam(after,"preview"),envId:this.getParam(after,"env"),componentId:_componentId().ComponentID.tryFromString(before)}}static async provider([pubsub],config,[previewSlot,renderingContextSlot]){const preview=new PreviewPreview(pubsub,previewSlot,renderingContextSlot);return window.addEventListener("hashchange",()=>{preview.render()}),preview}}__webpack_unused_export__=PreviewPreview,(0,_defineProperty2().default)(PreviewPreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(PreviewPreview,"dependencies",[_pubsub().default]),(0,_defineProperty2().default)(PreviewPreview,"slots",[_harmony().Slot.withType(),_harmony().Slot.withType()]),_preview().PreviewAspect.addRuntime(PreviewPreview)},85216:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RenderingContext=void 0;class RenderingContext{constructor(contexts,options={}){this.contexts=contexts,this.options=options}get(aspectId){const contextFactory=this.contexts.get(aspectId);return contextFactory?.(this.options)}}exports.RenderingContext=RenderingContext},14285:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _pubsub(){const data=__webpack_require__(23179);return _pubsub=function(){return data},data}class SizeEvent extends _pubsub().BitBaseEvent{constructor(sizeEvent){super(SizeEvent.TYPE,"0.0.1",new Date().getTime(),sizeEvent)}}exports.SizeEvent=SizeEvent,(0,_defineProperty2().default)(SizeEvent,"TYPE","preview-size")},87144:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ENV_PREVIEW_STRATEGY_NAME=exports.COMPONENT_PREVIEW_STRATEGY_NAME=void 0;const ENV_PREVIEW_STRATEGY_NAME="env";exports.ENV_PREVIEW_STRATEGY_NAME=ENV_PREVIEW_STRATEGY_NAME;const COMPONENT_PREVIEW_STRATEGY_NAME="component";exports.COMPONENT_PREVIEW_STRATEGY_NAME=COMPONENT_PREVIEW_STRATEGY_NAME},43979:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitBaseEvent=void 0;class BitBaseEvent{constructor(type,version,timestamp,data){this.type=type,this.version=version,this.timestamp=timestamp,this.data=data}}exports.BitBaseEvent=BitBaseEvent},23179:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BitBaseEvent",{enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}}),Object.defineProperty(exports,"PubSubRegistry",{enumerable:!0,get:function(){return _pubsubContext().PubSubRegistry}}),Object.defineProperty(exports,"PubsubAspect",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"usePubSub",{enumerable:!0,get:function(){return _pubsubContext().usePubSub}}),Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(43979);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(17796);return _pubsubContext=function(){return data},data}},14339:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PubSubNoParentError=void 0;class PubSubNoParentError extends Error{constructor(){super("could not connect to parent window");this.name="PubSubNoParentError"}}exports.PubSubNoParentError=PubSubNoParentError},17796:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createProvider=createProvider,exports.pubsubRegistry=void 0,exports.usePubSub=usePubSub,exports.usePubSubIframe=usePubSubIframe;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}const pubsubRegistry=(0,_react().createContext)(void 0);exports.pubsubRegistry=pubsubRegistry;function createProvider(pubSubContext){return({children})=>_react().default.createElement(pubsubRegistry.Provider,{value:pubSubContext},children)}function usePubSub(){return(0,_react().useContext)(pubsubRegistry)}function usePubSubIframe(ref){const pubSub=usePubSub();(0,_react().useEffect)(()=>{if(!(ref!=null&&ref.current)||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},56646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PubsubAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});exports.PubsubAspect=PubsubAspect;var _default=PubsubAspect;exports.default=_default},53707:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(64836);__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(53518);return _uiFoundationUi=function(){return data},data}function _eventemitter(){const data=__webpack_require__(56387);return _eventemitter=function(){return data},data}function _penpal(){const data=__webpack_require__(65859);return _penpal=function(){return data},data}function _noParentError(){const data=__webpack_require__(14339);return _noParentError=function(){return data},data}function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}class PubsubPreview{constructor(){(0,_defineProperty2().default)(this,"_parentPubsub",void 0),(0,_defineProperty2().default)(this,"events",new(_eventemitter()).EventEmitter2),(0,_defineProperty2().default)(this,"connectToParentPubSub",(retries=10)=>{if(retries<=0)throw new(_noParentError()).PubSubNoParentError;return(0,_penpal().connectToParent)({timeout:300,methods:{pub:this.handleMessageFromParent}}).promise.then(parentPubsub=>this._parentPubsub=parentPubsub).catch(e=>{if(e.code!==_penpal().ErrorCode.ConnectionTimeout)throw e;return this.connectToParentPubSub(retries-1)})}),(0,_defineProperty2().default)(this,"handleMessageFromParent",(topic,message)=>{this.events.emit(topic,message)})}sub(topic,callback){const emitter=this.events;return emitter.on(topic,callback),()=>{emitter.off(topic,callback)}}pub(topic,event){var _this$_parentPubsub;this.events.emit(topic,event),(_this$_parentPubsub=this._parentPubsub)===null||_this$_parentPubsub===void 0||_this$_parentPubsub.pub(topic,event).catch(err=>{console.error("[Pubsub.preview]",err)})}inIframe(){try{return _uiFoundationUi().isBrowser&&window.self!==window.top}catch{return!1}}static async provider(){const pubsubPreview=new PubsubPreview;return pubsubPreview.inIframe()&&pubsubPreview.connectToParentPubSub().catch(err=>{err instanceof _noParentError().PubSubNoParentError||console.error("[Pubsub.preview]",err)}),pubsubPreview}}__webpack_unused_export__=PubsubPreview,(0,_defineProperty2().default)(PubsubPreview,"runtime",_preview().PreviewRuntime),_pubsub().PubsubAspect.addRuntime(PubsubPreview)},38117:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ReactNativeAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const ReactNativeAspect=_harmony().Aspect.create({id:"teambit.react/react-native"});exports.ReactNativeAspect=ReactNativeAspect;var _default=ReactNativeAspect;exports.default=_default},65883:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _react(){const data=__webpack_require__(32750);return _react=function(){return data},data}function _reactNative(){const data=__webpack_require__(38117);return _reactNative=function(){return data},data}class ReactNativePreview{constructor(reactPreview,preview){this.reactPreview=reactPreview,this.preview=preview,(0,_defineProperty2().default)(this,"registerProvider",this.reactPreview.registerProvider.bind(this.reactPreview)),(0,_defineProperty2().default)(this,"getRenderingContext",this.reactPreview.getRenderingContext.bind(this.reactPreview))}static async provider([reactPreview,preview]){const reactNativePreview=new ReactNativePreview(reactPreview,preview);return preview.registerRenderContext(reactNativePreview.getRenderingContext),reactNativePreview}}__webpack_unused_export__=ReactNativePreview,(0,_defineProperty2().default)(ReactNativePreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(ReactNativePreview,"slots",[]),(0,_defineProperty2().default)(ReactNativePreview,"dependencies",[_react().ReactAspect,_preview().PreviewAspect]),_reactNative().ReactNativeAspect.addRuntime(ReactNativePreview);var _default=ReactNativePreview;__webpack_unused_export__=_default},30329:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fiberToPrototype=exports.toRootFiber=exports.domToFiber=void 0;const react17Key="__reactFiber",react16Key="__reactInternalInstance";function domToFiber(element){if(!element)return null;const fiberKey=Object.keys(element).find(key=>key.startsWith(react17Key)||key.startsWith(react16Key));if(!fiberKey)return null;const fiberNode=element[fiberKey];return fiberNode||null}exports.domToFiber=domToFiber;function toRootFiber(fiberNode){for(let current=fiberNode;current!==null&&current.type!==null;current=current.return)if(typeof current.type=="function"||typeof current.type=="object"&&typeof current.type.render=="function")return current;return null}exports.toRootFiber=toRootFiber;function fiberToPrototype(fiberNode){var _a;return((_a=toRootFiber(fiberNode))===null||_a===void 0?void 0:_a.type)||null}exports.fiberToPrototype=fiberToPrototype},33773:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.domToReacts=exports.domToReact=exports.toRootElement=void 0;const dom_to_fiber_1=__webpack_require__(30329);function toRootElement(element){const rootFiber=(0,dom_to_fiber_1.toRootFiber)((0,dom_to_fiber_1.domToFiber)(element));if(!rootFiber)return null;for(let current=element;current;current=current.parentElement){const fiberNode=(0,dom_to_fiber_1.domToFiber)(current);if(!fiberNode)return null;const parent2=fiberNode.return;if(fiberNode===rootFiber||parent2===rootFiber)return current}return null}exports.toRootElement=toRootElement;function domToReact(element){return domToReacts(element).pop()}exports.domToReact=domToReact;function domToReacts(element){if(element===null)return[];const fiberNode=(0,dom_to_fiber_1.domToFiber)(element),rootFiber=(0,dom_to_fiber_1.toRootFiber)(fiberNode);return componentsOf(rootFiber)}exports.domToReacts=domToReacts;function componentsOf(fiberNode){const components=[];let current=fiberNode;for(;current&&current.type!==null&&typeof current.type!="string";)components.push(current.type),current=current.return;return components}},35450:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fiberToPrototype=exports.toRootFiber=exports.domToFiber=exports.toRootElement=exports.domToReacts=exports.domToReact=void 0;var dom_to_react_1=__webpack_require__(33773);Object.defineProperty(exports,"domToReact",{enumerable:!0,get:function(){return dom_to_react_1.domToReact}}),Object.defineProperty(exports,"domToReacts",{enumerable:!0,get:function(){return dom_to_react_1.domToReacts}}),Object.defineProperty(exports,"toRootElement",{enumerable:!0,get:function(){return dom_to_react_1.toRootElement}});var dom_to_fiber_1=__webpack_require__(30329);Object.defineProperty(exports,"domToFiber",{enumerable:!0,get:function(){return dom_to_fiber_1.domToFiber}}),Object.defineProperty(exports,"toRootFiber",{enumerable:!0,get:function(){return dom_to_fiber_1.toRootFiber}}),Object.defineProperty(exports,"fiberToPrototype",{enumerable:!0,get:function(){return dom_to_fiber_1.fiberToPrototype}})},93130:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChildrenHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),hybrid_highlighter_1=__webpack_require__(90995);function ChildrenHighlighter(_a){var{watchMotion=!1}=_a,props=__rest(_a,["watchMotion"]);return react_1.default.createElement(hybrid_highlighter_1.HybridHighlighter,Object.assign({},props,{mode:"allChildren",watchMotion}))}exports.ChildrenHighlighter=ChildrenHighlighter},31524:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChildrenHighlighter=exports.useChildrenHighlighter=void 0;var use_children_highlighter_1=__webpack_require__(87605);Object.defineProperty(exports,"useChildrenHighlighter",{enumerable:!0,get:function(){return use_children_highlighter_1.useChildrenHighlighter}});var children_highlighter_1=__webpack_require__(93130);Object.defineProperty(exports,"ChildrenHighlighter",{enumerable:!0,get:function(){return children_highlighter_1.ChildrenHighlighter}})},87605:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useChildrenHighlighter=void 0;const react_1=__webpack_require__(67294),get_xpath_1=__importDefault(__webpack_require__(4825)),react_modules_dom_to_react_1=__webpack_require__(35450),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(38049),ignore_highlighter_1=__webpack_require__(84486),rule_matcher_1=__webpack_require__(93008);function useChildrenHighlighter({onChange,disabled,scopeRef,scopeClass:scopeSelector="",rule,componentRule}){(0,react_1.useEffect)(()=>{const nextTargets={},scopeElement=scopeRef.current;if(!scopeElement||disabled)return;let allElements=Array.from(scopeElement.querySelectorAll(targetsSelector(`.${scopeSelector}`)));rule&&(allElements=allElements.filter(elem=>(0,rule_matcher_1.ruleMatcher)(elem,rule)));const rootElements=allElements.map(react_modules_dom_to_react_1.toRootElement).filter(x=>!!x);new Set(rootElements).forEach(element=>{if(!element)return;const componentsWithMeta=(0,react_modules_dom_to_react_1.domToReacts)(element).filter(x=>(0,react_ui_highlighter_component_metadata_bit_component_meta_1.hasComponentMeta)(x)&&(0,rule_matcher_1.componentRuleMatcher)({meta:x[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]},componentRule));if(componentsWithMeta.length<1)return;const key=(0,get_xpath_1.default)(element);nextTargets[key]={element,components:componentsWithMeta}}),onChange(nextTargets)},[disabled,scopeSelector])}exports.useChildrenHighlighter=useChildrenHighlighter;function targetsSelector(scopeSelector=":scope"){const excludedSelector=`${scopeSelector} ${ignore_highlighter_1.excludeHighlighterSelector}, ${scopeSelector} ${ignore_highlighter_1.excludeHighlighterSelector} *`,skippedSelector=`${scopeSelector} ${ignore_highlighter_1.skipHighlighterSelector}, ${scopeSelector} ${ignore_highlighter_1.skipHighlighterSelector} *`;return`:not(${excludedSelector}, ${skippedSelector})`}},41807:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ElementHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),frame_1=__webpack_require__(91331),label_1=__webpack_require__(90608),ignore_highlighter_1=__webpack_require__(84486),element_highlighter_module_scss_1=__importDefault(__webpack_require__(38053));function ElementHighlighter(_a){var{targetRef,components,placement="top",watchMotion,className,classes}=_a,props=__rest(_a,["targetRef","components","placement","watchMotion","className","classes"]);return react_1.default.createElement("div",Object.assign({},props,ignore_highlighter_1.skipHighlighterAttr,{className:(0,classnames_1.default)(classes?.container,element_highlighter_module_scss_1.default.container,className)}),react_1.default.createElement(frame_1.Frame,{targetRef,className:(0,classnames_1.default)(element_highlighter_module_scss_1.default.frame,classes?.frame),watchMotion}),components&&react_1.default.createElement(label_1.LabelContainer,{targetRef,className:element_highlighter_module_scss_1.default.label,placement,watchMotion},react_1.default.createElement(label_1.Label,{components,className:classes?.label})))}exports.ElementHighlighter=ElementHighlighter},76308:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ElementHighlighter=void 0;var element_highlighter_1=__webpack_require__(41807);Object.defineProperty(exports,"ElementHighlighter",{enumerable:!0,get:function(){return element_highlighter_1.ElementHighlighter}})},58580:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value2){return value2 instanceof P?value2:new P(function(resolve){resolve(value2)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value2){try{step(generator.next(value2))}catch(e){reject(e)}}function rejected(value2){try{step(generator.throw(value2))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),react_dom_1=__webpack_require__(36728),frame_module_scss_1=__importDefault(__webpack_require__(26448)),MARGIN_FROM_TARGET=+frame_module_scss_1.default.offset||6,MARGIN_FROM_DOC_EDGE=0,overflowParameters={rootBoundary:"document",padding:MARGIN_FROM_DOC_EDGE},SHIFT_POSITIVE="shiftPositive",HAS_RESIZE_OBSERVER=typeof window<"u"&&!!window.ResizeObserver;function Frame({targetRef,watchMotion,className,stylesClass=frame_module_scss_1.default.overlayBorder,style}){var _a;const dimensionRef=(0,react_1.useRef)({width:0,height:0}),{x,y,strategy,reference,floating,update,refs,middlewareData}=(0,react_dom_1.useFloating)({placement:"bottom-start",middleware:[{name:"align-to-target",fn({rects}){return rects.floating=Object.assign(Object.assign({},rects.floating),{width:rects.reference.width+2*MARGIN_FROM_TARGET,height:rects.reference.height+2*MARGIN_FROM_TARGET}),{}}},(0,react_dom_1.offset)(({rects})=>-rects.reference.height),(0,react_dom_1.offset)(()=>({mainAxis:-MARGIN_FROM_TARGET,crossAxis:-MARGIN_FROM_TARGET})),{name:"shiftPositive",fn:args=>__awaiter(this,void 0,void 0,function*(){const overflow=yield(0,react_dom_1.detectOverflow)(args,overflowParameters),nextCoords={x:overflow.left>0?args.x+overflow.left:args.x,y:overflow.top>0?args.y+overflow.top:args.y},shiftAmount={x:nextCoords.x-args.x,y:nextCoords.y-args.y};return Object.assign(Object.assign({},nextCoords),{data:shiftAmount})})},(0,react_dom_1.size)({rootBoundary:"document",padding:MARGIN_FROM_DOC_EDGE,apply({elements,rects,availableHeight,availableWidth,middlewareData:middlewareData2}){const shift=middlewareData2[SHIFT_POSITIVE]||{x:0,y:0},paddingX=2*MARGIN_FROM_TARGET-shift.x,paddingY=2*MARGIN_FROM_TARGET-shift.y,dimensions={width:rects.reference.width+paddingX,height:rects.reference.height+paddingY,maxWidth:availableWidth,maxHeight:availableHeight};Object.assign(elements.floating.style,dimensions),dimensionRef.current=dimensions}}),(0,react_dom_1.hide)({strategy:"referenceHidden"})]});(0,react_1.useLayoutEffect)(()=>{reference(targetRef.current)},[targetRef.current]),(0,react_1.useEffect)(()=>!refs.reference.current||!refs.floating.current||!HAS_RESIZE_OBSERVER?()=>{}:(0,react_dom_1.autoUpdate)(refs.reference.current,refs.floating.current,update,{animationFrame:watchMotion}),[refs.reference.current,refs.floating.current,update,watchMotion]);const isReady=!(!((_a=middlewareData.hide)===null||_a===void 0)&&_a.referenceHidden);return react_1.default.createElement("div",{ref:floating,className:(0,classnames_1.default)(className,stylesClass,!isReady&&frame_module_scss_1.default.hidden),style:Object.assign(Object.assign(Object.assign({},style),dimensionRef.current),{position:strategy,top:y??0,left:x??0})})}exports.Frame=Frame},91331:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;var frame_1=__webpack_require__(58580);Object.defineProperty(exports,"Frame",{enumerable:!0,get:function(){return frame_1.Frame}})},74988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.bubbleToComponent=void 0;const react_modules_dom_to_react_1=__webpack_require__(35450),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(38049),rule_matcher_1=__webpack_require__(93008);function bubbleToComponent(element,{elementRule,componentRule,propagateSameParents=!0}={}){let current=bubbleToFirstComponent(element,elementRule,componentRule);if(!propagateSameParents)return current;for(;current;){const parentElement=current.element.parentElement,parent2=bubbleToFirstComponent(parentElement,elementRule,componentRule),primeComponent=current?.components.slice(-1).pop(),parentPrimeComponent=parent2?.components.slice(-1).pop();if(primeComponent?.[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField].id!==parentPrimeComponent?.[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField].id)return current;current=parent2}}exports.bubbleToComponent=bubbleToComponent;function bubbleToFirstComponent(element,elementRule,componentRule){for(let current=element;current;current=current.parentElement){if(current=(0,react_modules_dom_to_react_1.toRootElement)(current),!current)return;if((0,rule_matcher_1.ruleMatcher)(current,elementRule)){const relevantComponents=(0,react_modules_dom_to_react_1.domToReacts)(current).filter(x=>(0,react_ui_highlighter_component_metadata_bit_component_meta_1.hasComponentMeta)(x)&&(0,rule_matcher_1.componentRuleMatcher)({meta:x[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]},componentRule));return relevantComponents.length<1?void 0:{element:current,components:relevantComponents}}}}},52429:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HoverHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),hybrid_highlighter_1=__webpack_require__(90995);function HoverHighlighter(_a){var props=__rest(_a,[]);return react_1.default.createElement(hybrid_highlighter_1.HybridHighlighter,Object.assign({},props,{mode:"hover"}))}exports.HoverHighlighter=HoverHighlighter},23988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HoverHighlighter=exports.useHoverHighlighter=void 0;var use_hover_highlighter_1=__webpack_require__(76641);Object.defineProperty(exports,"useHoverHighlighter",{enumerable:!0,get:function(){return use_hover_highlighter_1.useHoverHighlighter}});var hover_highlighter_1=__webpack_require__(52429);Object.defineProperty(exports,"HoverHighlighter",{enumerable:!0,get:function(){return hover_highlighter_1.HoverHighlighter}})},76641:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHoverHighlighter=void 0;const react_1=__webpack_require__(67294),use_debounce_1=__webpack_require__(3962),react_ui_hover_selector_1=__webpack_require__(83933),ignore_highlighter_1=__webpack_require__(84486),bubble_to_component_1=__webpack_require__(74988);function useHoverHighlighter(onChange,props={},{debounceDuration,scopeClass,disabled,rule,componentRule}){const{handleElement}=useHoverHandler({onChange,scopeClass,debounceDuration,disabled,rule,componentRule});return(0,react_ui_hover_selector_1.useHoverSelection)(disabled?void 0:handleElement,props)}exports.useHoverHighlighter=useHoverHighlighter;function useHoverHandler({onChange,scopeClass="",debounceDuration,disabled,rule,componentRule}){const _handleElement=element=>{if(!element||element.hasAttribute("data-nullify-component-highlight")){onChange(void 0);return}if(element.closest(`.${scopeClass} ${ignore_highlighter_1.excludeHighlighterSelector}`)){onChange(void 0);return}if(element.closest(`.${scopeClass} ${ignore_highlighter_1.skipHighlighterSelector}`))return;const result=(0,bubble_to_component_1.bubbleToComponent)(element,{elementRule:rule,componentRule});!result||onChange({element:result.element,components:result.components})},handleElement=(0,use_debounce_1.useDebouncedCallback)(_handleElement,debounceDuration);return(0,react_1.useEffect)(()=>{disabled&&handleElement.cancel()},[disabled,handleElement]),{handleElement}}},92126:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HybridHighlighter=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),uuid_1=__webpack_require__(53871),hover_highlighter_1=__webpack_require__(23988),element_highlighter_1=__webpack_require__(76308),children_highlighter_1=__webpack_require__(31524);function HybridHighlighter(_a){var{disabled,mode="hover",debounceSelection=80,watchMotion=!0,placement,rule,componentRule,classes,highlightStyle,className,style,bgColor,bgColorHover,bgColorActive,children}=_a,rest=__rest(_a,["disabled","mode","debounceSelection","watchMotion","placement","rule","componentRule","classes","highlightStyle","className","style","bgColor","bgColorHover","bgColorActive","children"]);const ref=(0,react_1.createRef)(),[targets,setTarget]=(0,react_1.useState)({}),scopeClass=(0,react_1.useRef)(`hl-scope-${(0,uuid_1.v4)()}`).current,hasTargets=Object.entries(targets).length>0;(0,react_1.useEffect)(()=>{disabled&&setTarget({})},[disabled]);const handlers=(0,hover_highlighter_1.useHoverHighlighter)(nextTarget=>setTarget(nextTarget?{"hover-target":nextTarget}:{}),rest,{debounceDuration:hasTargets?debounceSelection:0,scopeClass,disabled:disabled||mode!=="hover",rule,componentRule});(0,children_highlighter_1.useChildrenHighlighter)({onChange:setTarget,scopeRef:ref,scopeClass,disabled:disabled||mode!=="allChildren",rule,componentRule});const _styles=(0,react_1.useMemo)(()=>Object.assign({"--bit-highlighter-color":bgColor,"--bit-highlighter-color-hover":bgColorHover,"--bit-highlighter-color-active":bgColorActive},style),[bgColor,bgColorHover,bgColorActive,style]);return react_1.default.createElement("div",Object.assign({ref},rest,handlers,{style:_styles,className:(0,classnames_1.default)(className,scopeClass),"data-nullify-component-highlight":!0}),children,Object.entries(targets).map(([key,target])=>react_1.default.createElement(element_highlighter_1.ElementHighlighter,{key,targetRef:{current:target.element},components:target.components,classes,style:highlightStyle,placement,watchMotion})))}exports.HybridHighlighter=HybridHighlighter},90995:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HybridHighlighter=void 0;var hybrid_highlighter_1=__webpack_require__(92126);Object.defineProperty(exports,"HybridHighlighter",{enumerable:!0,get:function(){return hybrid_highlighter_1.HybridHighlighter}})},84486:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.skipHighlighterSelector=exports.skipHighlighterAttr=exports.skipHighlighterAttrName=exports.ExcludeHighlighter=exports.excludeHighlighterAtt=exports.excludeHighlighterSelector=exports.excludeHighlighterAttrName=void 0;const react_1=__importDefault(__webpack_require__(67294));exports.excludeHighlighterAttrName="data-ignore-component-highlight",exports.excludeHighlighterSelector=`[${exports.excludeHighlighterAttrName}]`,exports.excludeHighlighterAtt={[exports.excludeHighlighterAttrName]:!0};function ExcludeHighlighter(props){return react_1.default.createElement("div",Object.assign({},props,exports.excludeHighlighterAtt))}exports.ExcludeHighlighter=ExcludeHighlighter,exports.skipHighlighterAttrName="data-skip-component-highlight",exports.skipHighlighterAttr={[exports.skipHighlighterAttrName]:!0},exports.skipHighlighterSelector=`[${exports.skipHighlighterAttrName}]`},48191:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.skipHighlighterAttrName=exports.skipHighlighterAttr=exports.excludeHighlighterAttrName=exports.excludeHighlighterAtt=exports.ExcludeHighlighter=exports.ElementHighlighter=exports.ChildrenHighlighter=exports.HoverHighlighter=exports.ComponentHighlighter=void 0;var hybrid_highlighter_1=__webpack_require__(90995);Object.defineProperty(exports,"ComponentHighlighter",{enumerable:!0,get:function(){return hybrid_highlighter_1.HybridHighlighter}});var hover_highlighter_1=__webpack_require__(23988);Object.defineProperty(exports,"HoverHighlighter",{enumerable:!0,get:function(){return hover_highlighter_1.HoverHighlighter}});var children_highlighter_1=__webpack_require__(31524);Object.defineProperty(exports,"ChildrenHighlighter",{enumerable:!0,get:function(){return children_highlighter_1.ChildrenHighlighter}});var element_highlighter_1=__webpack_require__(76308);Object.defineProperty(exports,"ElementHighlighter",{enumerable:!0,get:function(){return element_highlighter_1.ElementHighlighter}});var ignore_highlighter_1=__webpack_require__(84486);Object.defineProperty(exports,"ExcludeHighlighter",{enumerable:!0,get:function(){return ignore_highlighter_1.ExcludeHighlighter}}),Object.defineProperty(exports,"excludeHighlighterAtt",{enumerable:!0,get:function(){return ignore_highlighter_1.excludeHighlighterAtt}}),Object.defineProperty(exports,"excludeHighlighterAttrName",{enumerable:!0,get:function(){return ignore_highlighter_1.excludeHighlighterAttrName}}),Object.defineProperty(exports,"skipHighlighterAttr",{enumerable:!0,get:function(){return ignore_highlighter_1.skipHighlighterAttr}}),Object.defineProperty(exports,"skipHighlighterAttrName",{enumerable:!0,get:function(){return ignore_highlighter_1.skipHighlighterAttrName}})},1554:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentStrip=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_routing_native_link_1=__webpack_require__(62990),component_id_1=__webpack_require__(47274),component_modules_component_url_1=__webpack_require__(65468),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(38049),component_strip_module_scss_1=__importDefault(__webpack_require__(75440)),links_1=__webpack_require__(23660);exports.ComponentStrip=(0,react_1.forwardRef)(function({component,children},ref){const{id,homepage,exported}=extractMetadata(component),parsedId=(0,react_1.useMemo)(()=>component_id_1.ComponentID.tryFromString(id),[id]),componentLink=homepage||(0,links_1.calcComponentLink)(parsedId,exported);return react_1.default.createElement("div",{className:component_strip_module_scss_1.default.componentStrip,ref},!parsedId&&react_1.default.createElement(LabelBlock,{link:homepage},id),parsedId&&react_1.default.createElement(LabelBlock,{link:component_modules_component_url_1.ScopeUrl.toUrl(parsedId.scope)},parsedId.scope),parsedId&&react_1.default.createElement(LabelBlock,{link:componentLink,className:component_strip_module_scss_1.default.nameBlock},react_1.default.createElement("span",null,parsedId.fullName),parsedId.version&&parsedId.version!=="latest"&&react_1.default.createElement("span",{className:component_strip_module_scss_1.default.version},"@",parsedId.version)),children)});function LabelBlock({link,children,className}){const Comp=link?base_ui_routing_native_link_1.NativeLink:"span";return react_1.default.createElement(Comp,{href:link,external:!!link,className},children)}function extractMetadata(metadata){return typeof metadata=="string"?{id:metadata,exported:!0}:metadata[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]}},90608:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LabelContainer=exports.Label=void 0;var label_1=__webpack_require__(16545);Object.defineProperty(exports,"Label",{enumerable:!0,get:function(){return label_1.Label}});var label_container_1=__webpack_require__(84185);Object.defineProperty(exports,"LabelContainer",{enumerable:!0,get:function(){return label_container_1.LabelContainer}})},84185:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LabelContainer=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),lodash_compact_1=__importDefault(__webpack_require__(16195)),react_dom_1=__webpack_require__(36728),label_module_scss_1=__importDefault(__webpack_require__(753)),HAS_RESIZE_OBSERVER=typeof window<"u"&&!!window.ResizeObserver;function LabelContainer(_a){var _b,{targetRef,offset,placement,flip=!0,watchMotion,className,style}=_a,rest=__rest(_a,["targetRef","offset","placement","flip","watchMotion","className","style"]);const{x,y,strategy,floating,reference,refs,update,middlewareData}=(0,react_dom_1.useFloating)({placement,middleware:(0,lodash_compact_1.default)([offset&&(0,react_dom_1.offset)({mainAxis:offset[0],crossAxis:offset[1]}),flip&&(0,react_dom_1.flip)(),(0,react_dom_1.shift)({rootBoundary:"document",mainAxis:!0,crossAxis:!0}),(0,react_dom_1.hide)({strategy:"referenceHidden"})])});(0,react_1.useLayoutEffect)(()=>{reference(targetRef.current)},[targetRef.current,reference]),(0,react_1.useEffect)(()=>!refs.reference.current||!refs.floating.current||!HAS_RESIZE_OBSERVER?()=>{}:(0,react_dom_1.autoUpdate)(refs.reference.current,refs.floating.current,update,{animationFrame:!!watchMotion}),[refs.reference.current,refs.floating.current,update,watchMotion]);const isReady=!(!((_b=middlewareData.hide)===null||_b===void 0)&&_b.referenceHidden);return react_1.default.createElement("div",Object.assign({},rest,{ref:floating,className:(0,classnames_1.default)(className,!isReady&&label_module_scss_1.default.hidden),style:Object.assign(Object.assign({},style),{position:strategy,top:y??0,left:x??0})}))}exports.LabelContainer=LabelContainer},16545:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Label=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),label_module_scss_1=__importDefault(__webpack_require__(753)),component_strip_1=__webpack_require__(1554),other_components_1=__webpack_require__(46976);function Label(_a){var{components}=_a,props=__rest(_a,["components"]);const[showMore,setShowMore]=(0,react_1.useState)(!1),last=components.slice(-1).pop();if(!last)return null;const hasMore=components.length>1;return(0,react_1.useEffect)(()=>{setShowMore(!1)},[components]),react_1.default.createElement(other_components_1.OtherComponentsPopper,{components,visible:showMore,placement:"bottom-start"},react_1.default.createElement(component_strip_1.ComponentStrip,Object.assign({},props,{component:last}),hasMore&&react_1.default.createElement("span",{className:(0,classnames_1.default)(label_module_scss_1.default.othersTooltip,showMore&&label_module_scss_1.default.active),onClick:()=>setShowMore(x=>!x)})))}exports.Label=Label},23660:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.calcComponentLink=void 0;const url_join_1=__importDefault(__webpack_require__(34078)),component_modules_component_url_1=__webpack_require__(65468);function calcComponentLink(id,exported){if(!!id)return exported?component_modules_component_url_1.ComponentUrl.toUrl(id):(0,url_join_1.default)("/",id.fullName)}exports.calcComponentLink=calcComponentLink},46976:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OtherComponentsPopper=void 0;const react_1=__importDefault(__webpack_require__(67294)),headless_1=__importDefault(__webpack_require__(71215)),component_strip_1=__webpack_require__(1554),label_module_scss_1=__importDefault(__webpack_require__(753));function OtherComponentsPopper(_a){var{components,children,start,end=-1,placement="bottom",interactive=!0}=_a,tippyProps=__rest(_a,["components","children","start","end","placement","interactive"]);const content=react_1.default.createElement(react_1.default.Fragment,null,components.slice(start,end).reverse().map((comp,idx)=>react_1.default.createElement(component_strip_1.ComponentStrip,{key:idx,component:comp})));return react_1.default.createElement(headless_1.default,Object.assign({placement,interactive},tippyProps,{render:attrs=>react_1.default.createElement("div",Object.assign({},attrs,{className:label_module_scss_1.default.othersContainer}),content)}),children)}exports.OtherComponentsPopper=OtherComponentsPopper},93008:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentRuleMatcher=exports.ruleMatcher=void 0;const component_id_1=__webpack_require__(47274);function ruleMatcher(element,rule){return typeof rule=="string"?element.matches(rule):typeof rule=="function"?rule(element):!0}exports.ruleMatcher=ruleMatcher;function componentRuleMatcher(target,rule){if(typeof rule=="string"){const targetCmpId=component_id_1.ComponentID.tryFromString(target.meta.id),ruleCmpId=component_id_1.ComponentID.tryFromString(rule);return component_id_1.ComponentID.isEqual(ruleCmpId,targetCmpId,{ignoreVersion:!0})}if(Array.isArray(rule)){const targetCmpId=component_id_1.ComponentID.tryFromString(target.meta.id);return rule.map(x=>component_id_1.ComponentID.tryFromString(x)).some(cmdId=>component_id_1.ComponentID.isEqual(targetCmpId,cmdId,{ignoreVersion:!0}))}return typeof rule=="function"?rule(target):!0}exports.componentRuleMatcher=componentRuleMatcher},91204:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;const legacy_bit_id_1=__webpack_require__(35666),exceptions_1=__webpack_require__(8105);class ComponentID{constructor(legacyComponentId,_scope){this.legacyComponentId=legacyComponentId,this._scope=_scope}get _legacy(){return this.legacyComponentId}hasVersion(){return this._legacy.hasVersion()}get version(){return this.legacyComponentId.version}get namespace(){return this.legacyComponentId.name.split("/").slice(0,-1).join("/")}get fullName(){return this._legacy.name}get name(){const arr=this.legacyComponentId.name.split("/");return arr[arr.length-1]}get scope(){const scope=this._legacy.scope;if(scope)return scope;if(!this._scope)throw new Error("scope cannot be undefined");return this._scope}changeScope(scopeName){const legacyId=this._legacy.changeScope(scopeName);return ComponentID.fromLegacy(legacyId)}changeVersion(version){const legacyId=this._legacy.changeVersion(version);return ComponentID.fromLegacy(legacyId,this.scope)}isEqual(id,opts){return ComponentID.isEqual(this,id,opts)}getVersionPreReleaseData(){return this._legacy.getVersionPreReleaseData()}toStringWithoutVersion(){let id=this._legacy;return this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope)),id.toStringWithoutVersion()}toString(opts={}){let id=this._legacy;this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope));const idStr=id.toString(!1,opts.ignoreVersion);return opts.fsCompatible?idStr.replace(/\//g,"_").replace(/\./g,"_").replace(/-/g,"_"):idStr}toObject(){const object=this.legacyComponentId.serialize();return object.scope||(object.scope=this.scope),object}static tryFromString(idStr,scope){try{return ComponentID.fromString(idStr,scope)}catch{return}}static fromString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!0);if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(idStr);return new ComponentID(legacyId,scope)}static fromLegacyString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!1);return new ComponentID(legacyId,scope)}static fromObject(object,scope){return ComponentID.fromLegacy(new legacy_bit_id_1.BitId(object),scope)}static isValidObject(o){return typeof o=="object"&&typeof o.name=="string"&&typeof o.scope=="string"}static isEqual(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.toString({ignoreVersion:opts.ignoreVersion})===b.toString({ignoreVersion:opts.ignoreVersion});return opts.ignoreVersion||(result=result&&a.version===b.version),result}static isEqualObj(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.name===b.name;return opts.ignoreVersion||(result=result&&a.version===b.version),result}static fromLegacy(legacyId,scope){if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(legacyId);return new ComponentID(legacyId,scope)}}exports.ComponentID=ComponentID},8105:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;const missing_scope_1=__webpack_require__(61504);Object.defineProperty(exports,"MissingScope",{enumerable:!0,get:function(){return missing_scope_1.MissingScope}})},61504:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;class MissingScope extends Error{constructor(src){super(`scope was not defined directly or by "${src}"`)}report(){return this.message}}exports.MissingScope=MissingScope},47274:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;var component_id_1=__webpack_require__(91204);Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return component_id_1.ComponentID}})},96961:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
   Copyright (c) 2018 Jed Watson.
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames
-*/(function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(!!arg){var argType=typeof arg;if(argType==="string"||argType==="number")classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if(argType==="object")if(arg.toString===Object.prototype.toString)for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key);else classes.push(arg.toString())}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):(__WEBPACK_AMD_DEFINE_ARRAY__=[],__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__),__WEBPACK_AMD_DEFINE_RESULT__!==void 0&&(module.exports=__WEBPACK_AMD_DEFINE_RESULT__))})()},3962:(__unused_webpack_module,exports,__webpack_require__)=>{var r=__webpack_require__(67294);function n(n2,e2,t2){var u=this,c=r.useRef(null),i=r.useRef(0),a=r.useRef(null),f=r.useRef([]),o=r.useRef(),l=r.useRef(),s=r.useRef(n2),v=r.useRef(!0);r.useEffect(function(){s.current=n2},[n2]);var m=!e2&&e2!==0&&typeof window<"u";if(typeof n2!="function")throw new TypeError("Expected a function");e2=+e2||0;var d=!!(t2=t2||{}).leading,p=!("trailing"in t2)||!!t2.trailing,R="maxWait"in t2,g=R?Math.max(+t2.maxWait||0,e2):null;r.useEffect(function(){return v.current=!0,function(){v.current=!1}},[]);var x=r.useMemo(function(){var r2=function(r3){var n4=f.current,e3=o.current;return f.current=o.current=null,i.current=r3,l.current=s.current.apply(e3,n4)},n3=function(r3,n4){m&&cancelAnimationFrame(a.current),a.current=m?requestAnimationFrame(r3):setTimeout(r3,n4)},t3=function(r3){if(!v.current)return!1;var n4=r3-c.current;return!c.current||n4>=e2||n4<0||R&&r3-i.current>=g},x2=function(n4){return a.current=null,p&&f.current?r2(n4):(f.current=o.current=null,l.current)},w=function r3(){var u2=Date.now();if(t3(u2))return x2(u2);if(v.current){var a2=e2-(u2-c.current),f2=R?Math.min(a2,g-(u2-i.current)):a2;n3(r3,f2)}},b=function(){var s2=Date.now(),m2=t3(s2);if(f.current=[].slice.call(arguments),o.current=u,c.current=s2,m2){if(!a.current&&v.current)return i.current=c.current,n3(w,e2),d?r2(c.current):l.current;if(R)return n3(w,e2),r2(c.current)}return a.current||n3(w,e2),l.current};return b.cancel=function(){a.current&&(m?cancelAnimationFrame(a.current):clearTimeout(a.current)),i.current=0,f.current=c.current=o.current=a.current=null},b.isPending=function(){return!!a.current},b.flush=function(){return a.current?x2(Date.now()):l.current},b},[d,R,e2,g,p,m]);return x}function e(r2,n2){return r2===n2}function t(r2){return typeof r2=="function"?function(){return r2}:r2}exports.useDebounce=function(u,c,i){var a,f,o=i&&i.equalityFn||e,l=(a=r.useState(t(u)),f=a[1],[a[0],r.useCallback(function(r2){return f(t(r2))},[])]),s=l[0],v=l[1],m=n(r.useCallback(function(r2){return v(r2)},[v]),c,i),d=r.useRef(u);return o(d.current,u)||(m(u),d.current=u),[s,m]},exports.useDebouncedCallback=n,exports.useThrottledCallback=function(r2,e2,t2){var u=t2===void 0?{}:t2,c=u.leading,i=u.trailing;return n(r2,e2,{maxWait:e2,leading:c===void 0||c,trailing:i===void 0||i})}},53871:(module,__unused_webpack_exports,__webpack_require__)=>{var v1=__webpack_require__(64551),v4=__webpack_require__(93025),uuid=v4;uuid.v1=v1,uuid.v4=v4,module.exports=uuid},99146:module=>{for(var byteToHex=[],i=0;i<256;++i)byteToHex[i]=(i+256).toString(16).substr(1);function bytesToUuid(buf,offset){var i2=offset||0,bth=byteToHex;return[bth[buf[i2++]],bth[buf[i2++]],bth[buf[i2++]],bth[buf[i2++]],"-",bth[buf[i2++]],bth[buf[i2++]],"-",bth[buf[i2++]],bth[buf[i2++]],"-",bth[buf[i2++]],bth[buf[i2++]],"-",bth[buf[i2++]],bth[buf[i2++]],bth[buf[i2++]],bth[buf[i2++]],bth[buf[i2++]],bth[buf[i2++]]].join("")}module.exports=bytesToUuid},16952:module=>{var getRandomValues=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto<"u"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(getRandomValues){var rnds8=new Uint8Array(16);module.exports=function(){return getRandomValues(rnds8),rnds8}}else{var rnds=new Array(16);module.exports=function(){for(var i=0,r;i<16;i++)(i&3)===0&&(r=Math.random()*4294967296),rnds[i]=r>>>((i&3)<<3)&255;return rnds}}},64551:(module,__unused_webpack_exports,__webpack_require__)=>{var rng=__webpack_require__(16952),bytesToUuid=__webpack_require__(99146),_nodeId,_clockseq,_lastMSecs=0,_lastNSecs=0;function v1(options,buf,offset){var i=buf&&offset||0,b=buf||[];options=options||{};var node=options.node||_nodeId,clockseq=options.clockseq!==void 0?options.clockseq:_clockseq;if(node==null||clockseq==null){var seedBytes=rng();node==null&&(node=_nodeId=[seedBytes[0]|1,seedBytes[1],seedBytes[2],seedBytes[3],seedBytes[4],seedBytes[5]]),clockseq==null&&(clockseq=_clockseq=(seedBytes[6]<<8|seedBytes[7])&16383)}var msecs=options.msecs!==void 0?options.msecs:new Date().getTime(),nsecs=options.nsecs!==void 0?options.nsecs:_lastNSecs+1,dt=msecs-_lastMSecs+(nsecs-_lastNSecs)/1e4;if(dt<0&&options.clockseq===void 0&&(clockseq=clockseq+1&16383),(dt<0||msecs>_lastMSecs)&&options.nsecs===void 0&&(nsecs=0),nsecs>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");_lastMSecs=msecs,_lastNSecs=nsecs,_clockseq=clockseq,msecs+=122192928e5;var tl=((msecs&268435455)*1e4+nsecs)%4294967296;b[i++]=tl>>>24&255,b[i++]=tl>>>16&255,b[i++]=tl>>>8&255,b[i++]=tl&255;var tmh=msecs/4294967296*1e4&268435455;b[i++]=tmh>>>8&255,b[i++]=tmh&255,b[i++]=tmh>>>24&15|16,b[i++]=tmh>>>16&255,b[i++]=clockseq>>>8|128,b[i++]=clockseq&255;for(var n=0;n<6;++n)b[i+n]=node[n];return buf||bytesToUuid(b)}module.exports=v1},93025:(module,__unused_webpack_exports,__webpack_require__)=>{var rng=__webpack_require__(16952),bytesToUuid=__webpack_require__(99146);function v4(options,buf,offset){var i=buf&&offset||0;typeof options=="string"&&(buf=options==="binary"?new Array(16):null,options=null),options=options||{};var rnds=options.random||(options.rng||rng)();if(rnds[6]=rnds[6]&15|64,rnds[8]=rnds[8]&63|128,buf)for(var ii=0;ii<16;++ii)buf[i+ii]=rnds[ii];return buf||bytesToUuid(rnds)}module.exports=v4},28547:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HighlighterProvider=exports.PARAM_NAME=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),react_ui_component_highlighter_1=__webpack_require__(48191),query_string_1=__importDefault(__webpack_require__(17563)),highlighter_provider_module_scss_1=__importDefault(__webpack_require__(78916));exports.PARAM_NAME="highlighter";const classes={container:highlighter_provider_module_scss_1.default.label},HighlighterProvider=({children})=>{const hash=useHash(),isActive=(0,react_1.useMemo)(()=>{const hashQuery=hash.split("?")[1];return query_string_1.default.parse(hashQuery)[exports.PARAM_NAME]==="true"},[hash]);return react_1.default.createElement(react_ui_component_highlighter_1.ComponentHighlighter,{disabled:!isActive,className:(0,classnames_1.default)(highlighter_provider_module_scss_1.default.highlighter,isActive&&highlighter_provider_module_scss_1.default.active),classes},children)};exports.HighlighterProvider=HighlighterProvider;function useHash(){const[hash,setHash]=(0,react_1.useState)(window?window.location.hash:"");return(0,react_1.useEffect)(()=>{const updateHash=()=>{setHash(window.location.hash)};return updateHash(),window.addEventListener("hashchange",updateHash),()=>{window.removeEventListener("hashchange",updateHash)}},[]),hash}},87656:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HighlighterProvider=void 0;var highlighter_provider_1=__webpack_require__(28547);Object.defineProperty(exports,"HighlighterProvider",{enumerable:!0,get:function(){return highlighter_provider_1.HighlighterProvider}})},62198:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.hasComponentMeta=exports.componentMetaProperties=exports.componentMetaField=void 0,exports.componentMetaField="__bit_component",exports.componentMetaProperties={componentId:"id",homepageUrl:"homepage",isExported:"exported"};function hasComponentMeta(component){return component&&typeof component.__bit_component=="object"&&typeof component.__bit_component.id=="string"}exports.hasComponentMeta=hasComponentMeta},32689:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MockedComponentWithMeta=void 0;const react_1=__importDefault(__webpack_require__(67294)),component_meta_1=__webpack_require__(62198);function MockedComponentWithMeta(props){return react_1.default.createElement("button",Object.assign({type:"button"},props))}exports.MockedComponentWithMeta=MockedComponentWithMeta,MockedComponentWithMeta[component_meta_1.componentMetaField]={id:"teambit.base-ui/input/button"}},16359:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MockedComponentWithMeta=exports.componentMetaProperties=exports.componentMetaField=exports.hasComponentMeta=void 0;var component_meta_1=__webpack_require__(62198);Object.defineProperty(exports,"hasComponentMeta",{enumerable:!0,get:function(){return component_meta_1.hasComponentMeta}}),Object.defineProperty(exports,"componentMetaField",{enumerable:!0,get:function(){return component_meta_1.componentMetaField}}),Object.defineProperty(exports,"componentMetaProperties",{enumerable:!0,get:function(){return component_meta_1.componentMetaProperties}});var component_meta_mock_1=__webpack_require__(32689);Object.defineProperty(exports,"MockedComponentWithMeta",{enumerable:!0,get:function(){return component_meta_mock_1.MockedComponentWithMeta}})},33548:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHoverSelection=exports.HoverSelector=void 0;const react_1=__importStar(__webpack_require__(67294));function HoverSelector(_a){var{onElementChange,disabled}=_a,rest=__rest(_a,["onElementChange","disabled"]);const handlers=useHoverSelection(onElementChange,rest);return react_1.default.createElement("div",Object.assign({},rest,disabled?{}:handlers))}exports.HoverSelector=HoverSelector;function useHoverSelection(onChange,props={}){const{onMouseOver,onMouseLeave}=props,handleEnter=(0,react_1.useCallback)(event=>{onMouseOver?.(event);const{target}=event;!target||onChange?.(target)},[onMouseOver,onChange]),handleLeave=(0,react_1.useCallback)(event=>{onMouseLeave?.(event),onChange?.(null)},[onMouseLeave,onChange]);return onChange?{onMouseOver:handleEnter,onMouseLeave:handleLeave}:{}}exports.useHoverSelection=useHoverSelection},83933:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHoverSelection=exports.HoverSelector=void 0;var hover_selector_1=__webpack_require__(33548);Object.defineProperty(exports,"HoverSelector",{enumerable:!0,get:function(){return hover_selector_1.HoverSelector}}),Object.defineProperty(exports,"useHoverSelection",{enumerable:!0,get:function(){return hover_selector_1.useHoverSelection}})},32750:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ReactAspect",{enumerable:!0,get:function(){return _react().ReactAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _react().ReactAspect}});function _react(){const data=__webpack_require__(72864);return _react=function(){return data},data}},72864:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ReactAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const ReactAspect=_harmony().Aspect.create({id:"teambit.react/react"});exports.ReactAspect=ReactAspect;var _default=ReactAspect;exports.default=_default},28177:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(5800));return _lodash=function(){return data},data}function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}function _preview(){const data=_interopRequireWildcard(__webpack_require__(49471));return _preview=function(){return data},data}function _reactUi(){const data=__webpack_require__(87656);return _reactUi=function(){return data},data}function _react(){const data=__webpack_require__(72864);return _react=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}class ReactPreview{constructor(preview,providerSlot){this.preview=preview,this.providerSlot=providerSlot,(0,_defineProperty2().default)(this,"getRenderingContext",({aspectsFilter})=>{let entries=this.providerSlot.toArray();if(aspectsFilter){const allowedAspects=new Set(aspectsFilter);allowedAspects.add(_react().ReactAspect.id),entries=entries.filter(([aspectId])=>allowedAspects.has(aspectId))}return{providers:(0,_lodash().default)(entries.map(([,provider])=>provider))}})}registerProvider(provider){this.providerSlot.register(provider)}static async provider([preview],config,[providerSlot]){const reactPreview=new ReactPreview(preview,providerSlot);return reactPreview.registerProvider([_reactUi().HighlighterProvider]),preview.registerRenderContext(reactPreview.getRenderingContext),reactPreview}}__webpack_unused_export__=ReactPreview,(0,_defineProperty2().default)(ReactPreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(ReactPreview,"slots",[_harmony().Slot.withType()]),(0,_defineProperty2().default)(ReactPreview,"dependencies",[_preview().default]),_react().ReactAspect.addRuntime(ReactPreview);var _default=ReactPreview;__webpack_unused_export__=_default},53518:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isBrowser=void 0;var is_browser_1=__webpack_require__(9437);Object.defineProperty(exports,"isBrowser",{enumerable:!0,get:function(){return is_browser_1.isBrowser}})},9437:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isBrowser=void 0;const isBrowser=typeof window<"u";exports.isBrowser=isBrowser},36366:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var _teambit_harmony__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(16738),_teambit_harmony__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_teambit_harmony__WEBPACK_IMPORTED_MODULE_0__),_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_aspect_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(22395),_home_circleci_bit_bit_node_modules_teambit_docs_dist_docs_aspect_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(12825),_home_circleci_bit_bit_node_modules_teambit_compositions_dist_compositions_aspect_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(36717),_home_circleci_bit_bit_node_modules_teambit_pubsub_dist_pubsub_aspect_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(56646),_home_circleci_bit_bit_node_modules_teambit_react_dist_react_aspect_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(72864),_home_circleci_bit_bit_node_modules_teambit_react_native_dist_react_native_aspect_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(38117),_home_circleci_bit_bit_node_modules_teambit_command_bar_dist_command_bar_aspect_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(98695),_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_docs_dist_docs_preview_runtime_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(90428),_home_circleci_bit_bit_node_modules_teambit_compositions_dist_compositions_preview_runtime_js__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(61517),_home_circleci_bit_bit_node_modules_teambit_pubsub_dist_pubsub_preview_runtime_js__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(53707),_home_circleci_bit_bit_node_modules_teambit_react_dist_react_preview_runtime_js__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(28177),_home_circleci_bit_bit_node_modules_teambit_react_native_dist_react_native_preview_runtime_js__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(65883),_home_circleci_bit_bit_node_modules_teambit_command_bar_dist_command_bar_preview_runtime_js__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(97996);const isBrowser=typeof window<"u",config=JSON.parse('{"teambit.workspace/workspace":{"name":"bit","icon":"https://static.bit.dev/bit-logo.svg","defaultScope":"teambit.bit","defaultDirectory":"components"},"teambit.dependencies/dependency-resolver":{"packageManager":"teambit.dependencies/pnpm","policy":{"dependencies":{"@babel/core":"7.19.6","@babel/preset-react":"7.18.6","@babel/preset-typescript":"7.18.6","@babel/types":"7.20.0","@graphql-modules/core":"0.7.17","@jest/test-result":"26.6.2","@mdx-js/mdx":"1.6.21","@mdx-js/react":"1.6.22","@monaco-editor/react":"4.4.6","@pmmmwh/react-refresh-webpack-plugin":"0.5.4","@pnpm/client":"9.1.1","@pnpm/colorize-semver-diff":"1.0.1","@pnpm/config":"16.5.5","@pnpm/core":"7.7.3","@pnpm/default-reporter":"11.0.31","@pnpm/error":"4.0.1","@pnpm/fetch":"6.0.5","@pnpm/logger":"5.0.0","@pnpm/modules-yaml":"11.1.0","@pnpm/network.agent":"0.0.4","@pnpm/network.ca-file":"1.0.2","@pnpm/package-store":"15.1.5","@pnpm/parse-overrides":"3.0.3","@pnpm/pick-registry-for-package":"4.0.3","@pnpm/registry-mock":"2.20.0","@pnpm/semver-diff":"1.1.0","@pnpm/sort-packages":"4.0.3","@pnpm/store-connection-manager":"5.2.9","@pnpm/types":"8.10.0","@pnpm/workspace.pkgs-graph":"1.0.0","@react-hook/latest":"1.0.3","@stencil/core":"1.17.4","@stencil/webpack":"0.0.6","@teambit/any-fs":"0.0.5","@teambit/base-react.layout.row":"0.0.3","@teambit/base-react.navigation.link":"2.0.27","@teambit/base-ui.constants.storage":"1.0.0","@teambit/base-ui.graph.tree.collapsable-tree-node":"0.0.4","@teambit/base-ui.graph.tree.indent":"1.0.0","@teambit/base-ui.graph.tree.inflate-paths":"1.0.0","@teambit/base-ui.graph.tree.recursive-tree":"1.0.0","@teambit/base-ui.graph.tree.root-node":"1.0.0","@teambit/base-ui.graph.tree.tree-context":"1.0.0","@teambit/base-ui.layout.breakpoints":"1.0.0","@teambit/base-ui.layout.page-frame":"1.0.0","@teambit/base-ui.loaders.loader-ribbon":"1.0.0","@teambit/base-ui.loaders.skeleton":"1.0.1","@teambit/base-ui.styles.flex-center":"1.0.0","@teambit/base-ui.surfaces.background":"1.0.1","@teambit/base-ui.surfaces.card":"1.0.1","@teambit/base-ui.surfaces.split-pane.hover-splitter":"1.0.0","@teambit/base-ui.surfaces.split-pane.split-pane":"1.0.0","@teambit/base-ui.text.muted-text":"1.0.1","@teambit/base-ui.text.paragraph":"1.0.1","@teambit/base-ui.text.text-sizes":"1.0.0","@teambit/base-ui.text.themed-text":"1.0.1","@teambit/base-ui.theme.accent-color":"1.1.0","@teambit/base-ui.theme.colors":"1.0.0","@teambit/base-ui.theme.dark-theme":"1.0.2","@teambit/base-ui.theme.fonts.book":"1.0.2","@teambit/base-ui.theme.fonts.roboto":"1.0.0","@teambit/base-ui.theme.theme-provider":"1.0.1","@teambit/base-ui.utils.composer":"1.0.0","@teambit/base-ui.utils.string.affix":"1.0.0","@teambit/base-ui.utils.time-ago":"1.0.1","@teambit/bit.content.what-is-bit":"1.96.2","@teambit/bvm.config":"0.2.2","@teambit/capsule":"0.0.12","@teambit/code.ui.object-formatter":"0.0.1","@teambit/community.constants.links":"0.0.2","@teambit/compilation.content.compiler-overview":"1.95.0","@teambit/component.content.component-overview":"1.95.0","@teambit/component.content.dev-files":"1.95.9","@teambit/component.instructions.exporting-components":"0.0.6","@teambit/defender.content.formatter-overview":"1.96.1","@teambit/defender.content.linter-overview":"1.95.0","@teambit/defender.content.tester-overview":"1.95.0","@teambit/design.elements.icon":"1.0.5","@teambit/design.inputs.dropdown":"1.2.16","@teambit/design.inputs.selectors.multi-select":"0.0.20","@teambit/design.inputs.toggle-switch":"0.0.6","@teambit/design.navigation.content-tabs":"0.0.5","@teambit/design.navigation.responsive-navbar":"0.0.5","@teambit/design.themes.dark-theme":"1.91.4","@teambit/design.themes.theme-toggler":"0.1.3","@teambit/design.ui.avatar":"1.0.16","@teambit/design.ui.brand.logo":"1.96.2","@teambit/design.ui.icon-button":"1.0.16","@teambit/design.ui.input.option-button":"1.0.0","@teambit/design.ui.input.radio":"1.1.13","@teambit/design.ui.input.toggle":"1.0.12","@teambit/design.ui.pill-label":"0.0.356","@teambit/design.ui.separator":"0.0.354","@teambit/design.ui.surfaces.menu.link-item":"1.0.0","@teambit/docs.content.docs-overview":"1.95.9","@teambit/docs.ui.hooks.use-element-on-fold":"1.96.5","@teambit/documenter.code.react-playground":"4.0.1","@teambit/documenter.content.documentation-links":"4.1.3","@teambit/documenter.markdown.hybrid-live-code-snippet":"0.1.10","@teambit/documenter.markdown.mdx":"0.1.11","@teambit/documenter.theme.theme-compositions":"4.1.1","@teambit/documenter.theme.theme-context":"4.0.3","@teambit/documenter.ui.code-snippet":"4.2.2","@teambit/documenter.ui.consumable-link":"4.0.3","@teambit/documenter.ui.copy-box":"4.1.6","@teambit/documenter.ui.heading":"4.1.1","@teambit/documenter.ui.highlighted-text":"4.1.1","@teambit/documenter.ui.label":"4.0.3","@teambit/documenter.ui.label-list":"4.0.3","@teambit/documenter.ui.linked-heading":"4.1.6","@teambit/documenter.ui.paragraph":"4.1.1","@teambit/documenter.ui.property-table":"4.1.3","@teambit/documenter.ui.section":"4.1.1","@teambit/documenter.ui.separator":"4.1.1","@teambit/documenter.ui.sub-title":"4.1.1","@teambit/evangelist.elements.button":"1.0.6","@teambit/evangelist.elements.icon":"1.0.2","@teambit/evangelist.elements.x-button":"1.0.7","@teambit/evangelist.input.checkbox.label":"1.0.3","@teambit/evangelist.surfaces.dropdown":"1.0.2","@teambit/evangelist.surfaces.tooltip":"1.0.1","@teambit/explorer.ui.command-bar":"2.0.3","@teambit/graph.cleargraph":"0.0.1","@teambit/graphql.hooks.use-query-light":"1.0.0","@teambit/harmony":"0.4.6","@teambit/pkg.content.packages-overview":"1.95.9","@teambit/react.content.react-overview":"1.95.0","@teambit/react.instructions.react-native.adding-tests":"0.0.1","@teambit/react.instructions.react.adding-compositions":"0.0.6","@teambit/react.instructions.react.adding-tests":"0.0.6","@teambit/react.rendering.ssr":"0.0.3","@teambit/react.ui.component-highlighter":"0.2.1","@teambit/scope.content.scope-overview":"1.95.0","@teambit/workspace.content.variants":"1.95.9","@teambit/workspace.content.workspace-overview":"1.95.0","@testing-library/jest-dom":"5.16.2","@testing-library/jest-native":"4.0.4","@testing-library/react":"12.1.5","@tippyjs/react":"4.2.0","@types/archiver":"5.3.1","@types/classnames":"2.2.11","@types/cors":"2.8.10","@types/dagre":"0.7.44","@types/didyoumean":"1.2.0","@types/eslint":"7.28.0","@types/express":"4.17.13","@types/find-root":"1.1.2","@types/http-proxy-agent":"2.0.2","@types/lodash":"4.14.165","@types/lodash.compact":"3.0.6","@types/lodash.flatten":"4.4.6","@types/lodash.head":"4.0.6","@types/lodash.orderby":"4.6.6","@types/lodash.pick":"4.4.6","@types/mdx-js__react":"1.5.5","@types/memoizee":"0.4.5","@types/mime":"2.0.3","@types/mini-css-extract-plugin":"2.2.0","@types/mousetrap":"1.6.5","@types/node":"14.14.13","@types/pluralize":"0.0.29","@types/react":"17.0.8","@types/react-dev-utils":"9.0.10","@types/react-dom":"17.0.5","@types/react-tabs":"2.3.2","@types/socket.io-client":"1.4.35","@types/testing-library__jest-dom":"5.9.5","@types/ua-parser-js":"0.7.35","@types/url-join":"4.0.0","@types/url-parse":"1.4.3","@types/webpack":"5.28.0","@types/webpack-dev-server":"4.0.3","@yarnpkg/cli":"3.2.1","@yarnpkg/core":"^3.2.2","@yarnpkg/fslib":"2.6.2","@yarnpkg/parsers":"2.5.1","@yarnpkg/plugin-npm":"2.7.1","@yarnpkg/plugin-pack":"3.1.0","agentkeepalive":"4.1.4","ansi-to-html":"0.6.14","apollo-link-context":"1.0.20","apollo-link-http":"1.5.17","apollo-link-ws":"1.0.20","apollo-server":"2.19.2","apollo-utilities":"1.3.4","archiver":"5.3.1","aws-sdk":"2.756.0","babel-jest":"27.5.1","babel-plugin-named-asset-import":"0.3.7","babel-preset-jest":"27.5.1","body-parser":"1.19.0","buffer":"6.0.3","camelcase":"6.2.0","chai-subset":"1.6.0","class-transformer":"0.5.1","classnames":"2.2.6","cli-highlight":"2.1.9","comlink":"4.3.0","command-exists":"1.2.9","compression-webpack-plugin":"9.2.0","copy-to-clipboard":"3.3.1","cors":"2.8.5","credentials-by-uri":"2.0.0","cross-env":"7.0.3","cross-fetch":"3.0.6","css-minimizer-webpack-plugin":"3.0.2","dagre":"0.8.5","didyoumean":"1.2.1","enquirer":"2.3.6","eslint-config-airbnb-typescript":{"version":"5.1.0","preserve":true},"eslint-import-resolver-node":"0.3.4","eventemitter2":"6.4.4","expose-loader":"3.1.0","express":"4.17.1","express-graphql":"0.12.0","express-history-api-fallback":"2.2.1","filenamify":"4.2.0","find-root":"1.1.0","flatted":"3.1.0","get-tsconfig":"4.2.0","graceful-fs":"4.2.10","graphql-subscriptions":"1.2.0","graphql-tag":"2.12.1","graphql-tools":"6.2.4","graphql-type-json":"0.3.2","history":"^5.2.0","html-escaper":"3.0.0","html-webpack-plugin":"5.3.2","http-proxy":"1.18.1","http-proxy-agent":"4.0.1","https-proxy-agent":"5.0.0","humanize-duration":"3.23.1","humanize-string":"2.1.0","ini":"2.0.0","inject-body-webpack-plugin":"1.3.0","insert-string-after":"1.0.0","insert-string-before":"1.0.0","is-binary-path":"2.1.0","is-builtin-module":"3.1.0","is-primitive":"3.0.1","jest":"27.5.1","jest-message-util":"27.5.1","jest-watcher":"27.5.1","json-formatter-js":"2.3.4","jsx-to-string":"1.4.0","junit-report-builder":"3.0.0","less":"^4.1.1","loader-utils":"2.0.0","lodash":"4.17.20","lodash.compact":"3.0.1","lodash.head":"4.0.1","lodash.orderby":"4.6.0","lodash.pick":"4.4.0","map-obj":"4.2.1","memoizee":"0.4.15","memory-fs":"0.5.0","mime":"2.5.2","mini-css-extract-plugin":"2.2.2","minimatch":"3.0.4","mousetrap":"1.6.5","multimatch":"5.0.0","nanoid":"3.1.20","nerf-dart":"1.0.0","npm":"6.14.17","p-limit":"3.1.0","parse-package-name":"0.1.0","path-to-regexp":"6.2.0","penpal":"6.2.2","pino-pretty":"9.1.1","pluralize":"8.0.0","postcss":"8.4.18","postcss-flexbugs-fixes":"5.0.2","postcss-loader":"7.0.1","postcss-preset-env":"7.8.2","prerender-spa-plugin-next":"4.2.0","pretty-bytes":"5.6.0","pretty-time":"1.1.0","process":"0.11.10","puppeteer":"13.7.0","query-string":"7.0.0","react-animate-height":"2.0.23","react-dev-utils":"11.0.4","react-error-boundary":"^3.0.0","react-error-overlay":"6.0.9","react-flow-renderer":"8.3.7","react-syntax-highlighter":"15.4.3","react-tabs":"3.2.0","react-test-renderer":"17.0.2","remark-admonitions":"1.2.1","remark-frontmatter":"2.0.0","reset-css":"5.0.1","resolve-from":"5.0.0","resolve-url-loader":"5.0.0","semver":"7.3.4","semver-intersect":"1.4.0","semver-range-intersect":"0.3.1","socket.io-client":"2.4.0","socks-proxy-agent":"5.0.0","strip-ansi":"6.0.0","subscriptions-transport-ws":"0.9.18","table":"6.7.3","tempy":"1.0.1","terser-webpack-plugin":"5.2.0","tippy.js":"6.2.7","ua-parser-js":"0.7.24","unist-util-remove":"2.0.1","unist-util-visit":"2.0.3","url-join":"4.0.1","url-parse":"1.4.7","version-selector-type":"3.0.0","vfile":"4.2.0","vscode-icons-js":"11.0.0","vscode-jsonrpc":"6.0.0","vscode-languageserver-types":"3.16.0","webpack":"5.51.1","webpack-assets-manifest":"5.1.0","webpack-dev-server":"4.1.0","webpack-manifest-plugin":"4.0.2","webpack-merge":"5.8.0","workbox-webpack-plugin":"6.2.4","ws":"7.4.2","yaml":"1.10.2","yesno":"0.4.0"},"peerDependencies":{"@apollo/client":"^3.6.0","@teambit/base-react.navigation.link":"2.0.27","@teambit/legacy":"1.0.443","@teambit/ui-foundation.ui.navigation.react-router-adapter":"6.1.1","@testing-library/react":"^12.1.5","browserslist":"4.16.3","core-js":"^3.10.0","graphql":"14.7.0","mz":"2.7.0","react":"17.0.2","react-dom":"17.0.2","react-router-dom":"^6.0.0"}},"linkCoreAspects":false,"overrides":{"@types/fs-capacitor":"2.0.0"},"nodeLinker":"hoisted","nodeVersion":"14.19.3","engineStrict":true,"packageImportMethod":"copy","packageManagerArgs":[],"devFilePatterns":["**/*.spec.ts"],"strictPeerDependencies":true,"savePrefix":"","extraArgs":[],"peerDependencyRules":{"allowAny":[],"ignoreMissing":[]}},"teambit.preview/preview":{"bundlingStrategy":"component"},"teambit.generator/generator":{"aspects":["teambit.harmony/aspect"]},"teambit.component/issues":{"ignoreIssues":["CircularDependencies","DuplicateComponentAndPackage"]},"teambit.workspace/variants":{"*,!{*/**}":{"teambit.pkg/pkg":{"packageManagerPublishArgs":["--access public"],"packageJson":{"name":"@teambit/{name}","private":false,"license":"Apache-2.0","engines":{"node":">=12.22.0"},"repository":{"type":"git","url":"https://github.com/teambit/bit"},"keywords":["bit","bit-aspect","components","collaboration","web","react","react-components","angular","angular-components"]}},"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"@teambit/legacy":"-"},"devDependencies":{"@types/mocha":"9.1.0","@teambit/legacy":"-"},"peerDependencies":{"@teambit/legacy":"1.0.443"}}},"teambit.envs/envs":{"env":"teambit.harmony/aspect"},"teambit.harmony/aspect":{}},"{*/**}":{"teambit.harmony/aspect":"-","teambit.pkg/pkg":{"packageManagerPublishArgs":["--access public"],"packageJson":{"name":"@teambit/{scope}.{name}","private":false,"license":"Apache-2.0","engines":{"node":">=12.22.0"},"repository":{"type":"git","url":"https://github.com/teambit/bit"},"keywords":["bit","components","collaboration","web","react","react-components","angular","angular-components"]}},"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"@teambit/legacy":"-"},"devDependencies":{"@types/mocha":"9.1.0","@teambit/legacy":"-"},"peerDependencies":{}}},"teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.harmony/node":{}},"scopes/react/react, scopes/react/react-native, scopes/harmony/node, scopes/html/html, scopes/mdx/mdx, scopes/mdx/readme":{"teambit.harmony/aspect":"-","teambit.envs/env":{},"teambit.envs/envs":{"env":"teambit.envs/env"}},"{modules/**}":{"teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.harmony/node":{}},"{cli/**}":{"teambit.react/react":"-","teambit.envs/envs":{"env":"teambit.harmony/node"}},"{babel/**}":{"teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.harmony/node":{}},"{ui/**}":{"teambit.envs/envs":{"env":"teambit.react/react"},"teambit.react/react":{}},"scopes/toolbox":{"teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.harmony/aspect":"-","defaultScope":"teambit.toolbox"},"scopes/web-components":{"defaultScope":"teambit.web-components"},"scopes/workspace":{"defaultScope":"teambit.workspace"},"scopes/webpack":{"defaultScope":"teambit.webpack"},"scopes/scope":{"defaultScope":"teambit.scope"},"scopes/compositions":{"defaultScope":"teambit.compositions"},"scopes/docs":{"defaultScope":"teambit.docs"},"scopes/generator":{"defaultScope":"teambit.generator"},"scopes/lanes":{"defaultScope":"teambit.lanes"},"scopes/explorer":{"defaultScope":"teambit.explorer"},"scopes/envs":{"defaultScope":"teambit.envs"},"scopes/pkg":{"defaultScope":"teambit.pkg"},"scopes/dependencies":{"defaultScope":"teambit.dependencies"},"scopes/react":{"defaultScope":"teambit.react"},"scopes/preview":{"defaultScope":"teambit.preview"},"scopes/pipelines":{"defaultScope":"teambit.pipelines"},"scopes/harmony":{"defaultScope":"teambit.harmony"},"scopes/html":{"defaultScope":"teambit.html"},"scopes/compilation":{"defaultScope":"teambit.compilation"},"scopes/defender":{"defaultScope":"teambit.defender"},"scopes/component":{"defaultScope":"teambit.component"},"scopes/code":{"defaultScope":"teambit.code"},"scopes/component/component-id":{"teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.dependencies/dependency-resolver":{}},"scopes/component/component-version":{"teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.dependencies/dependency-resolver":{}},"scopes/component/legacy-bit-id":{"teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.dependencies/dependency-resolver":{}},"scopes/harmony/bit-error, scopes/defender/tests-results, scopes/typescript/ts-server, scopes/component/component-issues, scopes/component/component-package-version, scopes/react/eslint-config-bit-react, scopes/toolbox/tables/cli-table":{"teambit.harmony/aspect":"-","teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.dependencies/dependency-resolver":{}},"scopes/component/legacy-component-log":{"teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.dependencies/dependency-resolver":{}},"scopes/ui-foundation":{"defaultScope":"teambit.ui-foundation","teambit.community/envs/community-react":"-"},"scopes/mdx":{"defaultScope":"teambit.mdx"},"scopes/community":{"defaultScope":"teambit.community"},"scopes/cloud":{"defaultScope":"teambit.cloud"},"scopes/base-react":{"defaultScope":"teambit.base-react","teambit.envs/envs":{"env":"teambit.react/react"}},"scopes/design":{"defaultScope":"teambit.design","teambit.envs/envs":{"env":"teambit.react/react"},"teambit.dependencies/dependency-resolver":{"policy":{"devDependencies":{"@teambit/legacy":"-"}}}},"scopes/react/react-elements":{"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"react":"-","react-dom":"-","css-loader":"6.2.0","postcss":"8.4.18","postcss-loader":"7.0.1","babel-loader":"8.2.2","@babel/preset-react":"7.18.6","@babel/preset-env":"7.19.4","resolve-url-loader":"5.0.0","sass-loader":"12.1.0","@svgr/webpack":"5.5.0","new-url-loader":"0.1.1","less":"^4.1.1","@mdx-js/react":"1.6.22","less-loader":"10.0.0","babel-preset-react-app":"^10.0.0","postcss-normalize":"10.0.0","postcss-preset-env":"7.8.2","postcss-flexbugs-fixes":"5.0.2"},"devDependencies":{"react":"-","react-dom":"-","@types/mocha":"9.1.0","@types/postcss-normalize":"9.0.1"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0","react-dom":"^16.8.0 || ^17.0.0","@teambit/legacy":"1.0.443"}}}},"scopes/mdx/modules/loader":{"teambit.dependencies/dependency-resolver":{"policy":{"devDependencies":{"@babel/preset-react":"7.18.6","@babel/preset-env":"7.19.4","babel-loader":"8.2.2"}}}},"scopes/typescript":{"defaultScope":"teambit.typescript"},"{aspect-docs/**}":{"teambit.envs/envs":{"env":"teambit.mdx/mdx"},"teambit.mdx/mdx":{}},"scopes/semantics":{"defaultScope":"teambit.semantics"},"scopes/api-reference":{"defaultScope":"teambit.api-reference"},"scopes/harmony/testing/load-aspect":{"teambit.component/issues":{"ignoreIssues":["ImportNonMainFiles"]}},"scopes/harmony/bit":{"teambit.component/issues":{"ignoreIssues":["ImportNonMainFiles"]},"teambit.pkg/pkg":{"packageJson":{"packageManagerPublishArgs":["--access public"],"license":"Apache-2.0","name":"@teambit/{name}","private":false,"bvm":{"node":"16.16.0"},"bin":{"bbit":"bin/bit"},"engines":{"node":">=12.22.0"},"repository":{"type":"git","url":"https://github.com/teambit/bit"},"keywords":["bit","bit-aspect","components","collaboration","web","react","react-components","angular","angular-components"]}},"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"@teambit/base-react.navigation.link":"2.0.27","@teambit/ui-foundation.ui.navigation.react-router-adapter":"6.1.1","@apollo/client":"3.6.9","@teambit/legacy":"1.0.443","graphql":"14.7.0","browserslist":"4.16.3","reflect-metadata":"0.1.13","monaco-editor":"0.33.0","mz":"2.7.0","react-native-web":"0.14.13","react":"17.0.2","react-dom":"17.0.2","core-js":"3.13.0","postcss":"8.4.18","buffer":"6.0.3","process":"0.11.10","react-router-dom":"6.3.0"},"devDependencies":{},"peerDependencies":{"@teambit/base-react.navigation.link":"-","@teambit/legacy":"-","@teambit/ui-foundation.ui.navigation.react-router-adapter":"-","browserslist":"-","graphql":"-","react":"-","react-dom":"-","react-native-web":"-","react-router-dom":"-","core-js":"-"}}}},"scopes/defender/jest":{"teambit.dependencies/dependency-resolver":{"policy":{"peerDependencies":{"jest":"27.5.1"}}}},"scopes/webpack/webpack":{"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"assert":"2.0.0","browserify-zlib":"0.2.0","buffer":"6.0.3","constants-browserify":"1.0.0","crypto-browserify":"3.12.0","domain-browser":"4.19.0","https-browserify":"1.0.0","os-browserify":"0.3.0","path-browserify":"1.0.1","process":"0.11.10","punycode":"2.1.1","querystring-es3":"0.2.1","stream-browserify":"3.0.0","stream-http":"3.2.0","string_decoder":"1.3.0","timers-browserify":"2.0.12","tty-browserify":"0.0.1","url":"0.11.0","util":"0.12.3","vm-browserify":"1.1.2"}}}},"scopes/harmony/node":{"teambit.component/issues":{"ignoreIssues":["ImportNonMainFiles"]},"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"jest-environment-node":"27.5.1"}}}},"scopes/mdx/mdx":{"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"@babel/helper-plugin-test-runner":"7.16.7"}}}},"scopes/harmony/aspect":{"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"@babel/plugin-proposal-class-properties":"7.18.6","@babel/plugin-proposal-decorators":"7.12.13","@babel/plugin-proposal-object-rest-spread":"7.12.13","@babel/plugin-transform-modules-commonjs":"7.12.13","@babel/plugin-transform-runtime":"7.12.17","@babel/preset-env":"7.12.17","babel-plugin-transform-typescript-metadata":"0.3.1","@babel/preset-react":"7.13.13","@babel/preset-typescript":"7.18.6","jest-environment-node":"27.5.1"}}}},"scopes/harmony/graphql":{"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"@teambit/legacy":"-","bufferutil":"4.0.3","utf-8-validate":"5.0.5"},"devDependencies":{"@types/mocha":"9.1.0","@teambit/legacy":"-"},"peerDependencies":{"@teambit/legacy":"1.0.443"}}}},"scopes/webpack/plugins/inject-head-webpack-plugin":{"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"html-webpack-plugin":"-"},"peerDependencies":{"html-webpack-plugin":"^5.3.1"}}}},"components/ui/component-compare/version-picker":{"teambit.harmony/node":"-","teambit.react/react":"-"},"scopes/component/ui/version-dropdown":{"teambit.harmony/node":"-","teambit.react/react":"-"}},"teambit.harmony/bit":"teambit.workspace/workspace"}');_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_aspect_js__WEBPACK_IMPORTED_MODULE_1__.default.id="teambit.preview/preview",_home_circleci_bit_bit_node_modules_teambit_docs_dist_docs_aspect_js__WEBPACK_IMPORTED_MODULE_2__.default.id="teambit.docs/docs",_home_circleci_bit_bit_node_modules_teambit_compositions_dist_compositions_aspect_js__WEBPACK_IMPORTED_MODULE_3__.default.id="teambit.compositions/compositions",_home_circleci_bit_bit_node_modules_teambit_pubsub_dist_pubsub_aspect_js__WEBPACK_IMPORTED_MODULE_4__.default.id="teambit.harmony/pubsub",_home_circleci_bit_bit_node_modules_teambit_react_dist_react_aspect_js__WEBPACK_IMPORTED_MODULE_5__.default.id="teambit.react/react",_home_circleci_bit_bit_node_modules_teambit_react_native_dist_react_native_aspect_js__WEBPACK_IMPORTED_MODULE_6__.default.id="teambit.react/react-native",_home_circleci_bit_bit_node_modules_teambit_command_bar_dist_command_bar_aspect_js__WEBPACK_IMPORTED_MODULE_7__.default.id="teambit.explorer/command-bar";function render(...props){return _teambit_harmony__WEBPACK_IMPORTED_MODULE_0__.Harmony.load([_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_aspect_js__WEBPACK_IMPORTED_MODULE_1__.default,_home_circleci_bit_bit_node_modules_teambit_docs_dist_docs_aspect_js__WEBPACK_IMPORTED_MODULE_2__.default,_home_circleci_bit_bit_node_modules_teambit_compositions_dist_compositions_aspect_js__WEBPACK_IMPORTED_MODULE_3__.default,_home_circleci_bit_bit_node_modules_teambit_pubsub_dist_pubsub_aspect_js__WEBPACK_IMPORTED_MODULE_4__.default,_home_circleci_bit_bit_node_modules_teambit_react_dist_react_aspect_js__WEBPACK_IMPORTED_MODULE_5__.default,_home_circleci_bit_bit_node_modules_teambit_react_native_dist_react_native_aspect_js__WEBPACK_IMPORTED_MODULE_6__.default,_home_circleci_bit_bit_node_modules_teambit_command_bar_dist_command_bar_aspect_js__WEBPACK_IMPORTED_MODULE_7__.default],"preview",config).then(harmony=>harmony.run().then(()=>harmony.get("teambit.preview/preview")).then(rootExtension=>{const ssrSetup=!isBrowser&&rootExtension.setupSsr,setup=rootExtension.setup,setupFunc=(ssrSetup||setup||function(){}).bind(rootExtension);return Promise.resolve(setupFunc()).then(()=>rootExtension)}).then(rootExtension=>isBrowser?rootExtension.render("teambit.workspace/workspace",...props):rootExtension.renderSsr("teambit.workspace/workspace",...props)).catch(err=>{throw err}))}isBrowser&&render()},71215:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>tippy_react_headless_esm,tippy:()=>tippy_headless_esm,useSingleton:()=>useSingleton});var lib_popper=__webpack_require__(74511),ROUND_ARROW='<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><path d="M0 6s1.796-.013 4.67-3.615C5.851.9 6.93.006 8 0c1.07-.006 2.148.887 3.343 2.385C14.233 6.005 16 6 16 6H0z"></svg>',CONTENT_CLASS="tippy-content",BACKDROP_CLASS="tippy-backdrop",ARROW_CLASS="tippy-arrow",SVG_ARROW_CLASS="tippy-svg-arrow",TOUCH_OPTIONS={passive:!0,capture:!0};function tippy_headless_esm_hasOwnProperty(obj,key){return{}.hasOwnProperty.call(obj,key)}function getValueAtIndexOrReturn(value2,index,defaultValue){if(Array.isArray(value2)){var v=value2[index];return v??(Array.isArray(defaultValue)?defaultValue[index]:defaultValue)}return value2}function isType(value2,type){var str={}.toString.call(value2);return str.indexOf("[object")===0&&str.indexOf(type+"]")>-1}function invokeWithArgsOrReturn(value2,args){return typeof value2=="function"?value2.apply(void 0,args):value2}function debounce(fn,ms){if(ms===0)return fn;var timeout;return function(arg){clearTimeout(timeout),timeout=setTimeout(function(){fn(arg)},ms)}}function removeProperties(obj,keys){var clone=Object.assign({},obj);return keys.forEach(function(key){delete clone[key]}),clone}function splitBySpaces(value2){return value2.split(/\s+/).filter(Boolean)}function normalizeToArray(value2){return[].concat(value2)}function pushIfUnique(arr,value2){arr.indexOf(value2)===-1&&arr.push(value2)}function unique(arr){return arr.filter(function(item,index){return arr.indexOf(item)===index})}function getBasePlacement(placement){return placement.split("-")[0]}function arrayFrom(value2){return[].slice.call(value2)}function removeUndefinedProps(obj){return Object.keys(obj).reduce(function(acc,key){return obj[key]!==void 0&&(acc[key]=obj[key]),acc},{})}function div(){return document.createElement("div")}function isElement(value2){return["Element","Fragment"].some(function(type){return isType(value2,type)})}function isNodeList(value2){return isType(value2,"NodeList")}function isMouseEvent(value2){return isType(value2,"MouseEvent")}function isReferenceElement(value2){return!!(value2&&value2._tippy&&value2._tippy.reference===value2)}function getArrayOfElements(value2){return isElement(value2)?[value2]:isNodeList(value2)?arrayFrom(value2):Array.isArray(value2)?value2:arrayFrom(document.querySelectorAll(value2))}function setTransitionDuration(els,value2){els.forEach(function(el){el&&(el.style.transitionDuration=value2+"ms")})}function setVisibilityState(els,state){els.forEach(function(el){el&&el.setAttribute("data-state",state)})}function getOwnerDocument(elementOrElements){var _normalizeToArray=normalizeToArray(elementOrElements),element=_normalizeToArray[0];return element&&element.ownerDocument||document}function isCursorOutsideInteractiveBorder(popperTreeData,event){var clientX=event.clientX,clientY=event.clientY;return popperTreeData.every(function(_ref){var popperRect=_ref.popperRect,popperState=_ref.popperState,props=_ref.props,interactiveBorder=props.interactiveBorder,basePlacement=getBasePlacement(popperState.placement),offsetData=popperState.modifiersData.offset;if(!offsetData)return!0;var topDistance=basePlacement==="bottom"?offsetData.top.y:0,bottomDistance=basePlacement==="top"?offsetData.bottom.y:0,leftDistance=basePlacement==="right"?offsetData.left.x:0,rightDistance=basePlacement==="left"?offsetData.right.x:0,exceedsTop=popperRect.top-clientY+topDistance>interactiveBorder,exceedsBottom=clientY-popperRect.bottom-bottomDistance>interactiveBorder,exceedsLeft=popperRect.left-clientX+leftDistance>interactiveBorder,exceedsRight=clientX-popperRect.right-rightDistance>interactiveBorder;return exceedsTop||exceedsBottom||exceedsLeft||exceedsRight})}function updateTransitionEndListener(box,action,listener){var method=action+"EventListener";["transitionend","webkitTransitionEnd"].forEach(function(event){box[method](event,listener)})}var currentInput={isTouch:!1},lastMouseMoveTime=0;function onDocumentTouchStart(){currentInput.isTouch||(currentInput.isTouch=!0,window.performance&&document.addEventListener("mousemove",onDocumentMouseMove))}function onDocumentMouseMove(){var now=performance.now();now-lastMouseMoveTime<20&&(currentInput.isTouch=!1,document.removeEventListener("mousemove",onDocumentMouseMove)),lastMouseMoveTime=now}function onWindowBlur(){var activeElement=document.activeElement;if(isReferenceElement(activeElement)){var instance=activeElement._tippy;activeElement.blur&&!instance.state.isVisible&&activeElement.blur()}}function bindGlobalEventListeners(){document.addEventListener("touchstart",onDocumentTouchStart,TOUCH_OPTIONS),window.addEventListener("blur",onWindowBlur)}var isBrowser=typeof window<"u"&&typeof document<"u",ua=isBrowser?navigator.userAgent:"",isIE=/MSIE |Trident\//.test(ua);function createMemoryLeakWarning(method){var txt=method==="destroy"?"n already-":" ";return[method+"() was called on a"+txt+"destroyed instance. This is a no-op but","indicates a potential memory leak."].join(" ")}function clean(value2){var spacesAndTabs=/[ \t]{2,}/g,lineStartWithSpaces=/^[ \t]*/gm;return value2.replace(spacesAndTabs," ").replace(lineStartWithSpaces,"").trim()}function getDevMessage(message){return clean(`
+*/(function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(!!arg){var argType=typeof arg;if(argType==="string"||argType==="number")classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if(argType==="object")if(arg.toString===Object.prototype.toString)for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key);else classes.push(arg.toString())}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):(__WEBPACK_AMD_DEFINE_ARRAY__=[],__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__),__WEBPACK_AMD_DEFINE_RESULT__!==void 0&&(module.exports=__WEBPACK_AMD_DEFINE_RESULT__))})()},3962:(__unused_webpack_module,exports,__webpack_require__)=>{var r=__webpack_require__(67294);function n(n2,e2,t2){var u=this,c=r.useRef(null),i=r.useRef(0),a=r.useRef(null),f=r.useRef([]),o=r.useRef(),l=r.useRef(),s=r.useRef(n2),v=r.useRef(!0);r.useEffect(function(){s.current=n2},[n2]);var m=!e2&&e2!==0&&typeof window<"u";if(typeof n2!="function")throw new TypeError("Expected a function");e2=+e2||0;var d=!!(t2=t2||{}).leading,p=!("trailing"in t2)||!!t2.trailing,R="maxWait"in t2,g=R?Math.max(+t2.maxWait||0,e2):null;r.useEffect(function(){return v.current=!0,function(){v.current=!1}},[]);var x=r.useMemo(function(){var r2=function(r3){var n4=f.current,e3=o.current;return f.current=o.current=null,i.current=r3,l.current=s.current.apply(e3,n4)},n3=function(r3,n4){m&&cancelAnimationFrame(a.current),a.current=m?requestAnimationFrame(r3):setTimeout(r3,n4)},t3=function(r3){if(!v.current)return!1;var n4=r3-c.current;return!c.current||n4>=e2||n4<0||R&&r3-i.current>=g},x2=function(n4){return a.current=null,p&&f.current?r2(n4):(f.current=o.current=null,l.current)},w=function r3(){var u2=Date.now();if(t3(u2))return x2(u2);if(v.current){var a2=e2-(u2-c.current),f2=R?Math.min(a2,g-(u2-i.current)):a2;n3(r3,f2)}},b=function(){var s2=Date.now(),m2=t3(s2);if(f.current=[].slice.call(arguments),o.current=u,c.current=s2,m2){if(!a.current&&v.current)return i.current=c.current,n3(w,e2),d?r2(c.current):l.current;if(R)return n3(w,e2),r2(c.current)}return a.current||n3(w,e2),l.current};return b.cancel=function(){a.current&&(m?cancelAnimationFrame(a.current):clearTimeout(a.current)),i.current=0,f.current=c.current=o.current=a.current=null},b.isPending=function(){return!!a.current},b.flush=function(){return a.current?x2(Date.now()):l.current},b},[d,R,e2,g,p,m]);return x}function e(r2,n2){return r2===n2}function t(r2){return typeof r2=="function"?function(){return r2}:r2}exports.useDebounce=function(u,c,i){var a,f,o=i&&i.equalityFn||e,l=(a=r.useState(t(u)),f=a[1],[a[0],r.useCallback(function(r2){return f(t(r2))},[])]),s=l[0],v=l[1],m=n(r.useCallback(function(r2){return v(r2)},[v]),c,i),d=r.useRef(u);return o(d.current,u)||(m(u),d.current=u),[s,m]},exports.useDebouncedCallback=n,exports.useThrottledCallback=function(r2,e2,t2){var u=t2===void 0?{}:t2,c=u.leading,i=u.trailing;return n(r2,e2,{maxWait:e2,leading:c===void 0||c,trailing:i===void 0||i})}},53871:(module,__unused_webpack_exports,__webpack_require__)=>{var v1=__webpack_require__(64551),v4=__webpack_require__(93025),uuid=v4;uuid.v1=v1,uuid.v4=v4,module.exports=uuid},99146:module=>{for(var byteToHex=[],i=0;i<256;++i)byteToHex[i]=(i+256).toString(16).substr(1);function bytesToUuid(buf,offset){var i2=offset||0,bth=byteToHex;return[bth[buf[i2++]],bth[buf[i2++]],bth[buf[i2++]],bth[buf[i2++]],"-",bth[buf[i2++]],bth[buf[i2++]],"-",bth[buf[i2++]],bth[buf[i2++]],"-",bth[buf[i2++]],bth[buf[i2++]],"-",bth[buf[i2++]],bth[buf[i2++]],bth[buf[i2++]],bth[buf[i2++]],bth[buf[i2++]],bth[buf[i2++]]].join("")}module.exports=bytesToUuid},16952:module=>{var getRandomValues=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto<"u"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(getRandomValues){var rnds8=new Uint8Array(16);module.exports=function(){return getRandomValues(rnds8),rnds8}}else{var rnds=new Array(16);module.exports=function(){for(var i=0,r;i<16;i++)(i&3)===0&&(r=Math.random()*4294967296),rnds[i]=r>>>((i&3)<<3)&255;return rnds}}},64551:(module,__unused_webpack_exports,__webpack_require__)=>{var rng=__webpack_require__(16952),bytesToUuid=__webpack_require__(99146),_nodeId,_clockseq,_lastMSecs=0,_lastNSecs=0;function v1(options,buf,offset){var i=buf&&offset||0,b=buf||[];options=options||{};var node=options.node||_nodeId,clockseq=options.clockseq!==void 0?options.clockseq:_clockseq;if(node==null||clockseq==null){var seedBytes=rng();node==null&&(node=_nodeId=[seedBytes[0]|1,seedBytes[1],seedBytes[2],seedBytes[3],seedBytes[4],seedBytes[5]]),clockseq==null&&(clockseq=_clockseq=(seedBytes[6]<<8|seedBytes[7])&16383)}var msecs=options.msecs!==void 0?options.msecs:new Date().getTime(),nsecs=options.nsecs!==void 0?options.nsecs:_lastNSecs+1,dt=msecs-_lastMSecs+(nsecs-_lastNSecs)/1e4;if(dt<0&&options.clockseq===void 0&&(clockseq=clockseq+1&16383),(dt<0||msecs>_lastMSecs)&&options.nsecs===void 0&&(nsecs=0),nsecs>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");_lastMSecs=msecs,_lastNSecs=nsecs,_clockseq=clockseq,msecs+=122192928e5;var tl=((msecs&268435455)*1e4+nsecs)%4294967296;b[i++]=tl>>>24&255,b[i++]=tl>>>16&255,b[i++]=tl>>>8&255,b[i++]=tl&255;var tmh=msecs/4294967296*1e4&268435455;b[i++]=tmh>>>8&255,b[i++]=tmh&255,b[i++]=tmh>>>24&15|16,b[i++]=tmh>>>16&255,b[i++]=clockseq>>>8|128,b[i++]=clockseq&255;for(var n=0;n<6;++n)b[i+n]=node[n];return buf||bytesToUuid(b)}module.exports=v1},93025:(module,__unused_webpack_exports,__webpack_require__)=>{var rng=__webpack_require__(16952),bytesToUuid=__webpack_require__(99146);function v4(options,buf,offset){var i=buf&&offset||0;typeof options=="string"&&(buf=options==="binary"?new Array(16):null,options=null),options=options||{};var rnds=options.random||(options.rng||rng)();if(rnds[6]=rnds[6]&15|64,rnds[8]=rnds[8]&63|128,buf)for(var ii=0;ii<16;++ii)buf[i+ii]=rnds[ii];return buf||bytesToUuid(rnds)}module.exports=v4},28547:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HighlighterProvider=exports.PARAM_NAME=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),react_ui_component_highlighter_1=__webpack_require__(48191),query_string_1=__importDefault(__webpack_require__(17563)),highlighter_provider_module_scss_1=__importDefault(__webpack_require__(78916));exports.PARAM_NAME="highlighter";const classes={container:highlighter_provider_module_scss_1.default.label},HighlighterProvider=({children})=>{const hash=useHash(),isActive=(0,react_1.useMemo)(()=>{const hashQuery=hash.split("?")[1];return query_string_1.default.parse(hashQuery)[exports.PARAM_NAME]==="true"},[hash]);return react_1.default.createElement(react_ui_component_highlighter_1.ComponentHighlighter,{disabled:!isActive,className:(0,classnames_1.default)(highlighter_provider_module_scss_1.default.highlighter,isActive&&highlighter_provider_module_scss_1.default.active),classes},children)};exports.HighlighterProvider=HighlighterProvider;function useHash(){const[hash,setHash]=(0,react_1.useState)(window?window.location.hash:"");return(0,react_1.useEffect)(()=>{const updateHash=()=>{setHash(window.location.hash)};return updateHash(),window.addEventListener("hashchange",updateHash),()=>{window.removeEventListener("hashchange",updateHash)}},[]),hash}},87656:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HighlighterProvider=void 0;var highlighter_provider_1=__webpack_require__(28547);Object.defineProperty(exports,"HighlighterProvider",{enumerable:!0,get:function(){return highlighter_provider_1.HighlighterProvider}})},62198:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.hasComponentMeta=exports.componentMetaProperties=exports.componentMetaField=void 0,exports.componentMetaField="__bit_component",exports.componentMetaProperties={componentId:"id",homepageUrl:"homepage",isExported:"exported"};function hasComponentMeta(component){return component&&typeof component.__bit_component=="object"&&typeof component.__bit_component.id=="string"}exports.hasComponentMeta=hasComponentMeta},32689:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MockedComponentWithMeta=void 0;const react_1=__importDefault(__webpack_require__(67294)),component_meta_1=__webpack_require__(62198);function MockedComponentWithMeta(props){return react_1.default.createElement("button",Object.assign({type:"button"},props))}exports.MockedComponentWithMeta=MockedComponentWithMeta,MockedComponentWithMeta[component_meta_1.componentMetaField]={id:"teambit.base-ui/input/button"}},38049:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MockedComponentWithMeta=exports.componentMetaProperties=exports.componentMetaField=exports.hasComponentMeta=void 0;var component_meta_1=__webpack_require__(62198);Object.defineProperty(exports,"hasComponentMeta",{enumerable:!0,get:function(){return component_meta_1.hasComponentMeta}}),Object.defineProperty(exports,"componentMetaField",{enumerable:!0,get:function(){return component_meta_1.componentMetaField}}),Object.defineProperty(exports,"componentMetaProperties",{enumerable:!0,get:function(){return component_meta_1.componentMetaProperties}});var component_meta_mock_1=__webpack_require__(32689);Object.defineProperty(exports,"MockedComponentWithMeta",{enumerable:!0,get:function(){return component_meta_mock_1.MockedComponentWithMeta}})},33548:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHoverSelection=exports.HoverSelector=void 0;const react_1=__importStar(__webpack_require__(67294));function HoverSelector(_a){var{onElementChange,disabled}=_a,rest=__rest(_a,["onElementChange","disabled"]);const handlers=useHoverSelection(onElementChange,rest);return react_1.default.createElement("div",Object.assign({},rest,disabled?{}:handlers))}exports.HoverSelector=HoverSelector;function useHoverSelection(onChange,props={}){const{onMouseOver,onMouseLeave}=props,handleEnter=(0,react_1.useCallback)(event=>{onMouseOver?.(event);const{target}=event;!target||onChange?.(target)},[onMouseOver,onChange]),handleLeave=(0,react_1.useCallback)(event=>{onMouseLeave?.(event),onChange?.(null)},[onMouseLeave,onChange]);return onChange?{onMouseOver:handleEnter,onMouseLeave:handleLeave}:{}}exports.useHoverSelection=useHoverSelection},83933:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHoverSelection=exports.HoverSelector=void 0;var hover_selector_1=__webpack_require__(33548);Object.defineProperty(exports,"HoverSelector",{enumerable:!0,get:function(){return hover_selector_1.HoverSelector}}),Object.defineProperty(exports,"useHoverSelection",{enumerable:!0,get:function(){return hover_selector_1.useHoverSelection}})},32750:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ReactAspect",{enumerable:!0,get:function(){return _react().ReactAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _react().ReactAspect}});function _react(){const data=__webpack_require__(72864);return _react=function(){return data},data}},72864:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ReactAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const ReactAspect=_harmony().Aspect.create({id:"teambit.react/react"});exports.ReactAspect=ReactAspect;var _default=ReactAspect;exports.default=_default},28177:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(5800));return _lodash=function(){return data},data}function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}function _preview(){const data=_interopRequireWildcard(__webpack_require__(49471));return _preview=function(){return data},data}function _reactUi(){const data=__webpack_require__(87656);return _reactUi=function(){return data},data}function _react(){const data=__webpack_require__(72864);return _react=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}class ReactPreview{constructor(preview,providerSlot){this.preview=preview,this.providerSlot=providerSlot,(0,_defineProperty2().default)(this,"getRenderingContext",({aspectsFilter})=>{let entries=this.providerSlot.toArray();if(aspectsFilter){const allowedAspects=new Set(aspectsFilter);allowedAspects.add(_react().ReactAspect.id),entries=entries.filter(([aspectId])=>allowedAspects.has(aspectId))}return{providers:(0,_lodash().default)(entries.map(([,provider])=>provider))}})}registerProvider(provider){this.providerSlot.register(provider)}static async provider([preview],config,[providerSlot]){const reactPreview=new ReactPreview(preview,providerSlot);return reactPreview.registerProvider([_reactUi().HighlighterProvider]),preview.registerRenderContext(reactPreview.getRenderingContext),reactPreview}}__webpack_unused_export__=ReactPreview,(0,_defineProperty2().default)(ReactPreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(ReactPreview,"slots",[_harmony().Slot.withType()]),(0,_defineProperty2().default)(ReactPreview,"dependencies",[_preview().default]),_react().ReactAspect.addRuntime(ReactPreview);var _default=ReactPreview;__webpack_unused_export__=_default},53518:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isBrowser=void 0;var is_browser_1=__webpack_require__(9437);Object.defineProperty(exports,"isBrowser",{enumerable:!0,get:function(){return is_browser_1.isBrowser}})},9437:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isBrowser=void 0;const isBrowser=typeof window<"u";exports.isBrowser=isBrowser},36366:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var _teambit_harmony__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(16738),_teambit_harmony__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_teambit_harmony__WEBPACK_IMPORTED_MODULE_0__),_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_aspect_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(22395),_home_circleci_bit_bit_node_modules_teambit_docs_dist_docs_aspect_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(12825),_home_circleci_bit_bit_node_modules_teambit_compositions_dist_compositions_aspect_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(36717),_home_circleci_bit_bit_node_modules_teambit_pubsub_dist_pubsub_aspect_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(56646),_home_circleci_bit_bit_node_modules_teambit_react_dist_react_aspect_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(72864),_home_circleci_bit_bit_node_modules_teambit_react_native_dist_react_native_aspect_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(38117),_home_circleci_bit_bit_node_modules_teambit_command_bar_dist_command_bar_aspect_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(98695),_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_docs_dist_docs_preview_runtime_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(90428),_home_circleci_bit_bit_node_modules_teambit_compositions_dist_compositions_preview_runtime_js__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(61517),_home_circleci_bit_bit_node_modules_teambit_pubsub_dist_pubsub_preview_runtime_js__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(53707),_home_circleci_bit_bit_node_modules_teambit_react_dist_react_preview_runtime_js__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(28177),_home_circleci_bit_bit_node_modules_teambit_react_native_dist_react_native_preview_runtime_js__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(65883),_home_circleci_bit_bit_node_modules_teambit_command_bar_dist_command_bar_preview_runtime_js__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(97996);const isBrowser=typeof window<"u",config=JSON.parse('{"teambit.workspace/workspace":{"name":"bit","icon":"https://static.bit.dev/bit-logo.svg","defaultScope":"teambit.bit","defaultDirectory":"components"},"teambit.dependencies/dependency-resolver":{"packageManager":"teambit.dependencies/pnpm","policy":{"dependencies":{"@babel/core":"7.19.6","@babel/preset-react":"7.18.6","@babel/preset-typescript":"7.18.6","@babel/types":"7.20.0","@graphql-modules/core":"0.7.17","@jest/test-result":"26.6.2","@mdx-js/mdx":"1.6.21","@mdx-js/react":"1.6.22","@monaco-editor/react":"4.4.6","@pmmmwh/react-refresh-webpack-plugin":"0.5.4","@pnpm/client":"9.1.1","@pnpm/colorize-semver-diff":"1.0.1","@pnpm/config":"16.5.5","@pnpm/core":"7.7.3","@pnpm/default-reporter":"11.0.31","@pnpm/error":"4.0.1","@pnpm/fetch":"6.0.5","@pnpm/logger":"5.0.0","@pnpm/modules-yaml":"11.1.0","@pnpm/network.agent":"0.0.4","@pnpm/network.ca-file":"1.0.2","@pnpm/package-store":"15.1.5","@pnpm/parse-overrides":"3.0.3","@pnpm/pick-registry-for-package":"4.0.3","@pnpm/registry-mock":"2.20.0","@pnpm/semver-diff":"1.1.0","@pnpm/sort-packages":"4.0.3","@pnpm/store-connection-manager":"5.2.9","@pnpm/types":"8.10.0","@pnpm/workspace.pkgs-graph":"1.0.0","@react-hook/latest":"1.0.3","@stencil/core":"1.17.4","@stencil/webpack":"0.0.6","@teambit/any-fs":"0.0.5","@teambit/base-react.layout.row":"0.0.3","@teambit/base-react.navigation.link":"2.0.27","@teambit/base-ui.constants.storage":"1.0.0","@teambit/base-ui.graph.tree.collapsable-tree-node":"0.0.4","@teambit/base-ui.graph.tree.indent":"1.0.0","@teambit/base-ui.graph.tree.inflate-paths":"1.0.0","@teambit/base-ui.graph.tree.recursive-tree":"1.0.0","@teambit/base-ui.graph.tree.root-node":"1.0.0","@teambit/base-ui.graph.tree.tree-context":"1.0.0","@teambit/base-ui.layout.breakpoints":"1.0.0","@teambit/base-ui.layout.page-frame":"1.0.0","@teambit/base-ui.loaders.loader-ribbon":"1.0.0","@teambit/base-ui.loaders.skeleton":"1.0.1","@teambit/base-ui.styles.flex-center":"1.0.0","@teambit/base-ui.surfaces.background":"1.0.1","@teambit/base-ui.surfaces.card":"1.0.1","@teambit/base-ui.surfaces.split-pane.hover-splitter":"1.0.0","@teambit/base-ui.surfaces.split-pane.split-pane":"1.0.0","@teambit/base-ui.text.muted-text":"1.0.1","@teambit/base-ui.text.paragraph":"1.0.1","@teambit/base-ui.text.text-sizes":"1.0.0","@teambit/base-ui.text.themed-text":"1.0.1","@teambit/base-ui.theme.accent-color":"1.1.0","@teambit/base-ui.theme.colors":"1.0.0","@teambit/base-ui.theme.dark-theme":"1.0.2","@teambit/base-ui.theme.fonts.book":"1.0.2","@teambit/base-ui.theme.fonts.roboto":"1.0.0","@teambit/base-ui.theme.theme-provider":"1.0.1","@teambit/base-ui.utils.composer":"1.0.0","@teambit/base-ui.utils.string.affix":"1.0.0","@teambit/base-ui.utils.time-ago":"1.0.1","@teambit/bit.content.what-is-bit":"1.96.2","@teambit/bvm.config":"0.2.2","@teambit/capsule":"0.0.12","@teambit/code.ui.object-formatter":"0.0.1","@teambit/community.constants.links":"0.0.2","@teambit/compilation.content.compiler-overview":"1.95.0","@teambit/component.content.component-overview":"1.95.0","@teambit/component.content.dev-files":"1.95.9","@teambit/component.instructions.exporting-components":"0.0.6","@teambit/defender.content.formatter-overview":"1.96.1","@teambit/defender.content.linter-overview":"1.95.0","@teambit/defender.content.tester-overview":"1.95.0","@teambit/design.elements.icon":"1.0.5","@teambit/design.inputs.dropdown":"1.2.16","@teambit/design.inputs.selectors.multi-select":"0.0.20","@teambit/design.inputs.toggle-switch":"0.0.6","@teambit/design.navigation.content-tabs":"0.0.5","@teambit/design.navigation.responsive-navbar":"0.0.5","@teambit/design.themes.dark-theme":"1.91.4","@teambit/design.themes.theme-toggler":"0.1.3","@teambit/design.ui.avatar":"1.0.16","@teambit/design.ui.brand.logo":"1.96.2","@teambit/design.ui.icon-button":"1.0.16","@teambit/design.ui.input.option-button":"1.0.0","@teambit/design.ui.input.radio":"1.1.13","@teambit/design.ui.input.toggle":"1.0.12","@teambit/design.ui.pill-label":"0.0.356","@teambit/design.ui.separator":"0.0.354","@teambit/design.ui.surfaces.menu.link-item":"1.0.0","@teambit/docs.content.docs-overview":"1.95.9","@teambit/docs.ui.hooks.use-element-on-fold":"1.96.5","@teambit/documenter.code.react-playground":"4.0.1","@teambit/documenter.content.documentation-links":"4.1.3","@teambit/documenter.markdown.hybrid-live-code-snippet":"0.1.10","@teambit/documenter.markdown.mdx":"0.1.11","@teambit/documenter.theme.theme-compositions":"4.1.1","@teambit/documenter.theme.theme-context":"4.0.3","@teambit/documenter.ui.code-snippet":"4.2.2","@teambit/documenter.ui.consumable-link":"4.0.3","@teambit/documenter.ui.copy-box":"4.1.6","@teambit/documenter.ui.heading":"4.1.1","@teambit/documenter.ui.highlighted-text":"4.1.1","@teambit/documenter.ui.label":"4.0.3","@teambit/documenter.ui.label-list":"4.0.3","@teambit/documenter.ui.linked-heading":"4.1.6","@teambit/documenter.ui.paragraph":"4.1.1","@teambit/documenter.ui.property-table":"4.1.3","@teambit/documenter.ui.section":"4.1.1","@teambit/documenter.ui.separator":"4.1.1","@teambit/documenter.ui.sub-title":"4.1.1","@teambit/evangelist.elements.button":"1.0.6","@teambit/evangelist.elements.icon":"1.0.2","@teambit/evangelist.elements.x-button":"1.0.7","@teambit/evangelist.input.checkbox.label":"1.0.3","@teambit/evangelist.surfaces.dropdown":"1.0.2","@teambit/evangelist.surfaces.tooltip":"1.0.1","@teambit/explorer.ui.command-bar":"2.0.3","@teambit/graph.cleargraph":"0.0.1","@teambit/graphql.hooks.use-query-light":"1.0.0","@teambit/harmony":"0.4.6","@teambit/pkg.content.packages-overview":"1.95.9","@teambit/react.content.react-overview":"1.95.0","@teambit/react.instructions.react-native.adding-tests":"0.0.1","@teambit/react.instructions.react.adding-compositions":"0.0.6","@teambit/react.instructions.react.adding-tests":"0.0.6","@teambit/react.rendering.ssr":"0.0.3","@teambit/react.ui.component-highlighter":"0.2.1","@teambit/scope.content.scope-overview":"1.95.0","@teambit/workspace.content.variants":"1.95.9","@teambit/workspace.content.workspace-overview":"1.95.0","@testing-library/jest-dom":"5.16.2","@testing-library/jest-native":"4.0.4","@testing-library/react":"12.1.5","@tippyjs/react":"4.2.0","@types/archiver":"5.3.1","@types/classnames":"2.2.11","@types/cors":"2.8.10","@types/dagre":"0.7.44","@types/didyoumean":"1.2.0","@types/eslint":"7.28.0","@types/express":"4.17.13","@types/find-root":"1.1.2","@types/http-proxy-agent":"2.0.2","@types/lodash":"4.14.165","@types/lodash.compact":"3.0.6","@types/lodash.flatten":"4.4.6","@types/lodash.head":"4.0.6","@types/lodash.orderby":"4.6.6","@types/lodash.pick":"4.4.6","@types/mdx-js__react":"1.5.5","@types/memoizee":"0.4.5","@types/mime":"2.0.3","@types/mini-css-extract-plugin":"2.2.0","@types/mousetrap":"1.6.5","@types/node":"14.14.13","@types/pluralize":"0.0.29","@types/react":"17.0.8","@types/react-dev-utils":"9.0.10","@types/react-dom":"17.0.5","@types/react-tabs":"2.3.2","@types/socket.io-client":"1.4.35","@types/testing-library__jest-dom":"5.9.5","@types/ua-parser-js":"0.7.35","@types/url-join":"4.0.0","@types/url-parse":"1.4.3","@types/webpack":"5.28.0","@types/webpack-dev-server":"4.0.3","@yarnpkg/cli":"3.2.1","@yarnpkg/core":"^3.2.2","@yarnpkg/fslib":"2.6.2","@yarnpkg/parsers":"2.5.1","@yarnpkg/plugin-npm":"2.7.1","@yarnpkg/plugin-pack":"3.1.0","agentkeepalive":"4.1.4","ansi-to-html":"0.6.14","apollo-link-context":"1.0.20","apollo-link-http":"1.5.17","apollo-link-ws":"1.0.20","apollo-server":"2.19.2","apollo-utilities":"1.3.4","archiver":"5.3.1","aws-sdk":"2.756.0","babel-jest":"27.5.1","babel-plugin-named-asset-import":"0.3.7","babel-preset-jest":"27.5.1","body-parser":"1.19.0","buffer":"6.0.3","camelcase":"6.2.0","chai-subset":"1.6.0","class-transformer":"0.5.1","classnames":"2.2.6","cli-highlight":"2.1.9","comlink":"4.3.0","command-exists":"1.2.9","compression-webpack-plugin":"9.2.0","copy-to-clipboard":"3.3.1","cors":"2.8.5","credentials-by-uri":"2.0.0","cross-env":"7.0.3","cross-fetch":"3.0.6","css-minimizer-webpack-plugin":"3.0.2","dagre":"0.8.5","didyoumean":"1.2.1","enquirer":"2.3.6","eslint-config-airbnb-typescript":{"version":"5.1.0","preserve":true},"eslint-import-resolver-node":"0.3.4","eventemitter2":"6.4.4","expose-loader":"3.1.0","express":"4.17.1","express-graphql":"0.12.0","express-history-api-fallback":"2.2.1","filenamify":"4.2.0","find-root":"1.1.0","flatted":"3.1.0","get-tsconfig":"4.2.0","graceful-fs":"4.2.10","graphql-subscriptions":"1.2.0","graphql-tag":"2.12.1","graphql-tools":"6.2.4","graphql-type-json":"0.3.2","history":"^5.2.0","html-escaper":"3.0.0","html-webpack-plugin":"5.3.2","http-proxy":"1.18.1","http-proxy-agent":"4.0.1","https-proxy-agent":"5.0.0","humanize-duration":"3.23.1","humanize-string":"2.1.0","ini":"2.0.0","inject-body-webpack-plugin":"1.3.0","insert-string-after":"1.0.0","insert-string-before":"1.0.0","is-binary-path":"2.1.0","is-builtin-module":"3.1.0","is-primitive":"3.0.1","jest":"27.5.1","jest-message-util":"27.5.1","jest-watcher":"27.5.1","json-formatter-js":"2.3.4","jsx-to-string":"1.4.0","junit-report-builder":"3.0.0","less":"^4.1.1","loader-utils":"2.0.0","lodash":"4.17.20","lodash.compact":"3.0.1","lodash.head":"4.0.1","lodash.orderby":"4.6.0","lodash.pick":"4.4.0","map-obj":"4.2.1","memoizee":"0.4.15","memory-fs":"0.5.0","mime":"2.5.2","mini-css-extract-plugin":"2.2.2","minimatch":"3.0.4","mousetrap":"1.6.5","multimatch":"5.0.0","nanoid":"3.1.20","nerf-dart":"1.0.0","npm":"6.14.17","p-limit":"3.1.0","parse-package-name":"0.1.0","path-to-regexp":"6.2.0","penpal":"6.2.2","pino-pretty":"9.1.1","pluralize":"8.0.0","postcss":"8.4.18","postcss-flexbugs-fixes":"5.0.2","postcss-loader":"7.0.1","postcss-preset-env":"7.8.2","prerender-spa-plugin-next":"4.2.0","pretty-bytes":"5.6.0","pretty-time":"1.1.0","process":"0.11.10","puppeteer":"13.7.0","query-string":"7.0.0","react-animate-height":"2.0.23","react-dev-utils":"11.0.4","react-error-boundary":"^3.0.0","react-error-overlay":"6.0.9","react-flow-renderer":"8.3.7","react-syntax-highlighter":"15.4.3","react-tabs":"3.2.0","react-test-renderer":"17.0.2","remark-admonitions":"1.2.1","remark-frontmatter":"2.0.0","reset-css":"5.0.1","resolve-from":"5.0.0","resolve-url-loader":"5.0.0","semver":"7.3.4","semver-intersect":"1.4.0","semver-range-intersect":"0.3.1","socket.io-client":"2.4.0","socks-proxy-agent":"5.0.0","strip-ansi":"6.0.0","subscriptions-transport-ws":"0.9.18","table":"6.7.3","tempy":"1.0.1","terser-webpack-plugin":"5.2.0","tippy.js":"6.2.7","ua-parser-js":"0.7.24","unist-util-remove":"2.0.1","unist-util-visit":"2.0.3","url-join":"4.0.1","url-parse":"1.4.7","version-selector-type":"3.0.0","vfile":"4.2.0","vscode-icons-js":"11.0.0","vscode-jsonrpc":"6.0.0","vscode-languageserver-types":"3.16.0","webpack":"5.51.1","webpack-assets-manifest":"5.1.0","webpack-dev-server":"4.1.0","webpack-manifest-plugin":"4.0.2","webpack-merge":"5.8.0","workbox-webpack-plugin":"6.2.4","ws":"7.4.2","yaml":"1.10.2","yesno":"0.4.0"},"peerDependencies":{"@apollo/client":"^3.6.0","@teambit/base-react.navigation.link":"2.0.27","@teambit/legacy":"1.0.443","@teambit/ui-foundation.ui.navigation.react-router-adapter":"6.1.1","@testing-library/react":"^12.1.5","browserslist":"4.16.3","core-js":"^3.10.0","graphql":"14.7.0","mz":"2.7.0","react":"17.0.2","react-dom":"17.0.2","react-router-dom":"^6.0.0"}},"linkCoreAspects":false,"overrides":{"@types/fs-capacitor":"2.0.0"},"nodeLinker":"hoisted","nodeVersion":"14.19.3","engineStrict":true,"packageImportMethod":"copy","packageManagerArgs":[],"devFilePatterns":["**/*.spec.ts"],"strictPeerDependencies":true,"savePrefix":"","extraArgs":[],"peerDependencyRules":{"allowAny":[],"ignoreMissing":[]}},"teambit.preview/preview":{"bundlingStrategy":"component"},"teambit.generator/generator":{"aspects":["teambit.harmony/aspect"]},"teambit.component/issues":{"ignoreIssues":["CircularDependencies","DuplicateComponentAndPackage"]},"teambit.workspace/variants":{"*,!{*/**}":{"teambit.pkg/pkg":{"packageManagerPublishArgs":["--access public"],"packageJson":{"name":"@teambit/{name}","private":false,"license":"Apache-2.0","engines":{"node":">=12.22.0"},"repository":{"type":"git","url":"https://github.com/teambit/bit"},"keywords":["bit","bit-aspect","components","collaboration","web","react","react-components","angular","angular-components"]}},"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"@teambit/legacy":"-"},"devDependencies":{"@types/mocha":"9.1.0","@teambit/legacy":"-"},"peerDependencies":{"@teambit/legacy":"1.0.443"}}},"teambit.envs/envs":{"env":"teambit.harmony/aspect"},"teambit.harmony/aspect":{}},"{*/**}":{"teambit.harmony/aspect":"-","teambit.pkg/pkg":{"packageManagerPublishArgs":["--access public"],"packageJson":{"name":"@teambit/{scope}.{name}","private":false,"license":"Apache-2.0","engines":{"node":">=12.22.0"},"repository":{"type":"git","url":"https://github.com/teambit/bit"},"keywords":["bit","components","collaboration","web","react","react-components","angular","angular-components"]}},"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"@teambit/legacy":"-"},"devDependencies":{"@types/mocha":"9.1.0","@teambit/legacy":"-"},"peerDependencies":{}}},"teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.harmony/node":{}},"scopes/react/react, scopes/react/react-native, scopes/harmony/node, scopes/html/html, scopes/mdx/mdx, scopes/mdx/readme":{"teambit.harmony/aspect":"-","teambit.envs/env":{},"teambit.envs/envs":{"env":"teambit.envs/env"}},"{modules/**}":{"teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.harmony/node":{}},"{cli/**}":{"teambit.react/react":"-","teambit.envs/envs":{"env":"teambit.harmony/node"}},"{babel/**}":{"teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.harmony/node":{}},"{ui/**}":{"teambit.envs/envs":{"env":"teambit.react/react"},"teambit.react/react":{}},"scopes/toolbox":{"teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.harmony/aspect":"-","defaultScope":"teambit.toolbox"},"scopes/web-components":{"defaultScope":"teambit.web-components"},"scopes/workspace":{"defaultScope":"teambit.workspace"},"scopes/webpack":{"defaultScope":"teambit.webpack"},"scopes/scope":{"defaultScope":"teambit.scope"},"scopes/compositions":{"defaultScope":"teambit.compositions"},"scopes/docs":{"defaultScope":"teambit.docs"},"scopes/generator":{"defaultScope":"teambit.generator"},"scopes/lanes":{"defaultScope":"teambit.lanes"},"scopes/explorer":{"defaultScope":"teambit.explorer"},"scopes/envs":{"defaultScope":"teambit.envs"},"scopes/pkg":{"defaultScope":"teambit.pkg"},"scopes/dependencies":{"defaultScope":"teambit.dependencies"},"scopes/react":{"defaultScope":"teambit.react"},"scopes/preview":{"defaultScope":"teambit.preview"},"scopes/pipelines":{"defaultScope":"teambit.pipelines"},"scopes/harmony":{"defaultScope":"teambit.harmony"},"scopes/html":{"defaultScope":"teambit.html"},"scopes/compilation":{"defaultScope":"teambit.compilation"},"scopes/defender":{"defaultScope":"teambit.defender"},"scopes/component":{"defaultScope":"teambit.component"},"scopes/code":{"defaultScope":"teambit.code"},"scopes/component/component-id":{"teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.dependencies/dependency-resolver":{}},"scopes/component/component-version":{"teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.dependencies/dependency-resolver":{}},"scopes/component/legacy-bit-id":{"teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.dependencies/dependency-resolver":{}},"scopes/harmony/bit-error, scopes/defender/tests-results, scopes/typescript/ts-server, scopes/component/component-issues, scopes/component/component-package-version, scopes/react/eslint-config-bit-react, scopes/toolbox/tables/cli-table":{"teambit.harmony/aspect":"-","teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.dependencies/dependency-resolver":{}},"scopes/component/legacy-component-log":{"teambit.envs/envs":{"env":"teambit.harmony/node"},"teambit.dependencies/dependency-resolver":{}},"scopes/ui-foundation":{"defaultScope":"teambit.ui-foundation","teambit.community/envs/community-react":"-"},"scopes/mdx":{"defaultScope":"teambit.mdx"},"scopes/community":{"defaultScope":"teambit.community"},"scopes/cloud":{"defaultScope":"teambit.cloud"},"scopes/base-react":{"defaultScope":"teambit.base-react","teambit.envs/envs":{"env":"teambit.react/react"}},"scopes/design":{"defaultScope":"teambit.design","teambit.envs/envs":{"env":"teambit.react/react"},"teambit.dependencies/dependency-resolver":{"policy":{"devDependencies":{"@teambit/legacy":"-"}}}},"scopes/react/react-elements":{"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"react":"-","react-dom":"-","css-loader":"6.2.0","postcss":"8.4.18","postcss-loader":"7.0.1","babel-loader":"8.2.2","@babel/preset-react":"7.18.6","@babel/preset-env":"7.19.4","resolve-url-loader":"5.0.0","sass-loader":"12.1.0","@svgr/webpack":"5.5.0","new-url-loader":"0.1.1","less":"^4.1.1","@mdx-js/react":"1.6.22","less-loader":"10.0.0","babel-preset-react-app":"^10.0.0","postcss-normalize":"10.0.0","postcss-preset-env":"7.8.2","postcss-flexbugs-fixes":"5.0.2"},"devDependencies":{"react":"-","react-dom":"-","@types/mocha":"9.1.0","@types/postcss-normalize":"9.0.1"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0","react-dom":"^16.8.0 || ^17.0.0","@teambit/legacy":"1.0.443"}}}},"scopes/mdx/modules/loader":{"teambit.dependencies/dependency-resolver":{"policy":{"devDependencies":{"@babel/preset-react":"7.18.6","@babel/preset-env":"7.19.4","babel-loader":"8.2.2"}}}},"scopes/typescript":{"defaultScope":"teambit.typescript"},"{aspect-docs/**}":{"teambit.envs/envs":{"env":"teambit.mdx/mdx"},"teambit.mdx/mdx":{}},"scopes/semantics":{"defaultScope":"teambit.semantics"},"scopes/api-reference":{"defaultScope":"teambit.api-reference"},"scopes/harmony/testing/load-aspect":{"teambit.component/issues":{"ignoreIssues":["ImportNonMainFiles"]}},"scopes/harmony/bit":{"teambit.component/issues":{"ignoreIssues":["ImportNonMainFiles"]},"teambit.pkg/pkg":{"packageJson":{"packageManagerPublishArgs":["--access public"],"license":"Apache-2.0","name":"@teambit/{name}","private":false,"bvm":{"node":"16.16.0"},"bin":{"bbit":"bin/bit"},"engines":{"node":">=12.22.0"},"repository":{"type":"git","url":"https://github.com/teambit/bit"},"keywords":["bit","bit-aspect","components","collaboration","web","react","react-components","angular","angular-components"]}},"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"@teambit/base-react.navigation.link":"2.0.27","@teambit/ui-foundation.ui.navigation.react-router-adapter":"6.1.1","@apollo/client":"3.6.9","@teambit/legacy":"1.0.443","graphql":"14.7.0","browserslist":"4.16.3","reflect-metadata":"0.1.13","monaco-editor":"0.33.0","mz":"2.7.0","react-native-web":"0.14.13","react":"17.0.2","react-dom":"17.0.2","core-js":"3.13.0","postcss":"8.4.18","buffer":"6.0.3","process":"0.11.10","react-router-dom":"6.3.0"},"devDependencies":{},"peerDependencies":{"@teambit/base-react.navigation.link":"-","@teambit/legacy":"-","@teambit/ui-foundation.ui.navigation.react-router-adapter":"-","browserslist":"-","graphql":"-","react":"-","react-dom":"-","react-native-web":"-","react-router-dom":"-","core-js":"-"}}}},"scopes/defender/jest":{"teambit.dependencies/dependency-resolver":{"policy":{"peerDependencies":{"jest":"27.5.1"}}}},"scopes/webpack/webpack":{"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"assert":"2.0.0","browserify-zlib":"0.2.0","buffer":"6.0.3","constants-browserify":"1.0.0","crypto-browserify":"3.12.0","domain-browser":"4.19.0","https-browserify":"1.0.0","os-browserify":"0.3.0","path-browserify":"1.0.1","process":"0.11.10","punycode":"2.1.1","querystring-es3":"0.2.1","stream-browserify":"3.0.0","stream-http":"3.2.0","string_decoder":"1.3.0","timers-browserify":"2.0.12","tty-browserify":"0.0.1","url":"0.11.0","util":"0.12.3","vm-browserify":"1.1.2"}}}},"scopes/harmony/node":{"teambit.component/issues":{"ignoreIssues":["ImportNonMainFiles"]},"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"jest-environment-node":"27.5.1"}}}},"scopes/mdx/mdx":{"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"@babel/helper-plugin-test-runner":"7.16.7"}}}},"scopes/harmony/aspect":{"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"@babel/plugin-proposal-class-properties":"7.18.6","@babel/plugin-proposal-decorators":"7.12.13","@babel/plugin-proposal-object-rest-spread":"7.12.13","@babel/plugin-transform-modules-commonjs":"7.12.13","@babel/plugin-transform-runtime":"7.12.17","@babel/preset-env":"7.12.17","babel-plugin-transform-typescript-metadata":"0.3.1","@babel/preset-react":"7.13.13","@babel/preset-typescript":"7.18.6","jest-environment-node":"27.5.1"}}}},"scopes/harmony/graphql":{"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"@teambit/legacy":"-","bufferutil":"4.0.3","utf-8-validate":"5.0.5"},"devDependencies":{"@types/mocha":"9.1.0","@teambit/legacy":"-"},"peerDependencies":{"@teambit/legacy":"1.0.443"}}}},"scopes/webpack/plugins/inject-head-webpack-plugin":{"teambit.dependencies/dependency-resolver":{"policy":{"dependencies":{"html-webpack-plugin":"-"},"peerDependencies":{"html-webpack-plugin":"^5.3.1"}}}},"components/ui/component-compare/version-picker":{"teambit.harmony/node":"-","teambit.react/react":"-"},"scopes/component/ui/version-dropdown":{"teambit.harmony/node":"-","teambit.react/react":"-"}},"teambit.harmony/bit":"teambit.workspace/workspace"}');_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_aspect_js__WEBPACK_IMPORTED_MODULE_1__.default.id="teambit.preview/preview",_home_circleci_bit_bit_node_modules_teambit_docs_dist_docs_aspect_js__WEBPACK_IMPORTED_MODULE_2__.default.id="teambit.docs/docs",_home_circleci_bit_bit_node_modules_teambit_compositions_dist_compositions_aspect_js__WEBPACK_IMPORTED_MODULE_3__.default.id="teambit.compositions/compositions",_home_circleci_bit_bit_node_modules_teambit_pubsub_dist_pubsub_aspect_js__WEBPACK_IMPORTED_MODULE_4__.default.id="teambit.harmony/pubsub",_home_circleci_bit_bit_node_modules_teambit_react_dist_react_aspect_js__WEBPACK_IMPORTED_MODULE_5__.default.id="teambit.react/react",_home_circleci_bit_bit_node_modules_teambit_react_native_dist_react_native_aspect_js__WEBPACK_IMPORTED_MODULE_6__.default.id="teambit.react/react-native",_home_circleci_bit_bit_node_modules_teambit_command_bar_dist_command_bar_aspect_js__WEBPACK_IMPORTED_MODULE_7__.default.id="teambit.explorer/command-bar";function render(...props){return _teambit_harmony__WEBPACK_IMPORTED_MODULE_0__.Harmony.load([_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_aspect_js__WEBPACK_IMPORTED_MODULE_1__.default,_home_circleci_bit_bit_node_modules_teambit_docs_dist_docs_aspect_js__WEBPACK_IMPORTED_MODULE_2__.default,_home_circleci_bit_bit_node_modules_teambit_compositions_dist_compositions_aspect_js__WEBPACK_IMPORTED_MODULE_3__.default,_home_circleci_bit_bit_node_modules_teambit_pubsub_dist_pubsub_aspect_js__WEBPACK_IMPORTED_MODULE_4__.default,_home_circleci_bit_bit_node_modules_teambit_react_dist_react_aspect_js__WEBPACK_IMPORTED_MODULE_5__.default,_home_circleci_bit_bit_node_modules_teambit_react_native_dist_react_native_aspect_js__WEBPACK_IMPORTED_MODULE_6__.default,_home_circleci_bit_bit_node_modules_teambit_command_bar_dist_command_bar_aspect_js__WEBPACK_IMPORTED_MODULE_7__.default],"preview",config).then(harmony=>harmony.run().then(()=>harmony.get("teambit.preview/preview")).then(rootExtension=>{const ssrSetup=!isBrowser&&rootExtension.setupSsr,setup=rootExtension.setup,setupFunc=(ssrSetup||setup||function(){}).bind(rootExtension);return Promise.resolve(setupFunc()).then(()=>rootExtension)}).then(rootExtension=>isBrowser?rootExtension.render("teambit.workspace/workspace",...props):rootExtension.renderSsr("teambit.workspace/workspace",...props)).catch(err=>{throw err}))}isBrowser&&render()},71215:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>tippy_react_headless_esm,tippy:()=>tippy_headless_esm,useSingleton:()=>useSingleton});var lib_popper=__webpack_require__(74511),ROUND_ARROW='<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><path d="M0 6s1.796-.013 4.67-3.615C5.851.9 6.93.006 8 0c1.07-.006 2.148.887 3.343 2.385C14.233 6.005 16 6 16 6H0z"></svg>',CONTENT_CLASS="tippy-content",BACKDROP_CLASS="tippy-backdrop",ARROW_CLASS="tippy-arrow",SVG_ARROW_CLASS="tippy-svg-arrow",TOUCH_OPTIONS={passive:!0,capture:!0};function tippy_headless_esm_hasOwnProperty(obj,key){return{}.hasOwnProperty.call(obj,key)}function getValueAtIndexOrReturn(value2,index,defaultValue){if(Array.isArray(value2)){var v=value2[index];return v??(Array.isArray(defaultValue)?defaultValue[index]:defaultValue)}return value2}function isType(value2,type){var str={}.toString.call(value2);return str.indexOf("[object")===0&&str.indexOf(type+"]")>-1}function invokeWithArgsOrReturn(value2,args){return typeof value2=="function"?value2.apply(void 0,args):value2}function debounce(fn,ms){if(ms===0)return fn;var timeout;return function(arg){clearTimeout(timeout),timeout=setTimeout(function(){fn(arg)},ms)}}function removeProperties(obj,keys){var clone=Object.assign({},obj);return keys.forEach(function(key){delete clone[key]}),clone}function splitBySpaces(value2){return value2.split(/\s+/).filter(Boolean)}function normalizeToArray(value2){return[].concat(value2)}function pushIfUnique(arr,value2){arr.indexOf(value2)===-1&&arr.push(value2)}function unique(arr){return arr.filter(function(item,index){return arr.indexOf(item)===index})}function getBasePlacement(placement){return placement.split("-")[0]}function arrayFrom(value2){return[].slice.call(value2)}function removeUndefinedProps(obj){return Object.keys(obj).reduce(function(acc,key){return obj[key]!==void 0&&(acc[key]=obj[key]),acc},{})}function div(){return document.createElement("div")}function isElement(value2){return["Element","Fragment"].some(function(type){return isType(value2,type)})}function isNodeList(value2){return isType(value2,"NodeList")}function isMouseEvent(value2){return isType(value2,"MouseEvent")}function isReferenceElement(value2){return!!(value2&&value2._tippy&&value2._tippy.reference===value2)}function getArrayOfElements(value2){return isElement(value2)?[value2]:isNodeList(value2)?arrayFrom(value2):Array.isArray(value2)?value2:arrayFrom(document.querySelectorAll(value2))}function setTransitionDuration(els,value2){els.forEach(function(el){el&&(el.style.transitionDuration=value2+"ms")})}function setVisibilityState(els,state){els.forEach(function(el){el&&el.setAttribute("data-state",state)})}function getOwnerDocument(elementOrElements){var _normalizeToArray=normalizeToArray(elementOrElements),element=_normalizeToArray[0];return element&&element.ownerDocument||document}function isCursorOutsideInteractiveBorder(popperTreeData,event){var clientX=event.clientX,clientY=event.clientY;return popperTreeData.every(function(_ref){var popperRect=_ref.popperRect,popperState=_ref.popperState,props=_ref.props,interactiveBorder=props.interactiveBorder,basePlacement=getBasePlacement(popperState.placement),offsetData=popperState.modifiersData.offset;if(!offsetData)return!0;var topDistance=basePlacement==="bottom"?offsetData.top.y:0,bottomDistance=basePlacement==="top"?offsetData.bottom.y:0,leftDistance=basePlacement==="right"?offsetData.left.x:0,rightDistance=basePlacement==="left"?offsetData.right.x:0,exceedsTop=popperRect.top-clientY+topDistance>interactiveBorder,exceedsBottom=clientY-popperRect.bottom-bottomDistance>interactiveBorder,exceedsLeft=popperRect.left-clientX+leftDistance>interactiveBorder,exceedsRight=clientX-popperRect.right-rightDistance>interactiveBorder;return exceedsTop||exceedsBottom||exceedsLeft||exceedsRight})}function updateTransitionEndListener(box,action,listener){var method=action+"EventListener";["transitionend","webkitTransitionEnd"].forEach(function(event){box[method](event,listener)})}var currentInput={isTouch:!1},lastMouseMoveTime=0;function onDocumentTouchStart(){currentInput.isTouch||(currentInput.isTouch=!0,window.performance&&document.addEventListener("mousemove",onDocumentMouseMove))}function onDocumentMouseMove(){var now=performance.now();now-lastMouseMoveTime<20&&(currentInput.isTouch=!1,document.removeEventListener("mousemove",onDocumentMouseMove)),lastMouseMoveTime=now}function onWindowBlur(){var activeElement=document.activeElement;if(isReferenceElement(activeElement)){var instance=activeElement._tippy;activeElement.blur&&!instance.state.isVisible&&activeElement.blur()}}function bindGlobalEventListeners(){document.addEventListener("touchstart",onDocumentTouchStart,TOUCH_OPTIONS),window.addEventListener("blur",onWindowBlur)}var isBrowser=typeof window<"u"&&typeof document<"u",ua=isBrowser?navigator.userAgent:"",isIE=/MSIE |Trident\//.test(ua);function createMemoryLeakWarning(method){var txt=method==="destroy"?"n already-":" ";return[method+"() was called on a"+txt+"destroyed instance. This is a no-op but","indicates a potential memory leak."].join(" ")}function clean(value2){var spacesAndTabs=/[ \t]{2,}/g,lineStartWithSpaces=/^[ \t]*/gm;return value2.replace(spacesAndTabs," ").replace(lineStartWithSpaces,"").trim()}function getDevMessage(message){return clean(`
   %ctippy.js
 
   %c`+clean(message)+`