@teambit/env 1.0.23 → 1.0.24

package/artifacts/env-template/public/{29.53e36e07c1e965d6b11a.js → 29.25f8b42317f46f9beb84.js}

@@ -46,7 +46,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
       }
     }
   }
-`;function useComponentHost(){const{data,loading}=(0,_uiFoundationUiHooks().useDataQuery)(COMPONENT_HOST);return!data||loading?{}:{host:_componentHostModel().ComponentHostModel.from(data)}}},68211:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AspectData",{enumerable:!0,get:function(){return _aspectEntry().AspectData}}),Object.defineProperty(exports,"AspectEntry",{enumerable:!0,get:function(){return _aspectEntry().AspectEntry}}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menu().CollapsibleMenuNav}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component2().Component}}),Object.defineProperty(exports,"ComponentAspect",{enumerable:!0,get:function(){return _component().ComponentAspect}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _context().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentFS",{enumerable:!0,get:function(){return _componentFs().default}}),Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return _componentId().ComponentID}}),Object.defineProperty(exports,"ComponentLogsResult",{enumerable:!0,get:function(){return _ui().ComponentLogsResult}}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"ComponentUrlParams",{enumerable:!0,get:function(){return _component3().ComponentUrlParams}}),Object.defineProperty(exports,"Config",{enumerable:!0,get:function(){return _config().default}}),Object.defineProperty(exports,"ConsumePlugin",{enumerable:!0,get:function(){return _menu().ConsumePlugin}}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _ui().Filters}}),Object.defineProperty(exports,"InvalidComponent",{enumerable:!0,get:function(){return _component2().InvalidComponent}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menu().MenuNavProps}}),Object.defineProperty(exports,"NavPlugin",{enumerable:!0,get:function(){return _menu().NavPlugin}}),Object.defineProperty(exports,"RegisteredComponentRoute",{enumerable:!0,get:function(){return _component3().RegisteredComponentRoute}}),Object.defineProperty(exports,"ResolveComponentIdFunc",{enumerable:!0,get:function(){return _aspectEntry().ResolveComponentIdFunc}}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return _section().Section}}),Object.defineProperty(exports,"Snap",{enumerable:!0,get:function(){return _snap().Snap}}),Object.defineProperty(exports,"SnapProps",{enumerable:!0,get:function(){return _snap().SnapProps}}),Object.defineProperty(exports,"State",{enumerable:!0,get:function(){return _state().State}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}}),Object.defineProperty(exports,"TagMap",{enumerable:!0,get:function(){return _tagMap().TagMap}}),Object.defineProperty(exports,"TagProps",{enumerable:!0,get:function(){return _tag().TagProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _ui().componentFields}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _ui().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _ui().componentOverviewFields}}),exports.default=void 0,Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _ui().useComponent}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}}),Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _host().useComponentHost}}),Object.defineProperty(exports,"useComponentLogs",{enumerable:!0,get:function(){return _ui().useComponentLogs}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _ui().useIdFromLocation}});function _component(){const data=__webpack_require__(42259);return _component=function(){return data},data}function _host(){const data=__webpack_require__(23384);return _host=function(){return data},data}function _component2(){const data=__webpack_require__(60195);return _component2=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _componentFs(){const data=_interopRequireDefault(__webpack_require__(11846));return _componentFs=function(){return data},data}function _aspectEntry(){const data=__webpack_require__(69301);return _aspectEntry=function(){return data},data}function _snap(){const data=__webpack_require__(8801);return _snap=function(){return data},data}function _tag(){const data=__webpack_require__(13801);return _tag=function(){return data},data}function _state(){const data=__webpack_require__(49784);return _state=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}function _componentMap(){const data=__webpack_require__(12178);return _componentMap=function(){return data},data}function _section(){const data=__webpack_require__(43986);return _section=function(){return data},data}function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _ui(){const data=__webpack_require__(4744);return _ui=function(){return data},data}function _menu(){const data=__webpack_require__(70820);return _menu=function(){return data},data}function _component3(){const data=__webpack_require__(72795);return _component3=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _config(){const data=_interopRequireDefault(__webpack_require__(5075));return _config=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var _default=exports.default=_component().ComponentAspect},43986:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return _section().Section}});function _section(){const data=__webpack_require__(5173);return _section=function(){return data},data}},5173:()=>{"use strict"},8801:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Snap=void 0;class Snap{constructor(hash,timestamp,parents,author,message){this.hash=hash,this.timestamp=timestamp,this.parents=parents,this.author=author,this.message=message}static fromObject(snapObject){const parents=snapObject.parents||[];return new Snap(snapObject.hash,new Date(parseInt(snapObject.timestamp)),parents,snapObject.author,snapObject.message)}toObject(){return{timestamp:this.timestamp.getTime().toString(),hash:this.hash,author:this.author,message:this.message,parents:this.parents}}}exports.Snap=Snap},49784:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.State=void 0;function _componentIssues(){const data=__webpack_require__(86853);return _componentIssues=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}class State{constructor(config,_aspects,filesystem,dependencies,_consumer){this.config=config,this._aspects=_aspects,this.filesystem=filesystem,this.dependencies=dependencies,this._consumer=_consumer}get mainFile(){const file=this.filesystem.files.find(componentFile=>componentFile.relative===this._consumer.mainFile);if(!file)throw new(_exceptions()).MainFileNotFound(_componentId().ComponentID.fromLegacy(this._consumer.id),this._consumer.mainFile);return file}get hash(){return""}get issues(){return this._consumer.issues||=new(_componentIssues()).IssuesList}get isModified(){return this._consumer._isModified}get aspects(){return this._aspects}set aspects(aspects){this._aspects=aspects}}exports.State=State},50310:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagMap=void 0;function _semverHelper(){const data=__webpack_require__(30755);return _semverHelper=function(){return data},data}function _semver(){const data=__webpack_require__(81249);return _semver=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}class TagMap extends Map{byHash(hash){return Array.from(this.values()).find(currTag=>currTag.hash===hash)}getPreReleaseLatestTags(){const preReleaseTagsWithAllVersions=this.toArray().reduce((acc,current)=>{const preReleases=current.version.prerelease;return!preReleases.length||preReleases.length!==2||typeof preReleases[0]!="string"||(acc[preReleases[0]]||=[]).push(current.version.raw),acc},{});return Object.keys(preReleaseTagsWithAllVersions).reduce((acc,current)=>(acc[current]=(0,_semver().maxSatisfying)(preReleaseTagsWithAllVersions[current],"*",{includePrerelease:!0}),acc),{})}getHashMap(){const res=new Map;return this.forEach(tag=>{res.set(tag.hash,tag)}),res}getLatest(){const versions=this.toArray().map(tag=>tag.version.raw);if(this.isEmpty())throw new(_exceptions()).CouldNotFindLatest(versions);return(0,_semverHelper().getLatestVersion)(versions)}isEmpty(){return this.size===0}toArray(){return Array.from(this.values())}byVersion(version){return this.toArray().map(tag=>tag).find(tag=>tag.version.raw===version)}static fromArray(tags){const tuples=tags.map(tag=>[tag.version,tag]);return new TagMap(tuples)}static empty(){return new TagMap}}exports.TagMap=TagMap},47769:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}});function _tag(){const data=__webpack_require__(13801);return _tag=function(){return data},data}},13801:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=void 0;function _semver(){const data=__webpack_require__(81249);return _semver=function(){return data},data}class Tag{constructor(hash,version){this.hash=hash,this.version=version}toObject(){return{hash:this.hash,version:this.version.raw}}static fromObject(tag){return new Tag(tag.hash,new(_semver()).SemVer(tag.version))}}exports.Tag=Tag},6315:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentError=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _designUiPages(){const data=__webpack_require__(13794);return _designUiPages=function(){return data},data}function _designUiPages2(){const data=__webpack_require__(31910);return _designUiPages2=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}class ComponentError{constructor(code,message){this.code=code,this.message=message}renderError(){return this.code===404?_react().default.createElement(_designUiPages().NotFoundPage,null):_react().default.createElement(_designUiPages2().ServerErrorPage,null)}}exports.ComponentError=ComponentError},70145:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentError",{enumerable:!0,get:function(){return _componentError().ComponentError}});function _componentError(){const data=__webpack_require__(6315);return _componentError=function(){return data},data}},46265:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentModel=void 0;function _compositions(){const data=__webpack_require__(32552);return _compositions=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _tag(){const data=__webpack_require__(47769);return _tag=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}class ComponentModel{constructor(id,displayName,packageName,server,compositions,tags,buildStatus,issuesCount,elementsUrl,status,deprecation,environment,description="",labels=[],host,size,latest,preview,logs){this.id=id,this.displayName=displayName,this.packageName=packageName,this.server=server,this.compositions=compositions,this.tags=tags,this.buildStatus=buildStatus,this.issuesCount=issuesCount,this.elementsUrl=elementsUrl,this.status=status,this.deprecation=deprecation,this.environment=environment,this.description=description,this.labels=labels,this.host=host,this.size=size,this.latest=latest,this.preview=preview,this.logs=logs}get version(){return this.id.version?this.id.version:"new"}static from({id,server,displayName,compositions=[],packageName,elementsUrl,tags=[],deprecation,buildStatus,env,status,issuesCount,description,labels,host,latest,preview,size,logs}){return new ComponentModel(_componentId().ComponentID.fromObject(id),displayName,packageName,server,_compositions().Composition.fromArray(compositions),_tagMap().TagMap.fromArray(tags.map(tag=>_tag().Tag.fromObject(tag))),buildStatus,issuesCount,elementsUrl,status,deprecation,env,description,labels,host,size,latest,preview,logs?.map(log=>log??{hash:"[error]",tag:"[error]",message:"",parents:[]}))}static fromArray(componentsProps){return componentsProps.map(rawComponent=>ComponentModel.from(rawComponent))}static empty(){return new ComponentModel(_componentId().ComponentID.fromObject({name:"root",scope:"temp"}),"","",{env:"",url:""},[],_tagMap().TagMap.empty())}}exports.ComponentModel=ComponentModel},77237:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}});function _componentModel(){const data=__webpack_require__(46265);return _componentModel=function(){return data},data}},34146:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=Component;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(5800));return _lodash=function(){return data},data}function _uiFoundationUiReactRouter(){const data=__webpack_require__(28776);return _uiFoundationUiReactRouter=function(){return data},data}function _lodash2(){const data=__webpack_require__(96486);return _lodash2=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function _componentModule(){const data=_interopRequireDefault(__webpack_require__(33084));return _componentModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}function getComponentIdStr(componentIdStr){return(0,_lodash2().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function Component({routeSlot,overriddenRoutes,containerSlot,host,onComponentChange,componentIdStr,useComponent,path,useComponentFilters}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_().ComponentID.fromString(_componentIdStr):void 0,resolvedComponentIdStr=path||idFromLocation,componentFiltersFromProps=useComponentFilters?.()||{},useComponentOptions={logFilters:_objectSpread(_objectSpread({},componentFiltersFromProps),componentFiltersFromProps.loading?{}:{log:_objectSpread({limit:3},componentFiltersFromProps.log)}),customUseComponent:useComponent},{component,componentDescriptor,error}=(0,_useComponent().useComponent)(host,componentId?.toString()||idFromLocation,useComponentOptions);(0,_react().useEffect)(()=>onComponentChange?.(component),[component]),(0,_react().useEffect)(()=>()=>onComponentChange?.(void 0),[]);const pageItems=(0,_react().useMemo)(()=>(0,_lodash().default)(containerSlot?.values()),[containerSlot]),before=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="before").map(x=>x.content),[pageItems]),after=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="after").map(x=>x.content),[pageItems]);return error?error?.renderError():component?_react().default.createElement(_context().ComponentDescriptorProvider,{componentDescriptor},_react().default.createElement(_context().ComponentProvider,{component},before,_react().default.createElement("div",{className:_componentModule().default.container},routeSlot&&_react().default.createElement(_uiFoundationUiReactRouter().SlotRouter,{parentPath:`${resolvedComponentIdStr}/*`,slot:routeSlot,routes:overriddenRoutes})),after)):_react().default.createElement("div",null)}},48841:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentDescriptor=exports.ComponentDescriptorContext=exports.ComponentContext=void 0;function _react(){const data=__webpack_require__(67294);return _react=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}const ComponentContext=exports.ComponentContext=(0,_react().createContext)(_componentModel().ComponentModel.empty()),ComponentDescriptorContext=exports.ComponentDescriptorContext=(0,_react().createContext)(void 0),useComponentDescriptor=()=>(0,_react().useContext)(ComponentDescriptorContext);exports.useComponentDescriptor=useComponentDescriptor},9994:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentDescriptorProvider=ComponentDescriptorProvider,exports.ComponentProvider=ComponentProvider;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ComponentProvider({component,children}){return _react().default.createElement(_componentContext().ComponentContext.Provider,{value:component},children)}function ComponentDescriptorProvider({componentDescriptor,children}){return _react().default.createElement(_componentContext().ComponentDescriptorContext.Provider,{value:componentDescriptor},children)}},58431:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentProvider}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}});function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _componentProvider(){const data=__webpack_require__(9994);return _componentProvider=function(){return data},data}},4744:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"COMPONENT_QUERY_LOG_FIELDS",{enumerable:!0,get:function(){return _useComponent2().COMPONENT_QUERY_LOG_FIELDS}}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menu().CollapsibleMenuNav}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component().Component}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _context().ComponentContext}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"ConsumeMethodSlot",{enumerable:!0,get:function(){return _menu().ConsumeMethodSlot}}),Object.defineProperty(exports,"GET_COMPONENT",{enumerable:!0,get:function(){return _useComponent2().GET_COMPONENT}}),Object.defineProperty(exports,"GET_COMPONENT_WITH_LOGS",{enumerable:!0,get:function(){return _useComponent2().GET_COMPONENT_WITH_LOGS}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menu().MenuNavProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _useComponent2().componentFields}}),Object.defineProperty(exports,"componentFieldsWithLogs",{enumerable:!0,get:function(){return _useComponent2().componentFieldsWithLogs}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _useComponent2().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _useComponent2().componentOverviewFields}}),Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _useComponent().useComponent}}),Object.defineProperty(exports,"useComponentLogs",{enumerable:!0,get:function(){return _useComponentLogs().useComponentLogs}}),Object.defineProperty(exports,"useComponentQuery",{enumerable:!0,get:function(){return _useComponentQuery().useComponentQuery}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _useComponentFromLocation().useIdFromLocation}});function _menu(){const data=__webpack_require__(70820);return _menu=function(){return data},data}function _component(){const data=__webpack_require__(34146);return _component=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _useComponent2(){const data=__webpack_require__(86851);return _useComponent2=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponentLogs(){const data=__webpack_require__(11129);return _useComponentLogs=function(){return data},data}},70820:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menuNav().CollapsibleMenuNav}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menuNav().MenuNavProps}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}});function _menuNav(){const data=__webpack_require__(58072);return _menuNav=function(){return data},data}function _menu(){const data=__webpack_require__(23813);return _menu=function(){return data},data}},58072:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleMenuNav=CollapsibleMenuNav;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _designNavigation(){const data=__webpack_require__(79730);return _designNavigation=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(73161));return _menuModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function CollapsibleMenuNav({navigationSlot,widgetSlot,navPlugins=[],widgetPlugins=[],className,secondaryNavClassName,children}){const plugins=(0,_react().useMemo)(()=>((navPlugins.length>0?navPlugins:navigationSlot?.toArray())||[]).sort(sortFn),[navigationSlot,navPlugins]),widgets=(0,_react().useMemo)(()=>((widgetPlugins.length>0?widgetPlugins:widgetSlot?.toArray())||[]).sort(sortFn),[widgetSlot,widgetPlugins]),links=[...plugins,...widgets].map(([id,menuItem],index)=>{const lastPluginStyle=plugins.length-1===index?{marginRight:"auto"}:{},firstWidgetStyle=plugins.length===index?{marginLeft:"auto"}:{};return{component:function({isInMenu}){const widgetDisplayText=menuItem.props.displayName&&isInMenu?menuItem.props.displayName:void 0;return _react().default.createElement(_topBarNav().TopBarNav,_extends({},menuItem.props,{className:(0,_classnames().default)(menuItem.props.className,_menuModule().default.topBarNav,isInMenu&&_menuModule().default.noBorder),key:id}),widgetDisplayText||menuItem.props.children)},style:_objectSpread(_objectSpread({},firstWidgetStyle),lastPluginStyle),className:menuItem.props.className}});return _react().default.createElement(_designNavigation().ResponsiveNavbar,{navClassName:(0,_classnames().default)(_menuModule().default.tab,className),secondaryNavClassName,style:{width:"100%",height:"100%"},priority:"none",tabs:links},children)}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}},23813:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMenu=ComponentMenu,exports.VersionRelatedDropdowns=VersionRelatedDropdowns,exports.defaultLoadCurrentVersion=void 0,exports.defaultLoadVersions=defaultLoadVersions;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(26068);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function semver(){const data=_interopRequireWildcard(__webpack_require__(81249));return semver=function(){return data},data}function _componentUi(){const data=__webpack_require__(24636);return _componentUi=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(14220);return _uiFoundationUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _uiFoundationUiUseBox(){const data=__webpack_require__(3953);return _uiFoundationUiUseBox=function(){return data},data}function _lanesHooks(){const data=__webpack_require__(33461);return _lanesHooks=function(){return data},data}function _uiFoundationUiUseBox2(){const data=__webpack_require__(2436);return _uiFoundationUiUseBox2=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _menuNav(){const data=__webpack_require__(58072);return _menuNav=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(73161));return _menuModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}function getComponentIdStr(componentIdStr){return(0,_lodash().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function ComponentMenu({navigationSlot,widgetSlot,className,host,menuItemSlot,consumeMethodSlot,componentIdStr,skipRightSide,RightNode,useComponent,path,useComponentFilters}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_().ComponentID.fromString(_componentIdStr):void 0,resolvedComponentIdStr=path||idFromLocation,mainMenuItems=(0,_react().useMemo)(()=>(0,_lodash().groupBy)((0,_lodash().flatten)(menuItemSlot.values()),"category"),[menuItemSlot]),componentFilters=useComponentFilters?.()||{},useComponentVersions=defaultLoadVersions(host,componentId?.toString()||idFromLocation,componentFilters,useComponent),RightSide=_react().default.createElement("div",{className:_menuModule().default.rightSide},RightNode||_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(VersionRelatedDropdowns,{host,consumeMethods:consumeMethodSlot,componentId:componentId?.toString()||idFromLocation,useComponent:useComponentVersions,componentFilters}),_react().default.createElement(_uiFoundationUi().MainDropdown,{className:_menuModule().default.hideOnMobile,menuItems:mainMenuItems})));return _react().default.createElement(_reactRouterDom().Routes,null,_react().default.createElement(_reactRouterDom().Route,{path:`${resolvedComponentIdStr}/*`,element:_react().default.createElement("div",{className:(0,_classnames().default)(_menuModule().default.topBar,className)},_react().default.createElement("div",{className:_menuModule().default.leftSide},_react().default.createElement(_menuNav().CollapsibleMenuNav,{navigationSlot,widgetSlot})),!skipRightSide&&_react().default.createElement("div",{className:_menuModule().default.rightSide},RightSide))}))}function defaultLoadVersions(host,componentId,componentFilters={},useComponent,loadingFromProps){return _react().default.useCallback(_props=>{const{skip,initialLoad}=_props||{},fetchOptions={logFilters:_objectSpread(_objectSpread({},componentFilters),{},{log:_objectSpread(_objectSpread({},componentFilters.log),{},{limit:initialLoad?3:void 0})}),skip:loadingFromProps||skip,customUseComponent:useComponent},{component,loading:loadingComponent,componentLogs={}}=(0,_useComponent().useComponent)(host,componentId,fetchOptions),logs=componentLogs?.logs,loading=_react().default.useMemo(()=>loadingComponent||loadingFromProps||componentLogs.loading,[loadingComponent,loadingFromProps,componentLogs.loading]),snaps=(0,_react().useMemo)(()=>(logs||[]).filter(log=>!log.tag).map(snap=>_objectSpread(_objectSpread({},snap),{},{version:snap.hash})),[logs]),tags=(0,_react().useMemo)(()=>{var _component$tags;const tagLookup=new Map;return(logs||[]).filter(log=>log.tag).forEach(tag=>{tagLookup.set(tag?.tag,tag)}),(0,_lodash().compact)(((component==null||(_component$tags=component.tags)===null||_component$tags===void 0?void 0:_component$tags.toArray())||[]).reverse().map(tag=>tagLookup.get(tag.version.version))).map(tag=>_objectSpread(_objectSpread({},tag),{},{version:tag.tag}))},[logs]);return{loading,id:component?.id,packageName:component?.packageName,latestVersion:component?.latest,currentVersion:component?.version,snaps,tags,buildStatus:component?.buildStatus}},[componentId,loadingFromProps,componentFilters])}const defaultLoadCurrentVersion=props=>_props=>{var _props$useComponent;const{skip,version:_version}=_props||{},{snaps,tags,currentVersion,loading}=((_props$useComponent=props.useComponent)===null||_props$useComponent===void 0?void 0:_props$useComponent.call(props,{skip,id:props.componentId}))??{},version=_version??currentVersion;return _react().default.useMemo(()=>semver().valid(version),[loading,version])?_react().default.useMemo(()=>tags?.find(tag=>tag.tag===version),[loading,tags?.length,version]):_react().default.useMemo(()=>snaps?.find(snap=>snap.version===version),[loading,snaps?.length,version])};exports.defaultLoadCurrentVersion=defaultLoadCurrentVersion;function VersionRelatedDropdowns(props){var _props$dropdownOption,_props$useComponent2,_lanesModel$getLanesB,_lanesModel$viewedLan,_lanesModel$viewedLan2;const updatedPropsWithDefaults=_objectSpread(_objectSpread({},props),{},{useLanes:props.useLanes??_lanesHooks().useLanes,dropdownOptions:_objectSpread(_objectSpread({},props.dropdownOptions),{},{showVersionDetails:(props==null||(_props$dropdownOption=props.dropdownOptions)===null||_props$dropdownOption===void 0?void 0:_props$dropdownOption.showVersionDetails)??!0})}),loadVersion=defaultLoadCurrentVersion(updatedPropsWithDefaults),{useLanes,consumeMethods,className,dropdownOptions,host}=updatedPropsWithDefaults,{loading,id,tags,snaps,latest,packageName,currentVersion:_currentVersion}=((_props$useComponent2=props.useComponent)===null||_props$useComponent2===void 0?void 0:_props$useComponent2.call(props,{initialLoad:!0}))||{},location=(0,_baseReactNavigation().useLocation)(),{lanesModel}=useLanes(),lanes=id?(lanesModel==null||(_lanesModel$getLanesB=lanesModel.getLanesByComponentId(id))===null||_lanesModel$getLanesB===void 0?void 0:_lanesModel$getLanesB.filter(lane=>!lane.id.isDefault()))||[]:[],viewedLane=lanesModel!=null&&(_lanesModel$viewedLan=lanesModel.viewedLane)!==null&&_lanesModel$viewedLan!==void 0&&_lanesModel$viewedLan.id&&!(lanesModel!=null&&(_lanesModel$viewedLan2=lanesModel.viewedLane)!==null&&_lanesModel$viewedLan2!==void 0&&_lanesModel$viewedLan2.id.isDefault())?lanesModel.viewedLane:void 0,isWorkspace=host==="teambit.workspace/workspace",isNew=tags?.length===0&&snaps?.length===0,localVersion=isWorkspace&&!isNew&&(!viewedLane||lanesModel?.isViewingCurrentLane()),currentVersion=isWorkspace&&!isNew&&!(location!=null&&location.search.includes("version"))?"workspace":_currentVersion??"",consumeMethodProps=_react().default.useMemo(()=>id?{id,packageName:packageName??"",latest,options:{viewedLane,disableInstall:!packageName}}:void 0,[id,packageName,latest,viewedLane]),methods=useConsumeMethods(consumeMethods,consumeMethodProps),hasMethods=methods?.length>0;return _react().default.createElement(_react().default.Fragment,null,consumeMethods&&id&&hasMethods&&_react().default.createElement(_uiFoundationUiUseBox().UseBoxDropdown,{position:"bottom-end",className:(0,_classnames().default)(_menuModule().default.useBox,_menuModule().default.hideOnMobile),Menu:_react().default.createElement(_uiFoundationUiUseBox2().Menu,{methods,componentName:id.name})}),_react().default.createElement(_componentUi().VersionDropdown,{lanes,loading,useComponentVersions:props.useComponent,hasMoreVersions:!isNew,useCurrentVersionLog:loadVersion,localVersion,currentVersion,latestVersion:latest,currentLane:viewedLane,className,menuClassName:_menuModule().default.componentVersionMenu,getActiveTabIndex:dropdownOptions?.getActiveTabIndex,showVersionDetails:dropdownOptions?.showVersionDetails}))}function useConsumeMethods(consumeMethods,consumePluginProps){return(0,_react().useMemo)(()=>(0,_lodash().flatten)(consumeMethods?.values()).map(method=>{if(!!consumePluginProps)return method?.(consumePluginProps)}).filter(x=>!!x&&x.Component&&x.Title),[consumeMethods,consumePluginProps])}},82224:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _topBarNav=__webpack_require__(13264);Object.keys(_topBarNav).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_topBarNav[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _topBarNav[key]}})})},13264:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TopBarNav=TopBarNav;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(26068);return _reactRouterDom=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _topBarNavModule(){const data=_interopRequireDefault(__webpack_require__(60673));return _topBarNavModule=function(){return data},data}const _excluded=["href","className","activeClassName","children","displayName","ignoreQueryParams"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function TopBarNav(_ref){let{href,className,activeClassName,children,displayName,ignoreQueryParams}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{search}=(0,_reactRouterDom().useLocation)(),preventPassingDisplayNameToLink=displayName,target=href&&!ignoreQueryParams&&`${href}${search}`||href;return _react().default.createElement(_baseReactNavigation().Link,_extends({},rest,{className:(0,_classnames().default)(className,_topBarNavModule().default.topBarLink),activeClassName:(0,_classnames().default)(activeClassName,_topBarNavModule().default.active),href:target}),_react().default.createElement("div",null,children))}},39646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIdFromLocation=useIdFromLocation;function _reactRouterDom(){const data=__webpack_require__(26068);return _reactRouterDom=function(){return data},data}const componentRegex=/^[\w/-]*[\w-]/;function useIdFromLocation(url){const params=(0,_reactRouterDom().useParams)(),splat=url||params["*"];if(!splat)return;const[maybeOrgWithScope,...maybeFullName]=splat.split("/"),hasScope=maybeOrgWithScope.split(".").length>1,fullNameFromUrl=hasScope?maybeFullName.join("/"):splat;let scope;hasScope&&(scope=maybeOrgWithScope);const match=componentRegex.exec(fullNameFromUrl);if(!!(match!=null&&match[0]))return scope?`${scope}/${match[0]}`:match[0]}},11129:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentLogs=useComponentLogs,exports.useComponentLogsInit=useComponentLogsInit;function _react(){const data=__webpack_require__(67294);return _react=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(41646);return _uiFoundationUiHooks=function(){return data},data}function _useComponent(){const data=__webpack_require__(86851);return _useComponent=function(){return data},data}function _componentError(){const data=__webpack_require__(70145);return _componentError=function(){return data},data}function _useComponent2(){const data=__webpack_require__(12645);return _useComponent2=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function useComponentLogs(componentId,host,filters,skipFromProps){var _data$getHost,_rawComponent$id,_rawComponent$id2,_rawComponent$id3;const{variables,skip}=useComponentLogsInit(componentId,host,filters,skipFromProps),{data,error,loading}=(0,_uiFoundationUiHooks().useDataQuery)(_useComponent().GET_COMPONENT_WITH_LOGS,{variables,skip,errorPolicy:"all"}),rawComponent=data==null||(_data$getHost=data.getHost)===null||_data$getHost===void 0?void 0:_data$getHost.get,rawCompLogs=rawComponent?.logs,componentError=error&&!data?new(_componentError()).ComponentError(500,error.message):!rawComponent&&!loading&&new(_componentError()).ComponentError(404)||void 0,idDepKey=rawComponent!=null&&rawComponent.id?`${rawComponent==null||(_rawComponent$id=rawComponent.id)===null||_rawComponent$id===void 0?void 0:_rawComponent$id.scope}/${rawComponent==null||(_rawComponent$id2=rawComponent.id)===null||_rawComponent$id2===void 0?void 0:_rawComponent$id2.name}@${rawComponent==null||(_rawComponent$id3=rawComponent.id)===null||_rawComponent$id3===void 0?void 0:_rawComponent$id3.version}}`:void 0,id=(0,_react().useMemo)(()=>rawComponent?_().ComponentID.fromObject(rawComponent.id):void 0,[idDepKey]);return{loading,id,packageName:rawComponent?.packageName,latest:rawComponent?.latest,error:componentError,componentLogs:{logs:rawCompLogs,loading}}}function useComponentLogsInit(componentId,host,filters,skip){const{log}=filters||{},{head:logHead,offset:logOffset,sort:logSort,limit:logLimit,type:logType,takeHeadFromComponent:logTakeHeadFromComponent}=log||{},variables={id:componentId,extensionId:host,logOffset:(0,_useComponent2().getOffsetValue)(logOffset,logLimit),logLimit,logType,logHead,logSort,logTakeHeadFromComponent};return{logOffset,variables,skip}}},62589:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentQuery=useComponentQuery;function _react(){const data=__webpack_require__(67294);return _react=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(41646);return _uiFoundationUiHooks=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _componentDescriptor(){const data=__webpack_require__(57984);return _componentDescriptor=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _useComponent(){const data=__webpack_require__(86851);return _useComponent=function(){return data},data}function _useComponentLogs(){const data=__webpack_require__(11129);return _useComponentLogs=function(){return data},data}function _componentError(){const data=__webpack_require__(70145);return _componentError=function(){return data},data}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}function useComponentQuery(componentId,host,filters,skip){var _data$getHost,_rawComponent$id,_rawComponent$id2,_rawComponent$id3;const idRef=(0,_react().useRef)(componentId);idRef.current=componentId;const variables={id:componentId,extensionId:host},{data,error,loading,subscribeToMore}=(0,_uiFoundationUiHooks().useDataQuery)(_useComponent().GET_COMPONENT,{variables,skip,errorPolicy:"all"}),{loading:loadingLogs,componentLogs:{logs}={}}=(0,_useComponentLogs().useComponentLogs)(componentId,host,filters,skip),rawComponent=data==null||(_data$getHost=data.getHost)===null||_data$getHost===void 0?void 0:_data$getHost.get;(0,_react().useEffect)(()=>{if(host!=="teambit.workspace/workspace")return()=>{};const unsubAddition=subscribeToMore({document:_useComponent().SUB_SUBSCRIPTION_ADDED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost,_subscriptionData$dat;const prevComponent=prev==null||(_prev$getHost=prev.getHost)===null||_prev$getHost===void 0?void 0:_prev$getHost.get,addedComponent=subscriptionData==null||(_subscriptionData$dat=subscriptionData.data)===null||_subscriptionData$dat===void 0||(_subscriptionData$dat=_subscriptionData$dat.componentAdded)===null||_subscriptionData$dat===void 0?void 0:_subscriptionData$dat.component;return!addedComponent||prevComponent?prev:idRef.current===addedComponent.id.name?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:addedComponent})}):prev}}),unsubChanges=subscribeToMore({document:_useComponent().SUB_COMPONENT_CHANGED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost2,_subscriptionData$dat2;if(!subscriptionData.data)return prev;const prevComponent=prev==null||(_prev$getHost2=prev.getHost)===null||_prev$getHost2===void 0?void 0:_prev$getHost2.get,updatedComponent=subscriptionData==null||(_subscriptionData$dat2=subscriptionData.data)===null||_subscriptionData$dat2===void 0||(_subscriptionData$dat2=_subscriptionData$dat2.componentChanged)===null||_subscriptionData$dat2===void 0?void 0:_subscriptionData$dat2.component;return updatedComponent&&_componentId().ComponentID.isEqualObj(prevComponent?.id,updatedComponent?.id)?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:updatedComponent})}):prev}}),unsubRemoval=subscribeToMore({document:_useComponent().SUB_COMPONENT_REMOVED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost3,_subscriptionData$dat3;if(!subscriptionData.data)return prev;const prevComponent=prev==null||(_prev$getHost3=prev.getHost)===null||_prev$getHost3===void 0?void 0:_prev$getHost3.get,removedIds=subscriptionData==null||(_subscriptionData$dat3=subscriptionData.data)===null||_subscriptionData$dat3===void 0||(_subscriptionData$dat3=_subscriptionData$dat3.componentRemoved)===null||_subscriptionData$dat3===void 0?void 0:_subscriptionData$dat3.componentIds;return!prevComponent||!(removedIds!=null&&removedIds.length)?prev:removedIds.some(removedId=>_componentId().ComponentID.isEqualObj(removedId,prevComponent.id))?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:null})}):prev}});return()=>{unsubChanges(),unsubAddition(),unsubRemoval()}},[]);const idDepKey=rawComponent!=null&&rawComponent.id?`${rawComponent==null||(_rawComponent$id=rawComponent.id)===null||_rawComponent$id===void 0?void 0:_rawComponent$id.scope}/${rawComponent==null||(_rawComponent$id2=rawComponent.id)===null||_rawComponent$id2===void 0?void 0:_rawComponent$id2.name}@${rawComponent==null||(_rawComponent$id3=rawComponent.id)===null||_rawComponent$id3===void 0?void 0:_rawComponent$id3.version}}`:void 0,id=(0,_react().useMemo)(()=>rawComponent?_componentId().ComponentID.fromObject(rawComponent.id):void 0,[idDepKey]),componentError=error&&!data?new(_componentError()).ComponentError(500,error.message):!rawComponent&&!loading&&new(_componentError()).ComponentError(404)||void 0,component=(0,_react().useMemo)(()=>rawComponent?_componentModel().ComponentModel.from(_objectSpread(_objectSpread({},rawComponent),{},{host,logs})):void 0,[id?.toString(),logs]),componentDescriptor=(0,_react().useMemo)(()=>{const aspectList={entries:rawComponent?.aspects.map(aspectObject=>_objectSpread(_objectSpread({},aspectObject),{},{aspectId:aspectObject.id,aspectData:aspectObject.data}))};return id?_componentDescriptor().ComponentDescriptor.fromObject({id:id.toString(),aspectList}):void 0},[id?.toString()]);return(0,_react().useMemo)(()=>({componentDescriptor,component,componentLogs:{loading:loadingLogs,logs},error:componentError||void 0,loading}),[host,component,componentDescriptor,componentError])}},86851:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentOverviewFields=exports.componentIdFields=exports.componentFieldsWithLogs=exports.componentFields=exports.SUB_SUBSCRIPTION_ADDED=exports.SUB_COMPONENT_REMOVED=exports.SUB_COMPONENT_CHANGED=exports.GET_COMPONENT_WITH_LOGS=exports.GET_COMPONENT=exports.COMPONENT_QUERY_LOG_FIELDS=void 0;function _client(){const data=__webpack_require__(8520);return _client=function(){return data},data}const componentIdFields=exports.componentIdFields=(0,_client().gql)`
+`;function useComponentHost(){const{data,loading}=(0,_uiFoundationUiHooks().useDataQuery)(COMPONENT_HOST);return!data||loading?{}:{host:_componentHostModel().ComponentHostModel.from(data)}}},68211:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AspectData",{enumerable:!0,get:function(){return _aspectEntry().AspectData}}),Object.defineProperty(exports,"AspectEntry",{enumerable:!0,get:function(){return _aspectEntry().AspectEntry}}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menu().CollapsibleMenuNav}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component2().Component}}),Object.defineProperty(exports,"ComponentAspect",{enumerable:!0,get:function(){return _component().ComponentAspect}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _context().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentFS",{enumerable:!0,get:function(){return _componentFs().default}}),Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return _componentId().ComponentID}}),Object.defineProperty(exports,"ComponentLogsResult",{enumerable:!0,get:function(){return _ui().ComponentLogsResult}}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"ComponentUrlParams",{enumerable:!0,get:function(){return _component3().ComponentUrlParams}}),Object.defineProperty(exports,"Config",{enumerable:!0,get:function(){return _config().default}}),Object.defineProperty(exports,"ConsumePlugin",{enumerable:!0,get:function(){return _menu().ConsumePlugin}}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _ui().Filters}}),Object.defineProperty(exports,"InvalidComponent",{enumerable:!0,get:function(){return _component2().InvalidComponent}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menu().MenuNavProps}}),Object.defineProperty(exports,"NavPlugin",{enumerable:!0,get:function(){return _menu().NavPlugin}}),Object.defineProperty(exports,"RegisteredComponentRoute",{enumerable:!0,get:function(){return _component3().RegisteredComponentRoute}}),Object.defineProperty(exports,"ResolveComponentIdFunc",{enumerable:!0,get:function(){return _aspectEntry().ResolveComponentIdFunc}}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return _section().Section}}),Object.defineProperty(exports,"Snap",{enumerable:!0,get:function(){return _snap().Snap}}),Object.defineProperty(exports,"SnapProps",{enumerable:!0,get:function(){return _snap().SnapProps}}),Object.defineProperty(exports,"State",{enumerable:!0,get:function(){return _state().State}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}}),Object.defineProperty(exports,"TagMap",{enumerable:!0,get:function(){return _tagMap().TagMap}}),Object.defineProperty(exports,"TagProps",{enumerable:!0,get:function(){return _tag().TagProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _ui().componentFields}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _ui().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _ui().componentOverviewFields}}),exports.default=void 0,Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _ui().useComponent}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}}),Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _host().useComponentHost}}),Object.defineProperty(exports,"useComponentLogs",{enumerable:!0,get:function(){return _ui().useComponentLogs}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _ui().useIdFromLocation}});function _component(){const data=__webpack_require__(42259);return _component=function(){return data},data}function _host(){const data=__webpack_require__(23384);return _host=function(){return data},data}function _component2(){const data=__webpack_require__(60195);return _component2=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _componentFs(){const data=_interopRequireDefault(__webpack_require__(11846));return _componentFs=function(){return data},data}function _aspectEntry(){const data=__webpack_require__(69301);return _aspectEntry=function(){return data},data}function _snap(){const data=__webpack_require__(8801);return _snap=function(){return data},data}function _tag(){const data=__webpack_require__(13801);return _tag=function(){return data},data}function _state(){const data=__webpack_require__(49784);return _state=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}function _componentMap(){const data=__webpack_require__(12178);return _componentMap=function(){return data},data}function _section(){const data=__webpack_require__(43986);return _section=function(){return data},data}function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _ui(){const data=__webpack_require__(4744);return _ui=function(){return data},data}function _menu(){const data=__webpack_require__(70820);return _menu=function(){return data},data}function _component3(){const data=__webpack_require__(72795);return _component3=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _config(){const data=_interopRequireDefault(__webpack_require__(5075));return _config=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var _default=exports.default=_component().ComponentAspect},43986:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return _section().Section}});function _section(){const data=__webpack_require__(5173);return _section=function(){return data},data}},5173:()=>{"use strict"},8801:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Snap=void 0;class Snap{constructor(hash,timestamp,parents,author,message){this.hash=hash,this.timestamp=timestamp,this.parents=parents,this.author=author,this.message=message}static fromObject(snapObject){const parents=snapObject.parents||[];return new Snap(snapObject.hash,new Date(parseInt(snapObject.timestamp)),parents,snapObject.author,snapObject.message)}toObject(){return{timestamp:this.timestamp.getTime().toString(),hash:this.hash,author:this.author,message:this.message,parents:this.parents}}}exports.Snap=Snap},49784:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.State=void 0;function _componentIssues(){const data=__webpack_require__(86853);return _componentIssues=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}class State{constructor(config,_aspects,filesystem,dependencies,_consumer){this.config=config,this._aspects=_aspects,this.filesystem=filesystem,this.dependencies=dependencies,this._consumer=_consumer}get mainFile(){const file=this.filesystem.files.find(componentFile=>componentFile.relative===this._consumer.mainFile);if(!file)throw new(_exceptions()).MainFileNotFound(_componentId().ComponentID.fromLegacy(this._consumer.id),this._consumer.mainFile);return file}get hash(){return""}get issues(){return this._consumer.issues||=new(_componentIssues()).IssuesList}get isModified(){return this._consumer._isModified}get aspects(){return this._aspects}set aspects(aspects){this._aspects=aspects}}exports.State=State},50310:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagMap=void 0;function _semverHelper(){const data=__webpack_require__(30755);return _semverHelper=function(){return data},data}function _semver(){const data=__webpack_require__(81249);return _semver=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}class TagMap extends Map{byHash(hash){return Array.from(this.values()).find(currTag=>currTag.hash===hash)}getPreReleaseLatestTags(){const preReleaseTagsWithAllVersions=this.toArray().reduce((acc,current)=>{const preReleases=current.version.prerelease;return!preReleases.length||preReleases.length!==2||typeof preReleases[0]!="string"||(acc[preReleases[0]]||=[]).push(current.version.raw),acc},{});return Object.keys(preReleaseTagsWithAllVersions).reduce((acc,current)=>(acc[current]=(0,_semver().maxSatisfying)(preReleaseTagsWithAllVersions[current],"*",{includePrerelease:!0}),acc),{})}getHashMap(){const res=new Map;return this.forEach(tag=>{res.set(tag.hash,tag)}),res}getLatest(){const versions=this.toArray().map(tag=>tag.version.raw);if(this.isEmpty())throw new(_exceptions()).CouldNotFindLatest(versions);return(0,_semverHelper().getLatestVersion)(versions)}isEmpty(){return this.size===0}toArray(){return Array.from(this.values())}byVersion(version){return this.toArray().map(tag=>tag).find(tag=>tag.version.raw===version)}static fromArray(tags){const tuples=tags.map(tag=>[tag.version,tag]);return new TagMap(tuples)}static empty(){return new TagMap}}exports.TagMap=TagMap},47769:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}});function _tag(){const data=__webpack_require__(13801);return _tag=function(){return data},data}},13801:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=void 0;function _semver(){const data=__webpack_require__(81249);return _semver=function(){return data},data}class Tag{constructor(hash,version){this.hash=hash,this.version=version}toObject(){return{hash:this.hash,version:this.version.raw}}static fromObject(tag){return new Tag(tag.hash,new(_semver()).SemVer(tag.version))}}exports.Tag=Tag},6315:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentError=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _designUiPages(){const data=__webpack_require__(13794);return _designUiPages=function(){return data},data}function _designUiPages2(){const data=__webpack_require__(31910);return _designUiPages2=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}class ComponentError{constructor(code,message){this.code=code,this.message=message}renderError(){return this.code===404?_react().default.createElement(_designUiPages().NotFoundPage,null):_react().default.createElement(_designUiPages2().ServerErrorPage,null)}}exports.ComponentError=ComponentError},70145:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentError",{enumerable:!0,get:function(){return _componentError().ComponentError}});function _componentError(){const data=__webpack_require__(6315);return _componentError=function(){return data},data}},46265:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentModel=void 0;function _compositions(){const data=__webpack_require__(32552);return _compositions=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _tag(){const data=__webpack_require__(47769);return _tag=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}class ComponentModel{constructor(id,displayName,packageName,server,compositions,tags,buildStatus,issuesCount,elementsUrl,status,deprecation,environment,description="",labels=[],host,size,latest,preview,logs){this.id=id,this.displayName=displayName,this.packageName=packageName,this.server=server,this.compositions=compositions,this.tags=tags,this.buildStatus=buildStatus,this.issuesCount=issuesCount,this.elementsUrl=elementsUrl,this.status=status,this.deprecation=deprecation,this.environment=environment,this.description=description,this.labels=labels,this.host=host,this.size=size,this.latest=latest,this.preview=preview,this.logs=logs}get version(){return this.id.version?this.id.version:"new"}static from({id,server,displayName,compositions=[],packageName,elementsUrl,tags=[],deprecation,buildStatus,env,status,issuesCount,description,labels,host,latest,preview,size,logs}){return new ComponentModel(_componentId().ComponentID.fromObject(id),displayName,packageName,server,_compositions().Composition.fromArray(compositions),_tagMap().TagMap.fromArray(tags.map(tag=>_tag().Tag.fromObject(tag))),buildStatus,issuesCount,elementsUrl,status,deprecation,env,description,labels,host,size,latest,preview,logs?.map(log=>log??{hash:"[error]",tag:"[error]",message:"",parents:[]}))}static fromArray(componentsProps){return componentsProps.map(rawComponent=>ComponentModel.from(rawComponent))}static empty(){return new ComponentModel(_componentId().ComponentID.fromObject({name:"root",scope:"temp"}),"","",{env:"",url:""},[],_tagMap().TagMap.empty())}}exports.ComponentModel=ComponentModel},77237:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}});function _componentModel(){const data=__webpack_require__(46265);return _componentModel=function(){return data},data}},34146:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=Component;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(5800));return _lodash=function(){return data},data}function _uiFoundationUiReactRouter(){const data=__webpack_require__(28776);return _uiFoundationUiReactRouter=function(){return data},data}function _lodash2(){const data=__webpack_require__(96486);return _lodash2=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function _componentModule(){const data=_interopRequireDefault(__webpack_require__(33084));return _componentModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}function getComponentIdStr(componentIdStr){return(0,_lodash2().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function Component({routeSlot,overriddenRoutes,containerSlot,host,onComponentChange,componentIdStr,useComponent,path,useComponentFilters}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_().ComponentID.fromString(_componentIdStr):void 0,resolvedComponentIdStr=path||idFromLocation,componentFiltersFromProps=useComponentFilters?.()||{},useComponentOptions={logFilters:_objectSpread(_objectSpread({},componentFiltersFromProps),componentFiltersFromProps.loading?{}:{log:_objectSpread({limit:3},componentFiltersFromProps.log)}),customUseComponent:useComponent},{component,componentDescriptor,error}=(0,_useComponent().useComponent)(host,componentId?.toString()||idFromLocation,useComponentOptions);(0,_react().useEffect)(()=>onComponentChange?.(component),[component]),(0,_react().useEffect)(()=>()=>onComponentChange?.(void 0),[]);const pageItems=(0,_react().useMemo)(()=>(0,_lodash().default)(containerSlot?.values()),[containerSlot]),before=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="before").map(x=>x.content),[pageItems]),after=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="after").map(x=>x.content),[pageItems]);return error?error?.renderError():component?_react().default.createElement(_context().ComponentDescriptorProvider,{componentDescriptor},_react().default.createElement(_context().ComponentProvider,{component},before,_react().default.createElement("div",{className:_componentModule().default.container},routeSlot&&_react().default.createElement(_uiFoundationUiReactRouter().SlotRouter,{parentPath:`${resolvedComponentIdStr}/*`,slot:routeSlot,routes:overriddenRoutes})),after)):_react().default.createElement("div",null)}},48841:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentDescriptor=exports.ComponentDescriptorContext=exports.ComponentContext=void 0;function _react(){const data=__webpack_require__(67294);return _react=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}const ComponentContext=exports.ComponentContext=(0,_react().createContext)(_componentModel().ComponentModel.empty()),ComponentDescriptorContext=exports.ComponentDescriptorContext=(0,_react().createContext)(void 0),useComponentDescriptor=()=>(0,_react().useContext)(ComponentDescriptorContext);exports.useComponentDescriptor=useComponentDescriptor},9994:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentDescriptorProvider=ComponentDescriptorProvider,exports.ComponentProvider=ComponentProvider;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ComponentProvider({component,children}){return _react().default.createElement(_componentContext().ComponentContext.Provider,{value:component},children)}function ComponentDescriptorProvider({componentDescriptor,children}){return _react().default.createElement(_componentContext().ComponentDescriptorContext.Provider,{value:componentDescriptor},children)}},58431:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentProvider}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}});function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _componentProvider(){const data=__webpack_require__(9994);return _componentProvider=function(){return data},data}},4744:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"COMPONENT_QUERY_LOG_FIELDS",{enumerable:!0,get:function(){return _useComponent2().COMPONENT_QUERY_LOG_FIELDS}}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menu().CollapsibleMenuNav}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component().Component}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _context().ComponentContext}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"ConsumeMethodSlot",{enumerable:!0,get:function(){return _menu().ConsumeMethodSlot}}),Object.defineProperty(exports,"GET_COMPONENT",{enumerable:!0,get:function(){return _useComponent2().GET_COMPONENT}}),Object.defineProperty(exports,"GET_COMPONENT_WITH_LOGS",{enumerable:!0,get:function(){return _useComponent2().GET_COMPONENT_WITH_LOGS}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menu().MenuNavProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _useComponent2().componentFields}}),Object.defineProperty(exports,"componentFieldsWithLogs",{enumerable:!0,get:function(){return _useComponent2().componentFieldsWithLogs}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _useComponent2().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _useComponent2().componentOverviewFields}}),Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _useComponent().useComponent}}),Object.defineProperty(exports,"useComponentLogs",{enumerable:!0,get:function(){return _useComponentLogs().useComponentLogs}}),Object.defineProperty(exports,"useComponentQuery",{enumerable:!0,get:function(){return _useComponentQuery().useComponentQuery}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _useComponentFromLocation().useIdFromLocation}});function _menu(){const data=__webpack_require__(70820);return _menu=function(){return data},data}function _component(){const data=__webpack_require__(34146);return _component=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _useComponent2(){const data=__webpack_require__(86851);return _useComponent2=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponentLogs(){const data=__webpack_require__(11129);return _useComponentLogs=function(){return data},data}},70820:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menuNav().CollapsibleMenuNav}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menuNav().MenuNavProps}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}});function _menuNav(){const data=__webpack_require__(58072);return _menuNav=function(){return data},data}function _menu(){const data=__webpack_require__(23813);return _menu=function(){return data},data}},58072:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleMenuNav=CollapsibleMenuNav;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _designNavigation(){const data=__webpack_require__(79730);return _designNavigation=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(73161));return _menuModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function CollapsibleMenuNav({navigationSlot,widgetSlot,navPlugins=[],widgetPlugins=[],className,secondaryNavClassName,children}){const plugins=(0,_react().useMemo)(()=>((navPlugins.length>0?navPlugins:navigationSlot?.toArray())||[]).sort(sortFn),[navigationSlot,navPlugins]),widgets=(0,_react().useMemo)(()=>((widgetPlugins.length>0?widgetPlugins:widgetSlot?.toArray())||[]).sort(sortFn),[widgetSlot,widgetPlugins]),links=[...plugins,...widgets].map(([id,menuItem],index)=>{const lastPluginStyle=plugins.length-1===index?{marginRight:"auto"}:{},firstWidgetStyle=plugins.length===index?{marginLeft:"auto"}:{};return{component:function({isInMenu}){const widgetDisplayText=menuItem.props.displayName&&isInMenu?menuItem.props.displayName:void 0;return _react().default.createElement(_topBarNav().TopBarNav,_extends({},menuItem.props,{className:(0,_classnames().default)(menuItem.props.className,_menuModule().default.topBarNav,isInMenu&&_menuModule().default.noBorder),key:id}),widgetDisplayText||menuItem.props.children)},style:_objectSpread(_objectSpread({},firstWidgetStyle),lastPluginStyle),className:menuItem.props.className}});return _react().default.createElement(_designNavigation().ResponsiveNavbar,{navClassName:(0,_classnames().default)(_menuModule().default.tab,className),secondaryNavClassName,style:{width:"100%",height:"100%"},priority:"none",tabs:links},children)}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}},23813:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMenu=ComponentMenu,exports.VersionRelatedDropdowns=VersionRelatedDropdowns,exports.defaultLoadCurrentVersion=void 0,exports.defaultLoadVersions=defaultLoadVersions;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(26068);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function semver(){const data=_interopRequireWildcard(__webpack_require__(81249));return semver=function(){return data},data}function _componentUi(){const data=__webpack_require__(24636);return _componentUi=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(14220);return _uiFoundationUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _uiFoundationUiUseBox(){const data=__webpack_require__(3953);return _uiFoundationUiUseBox=function(){return data},data}function _lanesHooks(){const data=__webpack_require__(33461);return _lanesHooks=function(){return data},data}function _uiFoundationUiUseBox2(){const data=__webpack_require__(2436);return _uiFoundationUiUseBox2=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _menuNav(){const data=__webpack_require__(58072);return _menuNav=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(73161));return _menuModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}function getComponentIdStr(componentIdStr){return(0,_lodash().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function ComponentMenu({navigationSlot,widgetSlot,className,host,menuItemSlot,consumeMethodSlot,componentIdStr,skipRightSide,RightNode,useComponent,path,useComponentFilters}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_().ComponentID.fromString(_componentIdStr):void 0,resolvedComponentIdStr=path||idFromLocation,mainMenuItems=(0,_react().useMemo)(()=>(0,_lodash().groupBy)((0,_lodash().flatten)(menuItemSlot.values()),"category"),[menuItemSlot]),componentFilters=useComponentFilters?.()||{},useComponentVersions=defaultLoadVersions(host,componentId?.toString()||idFromLocation,componentFilters,useComponent),RightSide=_react().default.createElement("div",{className:_menuModule().default.rightSide},RightNode||_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(VersionRelatedDropdowns,{host,consumeMethods:consumeMethodSlot,componentId:componentId?.toString()||idFromLocation,useComponent:useComponentVersions,componentFilters}),_react().default.createElement(_uiFoundationUi().MainDropdown,{className:_menuModule().default.hideOnMobile,menuItems:mainMenuItems})));return _react().default.createElement(_reactRouterDom().Routes,null,_react().default.createElement(_reactRouterDom().Route,{path:`${resolvedComponentIdStr}/*`,element:_react().default.createElement("div",{className:(0,_classnames().default)(_menuModule().default.topBar,className)},_react().default.createElement("div",{className:_menuModule().default.leftSide},_react().default.createElement(_menuNav().CollapsibleMenuNav,{navigationSlot,widgetSlot})),!skipRightSide&&_react().default.createElement("div",{className:_menuModule().default.rightSide},RightSide))}))}function defaultLoadVersions(host,componentId,componentFilters={},useComponent,loadingFromProps){return _react().default.useCallback(_props=>{const{skip,initialLoad}=_props||{},fetchOptions={logFilters:_objectSpread(_objectSpread({},componentFilters),{},{log:_objectSpread(_objectSpread({},componentFilters.log),{},{limit:initialLoad?3:void 0})}),skip:loadingFromProps||skip,customUseComponent:useComponent},{component,loading:loadingComponent,componentLogs={}}=(0,_useComponent().useComponent)(host,componentId,fetchOptions),logs=componentLogs?.logs,loading=_react().default.useMemo(()=>loadingComponent||loadingFromProps||componentLogs.loading,[loadingComponent,loadingFromProps,componentLogs.loading]),snaps=(0,_react().useMemo)(()=>(logs||[]).filter(log=>!log.tag).map(snap=>_objectSpread(_objectSpread({},snap),{},{version:snap.hash})),[logs]),tags=(0,_react().useMemo)(()=>{var _component$tags;const tagLookup=new Map;return(logs||[]).filter(log=>log.tag).forEach(tag=>{tagLookup.set(tag?.tag,tag)}),(0,_lodash().compact)(((component==null||(_component$tags=component.tags)===null||_component$tags===void 0?void 0:_component$tags.toArray())||[]).reverse().map(tag=>tagLookup.get(tag.version.version))).map(tag=>_objectSpread(_objectSpread({},tag),{},{version:tag.tag}))},[logs]);return{loading,id:component?.id,packageName:component?.packageName,latestVersion:component?.latest,currentVersion:component?.version,snaps,tags,buildStatus:component?.buildStatus}},[componentId,loadingFromProps,componentFilters])}const defaultLoadCurrentVersion=props=>_props=>{var _props$useComponent;const{skip,version:_version}=_props||{},{snaps,tags,currentVersion,loading}=((_props$useComponent=props.useComponent)===null||_props$useComponent===void 0?void 0:_props$useComponent.call(props,{skip,id:props.componentId}))??{},version=_version??currentVersion;return _react().default.useMemo(()=>semver().valid(version),[loading,version])?_react().default.useMemo(()=>tags?.find(tag=>tag.tag===version),[loading,tags?.length,version]):_react().default.useMemo(()=>snaps?.find(snap=>snap.version===version),[loading,snaps?.length,version])};exports.defaultLoadCurrentVersion=defaultLoadCurrentVersion;function VersionRelatedDropdowns(props){var _props$dropdownOption,_props$useComponent2,_lanesModel$getLanesB,_lanesModel$viewedLan,_lanesModel$viewedLan2;const updatedPropsWithDefaults=_objectSpread(_objectSpread({},props),{},{useLanes:props.useLanes??_lanesHooks().useLanes,dropdownOptions:_objectSpread(_objectSpread({},props.dropdownOptions),{},{showVersionDetails:(props==null||(_props$dropdownOption=props.dropdownOptions)===null||_props$dropdownOption===void 0?void 0:_props$dropdownOption.showVersionDetails)??!0})}),loadVersion=defaultLoadCurrentVersion(updatedPropsWithDefaults),{useLanes,consumeMethods,className,dropdownOptions,host}=updatedPropsWithDefaults,{loading,id,tags,snaps,latest,packageName,currentVersion:_currentVersion}=((_props$useComponent2=props.useComponent)===null||_props$useComponent2===void 0?void 0:_props$useComponent2.call(props,{initialLoad:!0}))||{},location=(0,_baseReactNavigation().useLocation)(),{lanesModel}=useLanes(),lanes=id?(lanesModel==null||(_lanesModel$getLanesB=lanesModel.getLanesByComponentId(id))===null||_lanesModel$getLanesB===void 0?void 0:_lanesModel$getLanesB.filter(lane=>!lane.id.isDefault()))||[]:[],viewedLane=lanesModel!=null&&(_lanesModel$viewedLan=lanesModel.viewedLane)!==null&&_lanesModel$viewedLan!==void 0&&_lanesModel$viewedLan.id&&!(lanesModel!=null&&(_lanesModel$viewedLan2=lanesModel.viewedLane)!==null&&_lanesModel$viewedLan2!==void 0&&_lanesModel$viewedLan2.id.isDefault())?lanesModel.viewedLane:void 0,isWorkspace=host==="teambit.workspace/workspace",isNew=tags?.length===0&&snaps?.length===0,localVersion=isWorkspace&&!isNew&&(!viewedLane||lanesModel?.isViewingCurrentLane()),currentVersion=isWorkspace&&!isNew&&!(location!=null&&location.search.includes("version"))?"workspace":_currentVersion??"",consumeMethodProps=_react().default.useMemo(()=>id?{id,packageName:packageName??"",latest,options:{viewedLane,disableInstall:!packageName}}:void 0,[id,packageName,latest,viewedLane]),methods=useConsumeMethods(consumeMethods,consumeMethodProps),hasMethods=methods?.length>0;return _react().default.createElement(_react().default.Fragment,null,consumeMethods&&id&&hasMethods&&_react().default.createElement(_uiFoundationUiUseBox().UseBoxDropdown,{position:"bottom-end",className:(0,_classnames().default)(_menuModule().default.useBox,_menuModule().default.hideOnMobile),Menu:_react().default.createElement(_uiFoundationUiUseBox2().Menu,{methods,componentName:id.name})}),_react().default.createElement(_componentUi().VersionDropdown,{lanes,loading,useComponentVersions:props.useComponent,hasMoreVersions:!isNew,useCurrentVersionLog:loadVersion,localVersion,currentVersion,latestVersion:latest,currentLane:viewedLane,className,menuClassName:_menuModule().default.componentVersionMenu,getActiveTabIndex:dropdownOptions?.getActiveTabIndex,showVersionDetails:dropdownOptions?.showVersionDetails}))}function useConsumeMethods(consumeMethods,consumePluginProps){return(0,_react().useMemo)(()=>(0,_lodash().flatten)(consumeMethods?.values()).map(method=>{if(!!consumePluginProps)return method?.(consumePluginProps)}).filter(x=>!!x&&x.Component&&x.Title),[consumeMethods,consumePluginProps])}},82224:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _topBarNav=__webpack_require__(13264);Object.keys(_topBarNav).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_topBarNav[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _topBarNav[key]}})})},13264:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TopBarNav=TopBarNav;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(26068);return _reactRouterDom=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _topBarNavModule(){const data=_interopRequireDefault(__webpack_require__(60673));return _topBarNavModule=function(){return data},data}const _excluded=["href","className","activeClassName","children","displayName","ignoreQueryParams"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function TopBarNav(_ref){let{href,className,activeClassName,children,displayName,ignoreQueryParams}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{search}=(0,_reactRouterDom().useLocation)(),preventPassingDisplayNameToLink=displayName,target=href&&!ignoreQueryParams&&`${href}${search}`||href;return _react().default.createElement(_baseReactNavigation().Link,_extends({},rest,{className:(0,_classnames().default)(className,_topBarNavModule().default.topBarLink),activeClassName:(0,_classnames().default)(activeClassName,_topBarNavModule().default.active),href:target}),_react().default.createElement("div",null,children))}},39646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIdFromLocation=useIdFromLocation;function _reactRouterDom(){const data=__webpack_require__(26068);return _reactRouterDom=function(){return data},data}const componentRegex=/^[\w/-]*[\w-]/;function useIdFromLocation(url){const params=(0,_reactRouterDom().useParams)(),splat=url||params["*"];if(!splat)return;const[maybeOrgWithScope,...maybeFullName]=splat.split("/"),hasScope=maybeOrgWithScope.split(".").length>1,fullNameFromUrl=hasScope?maybeFullName.join("/"):splat;let scope;hasScope&&(scope=maybeOrgWithScope);const match=componentRegex.exec(fullNameFromUrl);if(!!(match!=null&&match[0]))return scope?`${scope}/${match[0]}`:match[0]}},11129:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentLogs=useComponentLogs,exports.useComponentLogsInit=useComponentLogsInit;function _react(){const data=__webpack_require__(67294);return _react=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(41646);return _uiFoundationUiHooks=function(){return data},data}function _useComponent(){const data=__webpack_require__(86851);return _useComponent=function(){return data},data}function _componentError(){const data=__webpack_require__(70145);return _componentError=function(){return data},data}function _useComponent2(){const data=__webpack_require__(12645);return _useComponent2=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function useComponentLogs(componentId,host,filters,skipFromProps){var _data$getHost,_rawComponent$id,_rawComponent$id2,_rawComponent$id3;const{variables,skip}=useComponentLogsInit(componentId,host,filters,skipFromProps),{data,error,loading}=(0,_uiFoundationUiHooks().useDataQuery)(_useComponent().GET_COMPONENT_WITH_LOGS,{variables,skip,errorPolicy:"all"}),rawComponent=data==null||(_data$getHost=data.getHost)===null||_data$getHost===void 0?void 0:_data$getHost.get,rawCompLogs=rawComponent?.logs,componentError=error&&!data?new(_componentError()).ComponentError(500,error.message):!rawComponent&&!loading&&new(_componentError()).ComponentError(404)||void 0,idDepKey=rawComponent!=null&&rawComponent.id?`${rawComponent==null||(_rawComponent$id=rawComponent.id)===null||_rawComponent$id===void 0?void 0:_rawComponent$id.scope}/${rawComponent==null||(_rawComponent$id2=rawComponent.id)===null||_rawComponent$id2===void 0?void 0:_rawComponent$id2.name}@${rawComponent==null||(_rawComponent$id3=rawComponent.id)===null||_rawComponent$id3===void 0?void 0:_rawComponent$id3.version}}`:void 0,id=(0,_react().useMemo)(()=>rawComponent?_().ComponentID.fromObject(rawComponent.id):void 0,[idDepKey]);return{loading,id,packageName:rawComponent?.packageName,latest:rawComponent?.latest,error:componentError,componentLogs:{logs:rawCompLogs,loading}}}function useComponentLogsInit(componentId,host,filters,skip){const{log}=filters||{},{head:logHead,offset:logOffset,sort:logSort,limit:logLimit,type:logType,takeHeadFromComponent:logTakeHeadFromComponent}=log||{},variables={id:componentId,extensionId:host,logOffset:(0,_useComponent2().getOffsetValue)(logOffset,logLimit),logLimit,logType,logHead,logSort,logTakeHeadFromComponent};return{logOffset,variables,skip}}},62589:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentQuery=useComponentQuery;function _react(){const data=__webpack_require__(67294);return _react=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(41646);return _uiFoundationUiHooks=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _componentDescriptor(){const data=__webpack_require__(57984);return _componentDescriptor=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _useComponent(){const data=__webpack_require__(86851);return _useComponent=function(){return data},data}function _useComponentLogs(){const data=__webpack_require__(11129);return _useComponentLogs=function(){return data},data}function _componentError(){const data=__webpack_require__(70145);return _componentError=function(){return data},data}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return(hint==="string"?String:Number)(input)}function useComponentQuery(componentId,host,filters,skip){var _data$getHost,_rawComponent$id,_rawComponent$id2,_rawComponent$id3;const idRef=(0,_react().useRef)(componentId);idRef.current=componentId;const variables={id:componentId,extensionId:host},{data,error,loading,subscribeToMore}=(0,_uiFoundationUiHooks().useDataQuery)(_useComponent().GET_COMPONENT,{variables,skip,errorPolicy:"all"}),{loading:loadingLogs,componentLogs:{logs}={}}=(0,_useComponentLogs().useComponentLogs)(componentId,host,filters,skip),rawComponent=data==null||(_data$getHost=data.getHost)===null||_data$getHost===void 0?void 0:_data$getHost.get;(0,_react().useEffect)(()=>{if(host!=="teambit.workspace/workspace")return()=>{};const unsubAddition=subscribeToMore({document:_useComponent().SUB_SUBSCRIPTION_ADDED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost,_subscriptionData$dat;const prevComponent=prev==null||(_prev$getHost=prev.getHost)===null||_prev$getHost===void 0?void 0:_prev$getHost.get,addedComponent=subscriptionData==null||(_subscriptionData$dat=subscriptionData.data)===null||_subscriptionData$dat===void 0||(_subscriptionData$dat=_subscriptionData$dat.componentAdded)===null||_subscriptionData$dat===void 0?void 0:_subscriptionData$dat.component;return!addedComponent||prevComponent?prev:idRef.current===addedComponent.id.name?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:addedComponent})}):prev}}),unsubChanges=subscribeToMore({document:_useComponent().SUB_COMPONENT_CHANGED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost2,_subscriptionData$dat2;if(!subscriptionData.data)return prev;const prevComponent=prev==null||(_prev$getHost2=prev.getHost)===null||_prev$getHost2===void 0?void 0:_prev$getHost2.get,updatedComponent=subscriptionData==null||(_subscriptionData$dat2=subscriptionData.data)===null||_subscriptionData$dat2===void 0||(_subscriptionData$dat2=_subscriptionData$dat2.componentChanged)===null||_subscriptionData$dat2===void 0?void 0:_subscriptionData$dat2.component;return updatedComponent&&_componentId().ComponentID.isEqualObj(prevComponent?.id,updatedComponent?.id)?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:updatedComponent})}):prev}}),unsubRemoval=subscribeToMore({document:_useComponent().SUB_COMPONENT_REMOVED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost3,_subscriptionData$dat3;if(!subscriptionData.data)return prev;const prevComponent=prev==null||(_prev$getHost3=prev.getHost)===null||_prev$getHost3===void 0?void 0:_prev$getHost3.get,removedIds=subscriptionData==null||(_subscriptionData$dat3=subscriptionData.data)===null||_subscriptionData$dat3===void 0||(_subscriptionData$dat3=_subscriptionData$dat3.componentRemoved)===null||_subscriptionData$dat3===void 0?void 0:_subscriptionData$dat3.componentIds;return!prevComponent||!(removedIds!=null&&removedIds.length)?prev:removedIds.some(removedId=>_componentId().ComponentID.isEqualObj(removedId,prevComponent.id))?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:null})}):prev}});return()=>{unsubChanges(),unsubAddition(),unsubRemoval()}},[]);const idDepKey=rawComponent!=null&&rawComponent.id?`${rawComponent==null||(_rawComponent$id=rawComponent.id)===null||_rawComponent$id===void 0?void 0:_rawComponent$id.scope}/${rawComponent==null||(_rawComponent$id2=rawComponent.id)===null||_rawComponent$id2===void 0?void 0:_rawComponent$id2.name}@${rawComponent==null||(_rawComponent$id3=rawComponent.id)===null||_rawComponent$id3===void 0?void 0:_rawComponent$id3.version}}`:void 0,id=(0,_react().useMemo)(()=>rawComponent?_componentId().ComponentID.fromObject(rawComponent.id):void 0,[idDepKey]),componentError=error&&!data?new(_componentError()).ComponentError(500,error.message):!rawComponent&&!loading&&new(_componentError()).ComponentError(404)||void 0,component=(0,_react().useMemo)(()=>rawComponent?_componentModel().ComponentModel.from(_objectSpread(_objectSpread({},rawComponent),{},{host,logs})):void 0,[id?.toString(),logs]),componentDescriptor=(0,_react().useMemo)(()=>{const aspectList={entries:rawComponent?.aspects.map(aspectObject=>_objectSpread(_objectSpread({},aspectObject),{},{aspectId:aspectObject.id,aspectData:aspectObject.data}))};return id?_componentDescriptor().ComponentDescriptor.fromObject({id:id.toString(),aspectList}):void 0},[id?.toString()]);return(0,_react().useMemo)(()=>({componentDescriptor,component,componentLogs:{loading:loadingLogs,logs},error:componentError||void 0,loading}),[host,component,componentDescriptor,componentError])}},86851:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentOverviewFields=exports.componentIdFields=exports.componentFieldsWithLogs=exports.componentFields=exports.SUB_SUBSCRIPTION_ADDED=exports.SUB_COMPONENT_REMOVED=exports.SUB_COMPONENT_CHANGED=exports.GET_COMPONENT_WITH_LOGS=exports.GET_COMPONENT=exports.COMPONENT_QUERY_LOG_FIELDS=void 0;function _client(){const data=__webpack_require__(8520);return _client=function(){return data},data}const componentIdFields=exports.componentIdFields=(0,_client().gql)`
   fragment componentIdFields on ComponentID {
     name
     version
@@ -196,7 +196,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
     }
   }
   ${componentIdFields}
-`},21268:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(88140);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(48166);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},48166:()=>{"use strict"},12645:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},25408:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=CompositionCardSkeleton,exports.PreviewSkeleton=PreviewSkeleton;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(99870);return _baseUiLoaders=function(){return data},data}function _compositionCardSkeletonModule(){const data=_interopRequireDefault(__webpack_require__(16841));return _compositionCardSkeletonModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function CompositionCardSkeleton(){return _react().default.createElement("div",{className:_compositionCardSkeletonModule().default.compositionCardSkeleton},_react().default.createElement(PreviewSkeleton,null),_react().default.createElement("div",{className:_compositionCardSkeletonModule().default.bottom},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"104px"})))}function PreviewSkeleton(){return _react().default.createElement("div",{className:_compositionCardSkeletonModule().default.preview},_react().default.createElement(_baseUiLoaders().BlockSkeleton,{lines:2,className:_compositionCardSkeletonModule().default.block}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"208px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"152px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"88px"}))}},78647:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return _compositionCardSkeleton().CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return _compositionCardSkeleton().PreviewSkeleton}});function _compositionCardSkeleton(){const data=__webpack_require__(25408);return _compositionCardSkeleton=function(){return data},data}},94075:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCard=CompositionCard;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(54560);return _evangelistElements=function(){return data},data}function _compositions(){const data=__webpack_require__(32552);return _compositions=function(){return data},data}function _designUiStyles(){const data=__webpack_require__(31944);return _designUiStyles=function(){return data},data}function _compositionCardSkeleton(){const data=__webpack_require__(78647);return _compositionCardSkeleton=function(){return data},data}function _compositionCardModule(){const data=_interopRequireDefault(__webpack_require__(80633));return _compositionCardModule=function(){return data},data}const _excluded=["composition","component","className","openCompositionLink","previewClass","isLoading"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function CompositionCard(_ref){let{composition,component,className,openCompositionLink,previewClass,isLoading=!0}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const[previewLoading,setLoading]=(0,_react().useState)(isLoading);return _react().default.createElement("div",_extends({},rest,{key:composition.identifier,className:(0,_classnames().default)(_compositionCardModule().default.compositionCard,className)}),_react().default.createElement("div",{className:_compositionCardModule().default.compositionPreview},!isLoading&&_react().default.createElement(_compositions().ComponentComposition,{onLoad:()=>setLoading(!1),onError:()=>{setLoading(!1)},loading:"lazy",className:previewClass,composition,component,pubsub:!1}),_react().default.createElement("div",{className:_compositionCardModule().default.previewOverlay},previewLoading&&_react().default.createElement(_compositionCardSkeleton().PreviewSkeleton,null))),_react().default.createElement("div",{className:_compositionCardModule().default.bottom},_react().default.createElement("span",{className:(0,_classnames().default)(_designUiStyles().ellipsis,_compositionCardModule().default.displayName)},composition.displayName),openCompositionLink&&_react().default.createElement("a",{className:_compositionCardModule().default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink},_react().default.createElement(_evangelistElements().Icon,{className:_compositionCardModule().default.icon,of:"open-tab"}))))}},75797:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return _compositionCard().CompositionCard}}),Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return _compositionCardSkeleton().CompositionCardSkeleton}});function _compositionCard(){const data=__webpack_require__(94075);return _compositionCard=function(){return data},data}function _compositionCardSkeleton(){const data=__webpack_require__(78647);return _compositionCardSkeleton=function(){return data},data}},4405: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.humanizeCompositionId=void 0;const humanize_string_1=__importDefault(__webpack_require__(40434));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},91888:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(4405);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},94478: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.CompositionGallery=void 0;const react_1=__importDefault(__webpack_require__(67294)),design_elements_icon_1=__webpack_require__(25768),documenter_ui_linked_heading_1=__webpack_require__(95966),base_react_navigation_link_1=__webpack_require__(22576),composition_card_1=__webpack_require__(75797),composition_gallery_module_scss_1=__importDefault(__webpack_require__(76534));function CompositionGallery({component,isLoading}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.compositionGallery},react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,{size:"xs",className:composition_gallery_module_scss_1.default.title},react_1.default.createElement(design_elements_icon_1.Icon,{of:"eye"})," ",react_1.default.createElement("span",null,"PREVIEW")),react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.carousel},component.compositions.map(composition=>react_1.default.createElement(composition_card_1.CompositionCard,{isLoading,key:composition.identifier.toLowerCase(),onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component}))))}exports.CompositionGallery=CompositionGallery},10726:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(94478);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}})},86435: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.CompositionErrorFallback=exports.CompositionCard=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),react_error_boundary_1=__webpack_require__(35800),base_ui_surfaces_card_1=__webpack_require__(91475),base_ui_theme_accent_color_1=__webpack_require__(176),react_ui_error_fallback_1=__webpack_require__(69248),compositions_model_composition_id_1=__webpack_require__(77795),evangelist_elements_icon_1=__webpack_require__(54560),base_ui_text_themed_text_1=__webpack_require__(94106),composition_card_module_scss_1=__importDefault(__webpack_require__(25020));function CompositionCard(_a){var{Composition,name,link,className}=_a,rest=__rest(_a,["Composition","name","link","className"]);const{canvas,compositionName}=Composition,humanizedName=(0,react_1.useMemo)(()=>compositionName||(0,compositions_model_composition_id_1.humanizeCompositionId)(name),[name,compositionName]);return react_1.default.createElement(base_ui_surfaces_card_1.Card,Object.assign({elevation:"low",className:(0,classnames_1.default)(className,composition_card_module_scss_1.default.compositionCard)},rest),react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:CompositionErrorFallback},react_1.default.createElement("div",{style:canvas,className:composition_card_module_scss_1.default.compositionContainer},react_1.default.createElement(Composition,null))),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_card_module_scss_1.default.title,base_ui_theme_accent_color_1.colorPalette.neutralHeavy,base_ui_text_themed_text_1.themedText)},react_1.default.createElement("span",null,humanizedName),link&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.linkToComposition,target:"_blank",rel:"noopener noreferrer",href:link},react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"open-tab"}))))}exports.CompositionCard=CompositionCard;function CompositionErrorFallback(props){return react_1.default.createElement(react_ui_error_fallback_1.ErrorFallback,Object.assign({},props,{className:(0,classnames_1.default)(props.className,composition_card_module_scss_1.default.compositionCardError)}))}exports.CompositionErrorFallback=CompositionErrorFallback},88903:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(86435);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}})},27623: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.humanizeCompositionId=void 0;const humanize_string_1=__importDefault(__webpack_require__(40434));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},77795:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(27623);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},38946:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}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.ErrorFallback=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),design_ui_icon_button_1=__webpack_require__(35059),base_ui_styles_flex_center_1=__webpack_require__(98373),error_fallback_module_scss_1=__importDefault(__webpack_require__(91844));function ErrorFallback({resetErrorBoundary,className,children="Failed to render",cta="try again"}){const handleClick=()=>__awaiter(this,void 0,void 0,function*(){yield new Promise(resolve=>setTimeout(resolve,480)),resetErrorBoundary()});return react_1.default.createElement("div",{className:(0,classnames_1.default)(error_fallback_module_scss_1.default.errorFallback,base_ui_styles_flex_center_1.flexCenter,className)},react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.icon}),react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.message},children),react_1.default.createElement(design_ui_icon_button_1.IconButton,{onClick:handleClick,className:error_fallback_module_scss_1.default.retryButton},cta))}exports.ErrorFallback=ErrorFallback},69248:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=void 0;var error_fallback_1=__webpack_require__(38946);Object.defineProperty(exports,"ErrorFallback",{enumerable:!0,get:function(){return error_fallback_1.ErrorFallback}})},31161: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.CompositionsMenuBar=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),lodash_flatten_1=__importDefault(__webpack_require__(5800)),compositions_menu_bar_module_scss_1=__importDefault(__webpack_require__(915));function CompositionsMenuBar(_a){var{className,menuBarWidgets,children}=_a,rest=__rest(_a,["className","menuBarWidgets","children"]);const widgetsStart=(0,react_1.useMemo)(()=>(0,lodash_flatten_1.default)(menuBarWidgets?.values()).filter(({location})=>location==="start").map(({content},idx)=>react_1.default.createElement(react_1.default.Fragment,{key:idx},content)),[menuBarWidgets]),widgetsEnd=(0,react_1.useMemo)(()=>(0,lodash_flatten_1.default)(menuBarWidgets?.values()).filter(({location})=>location==="end").map(({content},idx)=>react_1.default.createElement(react_1.default.Fragment,{key:idx},content)),[menuBarWidgets]);return!widgetsStart.length&&!widgetsEnd.length?null:react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(className,compositions_menu_bar_module_scss_1.default.compositionsMenuBar)}),!!(widgetsStart?.length||children)&&react_1.default.createElement("div",null,widgetsStart," ",children),react_1.default.createElement("div",{className:compositions_menu_bar_module_scss_1.default.spacer}),!!widgetsEnd?.length&&react_1.default.createElement("div",null,widgetsEnd))}exports.CompositionsMenuBar=CompositionsMenuBar},97725:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsMenuBar=void 0;var compositions_menu_bar_1=__webpack_require__(31161);Object.defineProperty(exports,"CompositionsMenuBar",{enumerable:!0,get:function(){return compositions_menu_bar_1.CompositionsMenuBar}})},18667: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.CompositionsOverview=void 0;const react_1=__importDefault(__webpack_require__(67294)),compositions_ui_composition_card_1=__webpack_require__(88903),compositions_overview_module_scss_1=__importDefault(__webpack_require__(98922));function CompositionsOverview({compositions,compositionCardClass}){return react_1.default.createElement("div",{className:compositions_overview_module_scss_1.default.background},compositions&&Object.entries(compositions).map(([key,composition])=>react_1.default.createElement(compositions_ui_composition_card_1.CompositionCard,{key,Composition:composition,name:key,className:compositionCardClass})))}exports.CompositionsOverview=CompositionsOverview},46127:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsOverview=void 0;var compositions_overview_1=__webpack_require__(18667);Object.defineProperty(exports,"CompositionsOverview",{enumerable:!0,get:function(){return compositions_overview_1.CompositionsOverview}})},494:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreviewQueryParams=exports.usePreview=exports.CompositionContextProvider=void 0;var use_composition_1=__webpack_require__(49522);Object.defineProperty(exports,"CompositionContextProvider",{enumerable:!0,get:function(){return use_composition_1.CompositionContextProvider}}),Object.defineProperty(exports,"usePreview",{enumerable:!0,get:function(){return use_composition_1.usePreview}});var use_preview_query_params_1=__webpack_require__(68642);Object.defineProperty(exports,"usePreviewQueryParams",{enumerable:!0,get:function(){return use_preview_query_params_1.usePreviewQueryParams}})},49522: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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreview=exports.CompositionContextProvider=void 0;const react_1=__importStar(__webpack_require__(67294)),CompositionsCtx=(0,react_1.createContext)({queryParams:{},setQueryParams:()=>{}});function CompositionContextProvider({children,queryParams,setQueryParams}){const state=(0,react_1.useMemo)(()=>({queryParams,setQueryParams}),[queryParams,setQueryParams]);return react_1.default.createElement(CompositionsCtx.Provider,{value:state},children)}exports.CompositionContextProvider=CompositionContextProvider;function usePreview(){return(0,react_1.useContext)(CompositionsCtx)}exports.usePreview=usePreview},68642:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreviewQueryParams=void 0;const react_1=__webpack_require__(67294),use_composition_1=__webpack_require__(49522);function usePreviewQueryParams(paramName){const ctx=(0,use_composition_1.usePreview)(),param=ctx.queryParams[paramName],setQueryParam=(0,react_1.useCallback)(value=>ctx.setQueryParams(state=>Object.assign(Object.assign({},state),{[paramName]:value})),[paramName]);return[param,setQueryParam]}exports.usePreviewQueryParams=usePreviewQueryParams},39708:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(91888);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},82704:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(26068);return _reactRouterDom=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(26561));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(17563));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(14323);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(38577);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(73624);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(68211);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(37820);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(52515);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(82718);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(32098);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(6470);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(74162);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(97725);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(494);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(74749);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(21335);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(68158);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(67902);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(15801);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(56926);return _designUiSurfaces=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(62133));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(14427);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function Compositions({menuBarWidgets,emptyState}){var _component$preview,_component$preview2,_component$preview3;const component=(0,_react().useContext)(_component().ComponentContext),params=(0,_reactRouterDom().useParams)(),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition;const properties=(0,_docsUiQueries().useDocs)(component.id),showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component==null||(_component$preview=component.preview)===null||_component$preview===void 0?void 0:_component$preview.isScaling,includesEnvTemplates=component==null||(_component$preview2=component.preview)===null||_component$preview2===void 0?void 0:_component$preview2.includesEnvTemplate,compositionIdentifierParam=isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)({}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]);return(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),_react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"85%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(_baseReactNavigation().Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"}))),_react().default.createElement(CompositionContent,{emptyState,component,selected:currentComposition,queryParams})),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,includesEnvTemplate:(_component$preview3=component.preview)===null||_component$preview3===void 0?void 0:_component$preview3.includesEnvTemplate,onSelectComposition:composition=>{if(!currentComposition||!location)return;if(location.pathname.includes(currentComposition.identifier.toLowerCase())){navigate(composition.identifier.toLowerCase());return}const path=location.pathname.replace(currentComposition.identifier.toLowerCase(),composition.identifier.toLowerCase());if(!!path){if(!path.includes(composition.identifier.toLowerCase())){const nextPath=location.pathname.concat(`/${composition.identifier.toLowerCase()}`);navigate(nextPath);return}navigate(path)}},url:compositionUrl,compositions:component.compositions,active:currentComposition,className:_compositionsModule().default.compost})),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},properties&&properties.length>0?_react().default.createElement(_documenterUi().PropTable,{rows:properties,showListView:!0}):_react().default.createElement("div",null)))))))}function CompositionContent(_ref){var _component$environmen;let{component,selected,queryParams,emptyState}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=(_component$environmen=component.environment)===null||_component$environmen===void 0?void 0:_component$environmen.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams},componentCompositionProps))}},32552:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionContentProps",{enumerable:!0,get:function(){return _compositions2().CompositionContentProps}}),Object.defineProperty(exports,"CompositionProps",{enumerable:!0,get:function(){return _composition().CompositionProps}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),exports.default=void 0;function _compositions(){const data=__webpack_require__(36717);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(39708);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(82704);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},23700:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}const _excluded=["composition","component","queryParams"];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}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function ComponentComposition(_ref){var _component$preview,_component$preview2;let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const includesEnvTemplate=(_component$preview=component.preview)===null||_component$preview===void 0?void 0:_component$preview.includesEnvTemplate,shouldAddNameParam=((_component$preview2=component.preview)===null||_component$preview2===void 0?void 0:_component$preview2.isScaling)&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams}))}},14427:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(54560);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(10647));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","active","includesEnvTemplate","className"];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}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,active,includesEnvTemplate,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const shouldAddNameParam=isScaling&&includesEnvTemplate===!1,handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected)},[onSelect]);return _react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.linkWrapper,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.box}),_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.right},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"}))))}))}},29066:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}});function _compositionPreview(){const data=__webpack_require__(23700);return _compositionPreview=function(){return data},data}},67076: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.Icon=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_ui_elements_icon_1=__webpack_require__(48318),iconSetPrefix="bitcon";function Icon(_a){var{className,of:iconName}=_a,rest=__rest(_a,["className","of"]);return react_1.default.createElement(base_ui_elements_icon_1.BaseIcon,Object.assign({of:`${iconSetPrefix}-${iconName}`,className,"data-bit-id":"teambit.evangelist/elements/icon"},rest))}exports.Icon=Icon},25768:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Icon=void 0;var icon_1=__webpack_require__(67076);Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return icon_1.Icon}})},61994:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},72143: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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.elevationClass=void 0;const elevations_module_scss_1=__importDefault(__webpack_require__(4271));__exportStar(__webpack_require__(61994),exports),exports.elevationClass={low:elevations_module_scss_1.default.low,medium:elevations_module_scss_1.default.medium,high:elevations_module_scss_1.default.high,none:void 0}},68120:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickOutside=void 0;const react_1=__webpack_require__(67294);class ClickOutside extends react_1.Component{constructor(){super(...arguments);this.listener=event=>{const{targetRef,handler}=this.props,element=event.target;!targetRef.current||!element||targetRef.current.contains(element)||handler(event)}}componentDidMount(){this.props.enabled&&this.enable()}componentWillUnmount(){this.disable()}componentDidUpdate(prevProps){const nextProps=this.props;prevProps.enabled!==nextProps.enabled&&(nextProps.enabled?this.enable():this.disable())}enable(){document.addEventListener("mousedown",this.listener),document.addEventListener("touchstart",this.listener)}disable(){document.removeEventListener("mousedown",this.listener),document.removeEventListener("touchstart",this.listener)}render(){return null}}exports.ClickOutside=ClickOutside,ClickOutside.defaultProps={enabled:!0}},90385:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=exports.ClickOutside=void 0;var click_outside_1=__webpack_require__(68120);Object.defineProperty(exports,"ClickOutside",{enumerable:!0,get:function(){return click_outside_1.ClickOutside}});var use_click_outside_1=__webpack_require__(67406);Object.defineProperty(exports,"useClickOutside",{enumerable:!0,get:function(){return use_click_outside_1.useClickOutside}})},67406:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=void 0;const react_1=__webpack_require__(67294);function useClickOutside(ref,handler,enabled=!0){(0,react_1.useEffect)(()=>{const listener=event=>{const element=event.target;!ref.current||!element||ref.current.contains(element)||handler(event)};return enabled&&(document.addEventListener("mousedown",listener),document.addEventListener("touchstart",listener)),()=>{document.removeEventListener("mousedown",listener),document.removeEventListener("touchstart",listener)}},[ref,handler,enabled])}exports.useClickOutside=useClickOutside},67898: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.DefaultPlaceholder=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),drawer_module_scss_1=__importDefault(__webpack_require__(11938));function DefaultPlaceholder(props){return react_1.default.createElement("div",Object.assign({},props,{className:(0,classnames_1.default)(props.className,drawer_module_scss_1.default.placeholder)}))}exports.DefaultPlaceholder=DefaultPlaceholder},29468: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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Drawer=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_surfaces_abs_container_1=__webpack_require__(63867),base_ui_hook_use_click_outside_1=__webpack_require__(90385),react_create_ref_1=__importDefault(__webpack_require__(22184)),default_placeholder_1=__webpack_require__(67898);class Drawer extends react_1.Component{constructor(){super(...arguments);this.state={isOpen:this.props.open||!1},this.ref=(0,react_create_ref_1.default)(),this.toggle=evt=>{const{isOpen}=this.state,nextOpen=!isOpen;this.isControlled||this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.close=evt=>{const{isOpen}=this.state,nextOpen=!1;!this.isControlled&&isOpen&&this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.open=evt=>{const{isOpen}=this.state,nextOpen=!0;!this.isControlled&&!isOpen&&this.setState({isOpen:!0}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.handlePlaceholderClick=e=>{this.props.onPlaceholderToggle&&this.props.onPlaceholderToggle(e),e.defaultPrevented||this.props.clickPlaceholderToggles&&this.toggle(e)},this.handleContainerClick=e=>{this.props.clickToggles&&this.toggle(e),this.props.onClick&&this.props.onClick(e)},this.handleClickOutside=e=>{this.props.onClickOutside&&this.props.onClickOutside(e),e.defaultPrevented||this.props.clickOutside&&this.close()},this.handleLeaveContainer=e=>{this.props.onMouseLeave&&this.props.onMouseLeave(e),e.defaultPrevented||this.props.hoverToOpen&&this.close(e)},this.handleEnterContainer=e=>{this.props.onMouseEnter&&this.props.onMouseEnter(e),e.defaultPrevented||this.props.hoverToOpen&&this.open(e)}}componentWillReceiveProps(nextProps){this.props.open!==nextProps.open&&nextProps.open!==void 0&&this.setState({isOpen:nextProps.open})}get isControlled(){return this.props.open!==void 0}render(){const _a=this.props,{placeholderContent="",children,clickOutside,onMouseEnter,onMouseLeave,open,hoverToOpen,clickPlaceholderToggles,clickToggles,onChange,onPlaceholderToggle,onContainerToggle,onContaineeToggle,onClickOutside}=_a,rest=__rest(_a,["placeholderContent","children","clickOutside","onMouseEnter","onMouseLeave","open","hoverToOpen","clickPlaceholderToggles","clickToggles","onChange","onPlaceholderToggle","onContainerToggle","onContaineeToggle","onClickOutside"]),{isOpen}=this.state;return react_1.default.createElement(base_ui_surfaces_abs_container_1.Container,Object.assign({},rest,{forwardRef:this.ref,open:isOpen,onMouseLeave:this.handleLeaveContainer,onMouseEnter:this.handleEnterContainer,onClick:this.handleContainerClick}),children,react_1.default.createElement(default_placeholder_1.DefaultPlaceholder,{onClick:this.handlePlaceholderClick},placeholderContent),react_1.default.createElement(base_ui_hook_use_click_outside_1.ClickOutside,{targetRef:this.ref,enabled:!!clickOutside&&isOpen,handler:this.handleClickOutside}))}}exports.Drawer=Drawer,Drawer.defaultProps={clickPlaceholderToggles:!0,clickOutside:!0,clickToggles:!0}},47028: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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(29468),exports)},59034:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=exports.sN=void 0;var menu_item_1=__webpack_require__(54583);Object.defineProperty(exports,"sN",{enumerable:!0,get:function(){return menu_item_1.MenuItem}}),__webpack_unused_export__={enumerable:!0,get:function(){return menu_item_1.iconClass}}},54583: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.MenuItem=exports.iconClass=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(55598)),menu_item_module_scss_1=__importDefault(__webpack_require__(77003));exports.iconClass=menu_item_module_scss_1.default.withIcon,exports.MenuItem=(0,react_1.forwardRef)((_a,ref)=>{var{children,className,icon,active,onClick,interactive=!!onClick}=_a,rest=__rest(_a,["children","className","icon","active","onClick","interactive"]);return react_1.default.createElement("div",Object.assign({},rest,{ref,onClick,className:(0,classnames_1.default)(className,menu_item_module_scss_1.default.menuItem,interactive&&menu_item_module_scss_1.default.interactive,active&&menu_item_module_scss_1.default.active,icon&&menu_item_module_scss_1.default.withIcon)}),icon,children)})},55598:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
+`},21268:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(88140);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(48166);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},48166:()=>{"use strict"},12645:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},25408:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=CompositionCardSkeleton,exports.PreviewSkeleton=PreviewSkeleton;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(99870);return _baseUiLoaders=function(){return data},data}function _compositionCardSkeletonModule(){const data=_interopRequireDefault(__webpack_require__(16841));return _compositionCardSkeletonModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function CompositionCardSkeleton(){return _react().default.createElement("div",{className:_compositionCardSkeletonModule().default.compositionCardSkeleton},_react().default.createElement(PreviewSkeleton,null),_react().default.createElement("div",{className:_compositionCardSkeletonModule().default.bottom},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"104px"})))}function PreviewSkeleton(){return _react().default.createElement("div",{className:_compositionCardSkeletonModule().default.preview},_react().default.createElement(_baseUiLoaders().BlockSkeleton,{lines:2,className:_compositionCardSkeletonModule().default.block}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"208px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"152px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"88px"}))}},78647:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return _compositionCardSkeleton().CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return _compositionCardSkeleton().PreviewSkeleton}});function _compositionCardSkeleton(){const data=__webpack_require__(25408);return _compositionCardSkeleton=function(){return data},data}},94075:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCard=CompositionCard;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(54560);return _evangelistElements=function(){return data},data}function _compositions(){const data=__webpack_require__(32552);return _compositions=function(){return data},data}function _designUiStyles(){const data=__webpack_require__(31944);return _designUiStyles=function(){return data},data}function _compositionCardSkeleton(){const data=__webpack_require__(78647);return _compositionCardSkeleton=function(){return data},data}function _compositionCardModule(){const data=_interopRequireDefault(__webpack_require__(80633));return _compositionCardModule=function(){return data},data}const _excluded=["composition","component","className","openCompositionLink","previewClass","isLoading"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function CompositionCard(_ref){let{composition,component,className,openCompositionLink,previewClass,isLoading=!0}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const[previewLoading,setLoading]=(0,_react().useState)(isLoading);return _react().default.createElement("div",_extends({},rest,{key:composition.identifier,className:(0,_classnames().default)(_compositionCardModule().default.compositionCard,className)}),_react().default.createElement("div",{className:_compositionCardModule().default.compositionPreview},!isLoading&&_react().default.createElement(_compositions().ComponentComposition,{onLoad:()=>setLoading(!1),onError:()=>{setLoading(!1)},loading:"lazy",className:previewClass,composition,component,pubsub:!1}),_react().default.createElement("div",{className:_compositionCardModule().default.previewOverlay},previewLoading&&_react().default.createElement(_compositionCardSkeleton().PreviewSkeleton,null))),_react().default.createElement("div",{className:_compositionCardModule().default.bottom},_react().default.createElement("span",{className:(0,_classnames().default)(_designUiStyles().ellipsis,_compositionCardModule().default.displayName)},composition.displayName),openCompositionLink&&_react().default.createElement("a",{className:_compositionCardModule().default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink},_react().default.createElement(_evangelistElements().Icon,{className:_compositionCardModule().default.icon,of:"open-tab"}))))}},75797:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return _compositionCard().CompositionCard}}),Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return _compositionCardSkeleton().CompositionCardSkeleton}});function _compositionCard(){const data=__webpack_require__(94075);return _compositionCard=function(){return data},data}function _compositionCardSkeleton(){const data=__webpack_require__(78647);return _compositionCardSkeleton=function(){return data},data}},4405: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.humanizeCompositionId=void 0;const humanize_string_1=__importDefault(__webpack_require__(40434));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},91888:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(4405);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},94478: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.CompositionGallery=void 0;const react_1=__importDefault(__webpack_require__(67294)),design_elements_icon_1=__webpack_require__(25768),documenter_ui_linked_heading_1=__webpack_require__(95966),base_react_navigation_link_1=__webpack_require__(22576),composition_card_1=__webpack_require__(75797),composition_gallery_module_scss_1=__importDefault(__webpack_require__(76534));function CompositionGallery({component,isLoading}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.compositionGallery},react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,{size:"xs",className:composition_gallery_module_scss_1.default.title},react_1.default.createElement(design_elements_icon_1.Icon,{of:"eye"})," ",react_1.default.createElement("span",null,"PREVIEW")),react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.carousel},component.compositions.map(composition=>react_1.default.createElement(composition_card_1.CompositionCard,{isLoading,key:composition.identifier.toLowerCase(),onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component}))))}exports.CompositionGallery=CompositionGallery},10726:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(94478);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}})},86435: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.CompositionErrorFallback=exports.CompositionCard=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),react_error_boundary_1=__webpack_require__(35800),base_ui_surfaces_card_1=__webpack_require__(91475),base_ui_theme_accent_color_1=__webpack_require__(176),react_ui_error_fallback_1=__webpack_require__(69248),compositions_model_composition_id_1=__webpack_require__(77795),evangelist_elements_icon_1=__webpack_require__(54560),base_ui_text_themed_text_1=__webpack_require__(94106),composition_card_module_scss_1=__importDefault(__webpack_require__(25020));function CompositionCard(_a){var{Composition,name,link,className}=_a,rest=__rest(_a,["Composition","name","link","className"]);const{canvas,compositionName}=Composition,humanizedName=(0,react_1.useMemo)(()=>compositionName||(0,compositions_model_composition_id_1.humanizeCompositionId)(name),[name,compositionName]);return react_1.default.createElement(base_ui_surfaces_card_1.Card,Object.assign({elevation:"low",className:(0,classnames_1.default)(className,composition_card_module_scss_1.default.compositionCard)},rest),react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:CompositionErrorFallback},react_1.default.createElement("div",{style:canvas,className:composition_card_module_scss_1.default.compositionContainer},react_1.default.createElement(Composition,null))),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_card_module_scss_1.default.title,base_ui_theme_accent_color_1.colorPalette.neutralHeavy,base_ui_text_themed_text_1.themedText)},react_1.default.createElement("span",null,humanizedName),link&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.linkToComposition,target:"_blank",rel:"noopener noreferrer",href:link},react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"open-tab"}))))}exports.CompositionCard=CompositionCard;function CompositionErrorFallback(props){return react_1.default.createElement(react_ui_error_fallback_1.ErrorFallback,Object.assign({},props,{className:(0,classnames_1.default)(props.className,composition_card_module_scss_1.default.compositionCardError)}))}exports.CompositionErrorFallback=CompositionErrorFallback},88903:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(86435);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}})},27623: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.humanizeCompositionId=void 0;const humanize_string_1=__importDefault(__webpack_require__(40434));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},77795:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(27623);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},38946:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}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.ErrorFallback=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),design_ui_icon_button_1=__webpack_require__(35059),base_ui_styles_flex_center_1=__webpack_require__(98373),error_fallback_module_scss_1=__importDefault(__webpack_require__(91844));function ErrorFallback({resetErrorBoundary,className,children="Failed to render",cta="try again"}){const handleClick=()=>__awaiter(this,void 0,void 0,function*(){yield new Promise(resolve=>setTimeout(resolve,480)),resetErrorBoundary()});return react_1.default.createElement("div",{className:(0,classnames_1.default)(error_fallback_module_scss_1.default.errorFallback,base_ui_styles_flex_center_1.flexCenter,className)},react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.icon}),react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.message},children),react_1.default.createElement(design_ui_icon_button_1.IconButton,{onClick:handleClick,className:error_fallback_module_scss_1.default.retryButton},cta))}exports.ErrorFallback=ErrorFallback},69248:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=void 0;var error_fallback_1=__webpack_require__(38946);Object.defineProperty(exports,"ErrorFallback",{enumerable:!0,get:function(){return error_fallback_1.ErrorFallback}})},31161: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.CompositionsMenuBar=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),lodash_flatten_1=__importDefault(__webpack_require__(5800)),compositions_menu_bar_module_scss_1=__importDefault(__webpack_require__(915));function CompositionsMenuBar(_a){var{className,menuBarWidgets,children}=_a,rest=__rest(_a,["className","menuBarWidgets","children"]);const widgetsStart=(0,react_1.useMemo)(()=>(0,lodash_flatten_1.default)(menuBarWidgets?.values()).filter(({location})=>location==="start").map(({content},idx)=>react_1.default.createElement(react_1.default.Fragment,{key:idx},content)),[menuBarWidgets]),widgetsEnd=(0,react_1.useMemo)(()=>(0,lodash_flatten_1.default)(menuBarWidgets?.values()).filter(({location})=>location==="end").map(({content},idx)=>react_1.default.createElement(react_1.default.Fragment,{key:idx},content)),[menuBarWidgets]);return!widgetsStart.length&&!widgetsEnd.length?null:react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(className,compositions_menu_bar_module_scss_1.default.compositionsMenuBar)}),!!(widgetsStart?.length||children)&&react_1.default.createElement("div",null,widgetsStart," ",children),react_1.default.createElement("div",{className:compositions_menu_bar_module_scss_1.default.spacer}),!!widgetsEnd?.length&&react_1.default.createElement("div",null,widgetsEnd))}exports.CompositionsMenuBar=CompositionsMenuBar},97725:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsMenuBar=void 0;var compositions_menu_bar_1=__webpack_require__(31161);Object.defineProperty(exports,"CompositionsMenuBar",{enumerable:!0,get:function(){return compositions_menu_bar_1.CompositionsMenuBar}})},18667: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.CompositionsOverview=void 0;const react_1=__importDefault(__webpack_require__(67294)),compositions_ui_composition_card_1=__webpack_require__(88903),compositions_overview_module_scss_1=__importDefault(__webpack_require__(98922));function CompositionsOverview({compositions,compositionCardClass}){return react_1.default.createElement("div",{className:compositions_overview_module_scss_1.default.background},compositions&&Object.entries(compositions).map(([key,composition])=>react_1.default.createElement(compositions_ui_composition_card_1.CompositionCard,{key,Composition:composition,name:key,className:compositionCardClass})))}exports.CompositionsOverview=CompositionsOverview},46127:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsOverview=void 0;var compositions_overview_1=__webpack_require__(18667);Object.defineProperty(exports,"CompositionsOverview",{enumerable:!0,get:function(){return compositions_overview_1.CompositionsOverview}})},494:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreviewQueryParams=exports.usePreview=exports.CompositionContextProvider=void 0;var use_composition_1=__webpack_require__(49522);Object.defineProperty(exports,"CompositionContextProvider",{enumerable:!0,get:function(){return use_composition_1.CompositionContextProvider}}),Object.defineProperty(exports,"usePreview",{enumerable:!0,get:function(){return use_composition_1.usePreview}});var use_preview_query_params_1=__webpack_require__(68642);Object.defineProperty(exports,"usePreviewQueryParams",{enumerable:!0,get:function(){return use_preview_query_params_1.usePreviewQueryParams}})},49522: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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreview=exports.CompositionContextProvider=void 0;const react_1=__importStar(__webpack_require__(67294)),CompositionsCtx=(0,react_1.createContext)({queryParams:{},setQueryParams:()=>{}});function CompositionContextProvider({children,queryParams,setQueryParams}){const state=(0,react_1.useMemo)(()=>({queryParams,setQueryParams}),[queryParams,setQueryParams]);return react_1.default.createElement(CompositionsCtx.Provider,{value:state},children)}exports.CompositionContextProvider=CompositionContextProvider;function usePreview(){return(0,react_1.useContext)(CompositionsCtx)}exports.usePreview=usePreview},68642:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreviewQueryParams=void 0;const react_1=__webpack_require__(67294),use_composition_1=__webpack_require__(49522);function usePreviewQueryParams(paramName){const ctx=(0,use_composition_1.usePreview)(),param=ctx.queryParams[paramName],setQueryParam=(0,react_1.useCallback)(value=>ctx.setQueryParams(state=>Object.assign(Object.assign({},state),{[paramName]:value})),[paramName]);return[param,setQueryParam]}exports.usePreviewQueryParams=usePreviewQueryParams},39708:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(91888);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},82704:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(26068);return _reactRouterDom=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(26561));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(17563));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(14323);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(38577);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(73624);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(68211);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(37820);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(52515);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(82718);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(32098);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(6470);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(74162);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(97725);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(494);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(74749);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(21335);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(68158);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(67902);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(15801);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(56926);return _designUiSurfaces=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(62133));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(14427);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function Compositions({menuBarWidgets,emptyState}){var _component$preview,_component$preview2,_component$preview3;const component=(0,_react().useContext)(_component().ComponentContext),params=(0,_reactRouterDom().useParams)(),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition;const properties=(0,_docsUiQueries().useDocs)(component.id),showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component==null||(_component$preview=component.preview)===null||_component$preview===void 0?void 0:_component$preview.isScaling,includesEnvTemplates=component==null||(_component$preview2=component.preview)===null||_component$preview2===void 0?void 0:_component$preview2.includesEnvTemplate,compositionIdentifierParam=isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)({}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]);return(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),_react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"85%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(_baseReactNavigation().Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"}))),_react().default.createElement(CompositionContent,{emptyState,component,selected:currentComposition,queryParams})),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,includesEnvTemplate:(_component$preview3=component.preview)===null||_component$preview3===void 0?void 0:_component$preview3.includesEnvTemplate,onSelectComposition:composition=>{if(!currentComposition||!location)return;if(location.pathname.includes(currentComposition.identifier.toLowerCase())){navigate(composition.identifier.toLowerCase());return}const path=location.pathname.replace(currentComposition.identifier.toLowerCase(),composition.identifier.toLowerCase());if(!!path){if(!path.includes(composition.identifier.toLowerCase())){const nextPath=location.pathname.concat(`/${composition.identifier.toLowerCase()}`);navigate(nextPath);return}navigate(path)}},url:compositionUrl,compositions:component.compositions,active:currentComposition,className:_compositionsModule().default.compost})),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},properties&&properties.length>0?_react().default.createElement(_documenterUi().PropTable,{rows:properties,showListView:!0}):_react().default.createElement("div",null)))))))}function CompositionContent(_ref){var _component$environmen;let{component,selected,queryParams,emptyState}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=(_component$environmen=component.environment)===null||_component$environmen===void 0?void 0:_component$environmen.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams},componentCompositionProps))}},32552:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionContentProps",{enumerable:!0,get:function(){return _compositions2().CompositionContentProps}}),Object.defineProperty(exports,"CompositionProps",{enumerable:!0,get:function(){return _composition().CompositionProps}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),exports.default=void 0;function _compositions(){const data=__webpack_require__(36717);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(39708);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(82704);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},23700:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function ComponentComposition(_ref){var _component$preview,_component$preview2;let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const includesEnvTemplate=(_component$preview=component.preview)===null||_component$preview===void 0?void 0:_component$preview.includesEnvTemplate,shouldAddNameParam=((_component$preview2=component.preview)===null||_component$preview2===void 0?void 0:_component$preview2.isScaling)&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams}))}},14427:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(54560);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(10647));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","active","includesEnvTemplate","className"];function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,active,includesEnvTemplate,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const shouldAddNameParam=isScaling&&includesEnvTemplate===!1,handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected)},[onSelect]);return _react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.linkWrapper,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.box}),_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.right},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"}))))}))}},29066:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}});function _compositionPreview(){const data=__webpack_require__(23700);return _compositionPreview=function(){return data},data}},67076: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.Icon=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_ui_elements_icon_1=__webpack_require__(48318),iconSetPrefix="bitcon";function Icon(_a){var{className,of:iconName}=_a,rest=__rest(_a,["className","of"]);return react_1.default.createElement(base_ui_elements_icon_1.BaseIcon,Object.assign({of:`${iconSetPrefix}-${iconName}`,className,"data-bit-id":"teambit.evangelist/elements/icon"},rest))}exports.Icon=Icon},25768:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Icon=void 0;var icon_1=__webpack_require__(67076);Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return icon_1.Icon}})},61994:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},72143: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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.elevationClass=void 0;const elevations_module_scss_1=__importDefault(__webpack_require__(4271));__exportStar(__webpack_require__(61994),exports),exports.elevationClass={low:elevations_module_scss_1.default.low,medium:elevations_module_scss_1.default.medium,high:elevations_module_scss_1.default.high,none:void 0}},68120:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickOutside=void 0;const react_1=__webpack_require__(67294);class ClickOutside extends react_1.Component{constructor(){super(...arguments);this.listener=event=>{const{targetRef,handler}=this.props,element=event.target;!targetRef.current||!element||targetRef.current.contains(element)||handler(event)}}componentDidMount(){this.props.enabled&&this.enable()}componentWillUnmount(){this.disable()}componentDidUpdate(prevProps){const nextProps=this.props;prevProps.enabled!==nextProps.enabled&&(nextProps.enabled?this.enable():this.disable())}enable(){document.addEventListener("mousedown",this.listener),document.addEventListener("touchstart",this.listener)}disable(){document.removeEventListener("mousedown",this.listener),document.removeEventListener("touchstart",this.listener)}render(){return null}}exports.ClickOutside=ClickOutside,ClickOutside.defaultProps={enabled:!0}},90385:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=exports.ClickOutside=void 0;var click_outside_1=__webpack_require__(68120);Object.defineProperty(exports,"ClickOutside",{enumerable:!0,get:function(){return click_outside_1.ClickOutside}});var use_click_outside_1=__webpack_require__(67406);Object.defineProperty(exports,"useClickOutside",{enumerable:!0,get:function(){return use_click_outside_1.useClickOutside}})},67406:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useClickOutside=void 0;const react_1=__webpack_require__(67294);function useClickOutside(ref,handler,enabled=!0){(0,react_1.useEffect)(()=>{const listener=event=>{const element=event.target;!ref.current||!element||ref.current.contains(element)||handler(event)};return enabled&&(document.addEventListener("mousedown",listener),document.addEventListener("touchstart",listener)),()=>{document.removeEventListener("mousedown",listener),document.removeEventListener("touchstart",listener)}},[ref,handler,enabled])}exports.useClickOutside=useClickOutside},67898: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.DefaultPlaceholder=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),drawer_module_scss_1=__importDefault(__webpack_require__(11938));function DefaultPlaceholder(props){return react_1.default.createElement("div",Object.assign({},props,{className:(0,classnames_1.default)(props.className,drawer_module_scss_1.default.placeholder)}))}exports.DefaultPlaceholder=DefaultPlaceholder},29468: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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Drawer=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_surfaces_abs_container_1=__webpack_require__(63867),base_ui_hook_use_click_outside_1=__webpack_require__(90385),react_create_ref_1=__importDefault(__webpack_require__(22184)),default_placeholder_1=__webpack_require__(67898);class Drawer extends react_1.Component{constructor(){super(...arguments);this.state={isOpen:this.props.open||!1},this.ref=(0,react_create_ref_1.default)(),this.toggle=evt=>{const{isOpen}=this.state,nextOpen=!isOpen;this.isControlled||this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.close=evt=>{const{isOpen}=this.state,nextOpen=!1;!this.isControlled&&isOpen&&this.setState({isOpen:nextOpen}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.open=evt=>{const{isOpen}=this.state,nextOpen=!0;!this.isControlled&&!isOpen&&this.setState({isOpen:!0}),this.props.onChange&&this.props.onChange(evt,nextOpen)},this.handlePlaceholderClick=e=>{this.props.onPlaceholderToggle&&this.props.onPlaceholderToggle(e),e.defaultPrevented||this.props.clickPlaceholderToggles&&this.toggle(e)},this.handleContainerClick=e=>{this.props.clickToggles&&this.toggle(e),this.props.onClick&&this.props.onClick(e)},this.handleClickOutside=e=>{this.props.onClickOutside&&this.props.onClickOutside(e),e.defaultPrevented||this.props.clickOutside&&this.close()},this.handleLeaveContainer=e=>{this.props.onMouseLeave&&this.props.onMouseLeave(e),e.defaultPrevented||this.props.hoverToOpen&&this.close(e)},this.handleEnterContainer=e=>{this.props.onMouseEnter&&this.props.onMouseEnter(e),e.defaultPrevented||this.props.hoverToOpen&&this.open(e)}}componentWillReceiveProps(nextProps){this.props.open!==nextProps.open&&nextProps.open!==void 0&&this.setState({isOpen:nextProps.open})}get isControlled(){return this.props.open!==void 0}render(){const _a=this.props,{placeholderContent="",children,clickOutside,onMouseEnter,onMouseLeave,open,hoverToOpen,clickPlaceholderToggles,clickToggles,onChange,onPlaceholderToggle,onContainerToggle,onContaineeToggle,onClickOutside}=_a,rest=__rest(_a,["placeholderContent","children","clickOutside","onMouseEnter","onMouseLeave","open","hoverToOpen","clickPlaceholderToggles","clickToggles","onChange","onPlaceholderToggle","onContainerToggle","onContaineeToggle","onClickOutside"]),{isOpen}=this.state;return react_1.default.createElement(base_ui_surfaces_abs_container_1.Container,Object.assign({},rest,{forwardRef:this.ref,open:isOpen,onMouseLeave:this.handleLeaveContainer,onMouseEnter:this.handleEnterContainer,onClick:this.handleContainerClick}),children,react_1.default.createElement(default_placeholder_1.DefaultPlaceholder,{onClick:this.handlePlaceholderClick},placeholderContent),react_1.default.createElement(base_ui_hook_use_click_outside_1.ClickOutside,{targetRef:this.ref,enabled:!!clickOutside&&isOpen,handler:this.handleClickOutside}))}}exports.Drawer=Drawer,Drawer.defaultProps={clickPlaceholderToggles:!0,clickOutside:!0,clickToggles:!0}},47028: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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(29468),exports)},59034:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=exports.sN=void 0;var menu_item_1=__webpack_require__(54583);Object.defineProperty(exports,"sN",{enumerable:!0,get:function(){return menu_item_1.MenuItem}}),__webpack_unused_export__={enumerable:!0,get:function(){return menu_item_1.iconClass}}},54583: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.MenuItem=exports.iconClass=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(55598)),menu_item_module_scss_1=__importDefault(__webpack_require__(77003));exports.iconClass=menu_item_module_scss_1.default.withIcon,exports.MenuItem=(0,react_1.forwardRef)((_a,ref)=>{var{children,className,icon,active,onClick,interactive=!!onClick}=_a,rest=__rest(_a,["children","className","icon","active","onClick","interactive"]);return react_1.default.createElement("div",Object.assign({},rest,{ref,onClick,className:(0,classnames_1.default)(className,menu_item_module_scss_1.default.menuItem,interactive&&menu_item_module_scss_1.default.interactive,active&&menu_item_module_scss_1.default.active,icon&&menu_item_module_scss_1.default.withIcon)}),icon,children)})},55598:(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
@@ -239,7 +239,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
     }
   }
   ${exports.docsFields}
-`;function useDocs(componentId){var _a,_b;const{data}=(0,client_1.useQuery)(getProperties,{variables:{id:componentId.toString()}});return(_b=(_a=data?.getHost)===null||_a===void 0?void 0:_a.getDocs)===null||_b===void 0?void 0:_b.properties}exports.useDocs=useDocs},82718:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultValue=exports.Properties=exports.useDocs=exports.docsFields=void 0;var get_docs_1=__webpack_require__(7122);Object.defineProperty(exports,"docsFields",{enumerable:!0,get:function(){return get_docs_1.docsFields}}),Object.defineProperty(exports,"useDocs",{enumerable:!0,get:function(){return get_docs_1.useDocs}}),Object.defineProperty(exports,"Properties",{enumerable:!0,get:function(){return get_docs_1.Properties}}),Object.defineProperty(exports,"DefaultValue",{enumerable:!0,get:function(){return get_docs_1.DefaultValue}})},28868:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultDocs=void 0;const defaultDocs=exports.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},84723:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Doc",{enumerable:!0,get:function(){return _docsEntities().Doc}}),Object.defineProperty(exports,"DocProp",{enumerable:!0,get:function(){return _docsEntities().DocProp}}),Object.defineProperty(exports,"DocPropList",{enumerable:!0,get:function(){return _docsEntities().DocPropList}}),Object.defineProperty(exports,"DocsAspect",{enumerable:!0,get:function(){return _docs().DocsAspect}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}}),exports.default=void 0,Object.defineProperty(exports,"defaultDocs",{enumerable:!0,get:function(){return _docs2().defaultDocs}});function _docs(){const data=__webpack_require__(12825);return _docs=function(){return data},data}function _docsEntities(){const data=__webpack_require__(8923);return _docsEntities=function(){return data},data}function _docs2(){const data=__webpack_require__(28868);return _docs2=function(){return data},data}function _overview(){const data=__webpack_require__(57682);return _overview=function(){return data},data}var _default=exports.default=_docs().DocsAspect},57682:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}});function _overview(){const data=__webpack_require__(93294);return _overview=function(){return data},data}},93294:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgePosition=void 0,exports.Overview=Overview;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _reactUiDocs(){const data=__webpack_require__(98077);return _reactUiDocs=function(){return data},data}function _component(){const data=__webpack_require__(68211);return _component=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}function _componentUi(){const data=__webpack_require__(54468);return _componentUi=function(){return data},data}function _compositionsPanels(){const data=__webpack_require__(10726);return _compositionsPanels=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(91594));return _overviewModule=function(){return data},data}const _excluded=["onLoad","style"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}let BadgePosition=exports.BadgePosition=function(BadgePosition2){return BadgePosition2[BadgePosition2.Title=0]="Title",BadgePosition2[BadgePosition2.SubTitle=1]="SubTitle",BadgePosition2[BadgePosition2.Labels=2]="Labels",BadgePosition2[BadgePosition2.Package=3]="Package",BadgePosition2}({});function Overview({titleBadges,overviewOptions,previewProps,getEmptyState}){var _component$preview,_component$preview2,_component$preview3,_component$preview4,_component$preview5;const component=(0,_react().useContext)(_component().ComponentContext),componentDescriptor=(0,_component().useComponentDescriptor)(),overviewProps=(0,_lodash().flatten)(overviewOptions.values())[0],showHeader=!((_component$preview=component.preview)!==null&&_component$preview!==void 0&&_component$preview.legacyHeader),[isLoading,setLoading]=(0,_react().useState)(!0),EmptyState=getEmptyState&&getEmptyState(),buildFailed=component.buildStatus!=="Succeed"&&component?.host==="teambit.scope/scope",isScaling=(_component$preview2=component.preview)===null||_component$preview2===void 0?void 0:_component$preview2.isScaling,iframeQueryParams=`skipIncludes=${((_component$preview3=component.preview)===null||_component$preview3===void 0?void 0:_component$preview3.skipIncludes)||"false"}`,overviewPropsValues=overviewProps&&overviewProps(),_ref=previewProps||{},{onLoad,style}=_ref,rest=_objectWithoutProperties(_ref,_excluded),onPreviewLoad=_react().default.useCallback((e,props)=>{setLoading(!1),onLoad?.(e,props)},[onLoad]);return _react().default.createElement("div",{className:_overviewModule().default.overviewWrapper,key:`${component.id.toString()}`},showHeader&&_react().default.createElement(_componentUi().ComponentOverview,{className:(0,_classnames().default)(_overviewModule().default.componentOverviewBlock,!isScaling&&_overviewModule().default.legacyPreview),displayName:component.displayName,version:component.version,abstract:component.description,labels:component.labels,packageName:component.packageName,titleBadges:(0,_lodash().flatten)(titleBadges.values()),componentDescriptor,component}),!buildFailed&&_react().default.createElement("div",{className:_overviewModule().default.readme},_react().default.createElement(_previewUi().ComponentPreview,_extends({onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}})),((_component$preview4=component.preview)===null||_component$preview4===void 0?void 0:_component$preview4.skipIncludes)&&_react().default.createElement(_compositionsPanels().CompositionGallery,{isLoading,component}),((_component$preview5=component.preview)===null||_component$preview5===void 0?void 0:_component$preview5.skipIncludes)&&_react().default.createElement(_reactUiDocs().PropertiesTable,{className:_overviewModule().default.overviewPropsTable,componentId:component.id.toString()})),buildFailed&&EmptyState&&_react().default.createElement(EmptyState,null))}},12156:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Playground=void 0;var react_playground_1=__webpack_require__(11432);Object.defineProperty(exports,"Playground",{enumerable:!0,get:function(){return react_playground_1.Playground}})},11432: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.Playground=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),react_live_1=__webpack_require__(74829),base_ui_surfaces_split_pane_split_pane_1=__webpack_require__(38577),base_ui_surfaces_split_pane_hover_splitter_1=__webpack_require__(73624),react_use_dimensions_1=__importDefault(__webpack_require__(32941)),use_debounce_1=__webpack_require__(39939),oceanicNext_1=__importDefault(__webpack_require__(2097)),base_ui_input_error_1=__webpack_require__(97164),react_playground_module_scss_1=__importDefault(__webpack_require__(66305));function Playground(_a){var{code,scope,style,className}=_a,rest=__rest(_a,["code","scope","style","className"]);const _code=(0,react_1.useMemo)(()=>code?.toString().replace(/\n$/,"").trim(),[code]),[ref,{width}]=(0,react_use_dimensions_1.default)(),isColumn=+(0,use_debounce_1.useDebounce)(width,300,{leading:!0})[0]<=500,placement=isColumn?base_ui_surfaces_split_pane_split_pane_1.Layout.columnReverse:base_ui_surfaces_split_pane_split_pane_1.Layout.row;return width?react_1.default.createElement(react_live_1.LiveProvider,{code:_code,scope,theme:oceanicNext_1.default},react_1.default.createElement("div",Object.assign({ref,className:(0,classnames_1.default)(className,react_playground_module_scss_1.default.playground,isColumn?react_playground_module_scss_1.default.column:react_playground_module_scss_1.default.row)},rest),react_1.default.createElement(base_ui_surfaces_split_pane_split_pane_1.SplitPane,{className:react_playground_module_scss_1.default.main,size:"50%",layout:placement},react_1.default.createElement(base_ui_surfaces_split_pane_split_pane_1.Pane,{className:(0,classnames_1.default)(react_playground_module_scss_1.default.codePane)},react_1.default.createElement(react_live_1.LiveEditor,{className:(0,classnames_1.default)(react_playground_module_scss_1.default.editor)})),react_1.default.createElement(base_ui_surfaces_split_pane_hover_splitter_1.HoverSplitter,{className:react_playground_module_scss_1.default.splitter}),react_1.default.createElement(base_ui_surfaces_split_pane_split_pane_1.Pane,{className:(0,classnames_1.default)(react_playground_module_scss_1.default.previewPane)},react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(react_live_1.LivePreview,{className:react_playground_module_scss_1.default.previewBox}),react_1.default.createElement(react_live_1.LiveError,{className:(0,classnames_1.default)(base_ui_input_error_1.Error,react_playground_module_scss_1.default.error)})))))):react_1.default.createElement("div",{ref})}exports.Playground=Playground},39939:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{useDebounce:()=>o,useDebouncedCallback:()=>c,useThrottledCallback:()=>f});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(67294);function c(u,e,c2){var i2=this,a2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),o2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0),f2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),l=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)([]),m=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(),v=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(),d=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(u),p=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(!0);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function(){d.current=u},[u]);var g=!e&&e!==0&&typeof window<"u";if(typeof u!="function")throw new TypeError("Expected a function");e=+e||0;var w=!!(c2=c2||{}).leading,s=!("trailing"in c2)||!!c2.trailing,x="maxWait"in c2,y=x?Math.max(+c2.maxWait||0,e):null;(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function(){return p.current=!0,function(){p.current=!1}},[]);var h=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function(){var r=function(r2){var n2=l.current,t2=m.current;return l.current=m.current=null,o2.current=r2,v.current=d.current.apply(t2,n2)},n=function(r2,n2){g&&cancelAnimationFrame(f2.current),f2.current=g?requestAnimationFrame(r2):setTimeout(r2,n2)},t=function(r2){if(!p.current)return!1;var n2=r2-a2.current;return!a2.current||n2>=e||n2<0||x&&r2-o2.current>=y},u2=function(n2){return f2.current=null,s&&l.current?r(n2):(l.current=m.current=null,v.current)},c3=function r2(){var c4=Date.now();if(t(c4))return u2(c4);if(p.current){var i3=e-(c4-a2.current),f3=x?Math.min(i3,y-(c4-o2.current)):i3;n(r2,f3)}},h2=function(){var u3=Date.now(),d2=t(u3);if(l.current=[].slice.call(arguments),m.current=i2,a2.current=u3,d2){if(!f2.current&&p.current)return o2.current=a2.current,n(c3,e),w?r(a2.current):v.current;if(x)return n(c3,e),r(a2.current)}return f2.current||n(c3,e),v.current};return h2.cancel=function(){f2.current&&(g?cancelAnimationFrame(f2.current):clearTimeout(f2.current)),o2.current=0,l.current=a2.current=m.current=f2.current=null},h2.isPending=function(){return!!f2.current},h2.flush=function(){return f2.current?u2(Date.now()):v.current},h2},[w,x,e,y,s,g]);return h}function i(r,n){return r===n}function a(r){return typeof r=="function"?function(){return r}:r}function o(n,t,o2){var f2,l,m=o2&&o2.equalityFn||i,v=(f2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(a(n)),l=f2[1],[f2[0],(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function(r){return l(a(r))},[])]),d=v[0],p=v[1],g=c((0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function(r){return p(r)},[p]),t,o2),w=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(n);return m(w.current,n)||(g(n),w.current=n),[d,g]}function f(r,n,t){var u=t===void 0?{}:t,e=u.leading,i2=u.trailing;return c(r,n,{maxWait:n,leading:e===void 0||e,trailing:i2===void 0||i2})}},92242:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.links=exports.docsUrl=void 0,exports.docsUrl="https://bit.dev/docs",exports.links={scopedRegistry:`${exports.docsUrl}/packages/npmrc`,installBit:`${exports.docsUrl}/getting-started/installing-bit/installing-bit`,createCompositions:`${exports.docsUrl}/dev-services-overview/compositions/compositions-overview`,testComponents:`${exports.docsUrl}/dev-services-overview/tester/tester-overview`,bitIntroduction:`${exports.docsUrl}/quick-start`,whatIsBit:`${exports.docsUrl}/quick-start`,tagComponentVersion:`${exports.docsUrl}/components/tags`}},5672:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.docsUrl=exports.links=void 0;var documentation_links_1=__webpack_require__(92242);Object.defineProperty(exports,"links",{enumerable:!0,get:function(){return documentation_links_1.links}}),Object.defineProperty(exports,"docsUrl",{enumerable:!0,get:function(){return documentation_links_1.docsUrl}})},15487: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.h6=exports.h5=exports.h4=exports.h3=exports.h2=exports.h1=exports.createHeading=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),documenter_ui_linked_heading_1=__webpack_require__(53202),create_heading_module_scss_1=__importDefault(__webpack_require__(67471));function createHeading(size,element){return function(_a){var{children,className}=_a,rest=__rest(_a,["children","className"]);const isMainHeading=size==="lg"||size==="md";return react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,Object.assign({},rest,{className:(0,classnames_1.default)(className,create_heading_module_scss_1.default.mdxLinkedHeading,isMainHeading&&create_heading_module_scss_1.default.mainHeadingStyles),size,element}),children)}}exports.createHeading=createHeading,exports.h1=createHeading("lg","h1"),exports.h2=createHeading("md","h2"),exports.h3=createHeading("sm","h3"),exports.h4=createHeading("xs","h4"),exports.h5=createHeading("xxs","h5"),exports.h6=createHeading("xxs","h6")},4165:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.h6=exports.h5=exports.h4=exports.h3=exports.h2=exports.h1=exports.createHeading=void 0;var create_heading_1=__webpack_require__(15487);Object.defineProperty(exports,"createHeading",{enumerable:!0,get:function(){return create_heading_1.createHeading}}),Object.defineProperty(exports,"h1",{enumerable:!0,get:function(){return create_heading_1.h1}}),Object.defineProperty(exports,"h2",{enumerable:!0,get:function(){return create_heading_1.h2}}),Object.defineProperty(exports,"h3",{enumerable:!0,get:function(){return create_heading_1.h3}}),Object.defineProperty(exports,"h4",{enumerable:!0,get:function(){return create_heading_1.h4}}),Object.defineProperty(exports,"h5",{enumerable:!0,get:function(){return create_heading_1.h5}}),Object.defineProperty(exports,"h6",{enumerable:!0,get:function(){return create_heading_1.h6}})},35691: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.H6=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),base_ui_text_heading_1=__webpack_require__(51532),heading_sizes_module_scss_1=__importDefault(__webpack_require__(76973)),heading_module_scss_1=__importDefault(__webpack_require__(65046));function H1(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h1"},props,{className:(0,classnames_1.default)(heading_module_scss_1.default.h1,heading_sizes_module_scss_1.default[props.size||"lg"],props.className)}))}exports.H1=H1;function H2(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h2"},props,{className:(0,classnames_1.default)(heading_module_scss_1.default.h2,heading_sizes_module_scss_1.default[props.size||"lg"],props.className)}))}exports.H2=H2;function H3(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h3"},props,{className:(0,classnames_1.default)(heading_module_scss_1.default.h3,heading_sizes_module_scss_1.default[props.size||"md"],props.className)}))}exports.H3=H3;function H4(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h4"},props,{className:(0,classnames_1.default)(heading_module_scss_1.default.h4,heading_sizes_module_scss_1.default[props.size||"sm"],props.className)}))}exports.H4=H4;function H5(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h5"},props,{className:(0,classnames_1.default)(heading_module_scss_1.default.h5,heading_sizes_module_scss_1.default[props.size||"xs"],props.className)}))}exports.H5=H5;function H6(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h6"},props,{className:(0,classnames_1.default)(heading_module_scss_1.default.h6,heading_sizes_module_scss_1.default[props.size||"xxs"],props.className)}))}exports.H6=H6},1237:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.H6=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=void 0;var heading_1=__webpack_require__(35691);Object.defineProperty(exports,"H1",{enumerable:!0,get:function(){return heading_1.H1}}),Object.defineProperty(exports,"H2",{enumerable:!0,get:function(){return heading_1.H2}}),Object.defineProperty(exports,"H3",{enumerable:!0,get:function(){return heading_1.H3}}),Object.defineProperty(exports,"H4",{enumerable:!0,get:function(){return heading_1.H4}}),Object.defineProperty(exports,"H5",{enumerable:!0,get:function(){return heading_1.H5}}),Object.defineProperty(exports,"H6",{enumerable:!0,get:function(){return heading_1.H6}})},53202:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinkedHeading=void 0;var linked_heading_1=__webpack_require__(38823);Object.defineProperty(exports,"LinkedHeading",{enumerable:!0,get:function(){return linked_heading_1.LinkedHeading}})},38823: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.LinkedHeading=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),documenter_ui_heading_1=__webpack_require__(1237),documenter_ui_anchor_1=__webpack_require__(62082),linked_heading_module_scss_1=__importDefault(__webpack_require__(92077));function LinkedHeading(_a){var{children,link,size,element="h3",className}=_a,rest=__rest(_a,["children","link","size","element","className"]);const Element=headerElement(element);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(linked_heading_module_scss_1.default.linkedHeading,className)},rest),react_1.default.createElement(Element,{className:linked_heading_module_scss_1.default.heading,size,id:link},children),link&&react_1.default.createElement(documenter_ui_anchor_1.Anchor,{className:linked_heading_module_scss_1.default.anchor,href:link}))}exports.LinkedHeading=LinkedHeading;const headerElement=element=>{switch(element){case"h1":return documenter_ui_heading_1.H1;case"h2":return documenter_ui_heading_1.H2;case"h3":return documenter_ui_heading_1.H3;case"h4":return documenter_ui_heading_1.H4;case"h5":return documenter_ui_heading_1.H5;case"h6":return documenter_ui_heading_1.H6;default:return documenter_ui_heading_1.H3}}},80188:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Snippet=void 0;var snippet_1=__webpack_require__(79241);Object.defineProperty(exports,"Snippet",{enumerable:!0,get:function(){return snippet_1.Snippet}})},79241: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.Snippet=void 0;const react_1=__importDefault(__webpack_require__(67294)),documenter_ui_code_snippet_1=__webpack_require__(64206),documenter_code_react_playground_1=__webpack_require__(12156),snippet_module_scss_1=__importDefault(__webpack_require__(88841));function Snippet({children,scope,live}){return live?react_1.default.createElement(documenter_code_react_playground_1.Playground,{className:snippet_module_scss_1.default.snippet,code:children,scope}):react_1.default.createElement(documenter_ui_code_snippet_1.CodeSnippet,{className:snippet_module_scss_1.default.snippet},children)}exports.Snippet=Snippet},34668:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultMdxComponents=void 0;const documenter_ui_block_quote_1=__webpack_require__(78646),documenter_ui_bold_1=__webpack_require__(64730),documenter_routing_external_link_1=__webpack_require__(10171),documenter_markdown_heading_1=__webpack_require__(4165),documenter_ui_image_1=__webpack_require__(62662),documenter_ui_inline_code_1=__webpack_require__(36396),documenter_ui_italic_1=__webpack_require__(41258),documenter_ui_ol_1=__webpack_require__(74361),documenter_ui_paragraph_1=__webpack_require__(40416),documenter_ui_separator_1=__webpack_require__(93821),documenter_markdown_hybrid_live_code_snippet_1=__webpack_require__(80188),documenter_ui_sup_1=__webpack_require__(57962),documenter_ui_table_base_table_1=__webpack_require__(34725),documenter_ui_table_td_1=__webpack_require__(11279),documenter_ui_table_tr_1=__webpack_require__(98934),documenter_ui_ul_1=__webpack_require__(64170);exports.defaultMdxComponents={h1:documenter_markdown_heading_1.h1,h2:documenter_markdown_heading_1.h2,h3:documenter_markdown_heading_1.h3,h4:documenter_markdown_heading_1.h4,h5:documenter_markdown_heading_1.h5,h6:documenter_markdown_heading_1.h6,p:documenter_ui_paragraph_1.Paragraph,code:documenter_markdown_hybrid_live_code_snippet_1.Snippet,a:documenter_routing_external_link_1.ExternalLink,inlineCode:documenter_ui_inline_code_1.InlineCode,ol:documenter_ui_ol_1.Ol,ul:documenter_ui_ul_1.Ul,hr:documenter_ui_separator_1.Separator,thematicBreak:documenter_ui_separator_1.Separator,img:documenter_ui_image_1.Image,strong:documenter_ui_bold_1.Bold,em:documenter_ui_italic_1.Italic,pre:({children})=>children,sup:documenter_ui_sup_1.Sup,table:documenter_ui_table_base_table_1.Table,tr:documenter_ui_table_tr_1.Tr,td:documenter_ui_table_td_1.Td,blockquote:documenter_ui_block_quote_1.BlockQuote}},10549:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultMdxComponents=void 0;var components_1=__webpack_require__(34668);Object.defineProperty(exports,"defaultMdxComponents",{enumerable:!0,get:function(){return components_1.defaultMdxComponents}})},82480:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MDXLayout=void 0;var mdx_layout_1=__webpack_require__(99142);Object.defineProperty(exports,"MDXLayout",{enumerable:!0,get:function(){return mdx_layout_1.MDXLayout}})},99142: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.MDXLayout=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),react_2=__webpack_require__(3905),components_1=__webpack_require__(10549),mdx_layout_module_scss_1=__importDefault(__webpack_require__(65366));function MDXLayout(_a){var{children,components,className}=_a,rest=__rest(_a,["children","components","className"]);const _components=(0,react_1.useMemo)(()=>Object.assign(Object.assign({},components_1.defaultMdxComponents),components),[components_1.defaultMdxComponents,components]);return react_1.default.createElement(react_2.MDXProvider,{components:_components},react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(mdx_layout_module_scss_1.default.mdxContent,className)},rest),children))}exports.MDXLayout=MDXLayout},2148:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PossibleSizes=exports.Paragraph=void 0;var paragraph_1=__webpack_require__(13297);Object.defineProperty(exports,"Paragraph",{enumerable:!0,get:function(){return paragraph_1.Paragraph}}),Object.defineProperty(exports,"PossibleSizes",{enumerable:!0,get:function(){return paragraph_1.PossibleSizes}})},13297: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.Paragraph=exports.PossibleSizes=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),base_ui_theme_sizes_1=__webpack_require__(19453);Object.defineProperty(exports,"PossibleSizes",{enumerable:!0,get:function(){return base_ui_theme_sizes_1.PossibleSizes}});const base_ui_text_text_sizes_1=__webpack_require__(80588);function Paragraph(_a){var{className,size,element:Element}=_a,rest=__rest(_a,["className","size","element"]);return react_1.default.createElement(Element,Object.assign({className:classnames_1.default(base_ui_text_text_sizes_1.textSize[size],className),"data-bit-id":"teambit.base-ui/text/paragraph"},rest))}exports.Paragraph=Paragraph,Paragraph.defaultProps={size:"md",element:"p"}},40416: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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(65977),exports)},65977: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.Paragraph=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),base_ui_text_paragraph_1=__webpack_require__(2148),base_ui_theme_sizes_1=__webpack_require__(19453),paragraph_module_scss_1=__importDefault(__webpack_require__(44419));function Paragraph(_a){var{children,className,size}=_a,rest=__rest(_a,["children","className","size"]);const paragraphSize=size?base_ui_theme_sizes_1.PossibleSizes[size]:base_ui_theme_sizes_1.PossibleSizes.md;return react_1.default.createElement(base_ui_text_paragraph_1.Paragraph,Object.assign({size:paragraphSize},rest,{className:(0,classnames_1.default)(paragraph_module_scss_1.default.paragraph,className)}),children)}exports.Paragraph=Paragraph,Paragraph.defaultProps={size:"md",element:"p"}},93821:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Separator=void 0;var separator_1=__webpack_require__(34212);Object.defineProperty(exports,"Separator",{enumerable:!0,get:function(){return separator_1.Separator}})},34212: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.Separator=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),separator_module_scss_1=__importDefault(__webpack_require__(74233));function Separator(_a){var{className}=_a,rest=__rest(_a,["className"]);return react_1.default.createElement("hr",Object.assign({className:(0,classnames_1.default)(separator_module_scss_1.default.separator,className)},rest))}exports.Separator=Separator},79982: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.ExternalLink=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),external_link_module_scss_1=__importDefault(__webpack_require__(58329));function ExternalLink(_a){var{href,children,className}=_a,rest=__rest(_a,["href","children","className"]);return react_1.default.createElement("a",Object.assign({},rest,{target:"_blank",href,className:(0,classnames_1.default)(external_link_module_scss_1.default.link,className)}),children)}exports.ExternalLink=ExternalLink},10171: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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(79982),exports)},14323: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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(73582),exports)},73582: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.ThemeContext=exports.ThemeDocumenter=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),base_ui_theme_theme_provider_1=__webpack_require__(84357),base_ui_theme_fonts_roboto_1=__webpack_require__(70317),sizes_module_scss_1=__importDefault(__webpack_require__(40261)),global_module_scss_1=__importDefault(__webpack_require__(28549));function ThemeDocumenter(_a){var{children,className}=_a,rest=__rest(_a,["children","className"]);return react_1.default.createElement(base_ui_theme_theme_provider_1.Theme,Object.assign({},rest,{className:classnames_1.default(className,sizes_module_scss_1.default.heading,global_module_scss_1.default.overrides)}),react_1.default.createElement(base_ui_theme_fonts_roboto_1.Roboto,null),children)}exports.ThemeDocumenter=ThemeDocumenter,exports.ThemeContext=ThemeDocumenter},5029: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.Anchor=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),evangelist_elements_icon_1=__webpack_require__(94161),anchor_module_scss_1=__importDefault(__webpack_require__(3637));function Anchor(props){const href=props.href&&`#${props.href}`;return react_1.default.createElement("a",Object.assign({},props,{id:props.href,href,className:(0,classnames_1.default)(props.className,anchor_module_scss_1.default.anchor)}),react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"anchor",className:anchor_module_scss_1.default.anchorIcon}))}exports.Anchor=Anchor},62082: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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(5029),exports)},53586: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.Icon=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_ui_elements_icon_1=__webpack_require__(48318),iconSetPrefix="bitcon";function Icon(_a){var{className,of:iconName}=_a,rest=__rest(_a,["className","of"]);return react_1.default.createElement(base_ui_elements_icon_1.BaseIcon,Object.assign({of:`${iconSetPrefix}-${iconName}`,className,"data-bit-id":"teambit.evangelist/elements/icon"},rest))}exports.Icon=Icon},94161: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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(53586),exports)},45494: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.BlockQuote=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),block_quote_module_scss_1=__importDefault(__webpack_require__(31643));function BlockQuote(_a){var{className,children}=_a,rest=__rest(_a,["className","children"]);return react_1.default.createElement("blockquote",Object.assign({},rest,{className:(0,classnames_1.default)(block_quote_module_scss_1.default.blockQuote,className)}),children)}exports.BlockQuote=BlockQuote},78646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BlockQuote=void 0;var block_quote_1=__webpack_require__(45494);Object.defineProperty(exports,"BlockQuote",{enumerable:!0,get:function(){return block_quote_1.BlockQuote}})},59759: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.Bold=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),bold_module_scss_1=__importDefault(__webpack_require__(91685));function Bold(_a){var{children,className}=_a,rest=__rest(_a,["children","className"]);return react_1.default.createElement("strong",Object.assign({},rest,{className:(0,classnames_1.default)(bold_module_scss_1.default.bold,className)}),children)}exports.Bold=Bold},64730:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Bold=void 0;var bold_1=__webpack_require__(59759);Object.defineProperty(exports,"Bold",{enumerable:!0,get:function(){return bold_1.Bold}})},62070: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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeSnippet=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),copy_to_clipboard_1=__importDefault(__webpack_require__(20640)),prism_light_1=__importDefault(__webpack_require__(5430)),tsx_1=__importDefault(__webpack_require__(10025)),vsc_dark_plus_1=__importDefault(__webpack_require__(38967)),documenter_ui_copied_message_1=__webpack_require__(60908),code_snippet_module_scss_1=__importDefault(__webpack_require__(9982));prism_light_1.default.registerLanguage("tsx",tsx_1.default);const customStyles={fontFamily:"roboto mono",fontSize:12};function CodeSnippet(_a){var{className,frameClass,theme=vsc_dark_plus_1.default,language="tsx",children}=_a,rest=__rest(_a,["className","frameClass","theme","language","children"]);const[isCopied,setIsCopied]=(0,react_1.useState)(!1),handleClick=()=>{setIsCopied(!0),setTimeout(()=>setIsCopied(!1),2e3),(0,copy_to_clipboard_1.default)(children.toString())},trimmedChildren=(0,react_1.useMemo)(()=>children.trim(),[children]);return react_1.default.createElement("div",{className:(0,classnames_1.default)(code_snippet_module_scss_1.default.snippetWrapper,className)},react_1.default.createElement(Highlighter,Object.assign({},rest,{className:(0,classnames_1.default)(code_snippet_module_scss_1.default.codeSnippet,frameClass),language,style:theme,customStyle:customStyles}),trimmedChildren),react_1.default.createElement("div",{className:code_snippet_module_scss_1.default.copy},react_1.default.createElement(documenter_ui_copied_message_1.CopiedMessage,{show:isCopied}),react_1.default.createElement("img",{src:"https://static.bit.cloud/Community/icons/copy.svg",onClick:handleClick,className:code_snippet_module_scss_1.default.copyIcon,alt:"Copy"})))}exports.CodeSnippet=CodeSnippet;const Highlighter=(0,react_1.memo)(function(props){return react_1.default.createElement(prism_light_1.default,Object.assign({},props))})},64206: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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(62070),exports)},10025:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var refractor_lang_tsx_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(87041),refractor_lang_tsx_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(refractor_lang_tsx_js__WEBPACK_IMPORTED_MODULE_0__);const __WEBPACK_DEFAULT_EXPORT__=refractor_lang_tsx_js__WEBPACK_IMPORTED_MODULE_0___default()},5430:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>prism_light});var objectWithoutProperties=__webpack_require__(44925),objectSpread=__webpack_require__(3995),react=__webpack_require__(67294),esm_extends=__webpack_require__(87462);function createStyleObject(classNames){var elementStyle=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},stylesheet=arguments.length>2?arguments[2]:void 0;return classNames.reduce(function(styleObject,className){return(0,objectSpread.Z)({},styleObject,stylesheet[className])},elementStyle)}function createClassNameString(classNames){return classNames.join(" ")}function createChildren(stylesheet,useInlineStyles){var childrenCount=0;return function(children){return childrenCount+=1,children.map(function(child,i){return createElement({node:child,stylesheet,useInlineStyles,key:"code-segment-".concat(childrenCount,"-").concat(i)})})}}function createElement(_ref){var node=_ref.node,stylesheet=_ref.stylesheet,_ref$style=_ref.style,style=_ref$style===void 0?{}:_ref$style,useInlineStyles=_ref.useInlineStyles,key=_ref.key,properties=node.properties,type=node.type,TagName=node.tagName,value=node.value;if(type==="text")return value;if(TagName){var childrenCreator=createChildren(stylesheet,useInlineStyles),nonStylesheetClassNames=useInlineStyles&&properties.className&&properties.className.filter(function(className2){return!stylesheet[className2]}),className=nonStylesheetClassNames&&nonStylesheetClassNames.length?nonStylesheetClassNames:void 0,props=useInlineStyles?(0,objectSpread.Z)({},properties,{className:className&&createClassNameString(className)},{style:createStyleObject(properties.className,Object.assign({},properties.style,style),stylesheet)}):(0,objectSpread.Z)({},properties,{className:createClassNameString(properties.className)}),children=childrenCreator(node.children);return react.createElement(TagName,(0,esm_extends.Z)({key},props),children)}}const checkForListedLanguage=function(astGenerator,language){var langs=astGenerator.listLanguages();return langs.indexOf(language)!==-1};var newLineRegex=/\n/g;function getNewLines(str){return str.match(newLineRegex)}function getAllLineNumbers(_ref){var lines=_ref.lines,startingLineNumber=_ref.startingLineNumber,style=_ref.style;return lines.map(function(_,i){var number=i+startingLineNumber;return react.createElement("span",{key:"line-".concat(i),className:"react-syntax-highlighter-line-number",style:typeof style=="function"?style(number):style},"".concat(number,`
+`;function useDocs(componentId){var _a,_b;const{data}=(0,client_1.useQuery)(getProperties,{variables:{id:componentId.toString()}});return(_b=(_a=data?.getHost)===null||_a===void 0?void 0:_a.getDocs)===null||_b===void 0?void 0:_b.properties}exports.useDocs=useDocs},82718:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultValue=exports.Properties=exports.useDocs=exports.docsFields=void 0;var get_docs_1=__webpack_require__(7122);Object.defineProperty(exports,"docsFields",{enumerable:!0,get:function(){return get_docs_1.docsFields}}),Object.defineProperty(exports,"useDocs",{enumerable:!0,get:function(){return get_docs_1.useDocs}}),Object.defineProperty(exports,"Properties",{enumerable:!0,get:function(){return get_docs_1.Properties}}),Object.defineProperty(exports,"DefaultValue",{enumerable:!0,get:function(){return get_docs_1.DefaultValue}})},28868:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultDocs=void 0;const defaultDocs=exports.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},84723:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Doc",{enumerable:!0,get:function(){return _docsEntities().Doc}}),Object.defineProperty(exports,"DocProp",{enumerable:!0,get:function(){return _docsEntities().DocProp}}),Object.defineProperty(exports,"DocPropList",{enumerable:!0,get:function(){return _docsEntities().DocPropList}}),Object.defineProperty(exports,"DocsAspect",{enumerable:!0,get:function(){return _docs().DocsAspect}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}}),exports.default=void 0,Object.defineProperty(exports,"defaultDocs",{enumerable:!0,get:function(){return _docs2().defaultDocs}});function _docs(){const data=__webpack_require__(12825);return _docs=function(){return data},data}function _docsEntities(){const data=__webpack_require__(8923);return _docsEntities=function(){return data},data}function _docs2(){const data=__webpack_require__(28868);return _docs2=function(){return data},data}function _overview(){const data=__webpack_require__(57682);return _overview=function(){return data},data}var _default=exports.default=_docs().DocsAspect},57682:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}});function _overview(){const data=__webpack_require__(93294);return _overview=function(){return data},data}},93294:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgePosition=void 0,exports.Overview=Overview;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _reactUiDocs(){const data=__webpack_require__(98077);return _reactUiDocs=function(){return data},data}function _component(){const data=__webpack_require__(68211);return _component=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}function _componentUi(){const data=__webpack_require__(54468);return _componentUi=function(){return data},data}function _compositionsPanels(){const data=__webpack_require__(10726);return _compositionsPanels=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(91594));return _overviewModule=function(){return data},data}const _excluded=["onLoad","style"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}let BadgePosition=exports.BadgePosition=function(BadgePosition2){return BadgePosition2[BadgePosition2.Title=0]="Title",BadgePosition2[BadgePosition2.SubTitle=1]="SubTitle",BadgePosition2[BadgePosition2.Labels=2]="Labels",BadgePosition2[BadgePosition2.Package=3]="Package",BadgePosition2}({});function Overview({titleBadges,overviewOptions,previewProps,getEmptyState}){var _component$preview,_component$preview2,_component$preview3,_component$preview4,_component$preview5;const component=(0,_react().useContext)(_component().ComponentContext),componentDescriptor=(0,_component().useComponentDescriptor)(),overviewProps=(0,_lodash().flatten)(overviewOptions.values())[0],showHeader=!((_component$preview=component.preview)!==null&&_component$preview!==void 0&&_component$preview.legacyHeader),[isLoading,setLoading]=(0,_react().useState)(!0),EmptyState=getEmptyState&&getEmptyState(),buildFailed=component.buildStatus!=="Succeed"&&component?.host==="teambit.scope/scope",isScaling=(_component$preview2=component.preview)===null||_component$preview2===void 0?void 0:_component$preview2.isScaling,iframeQueryParams=`skipIncludes=${((_component$preview3=component.preview)===null||_component$preview3===void 0?void 0:_component$preview3.skipIncludes)||"false"}`,overviewPropsValues=overviewProps&&overviewProps(),_ref=previewProps||{},{onLoad,style}=_ref,rest=_objectWithoutProperties(_ref,_excluded),onPreviewLoad=_react().default.useCallback((e,props)=>{setLoading(!1),onLoad?.(e,props)},[onLoad]);return _react().default.createElement("div",{className:_overviewModule().default.overviewWrapper,key:`${component.id.toString()}`},showHeader&&_react().default.createElement(_componentUi().ComponentOverview,{className:(0,_classnames().default)(_overviewModule().default.componentOverviewBlock,!isScaling&&_overviewModule().default.legacyPreview),displayName:component.displayName,version:component.version,abstract:component.description,labels:component.labels,packageName:component.packageName,titleBadges:(0,_lodash().flatten)(titleBadges.values()),componentDescriptor,component}),!buildFailed&&_react().default.createElement("div",{className:_overviewModule().default.readme},_react().default.createElement(_previewUi().ComponentPreview,_extends({onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}})),((_component$preview4=component.preview)===null||_component$preview4===void 0?void 0:_component$preview4.skipIncludes)&&_react().default.createElement(_compositionsPanels().CompositionGallery,{isLoading,component}),((_component$preview5=component.preview)===null||_component$preview5===void 0?void 0:_component$preview5.skipIncludes)&&_react().default.createElement(_reactUiDocs().PropertiesTable,{className:_overviewModule().default.overviewPropsTable,componentId:component.id.toString()})),buildFailed&&EmptyState&&_react().default.createElement(EmptyState,null))}},12156:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Playground=void 0;var react_playground_1=__webpack_require__(11432);Object.defineProperty(exports,"Playground",{enumerable:!0,get:function(){return react_playground_1.Playground}})},11432: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.Playground=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),react_live_1=__webpack_require__(74829),base_ui_surfaces_split_pane_split_pane_1=__webpack_require__(38577),base_ui_surfaces_split_pane_hover_splitter_1=__webpack_require__(73624),react_use_dimensions_1=__importDefault(__webpack_require__(32941)),use_debounce_1=__webpack_require__(39939),oceanicNext_1=__importDefault(__webpack_require__(2097)),base_ui_input_error_1=__webpack_require__(97164),react_playground_module_scss_1=__importDefault(__webpack_require__(66305));function Playground(_a){var{code,scope,style,className}=_a,rest=__rest(_a,["code","scope","style","className"]);const _code=(0,react_1.useMemo)(()=>code?.toString().replace(/\n$/,"").trim(),[code]),[ref,{width}]=(0,react_use_dimensions_1.default)(),isColumn=+(0,use_debounce_1.useDebounce)(width,300,{leading:!0})[0]<=500,placement=isColumn?base_ui_surfaces_split_pane_split_pane_1.Layout.columnReverse:base_ui_surfaces_split_pane_split_pane_1.Layout.row;return width?react_1.default.createElement(react_live_1.LiveProvider,{code:_code,scope,theme:oceanicNext_1.default},react_1.default.createElement("div",Object.assign({ref,className:(0,classnames_1.default)(className,react_playground_module_scss_1.default.playground,isColumn?react_playground_module_scss_1.default.column:react_playground_module_scss_1.default.row)},rest),react_1.default.createElement(base_ui_surfaces_split_pane_split_pane_1.SplitPane,{className:react_playground_module_scss_1.default.main,size:"50%",layout:placement},react_1.default.createElement(base_ui_surfaces_split_pane_split_pane_1.Pane,{className:(0,classnames_1.default)(react_playground_module_scss_1.default.codePane)},react_1.default.createElement(react_live_1.LiveEditor,{className:(0,classnames_1.default)(react_playground_module_scss_1.default.editor)})),react_1.default.createElement(base_ui_surfaces_split_pane_hover_splitter_1.HoverSplitter,{className:react_playground_module_scss_1.default.splitter}),react_1.default.createElement(base_ui_surfaces_split_pane_split_pane_1.Pane,{className:(0,classnames_1.default)(react_playground_module_scss_1.default.previewPane)},react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(react_live_1.LivePreview,{className:react_playground_module_scss_1.default.previewBox}),react_1.default.createElement(react_live_1.LiveError,{className:(0,classnames_1.default)(base_ui_input_error_1.Error,react_playground_module_scss_1.default.error)})))))):react_1.default.createElement("div",{ref})}exports.Playground=Playground},39939:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{useDebounce:()=>o,useDebouncedCallback:()=>c,useThrottledCallback:()=>f});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(67294);function c(u,e,c2){var i2=this,a2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),o2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0),f2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),l=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)([]),m=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(),v=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(),d=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(u),p=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(!0);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function(){d.current=u},[u]);var g=!e&&e!==0&&typeof window<"u";if(typeof u!="function")throw new TypeError("Expected a function");e=+e||0;var w=!!(c2=c2||{}).leading,s=!("trailing"in c2)||!!c2.trailing,x="maxWait"in c2,y=x?Math.max(+c2.maxWait||0,e):null;(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function(){return p.current=!0,function(){p.current=!1}},[]);var h=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function(){var r=function(r2){var n2=l.current,t2=m.current;return l.current=m.current=null,o2.current=r2,v.current=d.current.apply(t2,n2)},n=function(r2,n2){g&&cancelAnimationFrame(f2.current),f2.current=g?requestAnimationFrame(r2):setTimeout(r2,n2)},t=function(r2){if(!p.current)return!1;var n2=r2-a2.current;return!a2.current||n2>=e||n2<0||x&&r2-o2.current>=y},u2=function(n2){return f2.current=null,s&&l.current?r(n2):(l.current=m.current=null,v.current)},c3=function r2(){var c4=Date.now();if(t(c4))return u2(c4);if(p.current){var i3=e-(c4-a2.current),f3=x?Math.min(i3,y-(c4-o2.current)):i3;n(r2,f3)}},h2=function(){var u3=Date.now(),d2=t(u3);if(l.current=[].slice.call(arguments),m.current=i2,a2.current=u3,d2){if(!f2.current&&p.current)return o2.current=a2.current,n(c3,e),w?r(a2.current):v.current;if(x)return n(c3,e),r(a2.current)}return f2.current||n(c3,e),v.current};return h2.cancel=function(){f2.current&&(g?cancelAnimationFrame(f2.current):clearTimeout(f2.current)),o2.current=0,l.current=a2.current=m.current=f2.current=null},h2.isPending=function(){return!!f2.current},h2.flush=function(){return f2.current?u2(Date.now()):v.current},h2},[w,x,e,y,s,g]);return h}function i(r,n){return r===n}function a(r){return typeof r=="function"?function(){return r}:r}function o(n,t,o2){var f2,l,m=o2&&o2.equalityFn||i,v=(f2=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(a(n)),l=f2[1],[f2[0],(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function(r){return l(a(r))},[])]),d=v[0],p=v[1],g=c((0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function(r){return p(r)},[p]),t,o2),w=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(n);return m(w.current,n)||(g(n),w.current=n),[d,g]}function f(r,n,t){var u=t===void 0?{}:t,e=u.leading,i2=u.trailing;return c(r,n,{maxWait:n,leading:e===void 0||e,trailing:i2===void 0||i2})}},92242:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.links=exports.docsUrl=void 0,exports.docsUrl="https://bit.dev/docs",exports.links={scopedRegistry:`${exports.docsUrl}/packages/npmrc`,installBit:`${exports.docsUrl}/getting-started/installing-bit/installing-bit`,createCompositions:`${exports.docsUrl}/dev-services-overview/compositions/compositions-overview`,testComponents:`${exports.docsUrl}/dev-services-overview/tester/tester-overview`,bitIntroduction:`${exports.docsUrl}/quick-start`,whatIsBit:`${exports.docsUrl}/quick-start`,tagComponentVersion:`${exports.docsUrl}/components/tags`}},5672:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.docsUrl=exports.links=void 0;var documentation_links_1=__webpack_require__(92242);Object.defineProperty(exports,"links",{enumerable:!0,get:function(){return documentation_links_1.links}}),Object.defineProperty(exports,"docsUrl",{enumerable:!0,get:function(){return documentation_links_1.docsUrl}})},15487: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.h6=exports.h5=exports.h4=exports.h3=exports.h2=exports.h1=exports.createHeading=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),documenter_ui_linked_heading_1=__webpack_require__(53202),create_heading_module_scss_1=__importDefault(__webpack_require__(67471));function createHeading(size,element){return function(_a){var{children,className}=_a,rest=__rest(_a,["children","className"]);const isMainHeading=size==="lg"||size==="md";return react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,Object.assign({},rest,{className:(0,classnames_1.default)(className,create_heading_module_scss_1.default.mdxLinkedHeading,isMainHeading&&create_heading_module_scss_1.default.mainHeadingStyles),size,element}),children)}}exports.createHeading=createHeading,exports.h1=createHeading("lg","h1"),exports.h2=createHeading("md","h2"),exports.h3=createHeading("sm","h3"),exports.h4=createHeading("xs","h4"),exports.h5=createHeading("xxs","h5"),exports.h6=createHeading("xxs","h6")},4165:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.h6=exports.h5=exports.h4=exports.h3=exports.h2=exports.h1=exports.createHeading=void 0;var create_heading_1=__webpack_require__(15487);Object.defineProperty(exports,"createHeading",{enumerable:!0,get:function(){return create_heading_1.createHeading}}),Object.defineProperty(exports,"h1",{enumerable:!0,get:function(){return create_heading_1.h1}}),Object.defineProperty(exports,"h2",{enumerable:!0,get:function(){return create_heading_1.h2}}),Object.defineProperty(exports,"h3",{enumerable:!0,get:function(){return create_heading_1.h3}}),Object.defineProperty(exports,"h4",{enumerable:!0,get:function(){return create_heading_1.h4}}),Object.defineProperty(exports,"h5",{enumerable:!0,get:function(){return create_heading_1.h5}}),Object.defineProperty(exports,"h6",{enumerable:!0,get:function(){return create_heading_1.h6}})},35691: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.H6=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),base_ui_text_heading_1=__webpack_require__(51532),heading_sizes_module_scss_1=__importDefault(__webpack_require__(76973)),heading_module_scss_1=__importDefault(__webpack_require__(65046));function H1(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h1"},props,{className:(0,classnames_1.default)(heading_module_scss_1.default.h1,heading_sizes_module_scss_1.default[props.size||"lg"],props.className)}))}exports.H1=H1;function H2(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h2"},props,{className:(0,classnames_1.default)(heading_module_scss_1.default.h2,heading_sizes_module_scss_1.default[props.size||"lg"],props.className)}))}exports.H2=H2;function H3(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h3"},props,{className:(0,classnames_1.default)(heading_module_scss_1.default.h3,heading_sizes_module_scss_1.default[props.size||"md"],props.className)}))}exports.H3=H3;function H4(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h4"},props,{className:(0,classnames_1.default)(heading_module_scss_1.default.h4,heading_sizes_module_scss_1.default[props.size||"sm"],props.className)}))}exports.H4=H4;function H5(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h5"},props,{className:(0,classnames_1.default)(heading_module_scss_1.default.h5,heading_sizes_module_scss_1.default[props.size||"xs"],props.className)}))}exports.H5=H5;function H6(props){return react_1.default.createElement(base_ui_text_heading_1.Heading,Object.assign({element:"h6"},props,{className:(0,classnames_1.default)(heading_module_scss_1.default.h6,heading_sizes_module_scss_1.default[props.size||"xxs"],props.className)}))}exports.H6=H6},1237:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.H6=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=void 0;var heading_1=__webpack_require__(35691);Object.defineProperty(exports,"H1",{enumerable:!0,get:function(){return heading_1.H1}}),Object.defineProperty(exports,"H2",{enumerable:!0,get:function(){return heading_1.H2}}),Object.defineProperty(exports,"H3",{enumerable:!0,get:function(){return heading_1.H3}}),Object.defineProperty(exports,"H4",{enumerable:!0,get:function(){return heading_1.H4}}),Object.defineProperty(exports,"H5",{enumerable:!0,get:function(){return heading_1.H5}}),Object.defineProperty(exports,"H6",{enumerable:!0,get:function(){return heading_1.H6}})},53202:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinkedHeading=void 0;var linked_heading_1=__webpack_require__(38823);Object.defineProperty(exports,"LinkedHeading",{enumerable:!0,get:function(){return linked_heading_1.LinkedHeading}})},38823: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.LinkedHeading=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),documenter_ui_heading_1=__webpack_require__(1237),documenter_ui_anchor_1=__webpack_require__(62082),linked_heading_module_scss_1=__importDefault(__webpack_require__(92077));function LinkedHeading(_a){var{children,link,size,element="h3",className}=_a,rest=__rest(_a,["children","link","size","element","className"]);const Element=headerElement(element);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(linked_heading_module_scss_1.default.linkedHeading,className)},rest),react_1.default.createElement(Element,{className:linked_heading_module_scss_1.default.heading,size,id:link},children),link&&react_1.default.createElement(documenter_ui_anchor_1.Anchor,{className:linked_heading_module_scss_1.default.anchor,href:link}))}exports.LinkedHeading=LinkedHeading;const headerElement=element=>{switch(element){case"h1":return documenter_ui_heading_1.H1;case"h2":return documenter_ui_heading_1.H2;case"h3":return documenter_ui_heading_1.H3;case"h4":return documenter_ui_heading_1.H4;case"h5":return documenter_ui_heading_1.H5;case"h6":return documenter_ui_heading_1.H6;default:return documenter_ui_heading_1.H3}}},80188:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Snippet=void 0;var snippet_1=__webpack_require__(79241);Object.defineProperty(exports,"Snippet",{enumerable:!0,get:function(){return snippet_1.Snippet}})},79241: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.Snippet=void 0;const react_1=__importDefault(__webpack_require__(67294)),documenter_ui_code_snippet_1=__webpack_require__(64206),documenter_code_react_playground_1=__webpack_require__(12156),snippet_module_scss_1=__importDefault(__webpack_require__(88841));function Snippet({children,scope,live}){return live?react_1.default.createElement(documenter_code_react_playground_1.Playground,{className:snippet_module_scss_1.default.snippet,code:children,scope}):react_1.default.createElement(documenter_ui_code_snippet_1.CodeSnippet,{className:snippet_module_scss_1.default.snippet},children)}exports.Snippet=Snippet},34668:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultMdxComponents=void 0;const documenter_ui_block_quote_1=__webpack_require__(78646),documenter_ui_bold_1=__webpack_require__(64730),documenter_routing_external_link_1=__webpack_require__(10171),documenter_markdown_heading_1=__webpack_require__(4165),documenter_ui_image_1=__webpack_require__(62662),documenter_ui_inline_code_1=__webpack_require__(36396),documenter_ui_italic_1=__webpack_require__(41258),documenter_ui_ol_1=__webpack_require__(74361),documenter_ui_paragraph_1=__webpack_require__(40416),documenter_ui_separator_1=__webpack_require__(93821),documenter_markdown_hybrid_live_code_snippet_1=__webpack_require__(80188),documenter_ui_sup_1=__webpack_require__(57962),documenter_ui_table_base_table_1=__webpack_require__(34725),documenter_ui_table_td_1=__webpack_require__(11279),documenter_ui_table_tr_1=__webpack_require__(98934),documenter_ui_ul_1=__webpack_require__(64170);exports.defaultMdxComponents={h1:documenter_markdown_heading_1.h1,h2:documenter_markdown_heading_1.h2,h3:documenter_markdown_heading_1.h3,h4:documenter_markdown_heading_1.h4,h5:documenter_markdown_heading_1.h5,h6:documenter_markdown_heading_1.h6,p:documenter_ui_paragraph_1.Paragraph,code:documenter_markdown_hybrid_live_code_snippet_1.Snippet,a:documenter_routing_external_link_1.ExternalLink,inlineCode:documenter_ui_inline_code_1.InlineCode,ol:documenter_ui_ol_1.Ol,ul:documenter_ui_ul_1.Ul,hr:documenter_ui_separator_1.Separator,thematicBreak:documenter_ui_separator_1.Separator,img:documenter_ui_image_1.Image,strong:documenter_ui_bold_1.Bold,em:documenter_ui_italic_1.Italic,pre:({children})=>children,sup:documenter_ui_sup_1.Sup,table:documenter_ui_table_base_table_1.Table,tr:documenter_ui_table_tr_1.Tr,td:documenter_ui_table_td_1.Td,blockquote:documenter_ui_block_quote_1.BlockQuote}},10549:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultMdxComponents=void 0;var components_1=__webpack_require__(34668);Object.defineProperty(exports,"defaultMdxComponents",{enumerable:!0,get:function(){return components_1.defaultMdxComponents}})},82480:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MDXLayout=void 0;var mdx_layout_1=__webpack_require__(99142);Object.defineProperty(exports,"MDXLayout",{enumerable:!0,get:function(){return mdx_layout_1.MDXLayout}})},99142: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.MDXLayout=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),react_2=__webpack_require__(3905),components_1=__webpack_require__(10549),mdx_layout_module_scss_1=__importDefault(__webpack_require__(65366));function MDXLayout(_a){var{children,components,className}=_a,rest=__rest(_a,["children","components","className"]);const _components=(0,react_1.useMemo)(()=>Object.assign(Object.assign({},components_1.defaultMdxComponents),components),[components_1.defaultMdxComponents,components]);return react_1.default.createElement(react_2.MDXProvider,{components:_components},react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(mdx_layout_module_scss_1.default.mdxContent,className)},rest),children))}exports.MDXLayout=MDXLayout},2148:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PossibleSizes=exports.Paragraph=void 0;var paragraph_1=__webpack_require__(13297);Object.defineProperty(exports,"Paragraph",{enumerable:!0,get:function(){return paragraph_1.Paragraph}}),Object.defineProperty(exports,"PossibleSizes",{enumerable:!0,get:function(){return paragraph_1.PossibleSizes}})},13297: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.Paragraph=exports.PossibleSizes=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),base_ui_theme_sizes_1=__webpack_require__(19453);Object.defineProperty(exports,"PossibleSizes",{enumerable:!0,get:function(){return base_ui_theme_sizes_1.PossibleSizes}});const base_ui_text_text_sizes_1=__webpack_require__(80588);function Paragraph(_a){var{className,size,element:Element}=_a,rest=__rest(_a,["className","size","element"]);return react_1.default.createElement(Element,Object.assign({className:classnames_1.default(base_ui_text_text_sizes_1.textSize[size],className),"data-bit-id":"teambit.base-ui/text/paragraph"},rest))}exports.Paragraph=Paragraph,Paragraph.defaultProps={size:"md",element:"p"}},40416: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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(65977),exports)},65977: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.Paragraph=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),base_ui_text_paragraph_1=__webpack_require__(2148),base_ui_theme_sizes_1=__webpack_require__(19453),paragraph_module_scss_1=__importDefault(__webpack_require__(44419));function Paragraph(_a){var{children,className,size}=_a,rest=__rest(_a,["children","className","size"]);const paragraphSize=size?base_ui_theme_sizes_1.PossibleSizes[size]:base_ui_theme_sizes_1.PossibleSizes.md;return react_1.default.createElement(base_ui_text_paragraph_1.Paragraph,Object.assign({size:paragraphSize},rest,{className:(0,classnames_1.default)(paragraph_module_scss_1.default.paragraph,className)}),children)}exports.Paragraph=Paragraph,Paragraph.defaultProps={size:"md",element:"p"}},93821:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Separator=void 0;var separator_1=__webpack_require__(34212);Object.defineProperty(exports,"Separator",{enumerable:!0,get:function(){return separator_1.Separator}})},34212: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.Separator=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),separator_module_scss_1=__importDefault(__webpack_require__(74233));function Separator(_a){var{className}=_a,rest=__rest(_a,["className"]);return react_1.default.createElement("hr",Object.assign({className:(0,classnames_1.default)(separator_module_scss_1.default.separator,className)},rest))}exports.Separator=Separator},79982: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.ExternalLink=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),external_link_module_scss_1=__importDefault(__webpack_require__(58329));function ExternalLink(_a){var{href,children,className}=_a,rest=__rest(_a,["href","children","className"]);return react_1.default.createElement("a",Object.assign({},rest,{target:"_blank",href,className:(0,classnames_1.default)(external_link_module_scss_1.default.link,className)}),children)}exports.ExternalLink=ExternalLink},10171: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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(79982),exports)},14323: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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(73582),exports)},73582: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.ThemeContext=exports.ThemeDocumenter=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),base_ui_theme_theme_provider_1=__webpack_require__(84357),base_ui_theme_fonts_roboto_1=__webpack_require__(70317),sizes_module_scss_1=__importDefault(__webpack_require__(40261)),global_module_scss_1=__importDefault(__webpack_require__(28549));function ThemeDocumenter(_a){var{children,className}=_a,rest=__rest(_a,["children","className"]);return react_1.default.createElement(base_ui_theme_theme_provider_1.Theme,Object.assign({},rest,{className:classnames_1.default(className,sizes_module_scss_1.default.heading,global_module_scss_1.default.overrides)}),react_1.default.createElement(base_ui_theme_fonts_roboto_1.Roboto,null),children)}exports.ThemeDocumenter=ThemeDocumenter,exports.ThemeContext=ThemeDocumenter},5029: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.Anchor=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),evangelist_elements_icon_1=__webpack_require__(94161),anchor_module_scss_1=__importDefault(__webpack_require__(3637));function Anchor(props){const href=props.href&&`#${props.href}`;return react_1.default.createElement("a",Object.assign({},props,{id:props.href,href,className:(0,classnames_1.default)(props.className,anchor_module_scss_1.default.anchor)}),react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"anchor",className:anchor_module_scss_1.default.anchorIcon}))}exports.Anchor=Anchor},62082: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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(5029),exports)},53586: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.Icon=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_ui_elements_icon_1=__webpack_require__(48318),iconSetPrefix="bitcon";function Icon(_a){var{className,of:iconName}=_a,rest=__rest(_a,["className","of"]);return react_1.default.createElement(base_ui_elements_icon_1.BaseIcon,Object.assign({of:`${iconSetPrefix}-${iconName}`,className,"data-bit-id":"teambit.evangelist/elements/icon"},rest))}exports.Icon=Icon},94161: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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(53586),exports)},45494: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.BlockQuote=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),block_quote_module_scss_1=__importDefault(__webpack_require__(31643));function BlockQuote(_a){var{className,children}=_a,rest=__rest(_a,["className","children"]);return react_1.default.createElement("blockquote",Object.assign({},rest,{className:(0,classnames_1.default)(block_quote_module_scss_1.default.blockQuote,className)}),children)}exports.BlockQuote=BlockQuote},78646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BlockQuote=void 0;var block_quote_1=__webpack_require__(45494);Object.defineProperty(exports,"BlockQuote",{enumerable:!0,get:function(){return block_quote_1.BlockQuote}})},59759: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.Bold=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),bold_module_scss_1=__importDefault(__webpack_require__(91685));function Bold(_a){var{children,className}=_a,rest=__rest(_a,["children","className"]);return react_1.default.createElement("strong",Object.assign({},rest,{className:(0,classnames_1.default)(bold_module_scss_1.default.bold,className)}),children)}exports.Bold=Bold},64730:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Bold=void 0;var bold_1=__webpack_require__(59759);Object.defineProperty(exports,"Bold",{enumerable:!0,get:function(){return bold_1.Bold}})},62070: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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeSnippet=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),copy_to_clipboard_1=__importDefault(__webpack_require__(20640)),prism_light_1=__importDefault(__webpack_require__(5430)),tsx_1=__importDefault(__webpack_require__(10025)),vsc_dark_plus_1=__importDefault(__webpack_require__(38967)),documenter_ui_copied_message_1=__webpack_require__(60908),code_snippet_module_scss_1=__importDefault(__webpack_require__(9982));prism_light_1.default.registerLanguage("tsx",tsx_1.default);const customStyles={fontFamily:"roboto mono",fontSize:12};function CodeSnippet(_a){var{className,frameClass,theme=vsc_dark_plus_1.default,language="tsx",children}=_a,rest=__rest(_a,["className","frameClass","theme","language","children"]);const[isCopied,setIsCopied]=(0,react_1.useState)(!1),handleClick=()=>{setIsCopied(!0),setTimeout(()=>setIsCopied(!1),2e3),(0,copy_to_clipboard_1.default)(children.toString())},trimmedChildren=(0,react_1.useMemo)(()=>children.trim(),[children]);return react_1.default.createElement("div",{className:(0,classnames_1.default)(code_snippet_module_scss_1.default.snippetWrapper,className)},react_1.default.createElement(Highlighter,Object.assign({},rest,{className:(0,classnames_1.default)(code_snippet_module_scss_1.default.codeSnippet,frameClass),language,style:theme,customStyle:customStyles}),trimmedChildren),react_1.default.createElement("div",{className:code_snippet_module_scss_1.default.copy},react_1.default.createElement(documenter_ui_copied_message_1.CopiedMessage,{show:isCopied}),react_1.default.createElement("img",{src:"https://static.bit.cloud/Community/icons/copy.svg",onClick:handleClick,className:code_snippet_module_scss_1.default.copyIcon,alt:"Copy"})))}exports.CodeSnippet=CodeSnippet;const Highlighter=(0,react_1.memo)(function(props){return react_1.default.createElement(prism_light_1.default,Object.assign({},props))})},64206: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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(62070),exports)},10025:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var refractor_lang_tsx_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(87041),refractor_lang_tsx_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(refractor_lang_tsx_js__WEBPACK_IMPORTED_MODULE_0__);const __WEBPACK_DEFAULT_EXPORT__=refractor_lang_tsx_js__WEBPACK_IMPORTED_MODULE_0___default()},5430:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>prism_light});var objectWithoutProperties=__webpack_require__(44925),objectSpread=__webpack_require__(3995),react=__webpack_require__(67294),esm_extends=__webpack_require__(87462);function createStyleObject(classNames){var elementStyle=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},stylesheet=arguments.length>2?arguments[2]:void 0;return classNames.reduce(function(styleObject,className){return(0,objectSpread.Z)({},styleObject,stylesheet[className])},elementStyle)}function createClassNameString(classNames){return classNames.join(" ")}function createChildren(stylesheet,useInlineStyles){var childrenCount=0;return function(children){return childrenCount+=1,children.map(function(child,i){return createElement({node:child,stylesheet,useInlineStyles,key:"code-segment-".concat(childrenCount,"-").concat(i)})})}}function createElement(_ref){var node=_ref.node,stylesheet=_ref.stylesheet,_ref$style=_ref.style,style=_ref$style===void 0?{}:_ref$style,useInlineStyles=_ref.useInlineStyles,key=_ref.key,properties=node.properties,type=node.type,TagName=node.tagName,value=node.value;if(type==="text")return value;if(TagName){var childrenCreator=createChildren(stylesheet,useInlineStyles),nonStylesheetClassNames=useInlineStyles&&properties.className&&properties.className.filter(function(className2){return!stylesheet[className2]}),className=nonStylesheetClassNames&&nonStylesheetClassNames.length?nonStylesheetClassNames:void 0,props=useInlineStyles?(0,objectSpread.Z)({},properties,{className:className&&createClassNameString(className)},{style:createStyleObject(properties.className,Object.assign({},properties.style,style),stylesheet)}):(0,objectSpread.Z)({},properties,{className:createClassNameString(properties.className)}),children=childrenCreator(node.children);return react.createElement(TagName,(0,esm_extends.Z)({key},props),children)}}const checkForListedLanguage=function(astGenerator,language){var langs=astGenerator.listLanguages();return langs.indexOf(language)!==-1};var newLineRegex=/\n/g;function getNewLines(str){return str.match(newLineRegex)}function getAllLineNumbers(_ref){var lines=_ref.lines,startingLineNumber=_ref.startingLineNumber,style=_ref.style;return lines.map(function(_,i){var number=i+startingLineNumber;return react.createElement("span",{key:"line-".concat(i),className:"react-syntax-highlighter-line-number",style:typeof style=="function"?style(number):style},"".concat(number,`
 `))})}function AllLineNumbers(_ref2){var codeString=_ref2.codeString,codeStyle=_ref2.codeStyle,_ref2$containerStyle=_ref2.containerStyle,containerStyle=_ref2$containerStyle===void 0?{float:"left",paddingRight:"10px"}:_ref2$containerStyle,_ref2$numberStyle=_ref2.numberStyle,numberStyle=_ref2$numberStyle===void 0?{}:_ref2$numberStyle,startingLineNumber=_ref2.startingLineNumber;return react.createElement("code",{style:Object.assign({},codeStyle,containerStyle)},getAllLineNumbers({lines:codeString.replace(/\n$/,"").split(`
 `),style:numberStyle,startingLineNumber}))}function getEmWidthOfNumber(num){var len=num.toString().length;return"".concat(len,"em")}function getInlineLineNumber(lineNumber,inlineLineNumberStyle){return{type:"element",tagName:"span",properties:{key:"line-number--".concat(lineNumber),className:["comment","linenumber","react-syntax-highlighter-line-number"],style:inlineLineNumberStyle},children:[{type:"text",value:lineNumber}]}}function assembleLineNumberStyles(lineNumberStyle,lineNumber,largestLineNumber){var defaultLineNumberStyle={display:"inline-block",minWidth:getEmWidthOfNumber(largestLineNumber),paddingRight:"1em",textAlign:"right",userSelect:"none"},customLineNumberStyle=typeof lineNumberStyle=="function"?lineNumberStyle(lineNumber):lineNumberStyle,assembledStyle=(0,objectSpread.Z)({},defaultLineNumberStyle,customLineNumberStyle);return assembledStyle}function createLineElement(_ref3){var children=_ref3.children,lineNumber=_ref3.lineNumber,lineNumberStyle=_ref3.lineNumberStyle,largestLineNumber=_ref3.largestLineNumber,showInlineLineNumbers=_ref3.showInlineLineNumbers,_ref3$lineProps=_ref3.lineProps,lineProps=_ref3$lineProps===void 0?{}:_ref3$lineProps,_ref3$className=_ref3.className,className=_ref3$className===void 0?[]:_ref3$className,properties=typeof lineProps=="function"?lineProps(lineNumber):lineProps;if(properties.className=className,lineNumber&&showInlineLineNumbers){var inlineLineNumberStyle=assembleLineNumberStyles(lineNumberStyle,lineNumber,largestLineNumber);children.unshift(getInlineLineNumber(lineNumber,inlineLineNumberStyle))}return{type:"element",tagName:"span",properties,children}}function flattenCodeTree(tree){for(var className=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],newTree=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[],i=0;i<tree.length;i++){var node=tree[i];if(node.type==="text")newTree.push(createLineElement({children:[node],className}));else if(node.children){var classNames=className.concat(node.properties.className);newTree=newTree.concat(flattenCodeTree(node.children,classNames))}}return newTree}function processLines(codeTree,wrapLines,lineProps,showLineNumbers,showInlineLineNumbers,startingLineNumber,largestLineNumber,lineNumberStyle){var _ref4,tree=flattenCodeTree(codeTree.value),newTree=[],lastLineBreakIndex=-1,index=0;function createWrappedLine(children2,lineNumber2){var className=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[];return createLineElement({children:children2,lineNumber:lineNumber2,lineNumberStyle,largestLineNumber,showInlineLineNumbers,lineProps,className})}function createUnwrappedLine(children2,lineNumber2){if(lineNumber2&&showInlineLineNumbers){var inlineLineNumberStyle=assembleLineNumberStyles(lineNumberStyle,lineNumber2,largestLineNumber);children2.unshift(getInlineLineNumber(lineNumber2,inlineLineNumberStyle))}return children2}function createLine(children2,lineNumber2){var className=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[];return wrapLines||className.length>0?createWrappedLine(children2,lineNumber2,className):createUnwrappedLine(children2,lineNumber2)}for(var _loop=function(){var node=tree[index],value=node.children[0].value,newLines=getNewLines(value);if(newLines){var splitValue=value.split(`
 `);splitValue.forEach(function(text,i){var lineNumber2=showLineNumbers&&newTree.length+startingLineNumber,newChild={type:"text",value:"".concat(text,`