@teambit/mdx 0.0.829 → 0.0.832

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/artifacts/__bit_junit.xml +5 -5
  2. package/artifacts/env-template/public/{438.03213c510e0c426eabc4.js → 438.5abbf8cd75b42f25dae9.js} +5 -5
  3. package/artifacts/env-template/public/assets-manifest.json +8 -8
  4. package/artifacts/env-template/public/{compositions.f6dbe9755cf2c9d7fbf5.js → compositions.77b22d66d5d8264a45ba.js} +1 -1
  5. package/artifacts/env-template/public/compositions.html +1 -1
  6. package/artifacts/env-template/public/overview.0d2c44d57eca10d8c163.js +1 -0
  7. package/artifacts/env-template/public/overview.html +1 -1
  8. package/artifacts/env-template/public/{peers.3cba9e666b484357c3ed.js → peers.d0aebd632db7692e6f99.js} +1 -1
  9. package/artifacts/preview/teambit_mdx_mdx-preview.js +1 -1
  10. package/{compositions-1662892819691.js → compositions-1663069999927.js} +0 -0
  11. package/{overview-1662892819691.js → overview-1663069999927.js} +0 -0
  12. package/package-tar/teambit-mdx-0.0.832.tgz +0 -0
  13. package/package.json +15 -15
  14. package/{preview-1662892819691.js → preview-1663069999927.js} +4 -2
  15. package/artifacts/env-template/public/overview.ebb620c7d99e56295176.js +0 -1
  16. package/package-tar/teambit-mdx-0.0.829.tgz +0 -0
package/artifacts/env-template/public/{438.03213c510e0c426eabc4.js → 438.5abbf8cd75b42f25dae9.js} RENAMED
@@ -98,7 +98,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
98
98
  }
99
99
  }
100
100
  }
101
- `;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";var _interopRequireDefault=__webpack_require__(95318);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,"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,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}}),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,"InvalidComponent",{enumerable:!0,get:function(){return _component2().InvalidComponent}}),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,"TopBarNavProps",{enumerable:!0,get:function(){return _topBarNav().TopBarNavProps}}),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}});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}var _default=_component().ComponentAspect;exports.default=_default},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(){var _this$_consumer;return(_this$_consumer=this._consumer).issues||(_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";__webpack_require__(66992),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)=>{var _preReleases$;const preReleases=current.version.prerelease;return!preReleases.length||preReleases.length!==2||typeof preReleases[0]!="string"||(acc[_preReleases$=preReleases[0]]||(acc[_preReleases$]=[])).push(current.version.raw),acc},{});return Object.keys(preReleaseTagsWithAllVersions).reduce((acc,current)=>(acc[current]=(0,_semver().maxSatisfying)(preReleaseTagsWithAllVersions[current],"*",{includePrerelease:!0}),acc),{})}getHashMap(){const res2=new Map;return this.forEach(tag=>{res2.set(tag.hash,tag)}),res2}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";var _interopRequireDefault=__webpack_require__(95318);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}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";__webpack_require__(41817),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)}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";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),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 _lanesHooks(){const data=__webpack_require__(33461);return _lanesHooks=function(){return data},data}function _componentModule(){const data=_interopRequireDefault(__webpack_require__(33084));return _componentModule=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 _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 Component({routeSlot,containerSlot,host,onComponentChange,componentIdStr,useComponent}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentId=componentIdStr?_().ComponentID.fromString(componentIdStr):void 0,fullName=componentId?.fullName||idFromLocation,{lanesModel}=(0,_lanesHooks().useLanes)(),laneComponent=fullName?lanesModel?.resolveComponent(fullName):void 0,useComponentOptions={logFilters:laneComponent&&{log:{logHead:laneComponent.version}},customUseComponent:useComponent},{component,componentDescriptor,error}=(0,_useComponent().useComponent)(host,laneComponent?.id.toString()||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:`${fullName}/*`,slot:routeSlot})),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=(0,_react().createContext)(_componentModel().ComponentModel.empty());exports.ComponentContext=ComponentContext;const ComponentDescriptorContext=(0,_react().createContext)(void 0);exports.ComponentDescriptorContext=ComponentDescriptorContext;const useComponentDescriptor=()=>(0,_react().useContext)(ComponentDescriptorContext);exports.useComponentDescriptor=useComponentDescriptor},9994:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);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 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",{enumerable:!0,get:function(){return _component().Component}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _context().ComponentContext}}),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,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"TopBarNavProps",{enumerable:!0,get:function(){return _topBarNav().TopBarNavProps}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _useComponentQuery().componentFields}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _useComponentQuery().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _useComponentQuery().componentOverviewFields}}),Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _useComponent().useComponent}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _useComponentFromLocation().useIdFromLocation}});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 _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}},70820:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}});function _menu(){const data=__webpack_require__(23813);return _menu=function(){return data},data}},58072:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(2707),Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuNav=MenuNav;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}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 _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 _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 MenuNav({navigationSlot,className}){const plugins=(0,_react().useMemo)(()=>navigationSlot.toArray().sort(sortFn),[navigationSlot]);return _react().default.createElement("nav",{className:(0,_classnames().default)(_menuModule().default.navigation,_menuModule().default.desktopNav,className)},plugins.map(([id,menuItem])=>_react().default.createElement(_topBarNav().TopBarNav,(0,_extends2().default)({key:id},menuItem.props))))}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}},23813:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMenu=ComponentMenu;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(33879);return _reactRouterDom=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(14220);return _uiFoundationUi=function(){return data},data}function _componentUi(){const data=__webpack_require__(24636);return _componentUi=function(){return data},data}function _uiFoundationUi2(){const data=__webpack_require__(60300);return _uiFoundationUi2=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=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 _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 _mobileMenuNav(){const data=__webpack_require__(76211);return _mobileMenuNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(73161));return _menuModule=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 _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(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2().default)(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function ComponentMenu({navigationSlot,widgetSlot,className,host,menuItemSlot,consumeMethodSlot,componentIdStr,useComponent}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentId=componentIdStr?_().ComponentID.fromString(componentIdStr):void 0,fullName=componentId?.fullName||idFromLocation,{lanesModel}=(0,_lanesHooks().useLanes)(),laneComponent=fullName?lanesModel?.resolveComponent(fullName):void 0,useComponentOptions={logFilters:laneComponent&&{log:{logHead:laneComponent.version}},customUseComponent:useComponent},{component}=(0,_useComponent().useComponent)(host,laneComponent?.id.toString()||componentId?.toStringWithoutVersion()||fullName,useComponentOptions),mainMenuItems=(0,_react().useMemo)(()=>(0,_lodash().groupBy)((0,_lodash().flatten)(menuItemSlot.values()),"category"),[menuItemSlot]);return component?_react().default.createElement(_reactRouterDom().Routes,null,_react().default.createElement(_reactRouterDom().Route,{path:`${fullName}/*`,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().MenuNav,{navigationSlot}),_react().default.createElement(_mobileMenuNav().MobileMenuNav,{navigationSlot,widgetSlot})),_react().default.createElement("div",{className:_menuModule().default.rightSide},_react().default.createElement("div",{className:_menuModule().default.widgets},_react().default.createElement(_menuNav().MenuNav,{navigationSlot:widgetSlot})),_react().default.createElement(VersionRelatedDropdowns,{component,consumeMethods:consumeMethodSlot,host}),_react().default.createElement(_uiFoundationUi().MainDropdown,{menuItems:mainMenuItems})))})):_react().default.createElement(_uiFoundationUi2().FullLoader,null)}function VersionRelatedDropdowns({component,consumeMethods,host}){const location=(0,_baseReactNavigation().useLocation)(),{lanesModel}=(0,_lanesHooks().useLanes)(),currentLane=lanesModel?.viewedLane,{logs}=component,isWorkspace=host==="teambit.workspace/workspace",snaps=(0,_react().useMemo)(()=>(logs||[]).filter(log=>!log.tag).map(snap=>_objectSpread(_objectSpread({},snap),{},{version:snap.hash})).reverse(),[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$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]),isNew=snaps.length===0&&tags.length===0,lanes=lanesModel?.getLanesByComponentId(component.id)||[],localVersion=isWorkspace&&!isNew&&!currentLane,currentVersion=isWorkspace&&!isNew&&!(location!=null&&location.search.includes("version"))?"workspace":component.version,methods=useConsumeMethods(consumeMethods,component,currentLane);return _react().default.createElement(_react().default.Fragment,null,tags.length>0&&_react().default.createElement(_uiFoundationUiUseBox().UseBoxDropdown,{position:"bottom-end",className:_menuModule().default.useBox,Menu:_react().default.createElement(_uiFoundationUiUseBox2().Menu,{methods,componentName:component.id.name})}),_react().default.createElement(_componentUi().VersionDropdown,{tags,snaps,lanes,localVersion,currentVersion,latestVersion:component.latest,currentLane,menuClassName:_menuModule().default.componentVersionMenu}))}function useConsumeMethods(consumeMethods,componentModel,currentLane){return(0,_react().useMemo)(()=>(0,_lodash().flatten)(consumeMethods.values()).map(method=>method?.(componentModel,{currentLane})).filter(x=>!!x&&x.Component&&x.Title),[consumeMethods,componentModel,currentLane])}},76211:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(2707),Object.defineProperty(exports,"__esModule",{value:!0}),exports.MobileMenuNav=MobileMenuNav;function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(33879);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _designElements(){const data=__webpack_require__(25768);return _designElements=function(){return data},data}function _designInputs(){const data=__webpack_require__(54290);return _designInputs=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=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 _mobileMenuNavModule(){const data=_interopRequireDefault(__webpack_require__(47722));return _mobileMenuNavModule=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function MobileMenuNav({navigationSlot,widgetSlot,className}){const totalSlots=(0,_react().useMemo)(()=>[...navigationSlot.toArray().sort(sortFn),...widgetSlot.toArray().sort(sortFn)],[navigationSlot,widgetSlot]);return _react().default.createElement(_designInputs().Dropdown,{placeholder:_react().default.createElement(Placeholder,{slots:totalSlots}),className:(0,_classnames().default)(_menuModule().default.navigation,_menuModule().default.mobileNav,className),dropClass:_mobileMenuNavModule().default.mobileMenu},_react().default.createElement("nav",null,_react().default.createElement(_designElements().Icon,{of:"x-thick",className:_mobileMenuNavModule().default.close}),totalSlots.map(([id,menuItem])=>_react().default.createElement(_topBarNav().TopBarNav,(0,_extends2().default)({key:id},menuItem.props,{className:_mobileMenuNavModule().default.mobileMenuLink,activeClassName:_mobileMenuNavModule().default.active}),typeof menuItem.props.children=="string"?menuItem.props.children:menuItem.props.displayName))))}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}function Placeholder(_ref){let{slots}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["slots"]);return _react().default.createElement("div",(0,_extends2().default)({},rest,{className:_mobileMenuNavModule().default.placeholder}),slots.map(([id,menuItem])=>_react().default.createElement(ShowWhenMatch,{key:id,href:menuItem.props.href||"",end:menuItem.props.exact},typeof menuItem.props.children=="string"?menuItem.props.children:menuItem.props.displayName)),_react().default.createElement(_designElements().Icon,{of:"fat-arrow-down"}))}function ShowWhenMatch({href,children,caseSensitive,end:exact}){return useLinkMatch(href,{caseSensitive,exact})?_react().default.createElement(_react().default.Fragment,null,children):null}function useLinkMatch(href,{caseSensitive,exact}={}){const location=(0,_baseReactNavigation().useLocation)();let pathname=location?.pathname||"/",destination=(0,_reactRouterDom().useResolvedPath)(href).pathname;return caseSensitive||(pathname=pathname.toLowerCase(),destination=destination.toLowerCase()),destination===pathname||!exact&&pathname.startsWith(destination)&&pathname.charAt(destination.length)==="/"}},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";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.TopBarNav=TopBarNav;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}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__(33879);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}function TopBarNav(_ref){let{href,className,activeClassName,children}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["href","className","activeClassName","children"]);const{search}=(0,_reactRouterDom().useLocation)(),target=`${href}${search}`;return _react().default.createElement(_baseReactNavigation().Link,(0,_extends2().default)({},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";__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIdFromLocation=useIdFromLocation;function _reactRouterDom(){const data=__webpack_require__(33879);return _reactRouterDom=function(){return data},data}const componentRegex=/^[\w/-]*[\w-]/;function useIdFromLocation(){const splat=(0,_reactRouterDom().useParams)()["*"];if(!splat)return;const match=componentRegex.exec(splat);return match?.[0]}},62589:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentOverviewFields=exports.componentIdFields=exports.componentFields=void 0,exports.useComponentQuery=useComponentQuery;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}function _react(){const data=__webpack_require__(67294);return _react=function(){return data},data}function _client(){const data=__webpack_require__(88472);return _client=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 _componentError(){const data=__webpack_require__(70145);return _componentError=function(){return data},data}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2().default)(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}const componentIdFields=(0,_client().gql)`
101
+ `;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";var _interopRequireDefault=__webpack_require__(95318);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,"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,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}}),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,"InvalidComponent",{enumerable:!0,get:function(){return _component2().InvalidComponent}}),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,"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}});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}var _default=_component().ComponentAspect;exports.default=_default},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(){var _this$_consumer;return(_this$_consumer=this._consumer).issues||(_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";__webpack_require__(66992),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)=>{var _preReleases$;const preReleases=current.version.prerelease;return!preReleases.length||preReleases.length!==2||typeof preReleases[0]!="string"||(acc[_preReleases$=preReleases[0]]||(acc[_preReleases$]=[])).push(current.version.raw),acc},{});return Object.keys(preReleaseTagsWithAllVersions).reduce((acc,current)=>(acc[current]=(0,_semver().maxSatisfying)(preReleaseTagsWithAllVersions[current],"*",{includePrerelease:!0}),acc),{})}getHashMap(){const res2=new Map;return this.forEach(tag=>{res2.set(tag.hash,tag)}),res2}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";var _interopRequireDefault=__webpack_require__(95318);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}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";__webpack_require__(41817),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)}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";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),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 _lanesHooks(){const data=__webpack_require__(33461);return _lanesHooks=function(){return data},data}function _componentModule(){const data=_interopRequireDefault(__webpack_require__(33084));return _componentModule=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 _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 Component({routeSlot,containerSlot,host,onComponentChange,componentIdStr,useComponent}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentId=componentIdStr?_().ComponentID.fromString(componentIdStr):void 0,fullName=componentId?.fullName||idFromLocation,{lanesModel}=(0,_lanesHooks().useLanes)(),laneComponent=fullName?lanesModel?.resolveComponent(fullName):void 0,useComponentOptions={logFilters:laneComponent&&{log:{logHead:laneComponent.version}},customUseComponent:useComponent},{component,componentDescriptor,error}=(0,_useComponent().useComponent)(host,laneComponent?.id.toString()||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:`${fullName}/*`,slot:routeSlot})),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=(0,_react().createContext)(_componentModel().ComponentModel.empty());exports.ComponentContext=ComponentContext;const ComponentDescriptorContext=(0,_react().createContext)(void 0);exports.ComponentDescriptorContext=ComponentDescriptorContext;const useComponentDescriptor=()=>(0,_react().useContext)(ComponentDescriptorContext);exports.useComponentDescriptor=useComponentDescriptor},9994:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);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 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",{enumerable:!0,get:function(){return _component().Component}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _context().ComponentContext}}),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,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _useComponentQuery().componentFields}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _useComponentQuery().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _useComponentQuery().componentOverviewFields}}),Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _useComponent().useComponent}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _useComponentFromLocation().useIdFromLocation}});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 _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}},70820:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}});function _menu(){const data=__webpack_require__(23813);return _menu=function(){return data},data}},58072:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(2707),Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuNav=MenuNav;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}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 _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 _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 MenuNav({navigationSlot,className}){const plugins=(0,_react().useMemo)(()=>navigationSlot.toArray().sort(sortFn),[navigationSlot]);return _react().default.createElement("nav",{className:(0,_classnames().default)(_menuModule().default.navigation,_menuModule().default.desktopNav,className)},plugins.map(([id,menuItem])=>_react().default.createElement(_topBarNav().TopBarNav,(0,_extends2().default)({key:id},menuItem.props))))}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}},23813:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMenu=ComponentMenu;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(33879);return _reactRouterDom=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(14220);return _uiFoundationUi=function(){return data},data}function _componentUi(){const data=__webpack_require__(24636);return _componentUi=function(){return data},data}function _uiFoundationUi2(){const data=__webpack_require__(60300);return _uiFoundationUi2=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=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 _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 _mobileMenuNav(){const data=__webpack_require__(76211);return _mobileMenuNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(73161));return _menuModule=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 _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(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2().default)(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function ComponentMenu({navigationSlot,widgetSlot,className,host,menuItemSlot,consumeMethodSlot,componentIdStr,useComponent}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentId=componentIdStr?_().ComponentID.fromString(componentIdStr):void 0,fullName=componentId?.fullName||idFromLocation,{lanesModel}=(0,_lanesHooks().useLanes)(),laneComponent=fullName?lanesModel?.resolveComponent(fullName):void 0,useComponentOptions={logFilters:laneComponent&&{log:{logHead:laneComponent.version}},customUseComponent:useComponent},{component}=(0,_useComponent().useComponent)(host,laneComponent?.id.toString()||componentId?.toStringWithoutVersion()||fullName,useComponentOptions),mainMenuItems=(0,_react().useMemo)(()=>(0,_lodash().groupBy)((0,_lodash().flatten)(menuItemSlot.values()),"category"),[menuItemSlot]);return component?_react().default.createElement(_reactRouterDom().Routes,null,_react().default.createElement(_reactRouterDom().Route,{path:`${fullName}/*`,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().MenuNav,{navigationSlot}),_react().default.createElement(_mobileMenuNav().MobileMenuNav,{navigationSlot,widgetSlot})),_react().default.createElement("div",{className:_menuModule().default.rightSide},_react().default.createElement("div",{className:_menuModule().default.widgets},_react().default.createElement(_menuNav().MenuNav,{navigationSlot:widgetSlot})),_react().default.createElement(VersionRelatedDropdowns,{component,consumeMethods:consumeMethodSlot,host}),_react().default.createElement(_uiFoundationUi().MainDropdown,{menuItems:mainMenuItems})))})):_react().default.createElement(_uiFoundationUi2().FullLoader,null)}function VersionRelatedDropdowns({component,consumeMethods,host}){const location=(0,_baseReactNavigation().useLocation)(),{lanesModel}=(0,_lanesHooks().useLanes)(),currentLane=lanesModel?.viewedLane,{logs}=component,isWorkspace=host==="teambit.workspace/workspace",snaps=(0,_react().useMemo)(()=>(logs||[]).filter(log=>!log.tag).map(snap=>_objectSpread(_objectSpread({},snap),{},{version:snap.hash})).reverse(),[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$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]),isNew=snaps.length===0&&tags.length===0,lanes=lanesModel?.getLanesByComponentId(component.id)||[],localVersion=isWorkspace&&!isNew&&!currentLane,currentVersion=isWorkspace&&!isNew&&!(location!=null&&location.search.includes("version"))?"workspace":component.version,methods=useConsumeMethods(consumeMethods,component,currentLane);return _react().default.createElement(_react().default.Fragment,null,tags.length>0&&_react().default.createElement(_uiFoundationUiUseBox().UseBoxDropdown,{position:"bottom-end",className:_menuModule().default.useBox,Menu:_react().default.createElement(_uiFoundationUiUseBox2().Menu,{methods,componentName:component.id.name})}),_react().default.createElement(_componentUi().VersionDropdown,{tags,snaps,lanes,localVersion,currentVersion,latestVersion:component.latest,currentLane,menuClassName:_menuModule().default.componentVersionMenu}))}function useConsumeMethods(consumeMethods,componentModel,currentLane){return(0,_react().useMemo)(()=>(0,_lodash().flatten)(consumeMethods.values()).map(method=>method?.(componentModel,{currentLane})).filter(x=>!!x&&x.Component&&x.Title),[consumeMethods,componentModel,currentLane])}},76211:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(2707),Object.defineProperty(exports,"__esModule",{value:!0}),exports.MobileMenuNav=MobileMenuNav;function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(33879);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _designElements(){const data=__webpack_require__(25768);return _designElements=function(){return data},data}function _designInputs(){const data=__webpack_require__(54290);return _designInputs=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=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 _mobileMenuNavModule(){const data=_interopRequireDefault(__webpack_require__(47722));return _mobileMenuNavModule=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function MobileMenuNav({navigationSlot,widgetSlot,className}){const totalSlots=(0,_react().useMemo)(()=>[...navigationSlot.toArray().sort(sortFn),...widgetSlot.toArray().sort(sortFn)],[navigationSlot,widgetSlot]);return _react().default.createElement(_designInputs().Dropdown,{placeholder:_react().default.createElement(Placeholder,{slots:totalSlots}),className:(0,_classnames().default)(_menuModule().default.navigation,_menuModule().default.mobileNav,className),dropClass:_mobileMenuNavModule().default.mobileMenu},_react().default.createElement("nav",null,_react().default.createElement(_designElements().Icon,{of:"x-thick",className:_mobileMenuNavModule().default.close}),totalSlots.map(([id,menuItem])=>_react().default.createElement(_topBarNav().TopBarNav,(0,_extends2().default)({key:id},menuItem.props,{className:_mobileMenuNavModule().default.mobileMenuLink,activeClassName:_mobileMenuNavModule().default.active}),typeof menuItem.props.children=="string"?menuItem.props.children:menuItem.props.displayName))))}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}function Placeholder(_ref){let{slots}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["slots"]);return _react().default.createElement("div",(0,_extends2().default)({},rest,{className:_mobileMenuNavModule().default.placeholder}),slots.map(([id,menuItem])=>_react().default.createElement(ShowWhenMatch,{key:id,href:menuItem.props.href||"",end:menuItem.props.exact},typeof menuItem.props.children=="string"?menuItem.props.children:menuItem.props.displayName)),_react().default.createElement(_designElements().Icon,{of:"fat-arrow-down"}))}function ShowWhenMatch({href,children,caseSensitive,end:exact}){return useLinkMatch(href,{caseSensitive,exact})?_react().default.createElement(_react().default.Fragment,null,children):null}function useLinkMatch(href,{caseSensitive,exact}={}){const location=(0,_baseReactNavigation().useLocation)();let pathname=location?.pathname||"/",destination=(0,_reactRouterDom().useResolvedPath)(href).pathname;return caseSensitive||(pathname=pathname.toLowerCase(),destination=destination.toLowerCase()),destination===pathname||!exact&&pathname.startsWith(destination)&&pathname.charAt(destination.length)==="/"}},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";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.TopBarNav=TopBarNav;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}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__(33879);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}function TopBarNav(_ref){let{href,className,activeClassName,children,displayName}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["href","className","activeClassName","children","displayName"]);const{search}=(0,_reactRouterDom().useLocation)(),preventPassingDisplayNameToLink=displayName,target=`${href}${search}`;return _react().default.createElement(_baseReactNavigation().Link,(0,_extends2().default)({},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";__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIdFromLocation=useIdFromLocation;function _reactRouterDom(){const data=__webpack_require__(33879);return _reactRouterDom=function(){return data},data}const componentRegex=/^[\w/-]*[\w-]/;function useIdFromLocation(){const splat=(0,_reactRouterDom().useParams)()["*"];if(!splat)return;const match=componentRegex.exec(splat);return match?.[0]}},62589:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentOverviewFields=exports.componentIdFields=exports.componentFields=void 0,exports.useComponentQuery=useComponentQuery;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}function _react(){const data=__webpack_require__(67294);return _react=function(){return data},data}function _client(){const data=__webpack_require__(88472);return _client=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 _componentError(){const data=__webpack_require__(70145);return _componentError=function(){return data},data}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2().default)(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}const componentIdFields=(0,_client().gql)`
102
102
  fragment componentIdFields on ComponentID {
103
103
  name
104
104
  version
@@ -225,7 +225,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
225
225
  }
226
226
  }
227
227
  ${componentIdFields}
228
- `;function useComponentQuery(componentId,host,filters){var _data$getHost;const idRef=(0,_react().useRef)(componentId);idRef.current=componentId;const _useDataQuery=(0,_uiFoundationUiHooks().useDataQuery)(GET_COMPONENT,{variables:_objectSpread({id:componentId,extensionId:host},filters?.log||{})}),{data,error,loading,subscribeToMore}=_useDataQuery,rest=(0,_objectWithoutProperties2().default)(_useDataQuery,["data","error","loading","subscribeToMore"]);(0,_react().useEffect)(()=>{if(host!=="teambit.workspace/workspace")return()=>{};const unsubAddition=subscribeToMore({document:SUB_SUBSCRIPTION_ADDED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost,_subscriptionData$dat,_subscriptionData$dat2;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$dat2=_subscriptionData$dat.componentAdded)===null||_subscriptionData$dat2===void 0?void 0:_subscriptionData$dat2.component;return!addedComponent||prevComponent?prev:idRef.current===addedComponent.id.name?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:addedComponent})}):prev}}),unsubChanges=subscribeToMore({document:SUB_COMPONENT_CHANGED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost2,_subscriptionData$dat3,_subscriptionData$dat4;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$dat3=subscriptionData.data)===null||_subscriptionData$dat3===void 0||(_subscriptionData$dat4=_subscriptionData$dat3.componentChanged)===null||_subscriptionData$dat4===void 0?void 0:_subscriptionData$dat4.component;return updatedComponent&&_componentId().ComponentID.isEqualObj(prevComponent?.id,updatedComponent?.id)?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:updatedComponent})}):prev}}),unsubRemoval=subscribeToMore({document:SUB_COMPONENT_REMOVED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost3,_subscriptionData$dat5,_subscriptionData$dat6;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$dat5=subscriptionData.data)===null||_subscriptionData$dat5===void 0||(_subscriptionData$dat6=_subscriptionData$dat5.componentRemoved)===null||_subscriptionData$dat6===void 0?void 0:_subscriptionData$dat6.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 rawComponent=data==null||(_data$getHost=data.getHost)===null||_data$getHost===void 0?void 0:_data$getHost.get;return(0,_react().useMemo)(()=>{const aspectList={entries:rawComponent?.aspects.map(aspectObject=>_objectSpread(_objectSpread({},aspectObject),{},{aspectId:aspectObject.id,aspectData:aspectObject.data}))},id=rawComponent&&_componentId().ComponentID.fromObject(rawComponent.id);return _objectSpread({componentDescriptor:id?_componentDescriptor().ComponentDescriptor.fromObject({id:id.toString(),aspectList}):void 0,component:rawComponent?_componentModel().ComponentModel.from(_objectSpread(_objectSpread({},rawComponent),{},{host})):void 0,error:error?new(_componentError()).ComponentError(500,error.message):!rawComponent&&!loading?new(_componentError()).ComponentError(404):void 0,loading},rest)},[rawComponent,host,error])}},21268:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),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(host,id,options){var _ref;const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent}=options||{},componentVersion=(_ref=version||query.get("version"))!==null&&_ref!==void 0?_ref:void 0;if(!id)throw new TypeError("useComponent received no component id");const componentIdStr=withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr,host,logFilters)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},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}})},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),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.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__(32334),compositions_model_composition_id_1=__webpack_require__(91888),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.CompositionCardProps=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(86435);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}}),Object.defineProperty(exports,"CompositionCardProps",{enumerable:!0,get:function(){return composition_card_1.CompositionCardProps}})},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),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.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}})},494:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreviewQueryParams=exports.usePreview=exports.CompositionContextProviderProps=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,"CompositionContextProviderProps",{enumerable:!0,get:function(){return use_composition_1.CompositionContextProviderProps}}),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),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};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)(value2=>ctx.setQueryParams(state=>Object.assign(Object.assign({},state),{[paramName]:value2})),[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}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},36717:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CompositionsAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});exports.CompositionsAspect=CompositionsAspect;var _default=CompositionsAspect;exports.default=_default},82704:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),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 _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__(75694);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}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 Compositions({menuBarWidgets,emptyState}){var _component$preview;const component=(0,_react().useContext)(_component().ComponentContext),[selected,selectComposition]=(0,_react().useState)((0,_lodash().default)(component.compositions)),selectedRef=(0,_react().useRef)(selected);selectedRef.current=selected;const properties=(0,_docsUiQueries().useDocs)(component.id);(0,_react().useEffect)(()=>{var _selectedRef$current;const prevId=(_selectedRef$current=selectedRef.current)===null||_selectedRef$current===void 0?void 0:_selectedRef$current.identifier,next=component.compositions.find(c=>c.identifier===prevId)||component.compositions[0];selectComposition(next)},[component]);const 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"),currentCompositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",selected?.identifier),[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:currentCompositionUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"}))),_react().default.createElement(CompositionContent,{emptyState,component,selected,queryParams:(_component$preview=component.preview)!==null&&_component$preview!==void 0&&_component$preview.isScaling?`name=${queryParams}`: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,{onSelectComposition:selectComposition,url:compositionUrl,compositions:component.compositions,active:selected,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({component,selected,queryParams,emptyState}){var _component$environmen;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/docs/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,{className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams})}},61517:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(26561));return _lodash=function(){return data},data}function _compositions(){const data=__webpack_require__(36717);return _compositions=function(){return data},data}class CompositionsPreview{constructor(preview){this.preview=preview}render(componentId,modules,otherPreviewDefs,context){if(!modules.componentMap[componentId.fullName])return;const compositions=this.selectPreviewModel(componentId.fullName,modules),active=this.getActiveComposition(compositions);modules.mainModule.default(active,context)}selectPreviewModel(componentId,previewModule){const files=previewModule.componentMap[componentId]||[];return Object.assign({},...files)}getActiveComposition(module){const query=this.preview.getQuery(),param=this.preview.getParam(query,"name");return param&&module[param]?module[param]:(0,_lodash().default)(Object.values(module))}static async provider([preview]){const compPreview=new CompositionsPreview(preview);return preview.registerPreview({name:"compositions",render:compPreview.render.bind(compPreview),selectPreviewModel:compPreview.selectPreviewModel.bind(compPreview),default:!0}),compPreview}}__webpack_unused_export__=CompositionsPreview,(0,_defineProperty2().default)(CompositionsPreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(CompositionsPreview,"dependencies",[_preview().PreviewAspect]),_compositions().CompositionsAspect.addRuntime(CompositionsPreview)},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}}),Object.defineProperty(exports,"CompositionsOverview",{enumerable:!0,get:function(){return _compositionsOverview().CompositionsOverview}}),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 _compositionsOverview(){const data=__webpack_require__(17126);return _compositionsOverview=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}var _default=_compositions().CompositionsAspect;exports.default=_default},23700:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}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}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 ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["composition","component","queryParams"]);const compositionParams=(0,_react().useMemo)(()=>{var _component$preview;return(composition?[(_component$preview=component.preview)!==null&&_component$preview!==void 0&&_component$preview.isScaling?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams)},[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,(0,_extends2().default)({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams}))}},61425:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsOverview=CompositionsOverview;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(88903);return _compositionsUi=function(){return data},data}function _compositionsOverviewModule(){const data=_interopRequireDefault(__webpack_require__(486));return _compositionsOverviewModule=function(){return data},data}function CompositionsOverview({compositions,compositionCardClass}){return _react().default.createElement("div",{className:_compositionsOverviewModule().default.background},compositions&&Object.entries(compositions).map(([key,composition])=>_react().default.createElement(_compositionsUi().CompositionCard,{key,Composition:composition,name:key,className:compositionCardClass})))}},17126:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _compositionsOverview=__webpack_require__(61425);Object.keys(_compositionsOverview).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_compositionsOverview[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _compositionsOverview[key]}})})},14427:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}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}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 CompositionsPanel(_ref){let{url,compositions,onSelectComposition:onSelect,active,className}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["url","compositions","onSelectComposition","active","className"]);const handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected)},[onSelect]);return _react().default.createElement("ul",(0,_extends2().default)({},rest,{className:(0,_classnames().default)(className)}),compositions.map(composition=>_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:`${url}&${composition.identifier}`},_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}})},76924: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.Dropdown=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(16558)),base_ui_surfaces_drawer_1=__webpack_require__(62918),base_ui_surfaces_abs_container_1=__webpack_require__(63867),base_ui_css_components_elevation_1=__webpack_require__(88834),base_ui_css_components_roundness_1=__webpack_require__(70518),base_ui_surfaces_background_1=__webpack_require__(17287),evangelist_css_components_fade_in_out_1=__webpack_require__(33859),dropdown_module_scss_1=__importDefault(__webpack_require__(82135));function Dropdown(_a){var{children,position="bottom",elevation="low",roundness="small",dropClass,margin=4}=_a,rest=__rest(_a,["children","position","elevation","roundness","dropClass","margin"]);return react_1.default.createElement(base_ui_surfaces_drawer_1.Drawer,Object.assign({margin},rest),react_1.default.createElement(DropdownMenu,{position,elevation,roundness,className:dropClass},children))}exports.Dropdown=Dropdown;function DropdownMenu(_a){var{className,elevation="low",roundness="small"}=_a,rest=__rest(_a,["className","elevation","roundness"]);return react_1.default.createElement(base_ui_surfaces_abs_container_1.Containee,Object.assign({},rest,{className:(0,classnames_1.default)(dropdown_module_scss_1.default.dropdownMenu,base_ui_surfaces_background_1.backgrounds.layer,base_ui_css_components_elevation_1.elevationClass[elevation],base_ui_css_components_roundness_1.roundnessClass[roundness],evangelist_css_components_fade_in_out_1.fadeInOutClass,className)}))}},54290: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__(76924),exports)},17287: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.backgrounds=void 0;const background_module_scss_1=__importDefault(__webpack_require__(21690));exports.backgrounds={bedrock:background_module_scss_1.default.bedrock,base:background_module_scss_1.default.base,layer:background_module_scss_1.default.layer,crust:background_module_scss_1.default.crust,topping:background_module_scss_1.default.topping,dent:background_module_scss_1.default.dent}},16558:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
228
+ `;function useComponentQuery(componentId,host,filters){var _data$getHost;const idRef=(0,_react().useRef)(componentId);idRef.current=componentId;const _useDataQuery=(0,_uiFoundationUiHooks().useDataQuery)(GET_COMPONENT,{variables:_objectSpread({id:componentId,extensionId:host},filters?.log||{})}),{data,error,loading,subscribeToMore}=_useDataQuery,rest=(0,_objectWithoutProperties2().default)(_useDataQuery,["data","error","loading","subscribeToMore"]);(0,_react().useEffect)(()=>{if(host!=="teambit.workspace/workspace")return()=>{};const unsubAddition=subscribeToMore({document:SUB_SUBSCRIPTION_ADDED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost,_subscriptionData$dat,_subscriptionData$dat2;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$dat2=_subscriptionData$dat.componentAdded)===null||_subscriptionData$dat2===void 0?void 0:_subscriptionData$dat2.component;return!addedComponent||prevComponent?prev:idRef.current===addedComponent.id.name?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:addedComponent})}):prev}}),unsubChanges=subscribeToMore({document:SUB_COMPONENT_CHANGED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost2,_subscriptionData$dat3,_subscriptionData$dat4;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$dat3=subscriptionData.data)===null||_subscriptionData$dat3===void 0||(_subscriptionData$dat4=_subscriptionData$dat3.componentChanged)===null||_subscriptionData$dat4===void 0?void 0:_subscriptionData$dat4.component;return updatedComponent&&_componentId().ComponentID.isEqualObj(prevComponent?.id,updatedComponent?.id)?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:updatedComponent})}):prev}}),unsubRemoval=subscribeToMore({document:SUB_COMPONENT_REMOVED,updateQuery:(prev,{subscriptionData})=>{var _prev$getHost3,_subscriptionData$dat5,_subscriptionData$dat6;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$dat5=subscriptionData.data)===null||_subscriptionData$dat5===void 0||(_subscriptionData$dat6=_subscriptionData$dat5.componentRemoved)===null||_subscriptionData$dat6===void 0?void 0:_subscriptionData$dat6.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 rawComponent=data==null||(_data$getHost=data.getHost)===null||_data$getHost===void 0?void 0:_data$getHost.get;return(0,_react().useMemo)(()=>{const aspectList={entries:rawComponent?.aspects.map(aspectObject=>_objectSpread(_objectSpread({},aspectObject),{},{aspectId:aspectObject.id,aspectData:aspectObject.data}))},id=rawComponent&&_componentId().ComponentID.fromObject(rawComponent.id);return _objectSpread({componentDescriptor:id?_componentDescriptor().ComponentDescriptor.fromObject({id:id.toString(),aspectList}):void 0,component:rawComponent?_componentModel().ComponentModel.from(_objectSpread(_objectSpread({},rawComponent),{},{host})):void 0,error:error?new(_componentError()).ComponentError(500,error.message):!rawComponent&&!loading?new(_componentError()).ComponentError(404):void 0,loading},rest)},[rawComponent,host,error])}},21268:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),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(host,id,options){var _ref;const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent}=options||{},componentVersion=(_ref=version||query.get("version"))!==null&&_ref!==void 0?_ref:void 0;if(!id)throw new TypeError("useComponent received no component id");const componentIdStr=withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr,host,logFilters)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},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}})},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),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.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__(32334),compositions_model_composition_id_1=__webpack_require__(91888),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.CompositionCardProps=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(86435);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}}),Object.defineProperty(exports,"CompositionCardProps",{enumerable:!0,get:function(){return composition_card_1.CompositionCardProps}})},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),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.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}})},494:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreviewQueryParams=exports.usePreview=exports.CompositionContextProviderProps=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,"CompositionContextProviderProps",{enumerable:!0,get:function(){return use_composition_1.CompositionContextProviderProps}}),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),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};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)(value2=>ctx.setQueryParams(state=>Object.assign(Object.assign({},state),{[paramName]:value2})),[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},36717:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CompositionsAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});exports.CompositionsAspect=CompositionsAspect;var _default=CompositionsAspect;exports.default=_default},82704:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),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 _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__(75694);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}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 Compositions({menuBarWidgets,emptyState}){var _component$preview;const component=(0,_react().useContext)(_component().ComponentContext),[selected,selectComposition]=(0,_react().useState)((0,_lodash().default)(component.compositions)),selectedRef=(0,_react().useRef)(selected);selectedRef.current=selected;const properties=(0,_docsUiQueries().useDocs)(component.id);(0,_react().useEffect)(()=>{var _selectedRef$current;const prevId=(_selectedRef$current=selectedRef.current)===null||_selectedRef$current===void 0?void 0:_selectedRef$current.identifier,next=component.compositions.find(c=>c.identifier===prevId)||component.compositions[0];selectComposition(next)},[component]);const 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,compositionIdentifierParam=isScaling?`name=${selected?.identifier}`:selected?.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,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,onSelectComposition:selectComposition,url:compositionUrl,compositions:component.compositions,active:selected,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({component,selected,queryParams,emptyState}){var _component$environmen;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/docs/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,{className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams})}},61517:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(26561));return _lodash=function(){return data},data}function _compositions(){const data=__webpack_require__(36717);return _compositions=function(){return data},data}class CompositionsPreview{constructor(preview){this.preview=preview}render(componentId,modules,otherPreviewDefs,context){if(!modules.componentMap[componentId.fullName])return;const compositions=this.selectPreviewModel(componentId.fullName,modules),metadata=this.getMetadata(componentId.fullName,modules),active=this.getActiveComposition(compositions,metadata);modules.mainModule.default(active,context)}selectPreviewModel(componentFullName,previewModule){const files=previewModule.componentMap[componentFullName]||[];return Object.assign({},...files)}getMetadata(componentFullName,previewModule){const metadata=previewModule!=null&&previewModule.componentMapMetadata?previewModule.componentMapMetadata[componentFullName]:void 0;if(metadata)return metadata}getActiveComposition(module,metadata){const query=this.preview.getQuery(),param=this.preview.getParam(query,"name");if(param&&module[param])return module[param];if(metadata&&metadata.compositions){const first2=(0,_lodash().default)(metadata.compositions),firstId=first2?.identifier;if(firstId&&module[firstId])return module[firstId]}return(0,_lodash().default)(Object.values(module))}static async provider([preview]){const compPreview=new CompositionsPreview(preview);return preview.registerPreview({name:"compositions",render:compPreview.render.bind(compPreview),selectPreviewModel:compPreview.selectPreviewModel.bind(compPreview),default:!0}),compPreview}}__webpack_unused_export__=CompositionsPreview,(0,_defineProperty2().default)(CompositionsPreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(CompositionsPreview,"dependencies",[_preview().PreviewAspect]),_compositions().CompositionsAspect.addRuntime(CompositionsPreview)},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}}),Object.defineProperty(exports,"CompositionsOverview",{enumerable:!0,get:function(){return _compositionsOverview().CompositionsOverview}}),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 _compositionsOverview(){const data=__webpack_require__(17126);return _compositionsOverview=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}var _default=_compositions().CompositionsAspect;exports.default=_default},23700:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}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}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 ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["composition","component","queryParams"]);const compositionParams=(0,_react().useMemo)(()=>{var _component$preview;return(composition?[(_component$preview=component.preview)!==null&&_component$preview!==void 0&&_component$preview.isScaling?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams)},[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,(0,_extends2().default)({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams}))}},61425:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsOverview=CompositionsOverview;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(88903);return _compositionsUi=function(){return data},data}function _compositionsOverviewModule(){const data=_interopRequireDefault(__webpack_require__(486));return _compositionsOverviewModule=function(){return data},data}function CompositionsOverview({compositions,compositionCardClass}){return _react().default.createElement("div",{className:_compositionsOverviewModule().default.background},compositions&&Object.entries(compositions).map(([key,composition])=>_react().default.createElement(_compositionsUi().CompositionCard,{key,Composition:composition,name:key,className:compositionCardClass})))}},17126:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _compositionsOverview=__webpack_require__(61425);Object.keys(_compositionsOverview).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_compositionsOverview[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _compositionsOverview[key]}})})},14427:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(6479));return _objectWithoutProperties2=function(){return data},data}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}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 CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,active,className}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["url","compositions","isScaling","onSelectComposition","active","className"]);const handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected)},[onSelect]);return _react().default.createElement("ul",(0,_extends2().default)({},rest,{className:(0,_classnames().default)(className)}),compositions.map(composition=>{const href=isScaling?`${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}})},76924: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.Dropdown=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(16558)),base_ui_surfaces_drawer_1=__webpack_require__(62918),base_ui_surfaces_abs_container_1=__webpack_require__(63867),base_ui_css_components_elevation_1=__webpack_require__(88834),base_ui_css_components_roundness_1=__webpack_require__(70518),base_ui_surfaces_background_1=__webpack_require__(17287),evangelist_css_components_fade_in_out_1=__webpack_require__(33859),dropdown_module_scss_1=__importDefault(__webpack_require__(82135));function Dropdown(_a){var{children,position="bottom",elevation="low",roundness="small",dropClass,margin=4}=_a,rest=__rest(_a,["children","position","elevation","roundness","dropClass","margin"]);return react_1.default.createElement(base_ui_surfaces_drawer_1.Drawer,Object.assign({margin},rest),react_1.default.createElement(DropdownMenu,{position,elevation,roundness,className:dropClass},children))}exports.Dropdown=Dropdown;function DropdownMenu(_a){var{className,elevation="low",roundness="small"}=_a,rest=__rest(_a,["className","elevation","roundness"]);return react_1.default.createElement(base_ui_surfaces_abs_container_1.Containee,Object.assign({},rest,{className:(0,classnames_1.default)(dropdown_module_scss_1.default.dropdownMenu,base_ui_surfaces_background_1.backgrounds.layer,base_ui_css_components_elevation_1.elevationClass[elevation],base_ui_css_components_roundness_1.roundnessClass[roundness],evangelist_css_components_fade_in_out_1.fadeInOutClass,className)}))}},54290: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__(76924),exports)},17287: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.backgrounds=void 0;const background_module_scss_1=__importDefault(__webpack_require__(21690));exports.backgrounds={bedrock:background_module_scss_1.default.bedrock,base:background_module_scss_1.default.base,layer:background_module_scss_1.default.layer,crust:background_module_scss_1.default.crust,topping:background_module_scss_1.default.topping,dent:background_module_scss_1.default.dent}},16558:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
229
229
  Copyright (c) 2018 Jed Watson.
230
230
  Licensed under the MIT License (MIT), see
231
231
  http://jedwatson.github.io/classnames
@@ -403,7 +403,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
403
403
  Copyright (c) 2018 Jed Watson.
404
404
  Licensed under the MIT License (MIT), see
405
405
  http://jedwatson.github.io/classnames
406
- */(function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(!!arg){var argType=typeof arg;if(argType==="string"||argType==="number")classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if(argType==="object")if(arg.toString===Object.prototype.toString)for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key);else classes.push(arg.toString())}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):(__WEBPACK_AMD_DEFINE_ARRAY__=[],__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__),__WEBPACK_AMD_DEFINE_RESULT__!==void 0&&(module.exports=__WEBPACK_AMD_DEFINE_RESULT__))})()},33859: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.fadeInOutClass=void 0;const fade_in_out_module_scss_1=__importDefault(__webpack_require__(87728));exports.fadeInOutClass=fade_in_out_module_scss_1.default.fadeInOut},48834: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},54560: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__(48834),exports)},9192: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.Dropdown=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(81275)),base_ui_surfaces_drawer_1=__webpack_require__(82854),base_ui_surfaces_abs_container_1=__webpack_require__(76692),base_ui_css_components_elevation_1=__webpack_require__(71203),base_ui_css_components_roundness_1=__webpack_require__(70518),base_ui_surfaces_background_1=__webpack_require__(28109),dropdown_module_scss_1=__importDefault(__webpack_require__(49232)),evangelist_css_components_fade_in_out_1=__webpack_require__(33859);function Dropdown(_a){var{children,position="bottom",dropClass}=_a,rest=__rest(_a,["children","position","dropClass"]);return react_1.default.createElement(base_ui_surfaces_drawer_1.Drawer,Object.assign({},rest),react_1.default.createElement(DropdownMenu,{position,className:dropClass},children))}exports.Dropdown=Dropdown;function DropdownMenu(_a){var{className,elevation="medium",roundness="sharp"}=_a,rest=__rest(_a,["className","elevation","roundness"]);return react_1.default.createElement(base_ui_surfaces_abs_container_1.Containee,Object.assign({},rest,{className:classnames_1.default(dropdown_module_scss_1.default.dropdown,base_ui_surfaces_background_1.backgrounds.layer,base_ui_css_components_elevation_1.elevationClass[elevation],base_ui_css_components_roundness_1.roundnessClass[roundness],evangelist_css_components_fade_in_out_1.fadeInOutClass,className)}))}Dropdown.defaultProps={position:"bottom",elevation:"medium",roundness:"sharp"}},67963: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__(9192),exports)},65660:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},71203: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__(54772));__exportStar(__webpack_require__(65660),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}},2830: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.Containee=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(81275)),react_create_ref_1=__importDefault(__webpack_require__(22184)),abs_container_module_scss_1=__importDefault(__webpack_require__(47028)),positions_module_scss_1=__importDefault(__webpack_require__(16937)),displacement_module_scss_1=__importDefault(__webpack_require__(28683));class Containee extends react_1.Component{constructor(){super(...arguments);this.ref=react_create_ref_1.default()}render(){const _a=this.props,{className,position="bottom"}=_a,rest=__rest(_a,["className","position"]),positionClass=positions_module_scss_1.default[position],displacement=displacement_module_scss_1.default.displacement;return react_1.default.createElement("div",Object.assign({ref:this.ref,className:classnames_1.default(abs_container_module_scss_1.default.containee,displacement,positionClass,className),"data-position":position},rest))}}exports.Containee=Containee},53500: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__(2830),exports)},50432: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.Container=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(81275)),abs_container_module_scss_1=__importDefault(__webpack_require__(47028));exports.Container=react_1.forwardRef(function(_a,ref){var{className,open}=_a,rest=__rest(_a,["className","open"]);return react_1.default.createElement("div",Object.assign({ref,className:classnames_1.default(abs_container_module_scss_1.default.container,className),"data-open":open},rest))})},27971: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__(50432),exports)},76692: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.containeeClass=exports.containerClass=void 0;const abs_container_module_scss_1=__importDefault(__webpack_require__(47028));__exportStar(__webpack_require__(53500),exports),__exportStar(__webpack_require__(27971),exports),exports.containerClass=abs_container_module_scss_1.default.container,exports.containeeClass=abs_container_module_scss_1.default.containee},34276: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__(81275)),drawer_module_scss_1=__importDefault(__webpack_require__(18016));function DefaultPlaceholder(props){return react_1.default.createElement("div",Object.assign({},props,{className:classnames_1.default(props.className,drawer_module_scss_1.default.placeholder)}))}exports.DefaultPlaceholder=DefaultPlaceholder},78034: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__(76692),base_ui_hook_use_click_outside_1=__webpack_require__(79721),react_create_ref_1=__importDefault(__webpack_require__(22184)),default_placeholder_1=__webpack_require__(34276);class Drawer extends react_1.Component{constructor(){super(...arguments);this.state={isOpen:this.props.open||!1},this.ref=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,{placeholder,children,PlaceholderComponent=default_placeholder_1.DefaultPlaceholder,clickOutside,onMouseEnter,onMouseLeave,open,hoverToOpen,clickPlaceholderToggles,clickToggles,onChange,onPlaceholderToggle,onContainerToggle,onContaineeToggle,onClickOutside}=_a,rest=__rest(_a,["placeholder","children","PlaceholderComponent","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,{ref:this.ref,open:isOpen,onMouseLeave:this.handleLeaveContainer,onMouseEnter:this.handleEnterContainer,onClick:this.handleContainerClick}),children,react_1.default.createElement(PlaceholderComponent,{onClick:this.handlePlaceholderClick},placeholder),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={PlaceholderComponent:default_placeholder_1.DefaultPlaceholder,clickPlaceholderToggles:!0,clickOutside:!0,clickToggles:!0}},82854: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__(78034),exports)},81275:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
406
+ */(function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(!!arg){var argType=typeof arg;if(argType==="string"||argType==="number")classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if(argType==="object")if(arg.toString===Object.prototype.toString)for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key);else classes.push(arg.toString())}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):(__WEBPACK_AMD_DEFINE_ARRAY__=[],__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__),__WEBPACK_AMD_DEFINE_RESULT__!==void 0&&(module.exports=__WEBPACK_AMD_DEFINE_RESULT__))})()},33859: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.fadeInOutClass=void 0;const fade_in_out_module_scss_1=__importDefault(__webpack_require__(87728));exports.fadeInOutClass=fade_in_out_module_scss_1.default.fadeInOut},48834: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},54560: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__(48834),exports)},9192: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.Dropdown=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(81275)),base_ui_surfaces_drawer_1=__webpack_require__(82854),base_ui_surfaces_abs_container_1=__webpack_require__(76692),base_ui_css_components_elevation_1=__webpack_require__(71203),base_ui_css_components_roundness_1=__webpack_require__(70518),base_ui_surfaces_background_1=__webpack_require__(28109),dropdown_module_scss_1=__importDefault(__webpack_require__(49232)),evangelist_css_components_fade_in_out_1=__webpack_require__(33859);function Dropdown(_a){var{children,position="bottom",dropClass}=_a,rest=__rest(_a,["children","position","dropClass"]);return react_1.default.createElement(base_ui_surfaces_drawer_1.Drawer,Object.assign({},rest),react_1.default.createElement(DropdownMenu,{position,className:dropClass},children))}exports.Dropdown=Dropdown;function DropdownMenu(_a){var{className,elevation="medium",roundness="sharp"}=_a,rest=__rest(_a,["className","elevation","roundness"]);return react_1.default.createElement(base_ui_surfaces_abs_container_1.Containee,Object.assign({},rest,{className:classnames_1.default(dropdown_module_scss_1.default.dropdown,base_ui_surfaces_background_1.backgrounds.layer,base_ui_css_components_elevation_1.elevationClass[elevation],base_ui_css_components_roundness_1.roundnessClass[roundness],evangelist_css_components_fade_in_out_1.fadeInOutClass,className)}))}Dropdown.defaultProps={position:"bottom",elevation:"medium",roundness:"sharp"}},67963: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__(9192),exports)},65660:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0})},71203: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__(54772));__exportStar(__webpack_require__(65660),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}},2830: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.Containee=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(81275)),react_create_ref_1=__importDefault(__webpack_require__(22184)),abs_container_module_scss_1=__importDefault(__webpack_require__(47028)),positions_module_scss_1=__importDefault(__webpack_require__(16937)),displacement_module_scss_1=__importDefault(__webpack_require__(28683));class Containee extends react_1.Component{constructor(){super(...arguments);this.ref=react_create_ref_1.default()}render(){const _a=this.props,{className,position="bottom"}=_a,rest=__rest(_a,["className","position"]),positionClass=positions_module_scss_1.default[position],displacement=displacement_module_scss_1.default.displacement;return react_1.default.createElement("div",Object.assign({ref:this.ref,className:classnames_1.default(abs_container_module_scss_1.default.containee,displacement,positionClass,className),"data-position":position},rest))}}exports.Containee=Containee},62433: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__(2830),exports)},50432: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.Container=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(81275)),abs_container_module_scss_1=__importDefault(__webpack_require__(47028));exports.Container=react_1.forwardRef(function(_a,ref){var{className,open}=_a,rest=__rest(_a,["className","open"]);return react_1.default.createElement("div",Object.assign({ref,className:classnames_1.default(abs_container_module_scss_1.default.container,className),"data-open":open},rest))})},27971: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__(50432),exports)},76692: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.containeeClass=exports.containerClass=void 0;const abs_container_module_scss_1=__importDefault(__webpack_require__(47028));__exportStar(__webpack_require__(62433),exports),__exportStar(__webpack_require__(27971),exports),exports.containerClass=abs_container_module_scss_1.default.container,exports.containeeClass=abs_container_module_scss_1.default.containee},34276: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__(81275)),drawer_module_scss_1=__importDefault(__webpack_require__(18016));function DefaultPlaceholder(props){return react_1.default.createElement("div",Object.assign({},props,{className:classnames_1.default(props.className,drawer_module_scss_1.default.placeholder)}))}exports.DefaultPlaceholder=DefaultPlaceholder},78034: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__(76692),base_ui_hook_use_click_outside_1=__webpack_require__(79721),react_create_ref_1=__importDefault(__webpack_require__(22184)),default_placeholder_1=__webpack_require__(34276);class Drawer extends react_1.Component{constructor(){super(...arguments);this.state={isOpen:this.props.open||!1},this.ref=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,{placeholder,children,PlaceholderComponent=default_placeholder_1.DefaultPlaceholder,clickOutside,onMouseEnter,onMouseLeave,open,hoverToOpen,clickPlaceholderToggles,clickToggles,onChange,onPlaceholderToggle,onContainerToggle,onContaineeToggle,onClickOutside}=_a,rest=__rest(_a,["placeholder","children","PlaceholderComponent","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,{ref:this.ref,open:isOpen,onMouseLeave:this.handleLeaveContainer,onMouseEnter:this.handleEnterContainer,onClick:this.handleContainerClick}),children,react_1.default.createElement(PlaceholderComponent,{onClick:this.handlePlaceholderClick},placeholder),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={PlaceholderComponent:default_placeholder_1.DefaultPlaceholder,clickPlaceholderToggles:!0,clickOutside:!0,clickToggles:!0}},82854: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__(78034),exports)},81275:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
407
407
  Copyright (c) 2018 Jed Watson.
408
408
  Licensed under the MIT License (MIT), see
409
409
  http://jedwatson.github.io/classnames
@@ -473,7 +473,7 @@ The following dependencies succeeded loading:`}}exports.default=ExtensionPotenti
473
473
  }
474
474
  `;function useLanes(getViewedLaneId){var _a;const lanesContext=(0,lanes_context_1.useLanesContext)(),skip=!!lanesContext,_b=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{skip}),{data}=_b,rest=__rest(_b,["data"]),{scope,loading}=(0,scope_ui_hooks_use_scope_1.useScopeQuery)(skip);let lanesModel;return lanesContext?lanesModel=lanesContext:lanesModel=data&&lanes_ui_models_1.LanesModel.from({data,host:(_a=data?.getHost)===null||_a===void 0?void 0:_a.id,scope,viewedLaneId:getViewedLaneId?.()}),(0,react_1.useEffect)(()=>{if(getViewedLaneId){const viewedLaneId=getViewedLaneId();lanesModel?.setViewedLane(viewedLaneId)}},[lanesModel,getViewedLaneId]),Object.assign(Object.assign({},rest),{loading:rest.loading||!!loading,lanesModel})}exports.useLanes=useLanes},63987: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.EmptyLane=void 0;const react_1=__importDefault(__webpack_require__(67294)),ui_foundation_ui_empty_component_gallery_1=__webpack_require__(54648),empty_lane_overview_module_scss_1=__importDefault(__webpack_require__(97415));function EmptyLane(props){return react_1.default.createElement(ui_foundation_ui_empty_component_gallery_1.EmptyComponentGallery,Object.assign({},props),react_1.default.createElement("div",{className:empty_lane_overview_module_scss_1.default.text},"Start by snapping components to this Lane."))}exports.EmptyLane=EmptyLane},95571:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneBreadcrumbProps=exports.LaneBreadcrumb=exports.LaneDetailsProps=exports.LaneDetails=exports.LaneOverviewLineSlot=exports.LaneOverviewLine=exports.LaneGallery=exports.LaneGalleryProps=void 0;var lane_gallery_1=__webpack_require__(19697);Object.defineProperty(exports,"LaneGalleryProps",{enumerable:!0,get:function(){return lane_gallery_1.LaneGalleryProps}}),Object.defineProperty(exports,"LaneGallery",{enumerable:!0,get:function(){return lane_gallery_1.LaneGallery}}),Object.defineProperty(exports,"LaneOverviewLine",{enumerable:!0,get:function(){return lane_gallery_1.LaneOverviewLine}}),Object.defineProperty(exports,"LaneOverviewLineSlot",{enumerable:!0,get:function(){return lane_gallery_1.LaneOverviewLineSlot}});var lane_details_1=__webpack_require__(81840);Object.defineProperty(exports,"LaneDetails",{enumerable:!0,get:function(){return lane_details_1.LaneDetails}}),Object.defineProperty(exports,"LaneDetailsProps",{enumerable:!0,get:function(){return lane_details_1.LaneDetailsProps}});var lane_breadcrumb_1=__webpack_require__(27237);Object.defineProperty(exports,"LaneBreadcrumb",{enumerable:!0,get:function(){return lane_breadcrumb_1.LaneBreadcrumb}}),Object.defineProperty(exports,"LaneBreadcrumbProps",{enumerable:!0,get:function(){return lane_breadcrumb_1.LaneBreadcrumbProps}})},27237: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.LaneBreadcrumb=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),evangelist_elements_icon_1=__webpack_require__(54560),design_ui_styles_ellipsis_1=__webpack_require__(31944),base_react_navigation_link_1=__webpack_require__(22576),lanes_ui_models_1=__webpack_require__(63625),lane_breadcrumb_module_scss_1=__importDefault(__webpack_require__(47437));function LaneBreadcrumb(_a){var{lane,className}=_a,rest=__rest(_a,["lane","className"]);return lane?react_1.default.createElement(base_react_navigation_link_1.Link,{href:lanes_ui_models_1.LanesModel.getLaneUrl(lane.id),className:lane_breadcrumb_module_scss_1.default.laneUrl},react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(lane_breadcrumb_module_scss_1.default.lane,className)}),react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"lane"}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:lane_breadcrumb_module_scss_1.default.laneId},lane.id))):null}exports.LaneBreadcrumb=LaneBreadcrumb},81840: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.LaneDetails=void 0;const documenter_ui_sub_title_1=__webpack_require__(88270),scope_ui_scope_title_1=__webpack_require__(40896),classnames_1=__importDefault(__webpack_require__(94184)),react_1=__importDefault(__webpack_require__(67294)),component_ui_badges_component_count_1=__webpack_require__(32682),lane_details_module_scss_1=__importDefault(__webpack_require__(64080));function LaneDetails(_a){var{description,componentCount,className,laneName}=_a,rest=__rest(_a,["description","componentCount","className","laneName"]);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(lane_details_module_scss_1.default.laneTitle,className)}),react_1.default.createElement("div",{className:lane_details_module_scss_1.default.titleRow},react_1.default.createElement(scope_ui_scope_title_1.ScopeTitle,{scopeName:laneName,icon:"https://static.bit.dev/bit-icons/lane.svg",backgroundIconColor:"unset",iconClassName:lane_details_module_scss_1.default.laneIcon})),react_1.default.createElement(documenter_ui_sub_title_1.Subtitle,null,description),react_1.default.createElement(component_ui_badges_component_count_1.ComponentCount,{count:componentCount}))}exports.LaneDetails=LaneDetails},19697: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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneGallery=void 0;const react_1=__importStar(__webpack_require__(67294)),lanes_ui_models_1=__webpack_require__(63625),explorer_ui_gallery_component_grid_1=__webpack_require__(77615),ui_foundation_ui_react_router_slot_router_1=__webpack_require__(28776),workspace_ui_workspace_component_card_1=__webpack_require__(10091),lanes_hooks_use_lanes_1=__webpack_require__(33461),lanes_hooks_use_lane_components_1=__webpack_require__(98485),lodash_flatten_1=__importDefault(__webpack_require__(5800)),scope_1=__webpack_require__(54268),empty_lane_overview_1=__webpack_require__(63987),lane_details_1=__webpack_require__(81840),lane_gallery_module_scss_1=__importDefault(__webpack_require__(47477));function LaneGallery({routeSlot,overviewSlot,host}){const{lanesModel}=(0,lanes_hooks_use_lanes_1.useLanes)(),overviewItems=(0,react_1.useMemo)(()=>(0,lodash_flatten_1.default)(overviewSlot?.values()),[overviewSlot]),currentLane=lanesModel?.viewedLane;return!currentLane||!currentLane.id?null:currentLane.components.length===0?react_1.default.createElement(empty_lane_overview_1.EmptyLane,{name:currentLane.name}):react_1.default.createElement(LaneGalleryWithPreview,{host,currentLane,overviewItems,routeSlot})}exports.LaneGallery=LaneGallery;function LaneGalleryWithPreview({currentLane,overviewItems,routeSlot,host}){const{loading,components}=(0,lanes_hooks_use_lane_components_1.useLaneComponents)(currentLane);if(loading)return null;const ComponentCard=host==="workspace"?({component})=>react_1.default.createElement(workspace_ui_workspace_component_card_1.WorkspaceComponentCard,{component,componentUrl:lanes_ui_models_1.LanesModel.getLaneComponentUrl(component.id,currentLane.id)}):({component})=>react_1.default.createElement(scope_1.ScopeComponentCard,{component,componentUrl:lanes_ui_models_1.LanesModel.getLaneComponentUrl(component.id,currentLane.id)});return react_1.default.createElement("div",{className:lane_gallery_module_scss_1.default.container},react_1.default.createElement(lane_details_1.LaneDetails,{className:lane_gallery_module_scss_1.default.laneDetails,laneName:currentLane.id,description:"",componentCount:currentLane.components.length}),react_1.default.createElement(explorer_ui_gallery_component_grid_1.ComponentGrid,null,components?.map((component,index)=>react_1.default.createElement(ComponentCard,{component,key:index}))),routeSlot&&react_1.default.createElement(ui_foundation_ui_react_router_slot_router_1.SlotRouter,{slot:routeSlot}),overviewItems.length>0&&overviewItems.map((Item,index)=>react_1.default.createElement(Item,{key:index})))}},63625:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;var lanes_model_1=__webpack_require__(10493);Object.defineProperty(exports,"LanesModel",{enumerable:!0,get:function(){return lanes_model_1.LanesModel}})},10493:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;const component_1=__webpack_require__(68211),base_ui_utils_string_affix_1=__webpack_require__(6354),path_to_regexp_1=__webpack_require__(51068);class LanesModel{constructor({lanes,viewedLane,currentLane}){this.isInViewedLane=componentId=>{var _a;return(_a=this.viewedLane)===null||_a===void 0?void 0:_a.components.some(comp=>comp.id.name===componentId.name)},this.getLaneComponentUrlByVersion=version=>{if(!version)return"";const componentAndLane=this.lanebyComponentHash.get(version);return componentAndLane?LanesModel.getLaneComponentUrl(componentAndLane.component.id,componentAndLane.lane.id):""},this.getLanesByComponentId=componentId=>this.lanesByComponentId.get(componentId.fullName),this.setViewedLane=viewedLaneId=>{this.viewedLane=this.lanes.find(lane=>lane.id===viewedLaneId)},this.resolveComponent=(fullName,laneId)=>{var _a;return(_a=laneId&&this.lanes.find(lane=>lane.id===laneId)||this.viewedLane)===null||_a===void 0?void 0:_a.components.find(component=>component.id.fullName===fullName)},this.viewedLane=viewedLane,this.currentLane=currentLane,this.lanes=lanes||[],this.lanesByScope=LanesModel.groupByScope(this.lanes);const{byHash,byId}=LanesModel.groupByComponentHashAndId(this.lanes);this.lanebyComponentHash=byHash,this.lanesByComponentId=byId}static mapToLaneModel(laneData,host,currentScope){const{id:name,remote,isMerged,components,readmeComponent}=laneData,laneName=name,laneScope=remote?.split("/")[0]||currentScope?.name||"",laneId=remote||`${laneScope?laneScope.concat("/"):""}${name}`,componentModels=components?.map(component=>component_1.ComponentModel.from(Object.assign(Object.assign({},component),{host})))||[],readmeComponentModel=readmeComponent&&component_1.ComponentModel.from(Object.assign(Object.assign({},readmeComponent),{host}));return{id:laneId,name:laneName,scope:laneScope,isMerged,components:componentModels,readmeComponent:readmeComponentModel}}static groupByScope(lanes){const grouped=new Map;return lanes.forEach(lane=>{const{scope}=lane;if(!grouped.has(scope))grouped.set(scope,[lane]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,lane])}}),grouped}static groupByComponentHashAndId(lanes){const byHash=new Map,byId=new Map;return lanes.forEach(lane=>{const{components}=lane;components.forEach(component=>{const id=component.id.fullName,version=component.id.version;byHash.set(version,{lane,component});const existing=byId.get(id)||[];existing.push(lane),byId.set(id,existing)})}),{byHash,byId}}static from({data,host,scope,viewedLaneId}){var _a,_b,_c,_d;const lanes=((_b=(_a=data?.lanes)===null||_a===void 0?void 0:_a.list)===null||_b===void 0?void 0:_b.map(lane=>LanesModel.mapToLaneModel(lane,host,scope)))||[],currentLane=!((_d=(_c=data.lanes)===null||_c===void 0?void 0:_c.current)===null||_d===void 0)&&_d.id?lanes.find(lane=>{var _a2,_b2;return lane.name===((_b2=(_a2=data.lanes)===null||_a2===void 0?void 0:_a2.current)===null||_b2===void 0?void 0:_b2.id)}):void 0,lanesModel=new LanesModel({lanes,currentLane});return lanesModel.setViewedLane(viewedLaneId),lanesModel}}exports.LanesModel=LanesModel,LanesModel.lanesPrefix="~lane",LanesModel.baseLaneComponentRoute="/~component",LanesModel.lanePath=":scopeId/:laneId",LanesModel.drawer={id:"LANES",name:"LANES",order:100},LanesModel.laneFromPathRegex=(0,path_to_regexp_1.pathToRegexp)(`${LanesModel.lanesPrefix}/${LanesModel.lanePath}`,void 0,{end:!1,start:!1}),LanesModel.getLaneIdFromPathname=pathname=>{const matches=LanesModel.laneFromPathRegex.exec(pathname);if(!matches)return;const[,scopeId,laneId]=matches;return`${scopeId}/${laneId}`},LanesModel.getLaneUrl=laneId=>`/${LanesModel.lanesPrefix}/${laneId}`,LanesModel.getLaneComponentUrl=(componentId,laneId)=>{const laneUrl=LanesModel.getLaneUrl(laneId),urlSearch=(0,base_ui_utils_string_affix_1.affix)("?version=",componentId.version);return`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.fullName}${urlSearch}`}},93659: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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VERSION_DELIMITER=void 0;const decamelize_1=__importDefault(__webpack_require__(2466)),path=__importStar(__webpack_require__(26470)),semver=__importStar(__webpack_require__(81249)),lodash_1=__webpack_require__(96486),component_version_1=__webpack_require__(8886),is_valid_id_chunk_1=__importDefault(__webpack_require__(59697)),is_valid_scope_name_1=__importDefault(__webpack_require__(27330)),exceptions_1=__webpack_require__(50365);exports.VERSION_DELIMITER="@";class BitId{constructor({scope,box,name,version}){if(!name)throw new exceptions_1.InvalidName(name);this.scope=scope||null,this.box=void 0,this.name=box?`${box}/${name}`:name,this.version=version||void 0,Object.freeze(this)}clone(){return new BitId(this)}changeScope(newScope){return new BitId({scope:newScope,name:this.name,version:this.version})}changeVersion(newVersion){return new BitId({scope:this.scope,name:this.name,version:newVersion})}isLocal(scopeName){return!this.scope||Boolean(scopeName&&scopeName===this.scope)}getVersion(){return(0,component_version_1.versionParser)(this.version)}hasVersion(){return Boolean(this.version&&this.version!==component_version_1.LATEST_VERSION)}hasScope(){return Boolean(this.scope)}hasSameName(id){return this.name===id.name}hasSameScope(id){return this.hasScope()&&id.hasScope()?this.scope===id.scope:!this.hasScope()&&!id.hasScope()}hasSameVersion(id){return this.hasVersion()&&id.hasVersion()?this.version===id.version:!this.hasVersion()&&!id.hasVersion()}toString(ignoreScope=!1,ignoreVersion=!1){const{name,version}=this,scope=this.scope,componentStr=ignoreScope||!scope?name:[scope,name].join("/");return ignoreVersion||!this.hasVersion()?componentStr:componentStr.concat(`${exports.VERSION_DELIMITER}${version}`)}toStringWithoutScope(){return this.toString(!0)}toStringWithoutVersion(){return this.toString(!1,!0)}toStringWithoutScopeAndVersion(){return this.toString(!0,!0)}isEqual(bitId){return this.hasSameName(bitId)&&this.hasSameScope(bitId)&&this.hasSameVersion(bitId)}isEqualWithoutVersion(bitId){return this.hasSameName(bitId)&&this.hasSameScope(bitId)}isEqualWithoutScopeAndVersion(bitId){return this.hasSameName(bitId)}serialize(){const obj={scope:this.scope,name:this.name,version:this.version};return this.hasVersion()||delete obj.version,this.hasScope()||delete obj.scope,obj}toFullPath(){if(!this.scope||!this.version)throw new Error("BitId.toFullPath is unable to generate a path without a scope or a version");return path.join(this.name,this.scope,this.version)}isVersionSnap(){return(0,component_version_1.isHash)(this.version)}getVersionPreReleaseData(){return this.version?semver.prerelease(this.version):null}static getStringWithoutVersion(id){const splitted=id.split(exports.VERSION_DELIMITER);let res2=splitted[0];return id.startsWith(exports.VERSION_DELIMITER)&&(res2=`${exports.VERSION_DELIMITER}${splitted[1]}`),res2}static getVersionOnlyFromString(id){return id.split(exports.VERSION_DELIMITER)[1]}static parse(id,hasScope=!0,version=component_version_1.LATEST_VERSION){if(typeof id!="string")throw new TypeError(`BitId.parse expects to get "id" as a string, instead, got ${typeof id}`);if(id.includes(exports.VERSION_DELIMITER)&&id.lastIndexOf(exports.VERSION_DELIMITER)>0){const[newId,newVersion]=id.split(exports.VERSION_DELIMITER);id=newId,version=newVersion}const getScopeAndName=()=>hasScope?BitId.getScopeAndName(id):{scope:void 0,name:id},{scope,name}=getScopeAndName();if(!(0,is_valid_id_chunk_1.default)(name))throw new exceptions_1.InvalidName(name);if(scope&&!(0,is_valid_scope_name_1.default)(scope))throw new exceptions_1.InvalidScopeName(scope,id);return new BitId({scope,name,version})}static getScopeAndName(id){const delimiterIndex=id.indexOf("/");if(delimiterIndex<0)throw new exceptions_1.InvalidBitId(id);const scope=id.substring(0,delimiterIndex),name=id.substring(delimiterIndex+1);return{scope,name}}static parseObsolete(id,version=component_version_1.LATEST_VERSION){if(id.includes(exports.VERSION_DELIMITER)){const[newId,newVersion]=id.split(exports.VERSION_DELIMITER);id=newId,version=newVersion}const idSplit=id.split("/");if(idSplit.length===3){const[scope,box,name]=idSplit;if(!(0,is_valid_id_chunk_1.default)(name,!1)||!(0,is_valid_id_chunk_1.default)(box,!1)||!(0,is_valid_scope_name_1.default)(scope))throw new exceptions_1.InvalidIdChunk(`${scope}/${box}/${name}`);return new BitId({scope,box,name,version})}if(idSplit.length===2){const[box,name]=idSplit;if(!(0,is_valid_id_chunk_1.default)(name,!1)||!(0,is_valid_id_chunk_1.default)(box,!1))throw new exceptions_1.InvalidIdChunk(`${box}/${name}`);return new BitId({box,name,version})}if(idSplit.length===1){const[name]=idSplit;if(!(0,is_valid_id_chunk_1.default)(name))throw new exceptions_1.InvalidIdChunk(name);return new BitId({name,version})}throw new exceptions_1.InvalidBitId(id)}static parseBackwardCompatible(id){return typeof id=="string"?BitId.parseObsolete(id):new BitId(id)}static getValidScopeName(scope){let cleanName=scope.toLowerCase().split("").map(char=>/^[$\-_!.a-z0-9]+$/.test(char)?char:"").join("");const nameSplitByDot=cleanName.split(".");if(nameSplitByDot.length>1&&(cleanName=`${(0,lodash_1.head)(nameSplitByDot)}.${(0,lodash_1.tail)(nameSplitByDot).join("")}`),!cleanName)throw new Error("scope name created by directory name have to contains at least one character or number");return cleanName}static getValidIdChunk(chunk){return(0,is_valid_id_chunk_1.default)(chunk)||(chunk=chunk.replace(/\./g,""),chunk=chunk.replace(/ /g,"-"),chunk=(0,decamelize_1.default)(chunk,"-")),chunk}static getValidBitId(box,name){return new BitId({name:BitId.getValidIdChunk(name),box:box?BitId.getValidIdChunk(box):void 0})}static isValidVersion(version){return BitId.isValidSemver(version)||(0,component_version_1.isHash)(version)}static isValidSemver(version){return Boolean(semver.valid(version))}}exports.default=BitId},50365: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.InvalidScopeNameFromRemote=exports.InvalidScopeName=exports.InvalidName=exports.InvalidIdChunk=exports.InvalidBitId=void 0;const invalid_bit_id_1=__importDefault(__webpack_require__(70579));exports.InvalidBitId=invalid_bit_id_1.default;const invalid_id_chunk_1=__importDefault(__webpack_require__(72951));exports.InvalidIdChunk=invalid_id_chunk_1.default;const invalid_name_1=__importDefault(__webpack_require__(71815));exports.InvalidName=invalid_name_1.default;const invalid_scope_name_1=__importDefault(__webpack_require__(15398));exports.InvalidScopeName=invalid_scope_name_1.default;const invalid_scope_name_from_remote_1=__importDefault(__webpack_require__(83129));exports.InvalidScopeNameFromRemote=invalid_scope_name_from_remote_1.default},70579:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bit_error_1=__webpack_require__(93902);class InvalidBitId extends bit_error_1.BitError{constructor(id){super(`error: component ID "${id}" is invalid, please use the following format: [scope]/<name>`)}}exports.default=InvalidBitId},72951:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bit_error_1=__webpack_require__(93902);class InvalidIdChunk extends bit_error_1.BitError{constructor(id){super(`error: "${id}" is invalid, component IDs can only contain alphanumeric, lowercase characters, and the following ["-", "_", "$", "!"]`)}}exports.default=InvalidIdChunk},71815:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bit_error_1=__webpack_require__(93902);class InvalidName extends bit_error_1.BitError{constructor(componentName){super(`error: "${componentName}" is invalid, component names can only contain alphanumeric, lowercase characters, and the following ["-", "_", "$", "!", "/"]`)}}exports.default=InvalidName},83129:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bit_error_1=__webpack_require__(93902);class InvalidScopeNameFromRemote extends bit_error_1.BitError{constructor(scopeName){super(`cannot find scope '${scopeName}'.
475
475
  if you are targeting a self-hosted scope, please ensure the scope is configured in your remotes (via "bit remote" command) and that the scope name is correct.
476
- if this is a scope on bit.cloud please add the organization name before the scope (yourOrg.some-scope-name)`)}}exports.default=InvalidScopeNameFromRemote},15398:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bit_error_1=__webpack_require__(93902);class InvalidScopeName extends bit_error_1.BitError{constructor(scopeName,id,variant){const variantStr=variant?`configured in variant "${variant}" `:"";super(`error: "${id||scopeName}" ${variantStr}is invalid, component scope names can only contain alphanumeric, lowercase characters, and the following ["-", "_", "$", "!"]`)}}exports.default=InvalidScopeName},35666: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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.InvalidScopeNameFromRemote=exports.InvalidScopeName=exports.InvalidName=exports.isValidScopeName=exports.VERSION_DELIMITER=exports.BitIdStr=exports.BitIdProps=exports.BitId=void 0;const bit_id_1=__importStar(__webpack_require__(93659));exports.BitId=bit_id_1.default,Object.defineProperty(exports,"BitIdProps",{enumerable:!0,get:function(){return bit_id_1.BitIdProps}}),Object.defineProperty(exports,"VERSION_DELIMITER",{enumerable:!0,get:function(){return bit_id_1.VERSION_DELIMITER}}),Object.defineProperty(exports,"BitIdStr",{enumerable:!0,get:function(){return bit_id_1.BitIdStr}});const exceptions_1=__webpack_require__(50365);Object.defineProperty(exports,"InvalidName",{enumerable:!0,get:function(){return exceptions_1.InvalidName}}),Object.defineProperty(exports,"InvalidScopeName",{enumerable:!0,get:function(){return exceptions_1.InvalidScopeName}}),Object.defineProperty(exports,"InvalidScopeNameFromRemote",{enumerable:!0,get:function(){return exceptions_1.InvalidScopeNameFromRemote}});const is_valid_scope_name_1=__importDefault(__webpack_require__(27330));exports.isValidScopeName=is_valid_scope_name_1.default},59697:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const validationRegExp=/^[-_a-z0-9/]+$/,validationRegExpDisallowSlash=/^[-_a-z0-9]+$/;function isValidIdChunk(val,allowSlash=!0){return typeof val!="string"||val.includes("//")?!1:(allowSlash?validationRegExp:validationRegExpDisallowSlash).test(val)}exports.default=isValidIdChunk},27330:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const validationRegExp=/^[$\-_!a-z0-9]+[.]?[$\-_!a-z0-9]+$/;function isValidScopeName(val){return typeof val!="string"?!1:validationRegExp.test(val)}exports.default=isValidScopeName},46162: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__(1651),exports)},1651: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.Link=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_react_navigation_link_1=__webpack_require__(22576),link_module_scss_1=__importDefault(__webpack_require__(14771));function Link(props){return react_1.default.createElement(base_react_navigation_link_1.Link,Object.assign({},props,{className:link_module_scss_1.default.link,external:!0}))}exports.Link=Link},26920: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__(56998),exports)},56998:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Snippet=void 0;const react_1=__importStar(__webpack_require__(67294)),mdx_ui_mdx_scope_context_1=__webpack_require__(38168),react_2=__webpack_require__(3905),documenter_markdown_hybrid_live_code_snippet_1=__webpack_require__(80188);function Snippet(_a){var{scope}=_a,rest=__rest(_a,["scope"]);const components=(0,react_1.useContext)(mdx_ui_mdx_scope_context_1.MDXScopeContext),_scope=(0,react_1.useMemo)(()=>Object.assign(Object.assign(Object.assign({},components),{mdx:react_2.mdx}),scope),[components,scope,react_2.mdx]);return react_1.default.createElement(documenter_markdown_hybrid_live_code_snippet_1.Snippet,Object.assign({scope:_scope},rest))}exports.Snippet=Snippet},74749:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MDXLayout=void 0;var mdx_layout_1=__webpack_require__(62590);Object.defineProperty(exports,"MDXLayout",{enumerable:!0,get:function(){return mdx_layout_1.MDXLayout}})},62590:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MDXLayout=void 0;const react_1=__importStar(__webpack_require__(67294)),documenter_markdown_mdx_1=__webpack_require__(94592),mdx_ui_docs_snippet_1=__webpack_require__(26920),mdx_ui_docs_link_1=__webpack_require__(46162);__webpack_require__(87420);const mdxComponents={code:mdx_ui_docs_snippet_1.Snippet,a:mdx_ui_docs_link_1.Link};function MDXLayout(_a){var{components}=_a,rest=__rest(_a,["components"]);const _components=(0,react_1.useMemo)(()=>Object.assign(Object.assign({},mdxComponents),components),[mdxComponents,components]);return react_1.default.createElement(documenter_markdown_mdx_1.MDXLayout,Object.assign({components:_components},rest))}exports.MDXLayout=MDXLayout},52515:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PanelUiAspect",{enumerable:!0,get:function(){return _panelUi().PanelUiAspect}}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function(){return _tabs().Tab}}),Object.defineProperty(exports,"TabContainer",{enumerable:!0,get:function(){return _tabs().TabContainer}}),Object.defineProperty(exports,"TabList",{enumerable:!0,get:function(){return _tabs().TabList}}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return _tabs().TabPanel}});function _panelUi(){const data=__webpack_require__(9322);return _panelUi=function(){return data},data}function _tabs(){const data=__webpack_require__(63096);return _tabs=function(){return data},data}},9322:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelUiAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PanelUiAspect=_harmony().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}});exports.PanelUiAspect=PanelUiAspect},63096:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=Tab,exports.TabContainer=void 0,exports.TabList=TabList,exports.TabPanel=void 0;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _reactTabs(){const data=__webpack_require__(117);return _reactTabs=function(){return data},data}function _tabsModule(){const data=_interopRequireDefault(__webpack_require__(1470));return _tabsModule=function(){return data},data}const TabContainer=_reactTabs().Tabs;exports.TabContainer=TabContainer;function TabList(props){return _react().default.createElement(_reactTabs().TabList,(0,_extends2().default)({},props,{className:(0,_classnames().default)(_tabsModule().default.tabContainer,props.className)}))}TabList.tabsRole="TabList";const TabPanel=_reactTabs().TabPanel;exports.TabPanel=TabPanel;function Tab(props){return _react().default.createElement(_reactTabs().Tab,(0,_extends2().default)({},props,{className:(0,_classnames().default)(props.className,_tabsModule().default.tab),selectedClassName:_tabsModule().default.active,disabledClassName:_tabsModule().default.disabled}))}Tab.tabsRole="Tab"},75665:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.computePreviewScale=void 0;function computePreviewScale(width,containerWidth){const scale=containerWidth*.95/width;return scale>1?"scale(1)":`scale(${scale})`}exports.computePreviewScale=computePreviewScale},27699:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=exports.ComponentPreview=void 0;var preview_1=__webpack_require__(34874);Object.defineProperty(exports,"ComponentPreview",{enumerable:!0,get:function(){return preview_1.ComponentPreview}});var urls_1=__webpack_require__(99768);Object.defineProperty(exports,"toPreviewUrl",{enumerable:!0,get:function(){return urls_1.toPreviewUrl}}),Object.defineProperty(exports,"toPreviewServer",{enumerable:!0,get:function(){return urls_1.toPreviewServer}}),Object.defineProperty(exports,"toPreviewHash",{enumerable:!0,get:function(){return urls_1.toPreviewHash}})},34874: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.ComponentPreview=void 0;const react_1=__importStar(__webpack_require__(67294)),lodash_1=__webpack_require__(96486),penpal_1=__webpack_require__(65859),pubsub_1=__webpack_require__(23179),urls_1=__webpack_require__(99768),compute_preview_scale_1=__webpack_require__(75665),use_iframe_content_height_1=__webpack_require__(63853),preview_module_scss_1=__importDefault(__webpack_require__(65715));function ComponentPreview(_a){var _b,_c,_d,{component,previewName,forceHeight,queryParams,pubsub,viewport=1280,fullContentHeight=!1,style}=_a,rest=__rest(_a,["component","previewName","forceHeight","queryParams","pubsub","viewport","fullContentHeight","style"]);const[heightIframeRef,iframeHeight]=(0,use_iframe_content_height_1.useIframeContentHeight)({skip:!1,viewport}),iframeRef=(0,react_1.useRef)(null),[width,setWidth]=(0,react_1.useState)(0),[height,setHeight]=(0,react_1.useState)(0),containerRef=(0,react_1.useRef)(null),isScaling=(_b=component.preview)===null||_b===void 0?void 0:_b.isScaling,currentRef=isScaling?iframeRef:heightIframeRef;(0,pubsub_1.usePubSubIframe)(pubsub?currentRef:void 0),(0,react_1.useEffect)(()=>{!iframeRef.current||(0,penpal_1.connectToChild)({iframe:iframeRef.current,methods:{pub:(event,message)=>{message.type==="preview-size"&&(setWidth(message.data.width),setHeight(message.data.height))}}})},[iframeRef?.current]);const params=Array.isArray(queryParams)?queryParams.concat(`viewport=${viewport}`):(0,lodash_1.compact)([queryParams,`viewport=${viewport}`]),targetParams=viewport===null?queryParams:params,url=(0,urls_1.toPreviewUrl)(component,previewName,isScaling?targetParams:queryParams),containerWidth=((_c=containerRef.current)===null||_c===void 0?void 0:_c.offsetWidth)||0,containerHeight=((_d=containerRef.current)===null||_d===void 0?void 0:_d.offsetHeight)||0,currentWidth=fullContentHeight?"100%":(width||1280)+10,legacyCurrentWidth="100%",targetWidth=currentWidth<containerWidth?containerWidth:currentWidth,targetHeight=height!==0?height:5e3,finalHeight=!fullContentHeight&&targetHeight<containerHeight?containerHeight:targetHeight,defaultLegacyHeight=forceHeight||5e3,legacyIframeHeight=(iframeHeight||0)>400?iframeHeight:defaultLegacyHeight;return react_1.default.createElement("div",{ref:containerRef,className:preview_module_scss_1.default.preview,style:{height:forceHeight}},react_1.default.createElement("iframe",Object.assign({},rest,{ref:currentRef,style:Object.assign(Object.assign({},style),{height:isScaling?finalHeight:legacyIframeHeight,width:isScaling?targetWidth:legacyCurrentWidth,visibility:width===0&&isScaling&&!fullContentHeight?"hidden":void 0,transform:fullContentHeight?"":(0,compute_preview_scale_1.computePreviewScale)(width,containerWidth),border:0,transformOrigin:"top left"}),src:url})))}exports.ComponentPreview=ComponentPreview},99768:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=void 0;const base_ui_utils_string_affix_1=__webpack_require__(6354);function toPreviewUrl(component,previewName,additionalParams){const serverPath=toPreviewServer(component,previewName),hash=toPreviewHash(component,previewName,additionalParams);return`${serverPath}#${hash}`}exports.toPreviewUrl=toPreviewUrl;function toPreviewServer(component,previewName){var _a,_b;const explicitUrl=(_a=component.server)===null||_a===void 0?void 0:_a.url;return explicitUrl||(((_b=component.preview)===null||_b===void 0?void 0:_b.includesEnvTemplate)===!1?toEnvTemplatePreviewUrl(component,previewName):toComponentPreviewUrl(component))}exports.toPreviewServer=toPreviewServer;function toComponentPreviewUrl(component){return`/api/${component.id.toString()}/~aspect/preview/`}function toEnvTemplatePreviewUrl(component,previewName){var _a;const envId=(_a=component.environment)===null||_a===void 0?void 0:_a.id,search=`compId=${component.id.toString()}`;return`/api/${envId}/~aspect/env-template/${previewName}/?${search}`}function toPreviewHash(component,previewName,queryParams=""){const hashQuery=[(0,base_ui_utils_string_affix_1.affix)("preview=",previewName)].concat(queryParams).filter(x=>!!x).join("&");return`${component.id.toString()}${(0,base_ui_utils_string_affix_1.affix)("?",hashQuery)}`}exports.toPreviewHash=toPreviewHash},63853:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useInterval=exports.useIframeContentHeight=void 0;const react_1=__webpack_require__(67294);function useIframeContentHeight({interval=250,skip,viewport}){const iframeRef=(0,react_1.useRef)(null),[iframeHeight,setIframeHeight]=(0,react_1.useState)(0),[iframeWidth,setIframeWidth]=(0,react_1.useState)(0);if(skip)return[iframeRef,void 0,iframeWidth];let first=!0;return useInterval(()=>{var _a;try{const iframe=iframeRef.current;viewport!==null&&(iframe.contentWindow.document.body.style.width="fit-content"),!first&&iframe?.style.height==="5000px"&&(iframe.style.height="100%");const newHeight=iframe.contentWindow.document.body.scrollHeight,newWidth=(_a=iframe?.contentWindow)===null||_a===void 0?void 0:_a.document.body.offsetWidth;setIframeHeight(newHeight),setIframeWidth(newWidth||0),first=!1}catch{}},interval),[iframeRef,iframeHeight,iframeWidth]}exports.useIframeContentHeight=useIframeContentHeight;function useInterval(callback,interval){const savedCallback=(0,react_1.useRef)(()=>callback);(0,react_1.useEffect)(()=>{savedCallback.current=callback}),(0,react_1.useEffect)(()=>{function tick(){savedCallback.current()}if(interval!==null){const id=setInterval(tick,interval);return()=>clearInterval(id)}return()=>{}},[interval])}exports.useInterval=useInterval},61950:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewPlaceholder=void 0;var preview_placeholder_1=__webpack_require__(86202);Object.defineProperty(exports,"PreviewPlaceholder",{enumerable:!0,get:function(){return preview_placeholder_1.PreviewPlaceholder}})},86202: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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewPlaceholder=void 0;const react_1=__importStar(__webpack_require__(67294)),compositions_1=__webpack_require__(32552),evangelist_elements_icon_1=__webpack_require__(54560),preview_placeholder_module_scss_1=__importDefault(__webpack_require__(55631));function PreviewPlaceholder({component,shouldShowPreview}){const selectedPreview=(0,react_1.useMemo)(()=>{if(!!shouldShowPreview)return selectDefaultComposition(component)},[component,shouldShowPreview]),name=component.id.toString();return component.buildStatus==="pending"?react_1.default.createElement("div",{className:preview_placeholder_module_scss_1.default.previewPlaceholder,"data-tip":"","data-for":name},react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"Ripple-processing"}),react_1.default.createElement("div",null,"Processing preview")):shouldShowPreview?react_1.default.createElement(compositions_1.ComponentComposition,{component,composition:selectedPreview,pubsub:!1}):react_1.default.createElement("div",{className:preview_placeholder_module_scss_1.default.previewPlaceholder,"data-tip":"","data-for":name},react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"img"}),react_1.default.createElement("div",null,"No preview available"))}exports.PreviewPlaceholder=PreviewPlaceholder;const PREVIEW_COMPOSITION_SUFFIX="Preview";function selectDefaultComposition(component){const{compositions}=component;return compositions.find(x=>x.identifier.endsWith(PREVIEW_COMPOSITION_SUFFIX))}},80396:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickInsideAnIframeEvent=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _pubsub(){const data=__webpack_require__(23179);return _pubsub=function(){return data},data}class ClickInsideAnIframeEventData{constructor(clickEvent){this.clickEvent=clickEvent}}class ClickInsideAnIframeEvent extends _pubsub().BitBaseEvent{constructor(timestamp=Date.now(),clickEvent){super(ClickInsideAnIframeEvent.TYPE,"0.0.1",timestamp,new ClickInsideAnIframeEventData(clickEvent));this.timestamp=timestamp,this.clickEvent=clickEvent}}exports.ClickInsideAnIframeEvent=ClickInsideAnIframeEvent,(0,_defineProperty2().default)(ClickInsideAnIframeEvent,"TYPE","click-inside-an-iframe")},67335:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _clickInsideAnIframe=__webpack_require__(80396);Object.keys(_clickInsideAnIframe).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_clickInsideAnIframe[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _clickInsideAnIframe[key]}})})},79794:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BundlingStrategyNotFound=void 0;class BundlingStrategyNotFound extends Error{constructor(strategyName){super(`bundling strategy with name ${strategyName} was not found`);this.strategyName=strategyName}}exports.BundlingStrategyNotFound=BundlingStrategyNotFound},67166:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BundlingStrategyNotFound",{enumerable:!0,get:function(){return _bundlingStrategyNotFound().BundlingStrategyNotFound}}),Object.defineProperty(exports,"PreviewArtifactNotFound",{enumerable:!0,get:function(){return _previewArtifactNotFound().PreviewArtifactNotFound}}),Object.defineProperty(exports,"PreviewNotFound",{enumerable:!0,get:function(){return _previewNotFound().PreviewNotFound}}),Object.defineProperty(exports,"PreviewOutputFileNotFound",{enumerable:!0,get:function(){return _previewOutputFileNotFound().PreviewOutputFileNotFound}});function _previewNotFound(){const data=__webpack_require__(39517);return _previewNotFound=function(){return data},data}function _previewArtifactNotFound(){const data=__webpack_require__(82330);return _previewArtifactNotFound=function(){return data},data}function _bundlingStrategyNotFound(){const data=__webpack_require__(79794);return _bundlingStrategyNotFound=function(){return data},data}function _previewOutputFileNotFound(){const data=__webpack_require__(13291);return _previewOutputFileNotFound=function(){return data},data}},82330:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewArtifactNotFound=void 0;function _bitError(){const data=__webpack_require__(93902);return _bitError=function(){return data},data}class PreviewArtifactNotFound extends _bitError().BitError{constructor(componentId){super(`preview for component ${componentId.toString()} was not found`)}}exports.PreviewArtifactNotFound=PreviewArtifactNotFound},39517:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewNotFound=void 0;class PreviewNotFound extends Error{constructor(name){super(`Preview for name: ${name} was not found`)}}exports.PreviewNotFound=PreviewNotFound},13291:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewOutputFileNotFound=void 0;function _bitError(){const data=__webpack_require__(93902);return _bitError=function(){return data},data}class PreviewOutputFileNotFound extends _bitError().BitError{constructor(componentId,filePath){super(`preview output file for component: "${componentId.toString()}" was not found in the path: "${filePath}".
476
+ if this is a scope on bit.cloud please add the organization name before the scope (yourOrg.some-scope-name)`)}}exports.default=InvalidScopeNameFromRemote},15398:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bit_error_1=__webpack_require__(93902);class InvalidScopeName extends bit_error_1.BitError{constructor(scopeName,id,variant){const variantStr=variant?`configured in variant "${variant}" `:"";super(`error: "${id||scopeName}" ${variantStr}is invalid, component scope names can only contain alphanumeric, lowercase characters, and the following ["-", "_", "$", "!"]`)}}exports.default=InvalidScopeName},35666: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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.InvalidScopeNameFromRemote=exports.InvalidScopeName=exports.InvalidName=exports.isValidScopeName=exports.VERSION_DELIMITER=exports.BitIdStr=exports.BitIdProps=exports.BitId=void 0;const bit_id_1=__importStar(__webpack_require__(93659));exports.BitId=bit_id_1.default,Object.defineProperty(exports,"BitIdProps",{enumerable:!0,get:function(){return bit_id_1.BitIdProps}}),Object.defineProperty(exports,"VERSION_DELIMITER",{enumerable:!0,get:function(){return bit_id_1.VERSION_DELIMITER}}),Object.defineProperty(exports,"BitIdStr",{enumerable:!0,get:function(){return bit_id_1.BitIdStr}});const exceptions_1=__webpack_require__(50365);Object.defineProperty(exports,"InvalidName",{enumerable:!0,get:function(){return exceptions_1.InvalidName}}),Object.defineProperty(exports,"InvalidScopeName",{enumerable:!0,get:function(){return exceptions_1.InvalidScopeName}}),Object.defineProperty(exports,"InvalidScopeNameFromRemote",{enumerable:!0,get:function(){return exceptions_1.InvalidScopeNameFromRemote}});const is_valid_scope_name_1=__importDefault(__webpack_require__(27330));exports.isValidScopeName=is_valid_scope_name_1.default},59697:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const validationRegExp=/^[-_a-z0-9/]+$/,validationRegExpDisallowSlash=/^[-_a-z0-9]+$/;function isValidIdChunk(val,allowSlash=!0){return typeof val!="string"||val.includes("//")?!1:(allowSlash?validationRegExp:validationRegExpDisallowSlash).test(val)}exports.default=isValidIdChunk},27330:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const validationRegExp=/^[$\-_!a-z0-9]+[.]?[$\-_!a-z0-9]+$/;function isValidScopeName(val){return typeof val!="string"?!1:validationRegExp.test(val)}exports.default=isValidScopeName},46162: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__(1651),exports)},1651: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.Link=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_react_navigation_link_1=__webpack_require__(22576),link_module_scss_1=__importDefault(__webpack_require__(14771));function Link(props){return react_1.default.createElement(base_react_navigation_link_1.Link,Object.assign({},props,{className:link_module_scss_1.default.link,external:!0}))}exports.Link=Link},26920: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__(56998),exports)},56998:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Snippet=void 0;const react_1=__importStar(__webpack_require__(67294)),mdx_ui_mdx_scope_context_1=__webpack_require__(38168),react_2=__webpack_require__(3905),documenter_markdown_hybrid_live_code_snippet_1=__webpack_require__(80188);function Snippet(_a){var{scope}=_a,rest=__rest(_a,["scope"]);const components=(0,react_1.useContext)(mdx_ui_mdx_scope_context_1.MDXScopeContext),_scope=(0,react_1.useMemo)(()=>Object.assign(Object.assign(Object.assign({},components),{mdx:react_2.mdx}),scope),[components,scope,react_2.mdx]);return react_1.default.createElement(documenter_markdown_hybrid_live_code_snippet_1.Snippet,Object.assign({scope:_scope},rest))}exports.Snippet=Snippet},74749:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MDXLayout=void 0;var mdx_layout_1=__webpack_require__(62590);Object.defineProperty(exports,"MDXLayout",{enumerable:!0,get:function(){return mdx_layout_1.MDXLayout}})},62590:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MDXLayout=void 0;const react_1=__importStar(__webpack_require__(67294)),documenter_markdown_mdx_1=__webpack_require__(94592),mdx_ui_docs_snippet_1=__webpack_require__(26920),mdx_ui_docs_link_1=__webpack_require__(46162);__webpack_require__(87420);const mdxComponents={code:mdx_ui_docs_snippet_1.Snippet,a:mdx_ui_docs_link_1.Link};function MDXLayout(_a){var{components}=_a,rest=__rest(_a,["components"]);const _components=(0,react_1.useMemo)(()=>Object.assign(Object.assign({},mdxComponents),components),[mdxComponents,components]);return react_1.default.createElement(documenter_markdown_mdx_1.MDXLayout,Object.assign({components:_components},rest))}exports.MDXLayout=MDXLayout},52515:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PanelUiAspect",{enumerable:!0,get:function(){return _panelUi().PanelUiAspect}}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function(){return _tabs().Tab}}),Object.defineProperty(exports,"TabContainer",{enumerable:!0,get:function(){return _tabs().TabContainer}}),Object.defineProperty(exports,"TabList",{enumerable:!0,get:function(){return _tabs().TabList}}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return _tabs().TabPanel}});function _panelUi(){const data=__webpack_require__(9322);return _panelUi=function(){return data},data}function _tabs(){const data=__webpack_require__(63096);return _tabs=function(){return data},data}},9322:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelUiAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PanelUiAspect=_harmony().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}});exports.PanelUiAspect=PanelUiAspect},63096:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=Tab,exports.TabContainer=void 0,exports.TabList=TabList,exports.TabPanel=void 0;function _extends2(){const data=_interopRequireDefault(__webpack_require__(67154));return _extends2=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _reactTabs(){const data=__webpack_require__(117);return _reactTabs=function(){return data},data}function _tabsModule(){const data=_interopRequireDefault(__webpack_require__(1470));return _tabsModule=function(){return data},data}const TabContainer=_reactTabs().Tabs;exports.TabContainer=TabContainer;function TabList(props){return _react().default.createElement(_reactTabs().TabList,(0,_extends2().default)({},props,{className:(0,_classnames().default)(_tabsModule().default.tabContainer,props.className)}))}TabList.tabsRole="TabList";const TabPanel=_reactTabs().TabPanel;exports.TabPanel=TabPanel;function Tab(props){return _react().default.createElement(_reactTabs().Tab,(0,_extends2().default)({},props,{className:(0,_classnames().default)(props.className,_tabsModule().default.tab),selectedClassName:_tabsModule().default.active,disabledClassName:_tabsModule().default.disabled}))}Tab.tabsRole="Tab"},75665:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.computePreviewScale=void 0;function computePreviewScale(width,containerWidth){const scale=containerWidth*.95/width;return scale>1?"scale(1)":`scale(${scale})`}exports.computePreviewScale=computePreviewScale},27699:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=exports.ComponentPreview=void 0;var preview_1=__webpack_require__(34874);Object.defineProperty(exports,"ComponentPreview",{enumerable:!0,get:function(){return preview_1.ComponentPreview}});var urls_1=__webpack_require__(99768);Object.defineProperty(exports,"toPreviewUrl",{enumerable:!0,get:function(){return urls_1.toPreviewUrl}}),Object.defineProperty(exports,"toPreviewServer",{enumerable:!0,get:function(){return urls_1.toPreviewServer}}),Object.defineProperty(exports,"toPreviewHash",{enumerable:!0,get:function(){return urls_1.toPreviewHash}})},34874: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.ComponentPreview=void 0;const react_1=__importStar(__webpack_require__(67294)),lodash_1=__webpack_require__(96486),penpal_1=__webpack_require__(65859),pubsub_1=__webpack_require__(23179),urls_1=__webpack_require__(99768),compute_preview_scale_1=__webpack_require__(75665),use_iframe_content_height_1=__webpack_require__(63853),preview_module_scss_1=__importDefault(__webpack_require__(65715));function ComponentPreview(_a){var _b,_c,_d,{component,previewName,forceHeight,queryParams,pubsub,viewport=1280,fullContentHeight=!1,style}=_a,rest=__rest(_a,["component","previewName","forceHeight","queryParams","pubsub","viewport","fullContentHeight","style"]);const[heightIframeRef,iframeHeight]=(0,use_iframe_content_height_1.useIframeContentHeight)({skip:!1,viewport}),iframeRef=(0,react_1.useRef)(null),[width,setWidth]=(0,react_1.useState)(0),[height,setHeight]=(0,react_1.useState)(0),containerRef=(0,react_1.useRef)(null),isScaling=(_b=component.preview)===null||_b===void 0?void 0:_b.isScaling,currentRef=isScaling?iframeRef:heightIframeRef;(0,pubsub_1.usePubSubIframe)(pubsub?currentRef:void 0),(0,react_1.useEffect)(()=>{!iframeRef.current||(0,penpal_1.connectToChild)({iframe:iframeRef.current,methods:{pub:(event,message)=>{message.type==="preview-size"&&(setWidth(message.data.width),setHeight(message.data.height))}}})},[iframeRef?.current]);const params=Array.isArray(queryParams)?queryParams.concat(`viewport=${viewport}`):(0,lodash_1.compact)([queryParams,`viewport=${viewport}`]),targetParams=viewport===null?queryParams:params,url=(0,urls_1.toPreviewUrl)(component,previewName,isScaling?targetParams:queryParams),containerWidth=((_c=containerRef.current)===null||_c===void 0?void 0:_c.offsetWidth)||0,containerHeight=((_d=containerRef.current)===null||_d===void 0?void 0:_d.offsetHeight)||0,currentWidth=fullContentHeight?"100%":(width||1280)+10,legacyCurrentWidth="100%",targetWidth=currentWidth<containerWidth?containerWidth:currentWidth,targetHeight=height!==0?height:5e3,finalHeight=!fullContentHeight&&targetHeight<containerHeight?containerHeight:targetHeight,defaultLegacyHeight=forceHeight||5e3,legacyIframeHeight=(iframeHeight||0)>400?iframeHeight:defaultLegacyHeight;return react_1.default.createElement("div",{ref:containerRef,className:preview_module_scss_1.default.preview,style:{height:forceHeight}},react_1.default.createElement("iframe",Object.assign({},rest,{ref:currentRef,style:Object.assign(Object.assign({},style),{height:forceHeight||(isScaling?finalHeight:legacyIframeHeight),width:isScaling?targetWidth:legacyCurrentWidth,visibility:width===0&&isScaling&&!fullContentHeight?"hidden":void 0,transform:fullContentHeight?"":(0,compute_preview_scale_1.computePreviewScale)(width,containerWidth),border:0,transformOrigin:"top left"}),src:url})))}exports.ComponentPreview=ComponentPreview},99768:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=void 0;const base_ui_utils_string_affix_1=__webpack_require__(6354);function toPreviewUrl(component,previewName,additionalParams){const serverPath=toPreviewServer(component,previewName),hash=toPreviewHash(component,previewName,additionalParams);return`${serverPath}#${hash}`}exports.toPreviewUrl=toPreviewUrl;function toPreviewServer(component,previewName){var _a,_b;const explicitUrl=(_a=component.server)===null||_a===void 0?void 0:_a.url;return explicitUrl||(((_b=component.preview)===null||_b===void 0?void 0:_b.includesEnvTemplate)===!1?toEnvTemplatePreviewUrl(component,previewName):toComponentPreviewUrl(component))}exports.toPreviewServer=toPreviewServer;function toComponentPreviewUrl(component){return`/api/${component.id.toString()}/~aspect/preview/`}function toEnvTemplatePreviewUrl(component,previewName){var _a;const envId=(_a=component.environment)===null||_a===void 0?void 0:_a.id,search=`compId=${component.id.toString()}`;return`/api/${envId}/~aspect/env-template/${previewName}/?${search}`}function toPreviewHash(component,previewName,queryParams=""){const hashQuery=[(0,base_ui_utils_string_affix_1.affix)("preview=",previewName)].concat(queryParams).filter(x=>!!x).join("&");return`${component.id.toString()}${(0,base_ui_utils_string_affix_1.affix)("?",hashQuery)}`}exports.toPreviewHash=toPreviewHash},63853:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useInterval=exports.useIframeContentHeight=void 0;const react_1=__webpack_require__(67294);function useIframeContentHeight({interval=250,skip,viewport}){const iframeRef=(0,react_1.useRef)(null),[iframeHeight,setIframeHeight]=(0,react_1.useState)(0),[iframeWidth,setIframeWidth]=(0,react_1.useState)(0);if(skip)return[iframeRef,void 0,iframeWidth];let first=!0;return useInterval(()=>{var _a;try{const iframe=iframeRef.current;viewport!==null&&(iframe.contentWindow.document.body.style.width="fit-content"),!first&&iframe?.style.height==="5000px"&&(iframe.style.height="100%");const newHeight=iframe.contentWindow.document.body.scrollHeight,newWidth=(_a=iframe?.contentWindow)===null||_a===void 0?void 0:_a.document.body.offsetWidth;setIframeHeight(newHeight),setIframeWidth(newWidth||0),first=!1}catch{}},interval),[iframeRef,iframeHeight,iframeWidth]}exports.useIframeContentHeight=useIframeContentHeight;function useInterval(callback,interval){const savedCallback=(0,react_1.useRef)(()=>callback);(0,react_1.useEffect)(()=>{savedCallback.current=callback}),(0,react_1.useEffect)(()=>{function tick(){savedCallback.current()}if(interval!==null){const id=setInterval(tick,interval);return()=>clearInterval(id)}return()=>{}},[interval])}exports.useInterval=useInterval},61950:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewPlaceholder=void 0;var preview_placeholder_1=__webpack_require__(86202);Object.defineProperty(exports,"PreviewPlaceholder",{enumerable:!0,get:function(){return preview_placeholder_1.PreviewPlaceholder}})},86202: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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewPlaceholder=void 0;const react_1=__importStar(__webpack_require__(67294)),compositions_1=__webpack_require__(32552),evangelist_elements_icon_1=__webpack_require__(54560),preview_placeholder_module_scss_1=__importDefault(__webpack_require__(55631));function PreviewPlaceholder({component,shouldShowPreview}){const selectedPreview=(0,react_1.useMemo)(()=>{if(!!shouldShowPreview)return selectDefaultComposition(component)},[component,shouldShowPreview]),name=component.id.toString();return component.buildStatus==="pending"?react_1.default.createElement("div",{className:preview_placeholder_module_scss_1.default.previewPlaceholder,"data-tip":"","data-for":name},react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"Ripple-processing"}),react_1.default.createElement("div",null,"Processing preview")):shouldShowPreview?react_1.default.createElement(compositions_1.ComponentComposition,{component,composition:selectedPreview,pubsub:!1}):react_1.default.createElement("div",{className:preview_placeholder_module_scss_1.default.previewPlaceholder,"data-tip":"","data-for":name},react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"img"}),react_1.default.createElement("div",null,"No preview available"))}exports.PreviewPlaceholder=PreviewPlaceholder;const PREVIEW_COMPOSITION_SUFFIX="Preview";function selectDefaultComposition(component){const{compositions}=component;return compositions.find(x=>x.identifier.endsWith(PREVIEW_COMPOSITION_SUFFIX))}},80396:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickInsideAnIframeEvent=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _pubsub(){const data=__webpack_require__(23179);return _pubsub=function(){return data},data}class ClickInsideAnIframeEventData{constructor(clickEvent){this.clickEvent=clickEvent}}class ClickInsideAnIframeEvent extends _pubsub().BitBaseEvent{constructor(timestamp=Date.now(),clickEvent){super(ClickInsideAnIframeEvent.TYPE,"0.0.1",timestamp,new ClickInsideAnIframeEventData(clickEvent));this.timestamp=timestamp,this.clickEvent=clickEvent}}exports.ClickInsideAnIframeEvent=ClickInsideAnIframeEvent,(0,_defineProperty2().default)(ClickInsideAnIframeEvent,"TYPE","click-inside-an-iframe")},67335:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _clickInsideAnIframe=__webpack_require__(80396);Object.keys(_clickInsideAnIframe).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_clickInsideAnIframe[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _clickInsideAnIframe[key]}})})},79794:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BundlingStrategyNotFound=void 0;class BundlingStrategyNotFound extends Error{constructor(strategyName){super(`bundling strategy with name ${strategyName} was not found`);this.strategyName=strategyName}}exports.BundlingStrategyNotFound=BundlingStrategyNotFound},67166:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BundlingStrategyNotFound",{enumerable:!0,get:function(){return _bundlingStrategyNotFound().BundlingStrategyNotFound}}),Object.defineProperty(exports,"PreviewArtifactNotFound",{enumerable:!0,get:function(){return _previewArtifactNotFound().PreviewArtifactNotFound}}),Object.defineProperty(exports,"PreviewNotFound",{enumerable:!0,get:function(){return _previewNotFound().PreviewNotFound}}),Object.defineProperty(exports,"PreviewOutputFileNotFound",{enumerable:!0,get:function(){return _previewOutputFileNotFound().PreviewOutputFileNotFound}});function _previewNotFound(){const data=__webpack_require__(39517);return _previewNotFound=function(){return data},data}function _previewArtifactNotFound(){const data=__webpack_require__(82330);return _previewArtifactNotFound=function(){return data},data}function _bundlingStrategyNotFound(){const data=__webpack_require__(79794);return _bundlingStrategyNotFound=function(){return data},data}function _previewOutputFileNotFound(){const data=__webpack_require__(13291);return _previewOutputFileNotFound=function(){return data},data}},82330:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewArtifactNotFound=void 0;function _bitError(){const data=__webpack_require__(93902);return _bitError=function(){return data},data}class PreviewArtifactNotFound extends _bitError().BitError{constructor(componentId){super(`preview for component ${componentId.toString()} was not found`)}}exports.PreviewArtifactNotFound=PreviewArtifactNotFound},39517:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewNotFound=void 0;class PreviewNotFound extends Error{constructor(name){super(`Preview for name: ${name} was not found`)}}exports.PreviewNotFound=PreviewNotFound},13291:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewOutputFileNotFound=void 0;function _bitError(){const data=__webpack_require__(93902);return _bitError=function(){return data},data}class PreviewOutputFileNotFound extends _bitError().BitError{constructor(componentId,filePath){super(`preview output file for component: "${componentId.toString()}" was not found in the path: "${filePath}".
477
477
 
478
478
  This is usually a result of an error during the bundling process.
479
479
  The error might be an error of another component that uses the same env.
@@ -489,7 +489,7 @@ Run "bit envs" to see other components that uses the same env`)}}exports.Preview
489
489
  }
490
490
  }
491
491
  }
492
- `;async function fetchComponentAspects(componentId){try{return(await(0,_graphqlRequest().request)(GQL_SERVER,GET_COMPONENT_ASPECTS,{id:componentId.toString()})).getHost.get.aspects.map(x=>x.id)}catch(err){console.error(`[gql] error on "getComponentAspects" - "${err.toString()}"`);return}}},79271:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadLink=loadLink,exports.loadScript=loadScript;function loadScript({src}){return new Promise((resolve,reject)=>{const script=document.createElement("script");script.setAttribute("defer","defer"),script.src=src,script.onload=()=>resolve(),script.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load script: ${message}`)),document.head.appendChild(script)})}function loadLink({href}){return new Promise((resolve,reject)=>{const link=document.createElement("link");href.endsWith(".css")&&link.setAttribute("rel","stylesheet"),link.setAttribute("href",href),link.onload=()=>resolve(),link.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load link: ${message}`)),document.head.appendChild(link)})}},49471:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={PreviewAspect:!0,PreviewRuntime:!0,PreviewDefinition:!0};Object.defineProperty(exports,"PreviewAspect",{enumerable:!0,get:function(){return _preview().PreviewAspect}}),Object.defineProperty(exports,"PreviewDefinition",{enumerable:!0,get:function(){return _previewDefinition().PreviewDefinition}}),Object.defineProperty(exports,"PreviewRuntime",{enumerable:!0,get:function(){return _preview().PreviewRuntime}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _preview().PreviewAspect}});function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}var _events=__webpack_require__(67335);Object.keys(_events).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_events[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _events[key]}})});function _previewDefinition(){const data=__webpack_require__(15739);return _previewDefinition=function(){return data},data}},15739:()=>{"use strict"},2094:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewModules=exports.PREVIEW_MODULES=void 0,exports.linkModules=linkModules;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}class PreviewModules extends Map{constructor(...args){super(...args);(0,_defineProperty2().default)(this,"onSet",new Set)}set(id,preview){return super.set(id,preview),this.onSet.forEach(callback=>callback()),this}loadComponentPreviews(compId,previews){Object.entries(previews).forEach(([previewName,moduleFile])=>{const preview=this.get(previewName);!preview||(preview.componentMap[compId]=moduleFile)})}}exports.PreviewModules=PreviewModules;const PREVIEW_MODULES=new PreviewModules;exports.PREVIEW_MODULES=PREVIEW_MODULES;function linkModules(previewName,previewModule){PREVIEW_MODULES.set(previewName,previewModule)}},22395:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PreviewRuntime=exports.PreviewAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PreviewRuntime=new(_harmony()).RuntimeDefinition("preview");exports.PreviewRuntime=PreviewRuntime;const PreviewAspect=_harmony().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:PreviewRuntime});exports.PreviewAspect=PreviewAspect;var _default=PreviewAspect;exports.default=_default},74649:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(88674),__webpack_require__(74916),__webpack_require__(60285),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0,Object.defineProperty(exports,"Bu",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _pubsub(){const data=_interopRequireDefault(__webpack_require__(23179));return _pubsub=function(){return data},data}function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _crossFetch(){const data=_interopRequireDefault(__webpack_require__(54098));return _crossFetch=function(){return data},data}function _memoizee(){const data=_interopRequireDefault(__webpack_require__(34156));return _memoizee=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _exceptions(){const data=__webpack_require__(67166);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(67335);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(85216);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(73110);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(2094);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(79271);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(14285);return _sizeEvent=function(){return data},data}class PreviewPreview{constructor(pubsub,previewSlot,renderingContextSlot){this.pubsub=pubsub,this.previewSlot=previewSlot,this.renderingContextSlot=renderingContextSlot,(0,_defineProperty2().default)(this,"isDev",!1),(0,_defineProperty2().default)(this,"_setupPromise",void 0),(0,_defineProperty2().default)(this,"setup",()=>{var _this$_setupPromise;return this.isReady()?Promise.resolve():((_this$_setupPromise=this._setupPromise)!==null&&_this$_setupPromise!==void 0||(this._setupPromise=new Promise(resolve=>{_previewModules().PREVIEW_MODULES.onSet.add(()=>{this.isReady()&&resolve()})})),this._setupPromise)}),(0,_defineProperty2().default)(this,"render",async rootExt=>{window.document.body.style.width="fit-content";const{previewName,componentId}=this.getLocation(),name=previewName||this.getDefault();rootExt&&(this.isDev=rootExt==="teambit.workspace/workspace");const preview=this.getPreview(name);if(!preview||!componentId)throw new(_exceptions()).PreviewNotFound(previewName);const includes=(await Promise.all((preview.include||[]).map(async inclPreviewName=>{var _includedPreview$sele;const includedPreview=this.getPreview(inclPreviewName);if(!includedPreview)return;const inclPreviewModule=await this.getPreviewModule(inclPreviewName,componentId);return(_includedPreview$sele=includedPreview.selectPreviewModel)===null||_includedPreview$sele===void 0?void 0:_includedPreview$sele.call(includedPreview,componentId.fullName,inclPreviewModule)}))).filter(module=>!!module),componentAspects=this.isDev?await this.getComponentAspects(componentId.toString()):void 0,previewModule=await this.getPreviewModule(name,componentId),render=preview.render(componentId,previewModule,includes,this.getRenderingContext(componentAspects));return this.reportSize(),this.setViewport(),render}),(0,_defineProperty2().default)(this,"getComponentAspects",(0,_memoizee().default)(_fetchComponentAspects().fetchComponentAspects,{max:100,maxAge:12*60*60*1e3})),this.registerClickPubSub()}registerClickPubSub(){window.addEventListener("click",e=>{const timestamp=Date.now(),clickEvent=Object.assign({},e);this.pubsub.pub(_preview().PreviewAspect.id,new(_events()).ClickInsideAnIframeEvent(timestamp,clickEvent))})}isReady(){var _preview$include$ever,_preview$include;const{previewName}=this.getLocation(),name=previewName||this.getDefault();if(!_previewModules().PREVIEW_MODULES.has(name))return!1;const preview=this.getPreview(name);return!(!preview||!((_preview$include$ever=(_preview$include=preview.include)===null||_preview$include===void 0?void 0:_preview$include.every(included=>_previewModules().PREVIEW_MODULES.has(included)))!==null&&_preview$include$ever!==void 0?_preview$include$ever:!0))}setViewport(){const query=this.getQuery(),viewPort=this.getParam(query,"viewport");if(!viewPort){window.document.body.style.width="100%";return}window.document.body.style.maxWidth=`${viewPort}px`}reportSize(){var _window,_window2;if(!((_window=window)!==null&&_window!==void 0&&_window.parent)||!((_window2=window)!==null&&_window2!==void 0&&_window2.document))return;const sendPubsubEvent=()=>{this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))};window.addEventListener("resize",(0,_lodash().debounce)(sendPubsubEvent,150));let counter=0;const interval=setInterval(()=>{if(counter+=1,counter>10){clearInterval(interval);return}this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))},200)}async getPreviewModule(previewName,id){const compShortId=id.fullName,relevantModel=_previewModules().PREVIEW_MODULES.get(previewName);if(!relevantModel)throw new Error(`[preview.preview] missing preview "${previewName}"`);if(relevantModel.componentMap[compShortId])return relevantModel;const componentPreviews=await this.fetchComponentPreview(id,previewName);_previewModules().PREVIEW_MODULES.loadComponentPreviews(compShortId,componentPreviews);const component=componentPreviews[previewName];return{mainModule:relevantModel.mainModule,componentMap:{[id.fullName]:component}}}async fetchComponentPreview(id,name){let previewFile;const allFiles=await this.fetchComponentPreviewFiles(id,name);return allFiles===null?{}:(await Promise.all(allFiles.map(file=>{if(file.endsWith("-preview.js")){previewFile=file;return}return this.addComponentFileElement(id,file)})),previewFile?this.loadPreviewScript(id,name,previewFile):{})}addComponentFileElement(id,previewBundleFileName){if(previewBundleFileName.endsWith(".js"))return this.addComponentFileScriptElement(id,previewBundleFileName);this.addComponentFileLinkElement(id,previewBundleFileName).catch(err=>{throw new Error(`[preview.preview] failed loading asset "${previewBundleFileName}". Error - "${err?.toString()}"`)})}async fetchComponentPreviewFiles(id,previewName){const previewAssetsRoute="~aspect/preview-assets",url=`/api/${id.toString()}/${previewAssetsRoute}`,res2=await(0,_crossFetch().default)(url);if(res2.status>=400)throw new(_exceptions()).PreviewNotFound(previewName);const parsed=await res2.json();if(parsed.isBundledWithEnv)return null;if(!parsed.files||!parsed.files.length)throw new(_exceptions()).PreviewNotFound(previewName);return parsed.files}addComponentFileScriptElement(id,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;return(0,_htmlUtils().loadScript)({src})}addComponentFileLinkElement(id,previewBundleFileName){const href=`/api/${id.toString()}/~aspect/component-preview/${previewBundleFileName}`;return(0,_htmlUtils().loadLink)({href})}async loadPreviewScript(id,previewName,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;await(0,_htmlUtils().loadScript)({src});const globalId=`${id.toStringWithoutVersion()}-preview`,componentPreview=window[globalId];if(!componentPreview)throw new(_exceptions()).PreviewNotFound(previewName);return componentPreview}registerPreview(preview){return this.previewSlot.register(preview),this}getRenderingContext(aspectsFilter){return new(_renderingContext()).RenderingContext(this.renderingContextSlot,{aspectsFilter})}registerRenderContext(renderContext){return this.renderingContextSlot.register(renderContext),this}getDefault(){const previews=this.previewSlot.values(),defaultOne=previews.find(previewCandidate=>previewCandidate.default);return defaultOne?.name||previews[0].name}getPreview(previewName){return this.previewSlot.values().find(previewCandidate=>previewCandidate.name===previewName)}getParam(query,param){return new URLSearchParams(query).get(param)}getQuery(){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?");return after}getLocation(){const withoutHash=window.location.hash.substring(1),[before,after]=withoutHash.split("?");return{previewName:this.getParam(after,"preview"),componentId:_componentId().ComponentID.tryFromString(before)}}static async provider([pubsub],config,[previewSlot,renderingContextSlot]){const preview=new PreviewPreview(pubsub,previewSlot,renderingContextSlot);return window.addEventListener("hashchange",()=>{preview.render()}),preview}}__webpack_unused_export__=PreviewPreview,(0,_defineProperty2().default)(PreviewPreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(PreviewPreview,"dependencies",[_pubsub().default]),(0,_defineProperty2().default)(PreviewPreview,"slots",[_harmony().Slot.withType(),_harmony().Slot.withType()]),_preview().PreviewAspect.addRuntime(PreviewPreview)},85216:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RenderingContext=void 0;class RenderingContext{constructor(contexts,options={}){this.contexts=contexts,this.options=options}get(aspectId){const contextFactory=this.contexts.get(aspectId);return contextFactory?.(this.options)}}exports.RenderingContext=RenderingContext},14285:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _pubsub(){const data=__webpack_require__(23179);return _pubsub=function(){return data},data}class SizeEvent extends _pubsub().BitBaseEvent{constructor(sizeEvent){super(SizeEvent.TYPE,"0.0.1",new Date().getTime(),sizeEvent)}}exports.SizeEvent=SizeEvent,(0,_defineProperty2().default)(SizeEvent,"TYPE","preview-size")},43979:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitBaseEvent=void 0;class BitBaseEvent{constructor(type,version,timestamp,data){this.type=type,this.version=version,this.timestamp=timestamp,this.data=data}}exports.BitBaseEvent=BitBaseEvent},23179:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BitBaseEvent",{enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}}),Object.defineProperty(exports,"PubSubRegistry",{enumerable:!0,get:function(){return _pubsubContext().PubSubRegistry}}),Object.defineProperty(exports,"PubsubAspect",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"usePubSub",{enumerable:!0,get:function(){return _pubsubContext().usePubSub}}),Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(43979);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(17796);return _pubsubContext=function(){return data},data}},14339:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PubSubNoParentError=void 0;class PubSubNoParentError extends Error{constructor(){super("could not connect to parent window");this.name="PubSubNoParentError"}}exports.PubSubNoParentError=PubSubNoParentError},17796:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createProvider=createProvider,exports.pubsubRegistry=void 0,exports.usePubSub=usePubSub,exports.usePubSubIframe=usePubSubIframe;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}const pubsubRegistry=(0,_react().createContext)(void 0);exports.pubsubRegistry=pubsubRegistry;function createProvider(pubSubContext){return({children})=>_react().default.createElement(pubsubRegistry.Provider,{value:pubSubContext},children)}function usePubSub(){return(0,_react().useContext)(pubsubRegistry)}function usePubSubIframe(ref){const pubSub=usePubSub();(0,_react().useEffect)(()=>{if(!(ref!=null&&ref.current)||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},56646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PubsubAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});exports.PubsubAspect=PubsubAspect;var _default=PubsubAspect;exports.default=_default},53707:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(95318);__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(53518);return _uiFoundationUi=function(){return data},data}function _eventemitter(){const data=__webpack_require__(56387);return _eventemitter=function(){return data},data}function _penpal(){const data=__webpack_require__(65859);return _penpal=function(){return data},data}function _noParentError(){const data=__webpack_require__(14339);return _noParentError=function(){return data},data}function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}class PubsubPreview{constructor(){(0,_defineProperty2().default)(this,"_parentPubsub",void 0),(0,_defineProperty2().default)(this,"events",new(_eventemitter()).EventEmitter2),(0,_defineProperty2().default)(this,"connectToParentPubSub",(retries=10)=>{if(retries<=0)throw new(_noParentError()).PubSubNoParentError;return(0,_penpal().connectToParent)({timeout:300,methods:{pub:this.handleMessageFromParent}}).promise.then(parentPubsub=>this._parentPubsub=parentPubsub).catch(e=>{if(e.code!==_penpal().ErrorCode.ConnectionTimeout)throw e;return this.connectToParentPubSub(retries-1)})}),(0,_defineProperty2().default)(this,"handleMessageFromParent",(topic,message)=>{this.events.emit(topic,message)})}sub(topic,callback){const emitter=this.events;return emitter.on(topic,callback),()=>{emitter.off(topic,callback)}}pub(topic,event){var _this$_parentPubsub;this.events.emit(topic,event),(_this$_parentPubsub=this._parentPubsub)===null||_this$_parentPubsub===void 0||_this$_parentPubsub.pub(topic,event).catch(err=>{console.error("[Pubsub.preview]",err)})}inIframe(){try{return _uiFoundationUi().isBrowser&&window.self!==window.top}catch{return!1}}static async provider(){const pubsubPreview=new PubsubPreview;return pubsubPreview.inIframe()&&pubsubPreview.connectToParentPubSub().catch(err=>{err instanceof _noParentError().PubSubNoParentError||console.error("[Pubsub.preview]",err)}),pubsubPreview}}__webpack_unused_export__=PubsubPreview,(0,_defineProperty2().default)(PubsubPreview,"runtime",_preview().PreviewRuntime),_pubsub().PubsubAspect.addRuntime(PubsubPreview)},93849:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__={enumerable:!0,get:function(){return _reactNative2().ReactNativeAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _reactNative().ReactNativeEnv}},Object.defineProperty(exports,"ZP",{enumerable:!0,get:function(){return _reactNative2().ReactNativeAspect}});function _reactNative(){const data=__webpack_require__(5994);return _reactNative=function(){return data},data}function _reactNative2(){const data=__webpack_require__(38117);return _reactNative2=function(){return data},data}},38117:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReactNativeAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const ReactNativeAspect=_harmony().Aspect.create({id:"teambit.react/react-native"});exports.ReactNativeAspect=ReactNativeAspect},5994:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(66992),__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReactNativeEnvType=exports.ReactNativeEnv=void 0;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _reactNativeAlias(){const data=__webpack_require__(96649);return _reactNativeAlias=function(){return data},data}function _webpackTemplateTransformers(){const data=__webpack_require__(28142);return _webpackTemplateTransformers=function(){return data},data}const ReactNativeEnvType="react-native";exports.ReactNativeEnvType=ReactNativeEnvType;class ReactNativeEnv{constructor(react,aspect){this.react=react,this.aspect=aspect}async getHostDependencies(){const reactAdditional=await this.react.reactEnv.getAdditionalHostDependencies(),currentPeers=Object.keys(this.getDependencies().peerDependencies);return(0,_lodash().uniq)(reactAdditional.concat(currentPeers).filter(dep=>dep!=="react-native"))}async getTemplateBundler(context,transformers=[]){return this.createTemplateWebpackBundler(context,transformers)}async createTemplateWebpackBundler(context,transformers=[]){return this.aspect.aspectEnv.createTemplateWebpackBundler(context,[_webpackTemplateTransformers().removeExposedReactNative,_webpackTemplateTransformers().removeReactNativePeerEntry,_reactNativeAlias().reactNativeAlias,...transformers])}getDependencies(){return{dependencies:{react:"-","react-dom":"-","react-native":"-"},devDependencies:{react:"-","react-dom":"-","react-native":"-","@types/jest":"^26.0.0","@types/react":"^17.0.8","@types/react-dom":"^17.0.5","@types/react-native":"^0.64.1","@babel/runtime":"7.12.18","@types/testing-library__jest-dom":"5.9.5"},peerDependencies:{react:"^16.8.0 || ^17.0.0","react-dom":"^16.8.0 || ^17.0.0","react-native":"^0.64.1","react-native-web":"^0.16.0"}}}async __getDescriptor(){return{type:ReactNativeEnvType}}}exports.ReactNativeEnv=ReactNativeEnv},65883:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _react(){const data=__webpack_require__(32750);return _react=function(){return data},data}function _reactNative(){const data=__webpack_require__(38117);return _reactNative=function(){return data},data}class ReactNativePreview{constructor(reactPreview,preview){this.reactPreview=reactPreview,this.preview=preview,(0,_defineProperty2().default)(this,"registerProvider",this.reactPreview.registerProvider.bind(this.reactPreview)),(0,_defineProperty2().default)(this,"getRenderingContext",this.reactPreview.getRenderingContext.bind(this.reactPreview))}static async provider([reactPreview,preview]){const reactNativePreview=new ReactNativePreview(reactPreview,preview);return preview.registerRenderContext(reactNativePreview.getRenderingContext),reactNativePreview}}__webpack_unused_export__=ReactNativePreview,(0,_defineProperty2().default)(ReactNativePreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(ReactNativePreview,"slots",[]),(0,_defineProperty2().default)(ReactNativePreview,"dependencies",[_react().ReactAspect,_preview().PreviewAspect]),_reactNative().ReactNativeAspect.addRuntime(ReactNativePreview);var _default=ReactNativePreview;__webpack_unused_export__=_default},96649:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.reactNativeAlias=reactNativeAlias;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function reactNativeAlias(config){const newAliases={"react-native$":(0,_lodash().get)(config.raw,"resolve.alias.react-native-web",58091)};return config.removeAliases(["react-native"]),config.addAliases(newAliases),config}},28142:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.removeExposedReactNative=removeExposedReactNative,exports.removeReactNativePeerEntry=removeReactNativePeerEntry;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function removeExposedReactNative(config){var _config$raw,_config$raw$module;return config!=null&&(_config$raw=config.raw)!==null&&_config$raw!==void 0&&(_config$raw$module=_config$raw.module)!==null&&_config$raw$module!==void 0&&_config$raw$module.rules&&(config.raw.module.rules=config.raw.module.rules.filter(rule=>{var _rule$loader,_rule$test;return!((_rule$loader=rule.loader)!==null&&_rule$loader!==void 0&&_rule$loader.includes("expose-loader")&&typeof rule.test&&typeof rule.test=="string"&&(_rule$test=rule.test)!==null&&_rule$test!==void 0&&_rule$test.includes("/react-native/"))})),config}function removeReactNativePeerEntry(config){const peersImports=(0,_lodash().get)(config.raw,"entry.peers.import");return peersImports&&(0,_lodash().set)(config.raw,"entry.peers.import",peersImports.filter(name=>name!=="react-native")),config}},30329:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fiberToPrototype=exports.toRootFiber=exports.domToFiber=void 0;const react17Key="__reactFiber",react16Key="__reactInternalInstance";function domToFiber(element){if(!element)return null;const fiberKey=Object.keys(element).find(key=>key.startsWith(react17Key)||key.startsWith(react16Key));if(!fiberKey)return null;const fiberNode=element[fiberKey];return fiberNode||null}exports.domToFiber=domToFiber;function toRootFiber(fiberNode){for(let current=fiberNode;current!==null&&current.type!==null;current=current.return)if(typeof current.type=="function"||typeof current.type=="object"&&typeof current.type.render=="function")return current;return null}exports.toRootFiber=toRootFiber;function fiberToPrototype(fiberNode){var _a;return((_a=toRootFiber(fiberNode))===null||_a===void 0?void 0:_a.type)||null}exports.fiberToPrototype=fiberToPrototype},33773:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.domToReacts=exports.domToReact=exports.toRootElement=void 0;const dom_to_fiber_1=__webpack_require__(30329);function toRootElement(element){const rootFiber=(0,dom_to_fiber_1.toRootFiber)((0,dom_to_fiber_1.domToFiber)(element));if(!rootFiber)return null;for(let current=element;current;current=current.parentElement){const fiberNode=(0,dom_to_fiber_1.domToFiber)(current);if(!fiberNode)return null;const parent2=fiberNode.return;if(fiberNode===rootFiber||parent2===rootFiber)return current}return null}exports.toRootElement=toRootElement;function domToReact(element){return domToReacts(element).pop()}exports.domToReact=domToReact;function domToReacts(element){if(element===null)return[];const fiberNode=(0,dom_to_fiber_1.domToFiber)(element),rootFiber=(0,dom_to_fiber_1.toRootFiber)(fiberNode);return componentsOf(rootFiber)}exports.domToReacts=domToReacts;function componentsOf(fiberNode){const components=[];let current=fiberNode;for(;current&&current.type!==null&&typeof current.type!="string";)components.push(current.type),current=current.return;return components}},35450:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fiberToPrototype=exports.toRootFiber=exports.domToFiber=exports.toRootElement=exports.domToReacts=exports.domToReact=void 0;var dom_to_react_1=__webpack_require__(33773);Object.defineProperty(exports,"domToReact",{enumerable:!0,get:function(){return dom_to_react_1.domToReact}}),Object.defineProperty(exports,"domToReacts",{enumerable:!0,get:function(){return dom_to_react_1.domToReacts}}),Object.defineProperty(exports,"toRootElement",{enumerable:!0,get:function(){return dom_to_react_1.toRootElement}});var dom_to_fiber_1=__webpack_require__(30329);Object.defineProperty(exports,"domToFiber",{enumerable:!0,get:function(){return dom_to_fiber_1.domToFiber}}),Object.defineProperty(exports,"toRootFiber",{enumerable:!0,get:function(){return dom_to_fiber_1.toRootFiber}}),Object.defineProperty(exports,"fiberToPrototype",{enumerable:!0,get:function(){return dom_to_fiber_1.fiberToPrototype}})},93130:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChildrenHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),hybrid_highlighter_1=__webpack_require__(90995);function ChildrenHighlighter(_a){var{watchMotion=!1}=_a,props=__rest(_a,["watchMotion"]);return react_1.default.createElement(hybrid_highlighter_1.HybridHighlighter,Object.assign({},props,{mode:"allChildren",watchMotion}))}exports.ChildrenHighlighter=ChildrenHighlighter},31524:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChildrenHighlighter=exports.useChildrenHighlighter=void 0;var use_children_highlighter_1=__webpack_require__(87605);Object.defineProperty(exports,"useChildrenHighlighter",{enumerable:!0,get:function(){return use_children_highlighter_1.useChildrenHighlighter}});var children_highlighter_1=__webpack_require__(93130);Object.defineProperty(exports,"ChildrenHighlighter",{enumerable:!0,get:function(){return children_highlighter_1.ChildrenHighlighter}})},87605:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useChildrenHighlighter=void 0;const react_1=__webpack_require__(67294),get_xpath_1=__importDefault(__webpack_require__(4825)),react_modules_dom_to_react_1=__webpack_require__(35450),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),ignore_highlighter_1=__webpack_require__(84486),rule_matcher_1=__webpack_require__(93008);function useChildrenHighlighter({onChange,disabled,scopeRef,scopeClass:scopeSelector="",rule,componentRule}){(0,react_1.useEffect)(()=>{const nextTargets={},scopeElement=scopeRef.current;if(!scopeElement||disabled)return;let allElements=Array.from(scopeElement.querySelectorAll(targetsSelector(`.${scopeSelector}`)));rule&&(allElements=allElements.filter(elem=>(0,rule_matcher_1.ruleMatcher)(elem,rule)));const rootElements=allElements.map(react_modules_dom_to_react_1.toRootElement).filter(x=>!!x);new Set(rootElements).forEach(element=>{if(!element)return;const componentsWithMeta=(0,react_modules_dom_to_react_1.domToReacts)(element).filter(x=>(0,react_ui_highlighter_component_metadata_bit_component_meta_1.hasComponentMeta)(x)&&(0,rule_matcher_1.componentRuleMatcher)({meta:x[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]},componentRule));if(componentsWithMeta.length<1)return;const key=(0,get_xpath_1.default)(element);nextTargets[key]={element,components:componentsWithMeta}}),onChange(nextTargets)},[disabled,scopeSelector])}exports.useChildrenHighlighter=useChildrenHighlighter;function targetsSelector(scopeSelector=":scope"){const excludedSelector=`${scopeSelector} ${ignore_highlighter_1.excludeHighlighterSelector}, ${scopeSelector} ${ignore_highlighter_1.excludeHighlighterSelector} *`,skippedSelector=`${scopeSelector} ${ignore_highlighter_1.skipHighlighterSelector}, ${scopeSelector} ${ignore_highlighter_1.skipHighlighterSelector} *`;return`:not(${excludedSelector}, ${skippedSelector})`}},41807:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ElementHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),frame_1=__webpack_require__(91331),label_1=__webpack_require__(90608),ignore_highlighter_1=__webpack_require__(84486),element_highlighter_module_scss_1=__importDefault(__webpack_require__(38053));function ElementHighlighter(_a){var{targetRef,components,placement="top",watchMotion,className,classes}=_a,props=__rest(_a,["targetRef","components","placement","watchMotion","className","classes"]);return react_1.default.createElement("div",Object.assign({},props,ignore_highlighter_1.skipHighlighterAttr,{className:(0,classnames_1.default)(classes?.container,element_highlighter_module_scss_1.default.container,className)}),react_1.default.createElement(frame_1.Frame,{targetRef,className:(0,classnames_1.default)(element_highlighter_module_scss_1.default.frame,classes?.frame),watchMotion}),components&&react_1.default.createElement(label_1.LabelContainer,{targetRef,className:element_highlighter_module_scss_1.default.label,placement,watchMotion},react_1.default.createElement(label_1.Label,{components,className:classes?.label})))}exports.ElementHighlighter=ElementHighlighter},76308:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ElementHighlighter=void 0;var element_highlighter_1=__webpack_require__(41807);Object.defineProperty(exports,"ElementHighlighter",{enumerable:!0,get:function(){return element_highlighter_1.ElementHighlighter}})},58580:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),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},__awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value2){return value2 instanceof P?value2:new P(function(resolve){resolve(value2)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value2){try{step(generator.next(value2))}catch(e){reject(e)}}function rejected(value2){try{step(generator.throw(value2))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),react_dom_1=__webpack_require__(36728),frame_module_scss_1=__importDefault(__webpack_require__(26448)),MARGIN_FROM_TARGET=+frame_module_scss_1.default.offset||6,MARGIN_FROM_DOC_EDGE=0,overflowParameters={rootBoundary:"document",padding:MARGIN_FROM_DOC_EDGE},SHIFT_POSITIVE="shiftPositive",HAS_RESIZE_OBSERVER=typeof window<"u"&&!!window.ResizeObserver;function Frame({targetRef,watchMotion,className,stylesClass=frame_module_scss_1.default.overlayBorder,style}){var _a;const dimensionRef=(0,react_1.useRef)({width:0,height:0}),{x,y,strategy,reference,floating,update,refs,middlewareData}=(0,react_dom_1.useFloating)({placement:"bottom-start",middleware:[{name:"align-to-target",fn({rects}){return rects.floating=Object.assign(Object.assign({},rects.floating),{width:rects.reference.width+2*MARGIN_FROM_TARGET,height:rects.reference.height+2*MARGIN_FROM_TARGET}),{}}},(0,react_dom_1.offset)(({rects})=>-rects.reference.height),(0,react_dom_1.offset)(()=>({mainAxis:-MARGIN_FROM_TARGET,crossAxis:-MARGIN_FROM_TARGET})),{name:"shiftPositive",fn:args=>__awaiter(this,void 0,void 0,function*(){const overflow=yield(0,react_dom_1.detectOverflow)(args,overflowParameters),nextCoords={x:overflow.left>0?args.x+overflow.left:args.x,y:overflow.top>0?args.y+overflow.top:args.y},shiftAmount={x:nextCoords.x-args.x,y:nextCoords.y-args.y};return Object.assign(Object.assign({},nextCoords),{data:shiftAmount})})},(0,react_dom_1.size)({rootBoundary:"document",padding:MARGIN_FROM_DOC_EDGE,apply({elements,rects,availableHeight,availableWidth,middlewareData:middlewareData2}){const shift=middlewareData2[SHIFT_POSITIVE]||{x:0,y:0},paddingX=2*MARGIN_FROM_TARGET-shift.x,paddingY=2*MARGIN_FROM_TARGET-shift.y,dimensions={width:rects.reference.width+paddingX,height:rects.reference.height+paddingY,maxWidth:availableWidth,maxHeight:availableHeight};Object.assign(elements.floating.style,dimensions),dimensionRef.current=dimensions}}),(0,react_dom_1.hide)({strategy:"referenceHidden"})]});(0,react_1.useLayoutEffect)(()=>{reference(targetRef.current)},[targetRef.current]),(0,react_1.useEffect)(()=>!refs.reference.current||!refs.floating.current||!HAS_RESIZE_OBSERVER?()=>{}:(0,react_dom_1.autoUpdate)(refs.reference.current,refs.floating.current,update,{animationFrame:watchMotion}),[refs.reference.current,refs.floating.current,update,watchMotion]);const isReady=!(!((_a=middlewareData.hide)===null||_a===void 0)&&_a.referenceHidden);return react_1.default.createElement("div",{ref:floating,className:(0,classnames_1.default)(className,stylesClass,!isReady&&frame_module_scss_1.default.hidden),style:Object.assign(Object.assign(Object.assign({},style),dimensionRef.current),{position:strategy,top:y??0,left:x??0})})}exports.Frame=Frame},91331:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;var frame_1=__webpack_require__(58580);Object.defineProperty(exports,"Frame",{enumerable:!0,get:function(){return frame_1.Frame}})},74988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.bubbleToComponent=void 0;const react_modules_dom_to_react_1=__webpack_require__(35450),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),rule_matcher_1=__webpack_require__(93008);function bubbleToComponent(element,{elementRule,componentRule,propagateSameParents=!0}={}){let current=bubbleToFirstComponent(element,elementRule,componentRule);if(!propagateSameParents)return current;for(;current;){const parentElement=current.element.parentElement,parent2=bubbleToFirstComponent(parentElement,elementRule,componentRule),primeComponent=current?.components.slice(-1).pop(),parentPrimeComponent=parent2?.components.slice(-1).pop();if(primeComponent?.[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField].id!==parentPrimeComponent?.[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField].id)return current;current=parent2}}exports.bubbleToComponent=bubbleToComponent;function bubbleToFirstComponent(element,elementRule,componentRule){for(let current=element;current;current=current.parentElement){if(current=(0,react_modules_dom_to_react_1.toRootElement)(current),!current)return;if((0,rule_matcher_1.ruleMatcher)(current,elementRule)){const relevantComponents=(0,react_modules_dom_to_react_1.domToReacts)(current).filter(x=>(0,react_ui_highlighter_component_metadata_bit_component_meta_1.hasComponentMeta)(x)&&(0,rule_matcher_1.componentRuleMatcher)({meta:x[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]},componentRule));return relevantComponents.length<1?void 0:{element:current,components:relevantComponents}}}}},52429:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HoverHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),hybrid_highlighter_1=__webpack_require__(90995);function HoverHighlighter(_a){var props=__rest(_a,[]);return react_1.default.createElement(hybrid_highlighter_1.HybridHighlighter,Object.assign({},props,{mode:"hover"}))}exports.HoverHighlighter=HoverHighlighter},23988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HoverHighlighter=exports.useHoverHighlighter=void 0;var use_hover_highlighter_1=__webpack_require__(76641);Object.defineProperty(exports,"useHoverHighlighter",{enumerable:!0,get:function(){return use_hover_highlighter_1.useHoverHighlighter}});var hover_highlighter_1=__webpack_require__(52429);Object.defineProperty(exports,"HoverHighlighter",{enumerable:!0,get:function(){return hover_highlighter_1.HoverHighlighter}})},76641:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHoverHighlighter=void 0;const react_1=__webpack_require__(67294),use_debounce_1=__webpack_require__(3962),react_ui_hover_selector_1=__webpack_require__(83933),ignore_highlighter_1=__webpack_require__(84486),bubble_to_component_1=__webpack_require__(74988);function useHoverHighlighter(onChange,props={},{debounceDuration,scopeClass,disabled,rule,componentRule}){const{handleElement}=useHoverHandler({onChange,scopeClass,debounceDuration,disabled,rule,componentRule});return(0,react_ui_hover_selector_1.useHoverSelection)(disabled?void 0:handleElement,props)}exports.useHoverHighlighter=useHoverHighlighter;function useHoverHandler({onChange,scopeClass="",debounceDuration,disabled,rule,componentRule}){const _handleElement=element=>{if(!element||element.hasAttribute("data-nullify-component-highlight")){onChange(void 0);return}if(element.closest(`.${scopeClass} ${ignore_highlighter_1.excludeHighlighterSelector}`)){onChange(void 0);return}if(element.closest(`.${scopeClass} ${ignore_highlighter_1.skipHighlighterSelector}`))return;const result=(0,bubble_to_component_1.bubbleToComponent)(element,{elementRule:rule,componentRule});!result||onChange({element:result.element,components:result.components})},handleElement=(0,use_debounce_1.useDebouncedCallback)(_handleElement,debounceDuration);return(0,react_1.useEffect)(()=>{disabled&&handleElement.cancel()},[disabled,handleElement]),{handleElement}}},92126:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),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.HybridHighlighter=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),uuid_1=__webpack_require__(53871),hover_highlighter_1=__webpack_require__(23988),element_highlighter_1=__webpack_require__(76308),children_highlighter_1=__webpack_require__(31524);function HybridHighlighter(_a){var{disabled,mode="hover",debounceSelection=80,watchMotion=!0,placement,rule,componentRule,classes,highlightStyle,className,style,bgColor,bgColorHover,bgColorActive,children}=_a,rest=__rest(_a,["disabled","mode","debounceSelection","watchMotion","placement","rule","componentRule","classes","highlightStyle","className","style","bgColor","bgColorHover","bgColorActive","children"]);const ref=(0,react_1.createRef)(),[targets,setTarget]=(0,react_1.useState)({}),scopeClass=(0,react_1.useRef)(`hl-scope-${(0,uuid_1.v4)()}`).current,hasTargets=Object.entries(targets).length>0;(0,react_1.useEffect)(()=>{disabled&&setTarget({})},[disabled]);const handlers=(0,hover_highlighter_1.useHoverHighlighter)(nextTarget=>setTarget(nextTarget?{"hover-target":nextTarget}:{}),rest,{debounceDuration:hasTargets?debounceSelection:0,scopeClass,disabled:disabled||mode!=="hover",rule,componentRule});(0,children_highlighter_1.useChildrenHighlighter)({onChange:setTarget,scopeRef:ref,scopeClass,disabled:disabled||mode!=="allChildren",rule,componentRule});const _styles=(0,react_1.useMemo)(()=>Object.assign({"--bit-highlighter-color":bgColor,"--bit-highlighter-color-hover":bgColorHover,"--bit-highlighter-color-active":bgColorActive},style),[bgColor,bgColorHover,bgColorActive,style]);return react_1.default.createElement("div",Object.assign({ref},rest,handlers,{style:_styles,className:(0,classnames_1.default)(className,scopeClass),"data-nullify-component-highlight":!0}),children,Object.entries(targets).map(([key,target])=>react_1.default.createElement(element_highlighter_1.ElementHighlighter,{key,targetRef:{current:target.element},components:target.components,classes,style:highlightStyle,placement,watchMotion})))}exports.HybridHighlighter=HybridHighlighter},90995:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HybridHighlighter=void 0;var hybrid_highlighter_1=__webpack_require__(92126);Object.defineProperty(exports,"HybridHighlighter",{enumerable:!0,get:function(){return hybrid_highlighter_1.HybridHighlighter}})},84486:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.skipHighlighterSelector=exports.skipHighlighterAttr=exports.skipHighlighterAttrName=exports.ExcludeHighlighter=exports.excludeHighlighterAtt=exports.excludeHighlighterSelector=exports.excludeHighlighterAttrName=void 0;const react_1=__importDefault(__webpack_require__(67294));exports.excludeHighlighterAttrName="data-ignore-component-highlight",exports.excludeHighlighterSelector=`[${exports.excludeHighlighterAttrName}]`,exports.excludeHighlighterAtt={[exports.excludeHighlighterAttrName]:!0};function ExcludeHighlighter(props){return react_1.default.createElement("div",Object.assign({},props,exports.excludeHighlighterAtt))}exports.ExcludeHighlighter=ExcludeHighlighter,exports.skipHighlighterAttrName="data-skip-component-highlight",exports.skipHighlighterAttr={[exports.skipHighlighterAttrName]:!0},exports.skipHighlighterSelector=`[${exports.skipHighlighterAttrName}]`},48191:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.skipHighlighterAttrName=exports.skipHighlighterAttr=exports.excludeHighlighterAttrName=exports.excludeHighlighterAtt=exports.ExcludeHighlighter=exports.ElementHighlighter=exports.ChildrenHighlighter=exports.HoverHighlighter=exports.ComponentHighlighter=void 0;var hybrid_highlighter_1=__webpack_require__(90995);Object.defineProperty(exports,"ComponentHighlighter",{enumerable:!0,get:function(){return hybrid_highlighter_1.HybridHighlighter}});var hover_highlighter_1=__webpack_require__(23988);Object.defineProperty(exports,"HoverHighlighter",{enumerable:!0,get:function(){return hover_highlighter_1.HoverHighlighter}});var children_highlighter_1=__webpack_require__(31524);Object.defineProperty(exports,"ChildrenHighlighter",{enumerable:!0,get:function(){return children_highlighter_1.ChildrenHighlighter}});var element_highlighter_1=__webpack_require__(76308);Object.defineProperty(exports,"ElementHighlighter",{enumerable:!0,get:function(){return element_highlighter_1.ElementHighlighter}});var ignore_highlighter_1=__webpack_require__(84486);Object.defineProperty(exports,"ExcludeHighlighter",{enumerable:!0,get:function(){return ignore_highlighter_1.ExcludeHighlighter}}),Object.defineProperty(exports,"excludeHighlighterAtt",{enumerable:!0,get:function(){return ignore_highlighter_1.excludeHighlighterAtt}}),Object.defineProperty(exports,"excludeHighlighterAttrName",{enumerable:!0,get:function(){return ignore_highlighter_1.excludeHighlighterAttrName}}),Object.defineProperty(exports,"skipHighlighterAttr",{enumerable:!0,get:function(){return ignore_highlighter_1.skipHighlighterAttr}}),Object.defineProperty(exports,"skipHighlighterAttrName",{enumerable:!0,get:function(){return ignore_highlighter_1.skipHighlighterAttrName}})},1554:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentStrip=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_routing_native_link_1=__webpack_require__(62990),component_id_1=__webpack_require__(47274),component_modules_component_url_1=__webpack_require__(65468),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),component_strip_module_scss_1=__importDefault(__webpack_require__(75440)),links_1=__webpack_require__(23660);exports.ComponentStrip=(0,react_1.forwardRef)(function({component,children},ref){const{id,homepage,exported}=extractMetadata(component),parsedId=(0,react_1.useMemo)(()=>component_id_1.ComponentID.tryFromString(id),[id]),componentLink=homepage||(0,links_1.calcComponentLink)(parsedId,exported);return react_1.default.createElement("div",{className:component_strip_module_scss_1.default.componentStrip,ref},!parsedId&&react_1.default.createElement(LabelBlock,{link:homepage},id),parsedId&&react_1.default.createElement(LabelBlock,{link:component_modules_component_url_1.ScopeUrl.toUrl(parsedId.scope)},parsedId.scope),parsedId&&react_1.default.createElement(LabelBlock,{link:componentLink,className:component_strip_module_scss_1.default.nameBlock},react_1.default.createElement("span",null,parsedId.fullName),parsedId.version&&parsedId.version!=="latest"&&react_1.default.createElement("span",{className:component_strip_module_scss_1.default.version},"@",parsedId.version)),children)});function LabelBlock({link,children,className}){const Comp=link?base_ui_routing_native_link_1.NativeLink:"span";return react_1.default.createElement(Comp,{href:link,external:!!link,className},children)}function extractMetadata(metadata){return typeof metadata=="string"?{id:metadata,exported:!0}:metadata[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]}},90608:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LabelContainer=exports.Label=void 0;var label_1=__webpack_require__(16545);Object.defineProperty(exports,"Label",{enumerable:!0,get:function(){return label_1.Label}});var label_container_1=__webpack_require__(84185);Object.defineProperty(exports,"LabelContainer",{enumerable:!0,get:function(){return label_container_1.LabelContainer}})},84185:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),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.LabelContainer=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),lodash_compact_1=__importDefault(__webpack_require__(16195)),react_dom_1=__webpack_require__(36728),label_module_scss_1=__importDefault(__webpack_require__(753)),HAS_RESIZE_OBSERVER=typeof window<"u"&&!!window.ResizeObserver;function LabelContainer(_a){var _b,{targetRef,offset,placement,flip=!0,watchMotion,className,style}=_a,rest=__rest(_a,["targetRef","offset","placement","flip","watchMotion","className","style"]);const{x,y,strategy,floating,reference,refs,update,middlewareData}=(0,react_dom_1.useFloating)({placement,middleware:(0,lodash_compact_1.default)([offset&&(0,react_dom_1.offset)({mainAxis:offset[0],crossAxis:offset[1]}),flip&&(0,react_dom_1.flip)(),(0,react_dom_1.shift)({rootBoundary:"document",mainAxis:!0,crossAxis:!0}),(0,react_dom_1.hide)({strategy:"referenceHidden"})])});(0,react_1.useLayoutEffect)(()=>{reference(targetRef.current)},[targetRef.current,reference]),(0,react_1.useEffect)(()=>!refs.reference.current||!refs.floating.current||!HAS_RESIZE_OBSERVER?()=>{}:(0,react_dom_1.autoUpdate)(refs.reference.current,refs.floating.current,update,{animationFrame:!!watchMotion}),[refs.reference.current,refs.floating.current,update,watchMotion]);const isReady=!(!((_b=middlewareData.hide)===null||_b===void 0)&&_b.referenceHidden);return react_1.default.createElement("div",Object.assign({},rest,{ref:floating,className:(0,classnames_1.default)(className,!isReady&&label_module_scss_1.default.hidden),style:Object.assign(Object.assign({},style),{position:strategy,top:y??0,left:x??0})}))}exports.LabelContainer=LabelContainer},16545:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),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.Label=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),label_module_scss_1=__importDefault(__webpack_require__(753)),component_strip_1=__webpack_require__(1554),other_components_1=__webpack_require__(46976);function Label(_a){var{components}=_a,props=__rest(_a,["components"]);const[showMore,setShowMore]=(0,react_1.useState)(!1),last=components.slice(-1).pop();if(!last)return null;const hasMore=components.length>1;return(0,react_1.useEffect)(()=>{setShowMore(!1)},[components]),react_1.default.createElement(other_components_1.OtherComponentsPopper,{components,visible:showMore,placement:"bottom-start"},react_1.default.createElement(component_strip_1.ComponentStrip,Object.assign({},props,{component:last}),hasMore&&react_1.default.createElement("span",{className:(0,classnames_1.default)(label_module_scss_1.default.othersTooltip,showMore&&label_module_scss_1.default.active),onClick:()=>setShowMore(x=>!x)})))}exports.Label=Label},23660:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.calcComponentLink=void 0;const url_join_1=__importDefault(__webpack_require__(34078)),component_modules_component_url_1=__webpack_require__(65468);function calcComponentLink(id,exported){if(!!id)return exported?component_modules_component_url_1.ComponentUrl.toUrl(id):(0,url_join_1.default)("/",id.fullName)}exports.calcComponentLink=calcComponentLink},46976:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OtherComponentsPopper=void 0;const react_1=__importDefault(__webpack_require__(67294)),headless_1=__importDefault(__webpack_require__(71215)),component_strip_1=__webpack_require__(1554),label_module_scss_1=__importDefault(__webpack_require__(753));function OtherComponentsPopper(_a){var{components,children,start,end=-1,placement="bottom",interactive=!0}=_a,tippyProps=__rest(_a,["components","children","start","end","placement","interactive"]);const content=react_1.default.createElement(react_1.default.Fragment,null,components.slice(start,end).reverse().map((comp,idx)=>react_1.default.createElement(component_strip_1.ComponentStrip,{key:idx,component:comp})));return react_1.default.createElement(headless_1.default,Object.assign({placement,interactive},tippyProps,{render:attrs=>react_1.default.createElement("div",Object.assign({},attrs,{className:label_module_scss_1.default.othersContainer}),content)}),children)}exports.OtherComponentsPopper=OtherComponentsPopper},93008:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentRuleMatcher=exports.ruleMatcher=void 0;const component_id_1=__webpack_require__(47274);function ruleMatcher(element,rule){return typeof rule=="string"?element.matches(rule):typeof rule=="function"?rule(element):!0}exports.ruleMatcher=ruleMatcher;function componentRuleMatcher(target,rule){if(typeof rule=="string"){const targetCmpId=component_id_1.ComponentID.tryFromString(target.meta.id),ruleCmpId=component_id_1.ComponentID.tryFromString(rule);return component_id_1.ComponentID.isEqual(ruleCmpId,targetCmpId,{ignoreVersion:!0})}if(Array.isArray(rule)){const targetCmpId=component_id_1.ComponentID.tryFromString(target.meta.id);return rule.map(x=>component_id_1.ComponentID.tryFromString(x)).some(cmdId=>component_id_1.ComponentID.isEqual(targetCmpId,cmdId,{ignoreVersion:!0}))}return typeof rule=="function"?rule(target):!0}exports.componentRuleMatcher=componentRuleMatcher},91204:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;const legacy_bit_id_1=__webpack_require__(35666),exceptions_1=__webpack_require__(8105);class ComponentID{constructor(legacyComponentId,_scope){this.legacyComponentId=legacyComponentId,this._scope=_scope}get _legacy(){return this.legacyComponentId}hasVersion(){return this._legacy.hasVersion()}get version(){return this.legacyComponentId.version}get namespace(){return this.legacyComponentId.name.split("/").slice(0,-1).join("/")}get fullName(){return this._legacy.name}get name(){const arr=this.legacyComponentId.name.split("/");return arr[arr.length-1]}get scope(){const scope=this._legacy.scope;if(scope)return scope;if(!this._scope)throw new Error("scope cannot be undefined");return this._scope}changeScope(scopeName){const legacyId=this._legacy.changeScope(scopeName);return ComponentID.fromLegacy(legacyId)}changeVersion(version){const legacyId=this._legacy.changeVersion(version);return ComponentID.fromLegacy(legacyId,this.scope)}isEqual(id,opts){return ComponentID.isEqual(this,id,opts)}getVersionPreReleaseData(){return this._legacy.getVersionPreReleaseData()}toStringWithoutVersion(){let id=this._legacy;return this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope)),id.toStringWithoutVersion()}toString(opts={}){let id=this._legacy;this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope));const idStr=id.toString(!1,opts.ignoreVersion);return opts.fsCompatible?idStr.replace(/\//g,"_").replace(/\./g,"_").replace(/-/g,"_"):idStr}toObject(){const object=this.legacyComponentId.serialize();return object.scope||(object.scope=this.scope),object}static tryFromString(idStr,scope){try{return ComponentID.fromString(idStr,scope)}catch{return}}static fromString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!0);if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(idStr);return new ComponentID(legacyId,scope)}static fromLegacyString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!1);return new ComponentID(legacyId,scope)}static fromObject(object,scope){return ComponentID.fromLegacy(new legacy_bit_id_1.BitId(object),scope)}static isValidObject(o){return typeof o=="object"&&typeof o.name=="string"&&typeof o.scope=="string"}static isEqual(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.toString({ignoreVersion:opts.ignoreVersion})===b.toString({ignoreVersion:opts.ignoreVersion});return opts.ignoreVersion||(result=result&&a.version===b.version),result}static isEqualObj(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.name===b.name;return opts.ignoreVersion||(result=result&&a.version===b.version),result}static fromLegacy(legacyId,scope){if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(legacyId);return new ComponentID(legacyId,scope)}}exports.ComponentID=ComponentID},8105:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;const missing_scope_1=__webpack_require__(61504);Object.defineProperty(exports,"MissingScope",{enumerable:!0,get:function(){return missing_scope_1.MissingScope}})},61504:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;class MissingScope extends Error{constructor(src){super(`scope was not defined directly or by "${src}"`)}report(){return this.message}}exports.MissingScope=MissingScope},47274:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;var component_id_1=__webpack_require__(91204);Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return component_id_1.ComponentID}})},96961:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
492
+ `;async function fetchComponentAspects(componentId){try{return(await(0,_graphqlRequest().request)(GQL_SERVER,GET_COMPONENT_ASPECTS,{id:componentId.toString()})).getHost.get.aspects.map(x=>x.id)}catch(err){console.error(`[gql] error on "getComponentAspects" - "${err.toString()}"`);return}}},79271:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadLink=loadLink,exports.loadScript=loadScript;function loadScript({src}){return new Promise((resolve,reject)=>{const script=document.createElement("script");script.setAttribute("defer","defer"),script.src=src,script.onload=()=>resolve(),script.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load script: ${message}`)),document.head.appendChild(script)})}function loadLink({href}){return new Promise((resolve,reject)=>{const link=document.createElement("link");href.endsWith(".css")&&link.setAttribute("rel","stylesheet"),link.setAttribute("href",href),link.onload=()=>resolve(),link.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load link: ${message}`)),document.head.appendChild(link)})}},49471:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={PreviewAspect:!0,PreviewRuntime:!0,PreviewDefinition:!0};Object.defineProperty(exports,"PreviewAspect",{enumerable:!0,get:function(){return _preview().PreviewAspect}}),Object.defineProperty(exports,"PreviewDefinition",{enumerable:!0,get:function(){return _previewDefinition().PreviewDefinition}}),Object.defineProperty(exports,"PreviewRuntime",{enumerable:!0,get:function(){return _preview().PreviewRuntime}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _preview().PreviewAspect}});function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}var _events=__webpack_require__(67335);Object.keys(_events).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_events[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _events[key]}})});function _previewDefinition(){const data=__webpack_require__(15739);return _previewDefinition=function(){return data},data}},15739:()=>{"use strict"},2094:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewModules=exports.PREVIEW_MODULES=void 0,exports.linkModules=linkModules;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}class PreviewModules extends Map{constructor(...args){super(...args);(0,_defineProperty2().default)(this,"onSet",new Set)}set(id,preview){return super.set(id,preview),this.onSet.forEach(callback=>callback()),this}loadComponentPreviews(compId,previews){Object.entries(previews).forEach(([previewName,moduleFile])=>{const preview=this.get(previewName);!preview||(preview.componentMap[compId]=moduleFile)})}}exports.PreviewModules=PreviewModules;const PREVIEW_MODULES=new PreviewModules;exports.PREVIEW_MODULES=PREVIEW_MODULES;function linkModules(previewName,previewModule){PREVIEW_MODULES.set(previewName,previewModule)}},22395:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PreviewRuntime=exports.PreviewAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PreviewRuntime=new(_harmony()).RuntimeDefinition("preview");exports.PreviewRuntime=PreviewRuntime;const PreviewAspect=_harmony().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:PreviewRuntime});exports.PreviewAspect=PreviewAspect;var _default=PreviewAspect;exports.default=_default},74649:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(88674),__webpack_require__(74916),__webpack_require__(60285),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0,Object.defineProperty(exports,"Bu",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _pubsub(){const data=_interopRequireDefault(__webpack_require__(23179));return _pubsub=function(){return data},data}function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _crossFetch(){const data=_interopRequireDefault(__webpack_require__(54098));return _crossFetch=function(){return data},data}function _memoizee(){const data=_interopRequireDefault(__webpack_require__(34156));return _memoizee=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _exceptions(){const data=__webpack_require__(67166);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(67335);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(85216);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(73110);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(2094);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(79271);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(14285);return _sizeEvent=function(){return data},data}class PreviewPreview{constructor(pubsub,previewSlot,renderingContextSlot){this.pubsub=pubsub,this.previewSlot=previewSlot,this.renderingContextSlot=renderingContextSlot,(0,_defineProperty2().default)(this,"isDev",!1),(0,_defineProperty2().default)(this,"_setupPromise",void 0),(0,_defineProperty2().default)(this,"setup",()=>{var _this$_setupPromise;return this.isReady()?Promise.resolve():((_this$_setupPromise=this._setupPromise)!==null&&_this$_setupPromise!==void 0||(this._setupPromise=new Promise(resolve=>{_previewModules().PREVIEW_MODULES.onSet.add(()=>{this.isReady()&&resolve()})})),this._setupPromise)}),(0,_defineProperty2().default)(this,"render",async rootExt=>{window.document.body.style.width="fit-content";const{previewName,componentId}=this.getLocation(),name=previewName||this.getDefault();rootExt&&(this.isDev=rootExt==="teambit.workspace/workspace");const preview=this.getPreview(name);if(!preview||!componentId)throw new(_exceptions()).PreviewNotFound(previewName);const includes=(await Promise.all((preview.include||[]).map(async inclPreviewName=>{var _includedPreview$sele;const includedPreview=this.getPreview(inclPreviewName);if(!includedPreview)return;const inclPreviewModule=await this.getPreviewModule(inclPreviewName,componentId);return(_includedPreview$sele=includedPreview.selectPreviewModel)===null||_includedPreview$sele===void 0?void 0:_includedPreview$sele.call(includedPreview,componentId.fullName,inclPreviewModule)}))).filter(module=>!!module),componentAspects=this.isDev?await this.getComponentAspects(componentId.toString()):void 0,previewModule=await this.getPreviewModule(name,componentId),render=preview.render(componentId,previewModule,includes,this.getRenderingContext(componentAspects));return this.reportSize(),this.setViewport(),render}),(0,_defineProperty2().default)(this,"getComponentAspects",(0,_memoizee().default)(_fetchComponentAspects().fetchComponentAspects,{max:100,maxAge:12*60*60*1e3})),this.registerClickPubSub()}registerClickPubSub(){window.addEventListener("click",e=>{const timestamp=Date.now(),clickEvent=Object.assign({},e);this.pubsub.pub(_preview().PreviewAspect.id,new(_events()).ClickInsideAnIframeEvent(timestamp,clickEvent))})}isReady(){var _preview$include$ever,_preview$include;const{previewName}=this.getLocation(),name=previewName||this.getDefault();if(!_previewModules().PREVIEW_MODULES.has(name))return!1;const preview=this.getPreview(name);return!(!preview||!((_preview$include$ever=(_preview$include=preview.include)===null||_preview$include===void 0?void 0:_preview$include.every(included=>_previewModules().PREVIEW_MODULES.has(included)))!==null&&_preview$include$ever!==void 0?_preview$include$ever:!0))}setViewport(){const query=this.getQuery(),viewPort=this.getParam(query,"viewport");if(!viewPort){window.document.body.style.width="100%";return}window.document.body.style.maxWidth=`${viewPort}px`}reportSize(){var _window,_window2;if(!((_window=window)!==null&&_window!==void 0&&_window.parent)||!((_window2=window)!==null&&_window2!==void 0&&_window2.document))return;const sendPubsubEvent=()=>{this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))};window.addEventListener("resize",(0,_lodash().debounce)(sendPubsubEvent,300));let counter=0;const interval=setInterval(()=>{if(counter+=1,counter>10){clearInterval(interval);return}this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))},200)}async getPreviewModule(previewName,id){const compShortId=id.fullName,relevantModel=_previewModules().PREVIEW_MODULES.get(previewName);if(!relevantModel)throw new Error(`[preview.preview] missing preview "${previewName}"`);if(relevantModel.componentMap[compShortId])return relevantModel;const componentPreviews=await this.fetchComponentPreview(id,previewName);_previewModules().PREVIEW_MODULES.loadComponentPreviews(compShortId,componentPreviews);const component=componentPreviews[previewName],metadata=componentPreviews[`${previewName}_metadata`];return{mainModule:relevantModel.mainModule,componentMap:{[id.fullName]:component},componentMapMetadata:{[id.fullName]:metadata}}}async fetchComponentPreview(id,name){let previewFile;const allFiles=await this.fetchComponentPreviewFiles(id,name);return allFiles===null?{}:(await Promise.all(allFiles.map(file=>{if(file.endsWith("-preview.js")){previewFile=file;return}return this.addComponentFileElement(id,file)})),previewFile?this.loadPreviewScript(id,name,previewFile):{})}addComponentFileElement(id,previewBundleFileName){if(previewBundleFileName.endsWith(".js"))return this.addComponentFileScriptElement(id,previewBundleFileName);this.addComponentFileLinkElement(id,previewBundleFileName).catch(err=>{throw new Error(`[preview.preview] failed loading asset "${previewBundleFileName}". Error - "${err?.toString()}"`)})}async fetchComponentPreviewFiles(id,previewName){const previewAssetsRoute="~aspect/preview-assets",url=`/api/${id.toString()}/${previewAssetsRoute}`,res2=await(0,_crossFetch().default)(url);if(res2.status>=400)throw new(_exceptions()).PreviewNotFound(previewName);const parsed=await res2.json();if(parsed.isBundledWithEnv)return null;if(!parsed.files||!parsed.files.length)throw new(_exceptions()).PreviewNotFound(previewName);return parsed.files}addComponentFileScriptElement(id,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;return(0,_htmlUtils().loadScript)({src})}addComponentFileLinkElement(id,previewBundleFileName){const href=`/api/${id.toString()}/~aspect/component-preview/${previewBundleFileName}`;return(0,_htmlUtils().loadLink)({href})}async loadPreviewScript(id,previewName,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;await(0,_htmlUtils().loadScript)({src});const globalId=`${id.toStringWithoutVersion()}-preview`,componentPreview=window[globalId];if(!componentPreview)throw new(_exceptions()).PreviewNotFound(previewName);return componentPreview}registerPreview(preview){return this.previewSlot.register(preview),this}getRenderingContext(aspectsFilter){return new(_renderingContext()).RenderingContext(this.renderingContextSlot,{aspectsFilter})}registerRenderContext(renderContext){return this.renderingContextSlot.register(renderContext),this}getDefault(){const previews=this.previewSlot.values(),defaultOne=previews.find(previewCandidate=>previewCandidate.default);return defaultOne?.name||previews[0].name}getPreview(previewName){return this.previewSlot.values().find(previewCandidate=>previewCandidate.name===previewName)}getParam(query,param){return new URLSearchParams(query).get(param)}getQuery(){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?");return after}getLocation(){const withoutHash=window.location.hash.substring(1),[before,after]=withoutHash.split("?");return{previewName:this.getParam(after,"preview"),componentId:_componentId().ComponentID.tryFromString(before)}}static async provider([pubsub],config,[previewSlot,renderingContextSlot]){const preview=new PreviewPreview(pubsub,previewSlot,renderingContextSlot);return window.addEventListener("hashchange",()=>{preview.render()}),preview}}__webpack_unused_export__=PreviewPreview,(0,_defineProperty2().default)(PreviewPreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(PreviewPreview,"dependencies",[_pubsub().default]),(0,_defineProperty2().default)(PreviewPreview,"slots",[_harmony().Slot.withType(),_harmony().Slot.withType()]),_preview().PreviewAspect.addRuntime(PreviewPreview)},85216:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RenderingContext=void 0;class RenderingContext{constructor(contexts,options={}){this.contexts=contexts,this.options=options}get(aspectId){const contextFactory=this.contexts.get(aspectId);return contextFactory?.(this.options)}}exports.RenderingContext=RenderingContext},14285:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(95318);Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _pubsub(){const data=__webpack_require__(23179);return _pubsub=function(){return data},data}class SizeEvent extends _pubsub().BitBaseEvent{constructor(sizeEvent){super(SizeEvent.TYPE,"0.0.1",new Date().getTime(),sizeEvent)}}exports.SizeEvent=SizeEvent,(0,_defineProperty2().default)(SizeEvent,"TYPE","preview-size")},43979:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitBaseEvent=void 0;class BitBaseEvent{constructor(type,version,timestamp,data){this.type=type,this.version=version,this.timestamp=timestamp,this.data=data}}exports.BitBaseEvent=BitBaseEvent},23179:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BitBaseEvent",{enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}}),Object.defineProperty(exports,"PubSubRegistry",{enumerable:!0,get:function(){return _pubsubContext().PubSubRegistry}}),Object.defineProperty(exports,"PubsubAspect",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"usePubSub",{enumerable:!0,get:function(){return _pubsubContext().usePubSub}}),Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(43979);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(17796);return _pubsubContext=function(){return data},data}},14339:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PubSubNoParentError=void 0;class PubSubNoParentError extends Error{constructor(){super("could not connect to parent window");this.name="PubSubNoParentError"}}exports.PubSubNoParentError=PubSubNoParentError},17796:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createProvider=createProvider,exports.pubsubRegistry=void 0,exports.usePubSub=usePubSub,exports.usePubSubIframe=usePubSubIframe;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}const pubsubRegistry=(0,_react().createContext)(void 0);exports.pubsubRegistry=pubsubRegistry;function createProvider(pubSubContext){return({children})=>_react().default.createElement(pubsubRegistry.Provider,{value:pubSubContext},children)}function usePubSub(){return(0,_react().useContext)(pubsubRegistry)}function usePubSubIframe(ref){const pubSub=usePubSub();(0,_react().useEffect)(()=>{if(!(ref!=null&&ref.current)||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},56646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PubsubAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});exports.PubsubAspect=PubsubAspect;var _default=PubsubAspect;exports.default=_default},53707:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(95318);__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(53518);return _uiFoundationUi=function(){return data},data}function _eventemitter(){const data=__webpack_require__(56387);return _eventemitter=function(){return data},data}function _penpal(){const data=__webpack_require__(65859);return _penpal=function(){return data},data}function _noParentError(){const data=__webpack_require__(14339);return _noParentError=function(){return data},data}function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}class PubsubPreview{constructor(){(0,_defineProperty2().default)(this,"_parentPubsub",void 0),(0,_defineProperty2().default)(this,"events",new(_eventemitter()).EventEmitter2),(0,_defineProperty2().default)(this,"connectToParentPubSub",(retries=10)=>{if(retries<=0)throw new(_noParentError()).PubSubNoParentError;return(0,_penpal().connectToParent)({timeout:300,methods:{pub:this.handleMessageFromParent}}).promise.then(parentPubsub=>this._parentPubsub=parentPubsub).catch(e=>{if(e.code!==_penpal().ErrorCode.ConnectionTimeout)throw e;return this.connectToParentPubSub(retries-1)})}),(0,_defineProperty2().default)(this,"handleMessageFromParent",(topic,message)=>{this.events.emit(topic,message)})}sub(topic,callback){const emitter=this.events;return emitter.on(topic,callback),()=>{emitter.off(topic,callback)}}pub(topic,event){var _this$_parentPubsub;this.events.emit(topic,event),(_this$_parentPubsub=this._parentPubsub)===null||_this$_parentPubsub===void 0||_this$_parentPubsub.pub(topic,event).catch(err=>{console.error("[Pubsub.preview]",err)})}inIframe(){try{return _uiFoundationUi().isBrowser&&window.self!==window.top}catch{return!1}}static async provider(){const pubsubPreview=new PubsubPreview;return pubsubPreview.inIframe()&&pubsubPreview.connectToParentPubSub().catch(err=>{err instanceof _noParentError().PubSubNoParentError||console.error("[Pubsub.preview]",err)}),pubsubPreview}}__webpack_unused_export__=PubsubPreview,(0,_defineProperty2().default)(PubsubPreview,"runtime",_preview().PreviewRuntime),_pubsub().PubsubAspect.addRuntime(PubsubPreview)},93849:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__={enumerable:!0,get:function(){return _reactNative2().ReactNativeAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _reactNative().ReactNativeEnv}},Object.defineProperty(exports,"ZP",{enumerable:!0,get:function(){return _reactNative2().ReactNativeAspect}});function _reactNative(){const data=__webpack_require__(5994);return _reactNative=function(){return data},data}function _reactNative2(){const data=__webpack_require__(38117);return _reactNative2=function(){return data},data}},38117:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReactNativeAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const ReactNativeAspect=_harmony().Aspect.create({id:"teambit.react/react-native"});exports.ReactNativeAspect=ReactNativeAspect},5994:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(66992),__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReactNativeEnvType=exports.ReactNativeEnv=void 0;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _reactNativeAlias(){const data=__webpack_require__(96649);return _reactNativeAlias=function(){return data},data}function _webpackTemplateTransformers(){const data=__webpack_require__(28142);return _webpackTemplateTransformers=function(){return data},data}const ReactNativeEnvType="react-native";exports.ReactNativeEnvType=ReactNativeEnvType;class ReactNativeEnv{constructor(react,aspect){this.react=react,this.aspect=aspect}async getHostDependencies(){const reactAdditional=await this.react.reactEnv.getAdditionalHostDependencies(),currentPeers=Object.keys(this.getDependencies().peerDependencies);return(0,_lodash().uniq)(reactAdditional.concat(currentPeers).filter(dep=>dep!=="react-native"))}async getTemplateBundler(context,transformers=[]){return this.createTemplateWebpackBundler(context,transformers)}async createTemplateWebpackBundler(context,transformers=[]){return this.aspect.aspectEnv.createTemplateWebpackBundler(context,[_webpackTemplateTransformers().removeExposedReactNative,_webpackTemplateTransformers().removeReactNativePeerEntry,_reactNativeAlias().reactNativeAlias,...transformers])}getDependencies(){return{dependencies:{react:"-","react-dom":"-","react-native":"-"},devDependencies:{react:"-","react-dom":"-","react-native":"-","@types/jest":"^26.0.0","@types/react":"^17.0.8","@types/react-dom":"^17.0.5","@types/react-native":"^0.64.1","@babel/runtime":"7.12.18","@types/testing-library__jest-dom":"5.9.5"},peerDependencies:{react:"^16.8.0 || ^17.0.0","react-dom":"^16.8.0 || ^17.0.0","react-native":"^0.64.1","react-native-web":"^0.16.0"}}}async __getDescriptor(){return{type:ReactNativeEnvType}}}exports.ReactNativeEnv=ReactNativeEnv},65883:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(95318);__webpack_require__(66992),__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(59713));return _defineProperty2=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _react(){const data=__webpack_require__(32750);return _react=function(){return data},data}function _reactNative(){const data=__webpack_require__(38117);return _reactNative=function(){return data},data}class ReactNativePreview{constructor(reactPreview,preview){this.reactPreview=reactPreview,this.preview=preview,(0,_defineProperty2().default)(this,"registerProvider",this.reactPreview.registerProvider.bind(this.reactPreview)),(0,_defineProperty2().default)(this,"getRenderingContext",this.reactPreview.getRenderingContext.bind(this.reactPreview))}static async provider([reactPreview,preview]){const reactNativePreview=new ReactNativePreview(reactPreview,preview);return preview.registerRenderContext(reactNativePreview.getRenderingContext),reactNativePreview}}__webpack_unused_export__=ReactNativePreview,(0,_defineProperty2().default)(ReactNativePreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(ReactNativePreview,"slots",[]),(0,_defineProperty2().default)(ReactNativePreview,"dependencies",[_react().ReactAspect,_preview().PreviewAspect]),_reactNative().ReactNativeAspect.addRuntime(ReactNativePreview);var _default=ReactNativePreview;__webpack_unused_export__=_default},96649:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.reactNativeAlias=reactNativeAlias;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function reactNativeAlias(config){const newAliases={"react-native$":(0,_lodash().get)(config.raw,"resolve.alias.react-native-web",58091)};return config.removeAliases(["react-native"]),config.addAliases(newAliases),config}},28142:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.removeExposedReactNative=removeExposedReactNative,exports.removeReactNativePeerEntry=removeReactNativePeerEntry;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function removeExposedReactNative(config){var _config$raw,_config$raw$module;return config!=null&&(_config$raw=config.raw)!==null&&_config$raw!==void 0&&(_config$raw$module=_config$raw.module)!==null&&_config$raw$module!==void 0&&_config$raw$module.rules&&(config.raw.module.rules=config.raw.module.rules.filter(rule=>{var _rule$loader,_rule$test;return!((_rule$loader=rule.loader)!==null&&_rule$loader!==void 0&&_rule$loader.includes("expose-loader")&&typeof rule.test&&typeof rule.test=="string"&&(_rule$test=rule.test)!==null&&_rule$test!==void 0&&_rule$test.includes("/react-native/"))})),config}function removeReactNativePeerEntry(config){const peersImports=(0,_lodash().get)(config.raw,"entry.peers.import");return peersImports&&(0,_lodash().set)(config.raw,"entry.peers.import",peersImports.filter(name=>name!=="react-native")),config}},30329:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fiberToPrototype=exports.toRootFiber=exports.domToFiber=void 0;const react17Key="__reactFiber",react16Key="__reactInternalInstance";function domToFiber(element){if(!element)return null;const fiberKey=Object.keys(element).find(key=>key.startsWith(react17Key)||key.startsWith(react16Key));if(!fiberKey)return null;const fiberNode=element[fiberKey];return fiberNode||null}exports.domToFiber=domToFiber;function toRootFiber(fiberNode){for(let current=fiberNode;current!==null&&current.type!==null;current=current.return)if(typeof current.type=="function"||typeof current.type=="object"&&typeof current.type.render=="function")return current;return null}exports.toRootFiber=toRootFiber;function fiberToPrototype(fiberNode){var _a;return((_a=toRootFiber(fiberNode))===null||_a===void 0?void 0:_a.type)||null}exports.fiberToPrototype=fiberToPrototype},33773:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.domToReacts=exports.domToReact=exports.toRootElement=void 0;const dom_to_fiber_1=__webpack_require__(30329);function toRootElement(element){const rootFiber=(0,dom_to_fiber_1.toRootFiber)((0,dom_to_fiber_1.domToFiber)(element));if(!rootFiber)return null;for(let current=element;current;current=current.parentElement){const fiberNode=(0,dom_to_fiber_1.domToFiber)(current);if(!fiberNode)return null;const parent2=fiberNode.return;if(fiberNode===rootFiber||parent2===rootFiber)return current}return null}exports.toRootElement=toRootElement;function domToReact(element){return domToReacts(element).pop()}exports.domToReact=domToReact;function domToReacts(element){if(element===null)return[];const fiberNode=(0,dom_to_fiber_1.domToFiber)(element),rootFiber=(0,dom_to_fiber_1.toRootFiber)(fiberNode);return componentsOf(rootFiber)}exports.domToReacts=domToReacts;function componentsOf(fiberNode){const components=[];let current=fiberNode;for(;current&&current.type!==null&&typeof current.type!="string";)components.push(current.type),current=current.return;return components}},35450:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fiberToPrototype=exports.toRootFiber=exports.domToFiber=exports.toRootElement=exports.domToReacts=exports.domToReact=void 0;var dom_to_react_1=__webpack_require__(33773);Object.defineProperty(exports,"domToReact",{enumerable:!0,get:function(){return dom_to_react_1.domToReact}}),Object.defineProperty(exports,"domToReacts",{enumerable:!0,get:function(){return dom_to_react_1.domToReacts}}),Object.defineProperty(exports,"toRootElement",{enumerable:!0,get:function(){return dom_to_react_1.toRootElement}});var dom_to_fiber_1=__webpack_require__(30329);Object.defineProperty(exports,"domToFiber",{enumerable:!0,get:function(){return dom_to_fiber_1.domToFiber}}),Object.defineProperty(exports,"toRootFiber",{enumerable:!0,get:function(){return dom_to_fiber_1.toRootFiber}}),Object.defineProperty(exports,"fiberToPrototype",{enumerable:!0,get:function(){return dom_to_fiber_1.fiberToPrototype}})},93130:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChildrenHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),hybrid_highlighter_1=__webpack_require__(90995);function ChildrenHighlighter(_a){var{watchMotion=!1}=_a,props=__rest(_a,["watchMotion"]);return react_1.default.createElement(hybrid_highlighter_1.HybridHighlighter,Object.assign({},props,{mode:"allChildren",watchMotion}))}exports.ChildrenHighlighter=ChildrenHighlighter},31524:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChildrenHighlighter=exports.useChildrenHighlighter=void 0;var use_children_highlighter_1=__webpack_require__(87605);Object.defineProperty(exports,"useChildrenHighlighter",{enumerable:!0,get:function(){return use_children_highlighter_1.useChildrenHighlighter}});var children_highlighter_1=__webpack_require__(93130);Object.defineProperty(exports,"ChildrenHighlighter",{enumerable:!0,get:function(){return children_highlighter_1.ChildrenHighlighter}})},87605:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useChildrenHighlighter=void 0;const react_1=__webpack_require__(67294),get_xpath_1=__importDefault(__webpack_require__(4825)),react_modules_dom_to_react_1=__webpack_require__(35450),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),ignore_highlighter_1=__webpack_require__(84486),rule_matcher_1=__webpack_require__(93008);function useChildrenHighlighter({onChange,disabled,scopeRef,scopeClass:scopeSelector="",rule,componentRule}){(0,react_1.useEffect)(()=>{const nextTargets={},scopeElement=scopeRef.current;if(!scopeElement||disabled)return;let allElements=Array.from(scopeElement.querySelectorAll(targetsSelector(`.${scopeSelector}`)));rule&&(allElements=allElements.filter(elem=>(0,rule_matcher_1.ruleMatcher)(elem,rule)));const rootElements=allElements.map(react_modules_dom_to_react_1.toRootElement).filter(x=>!!x);new Set(rootElements).forEach(element=>{if(!element)return;const componentsWithMeta=(0,react_modules_dom_to_react_1.domToReacts)(element).filter(x=>(0,react_ui_highlighter_component_metadata_bit_component_meta_1.hasComponentMeta)(x)&&(0,rule_matcher_1.componentRuleMatcher)({meta:x[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]},componentRule));if(componentsWithMeta.length<1)return;const key=(0,get_xpath_1.default)(element);nextTargets[key]={element,components:componentsWithMeta}}),onChange(nextTargets)},[disabled,scopeSelector])}exports.useChildrenHighlighter=useChildrenHighlighter;function targetsSelector(scopeSelector=":scope"){const excludedSelector=`${scopeSelector} ${ignore_highlighter_1.excludeHighlighterSelector}, ${scopeSelector} ${ignore_highlighter_1.excludeHighlighterSelector} *`,skippedSelector=`${scopeSelector} ${ignore_highlighter_1.skipHighlighterSelector}, ${scopeSelector} ${ignore_highlighter_1.skipHighlighterSelector} *`;return`:not(${excludedSelector}, ${skippedSelector})`}},41807:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ElementHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),frame_1=__webpack_require__(91331),label_1=__webpack_require__(90608),ignore_highlighter_1=__webpack_require__(84486),element_highlighter_module_scss_1=__importDefault(__webpack_require__(38053));function ElementHighlighter(_a){var{targetRef,components,placement="top",watchMotion,className,classes}=_a,props=__rest(_a,["targetRef","components","placement","watchMotion","className","classes"]);return react_1.default.createElement("div",Object.assign({},props,ignore_highlighter_1.skipHighlighterAttr,{className:(0,classnames_1.default)(classes?.container,element_highlighter_module_scss_1.default.container,className)}),react_1.default.createElement(frame_1.Frame,{targetRef,className:(0,classnames_1.default)(element_highlighter_module_scss_1.default.frame,classes?.frame),watchMotion}),components&&react_1.default.createElement(label_1.LabelContainer,{targetRef,className:element_highlighter_module_scss_1.default.label,placement,watchMotion},react_1.default.createElement(label_1.Label,{components,className:classes?.label})))}exports.ElementHighlighter=ElementHighlighter},76308:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ElementHighlighter=void 0;var element_highlighter_1=__webpack_require__(41807);Object.defineProperty(exports,"ElementHighlighter",{enumerable:!0,get:function(){return element_highlighter_1.ElementHighlighter}})},58580:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),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},__awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value2){return value2 instanceof P?value2:new P(function(resolve){resolve(value2)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value2){try{step(generator.next(value2))}catch(e){reject(e)}}function rejected(value2){try{step(generator.throw(value2))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),react_dom_1=__webpack_require__(36728),frame_module_scss_1=__importDefault(__webpack_require__(26448)),MARGIN_FROM_TARGET=+frame_module_scss_1.default.offset||6,MARGIN_FROM_DOC_EDGE=0,overflowParameters={rootBoundary:"document",padding:MARGIN_FROM_DOC_EDGE},SHIFT_POSITIVE="shiftPositive",HAS_RESIZE_OBSERVER=typeof window<"u"&&!!window.ResizeObserver;function Frame({targetRef,watchMotion,className,stylesClass=frame_module_scss_1.default.overlayBorder,style}){var _a;const dimensionRef=(0,react_1.useRef)({width:0,height:0}),{x,y,strategy,reference,floating,update,refs,middlewareData}=(0,react_dom_1.useFloating)({placement:"bottom-start",middleware:[{name:"align-to-target",fn({rects}){return rects.floating=Object.assign(Object.assign({},rects.floating),{width:rects.reference.width+2*MARGIN_FROM_TARGET,height:rects.reference.height+2*MARGIN_FROM_TARGET}),{}}},(0,react_dom_1.offset)(({rects})=>-rects.reference.height),(0,react_dom_1.offset)(()=>({mainAxis:-MARGIN_FROM_TARGET,crossAxis:-MARGIN_FROM_TARGET})),{name:"shiftPositive",fn:args=>__awaiter(this,void 0,void 0,function*(){const overflow=yield(0,react_dom_1.detectOverflow)(args,overflowParameters),nextCoords={x:overflow.left>0?args.x+overflow.left:args.x,y:overflow.top>0?args.y+overflow.top:args.y},shiftAmount={x:nextCoords.x-args.x,y:nextCoords.y-args.y};return Object.assign(Object.assign({},nextCoords),{data:shiftAmount})})},(0,react_dom_1.size)({rootBoundary:"document",padding:MARGIN_FROM_DOC_EDGE,apply({elements,rects,availableHeight,availableWidth,middlewareData:middlewareData2}){const shift=middlewareData2[SHIFT_POSITIVE]||{x:0,y:0},paddingX=2*MARGIN_FROM_TARGET-shift.x,paddingY=2*MARGIN_FROM_TARGET-shift.y,dimensions={width:rects.reference.width+paddingX,height:rects.reference.height+paddingY,maxWidth:availableWidth,maxHeight:availableHeight};Object.assign(elements.floating.style,dimensions),dimensionRef.current=dimensions}}),(0,react_dom_1.hide)({strategy:"referenceHidden"})]});(0,react_1.useLayoutEffect)(()=>{reference(targetRef.current)},[targetRef.current]),(0,react_1.useEffect)(()=>!refs.reference.current||!refs.floating.current||!HAS_RESIZE_OBSERVER?()=>{}:(0,react_dom_1.autoUpdate)(refs.reference.current,refs.floating.current,update,{animationFrame:watchMotion}),[refs.reference.current,refs.floating.current,update,watchMotion]);const isReady=!(!((_a=middlewareData.hide)===null||_a===void 0)&&_a.referenceHidden);return react_1.default.createElement("div",{ref:floating,className:(0,classnames_1.default)(className,stylesClass,!isReady&&frame_module_scss_1.default.hidden),style:Object.assign(Object.assign(Object.assign({},style),dimensionRef.current),{position:strategy,top:y??0,left:x??0})})}exports.Frame=Frame},91331:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;var frame_1=__webpack_require__(58580);Object.defineProperty(exports,"Frame",{enumerable:!0,get:function(){return frame_1.Frame}})},74988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.bubbleToComponent=void 0;const react_modules_dom_to_react_1=__webpack_require__(35450),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),rule_matcher_1=__webpack_require__(93008);function bubbleToComponent(element,{elementRule,componentRule,propagateSameParents=!0}={}){let current=bubbleToFirstComponent(element,elementRule,componentRule);if(!propagateSameParents)return current;for(;current;){const parentElement=current.element.parentElement,parent2=bubbleToFirstComponent(parentElement,elementRule,componentRule),primeComponent=current?.components.slice(-1).pop(),parentPrimeComponent=parent2?.components.slice(-1).pop();if(primeComponent?.[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField].id!==parentPrimeComponent?.[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField].id)return current;current=parent2}}exports.bubbleToComponent=bubbleToComponent;function bubbleToFirstComponent(element,elementRule,componentRule){for(let current=element;current;current=current.parentElement){if(current=(0,react_modules_dom_to_react_1.toRootElement)(current),!current)return;if((0,rule_matcher_1.ruleMatcher)(current,elementRule)){const relevantComponents=(0,react_modules_dom_to_react_1.domToReacts)(current).filter(x=>(0,react_ui_highlighter_component_metadata_bit_component_meta_1.hasComponentMeta)(x)&&(0,rule_matcher_1.componentRuleMatcher)({meta:x[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]},componentRule));return relevantComponents.length<1?void 0:{element:current,components:relevantComponents}}}}},52429:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HoverHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),hybrid_highlighter_1=__webpack_require__(90995);function HoverHighlighter(_a){var props=__rest(_a,[]);return react_1.default.createElement(hybrid_highlighter_1.HybridHighlighter,Object.assign({},props,{mode:"hover"}))}exports.HoverHighlighter=HoverHighlighter},23988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HoverHighlighter=exports.useHoverHighlighter=void 0;var use_hover_highlighter_1=__webpack_require__(76641);Object.defineProperty(exports,"useHoverHighlighter",{enumerable:!0,get:function(){return use_hover_highlighter_1.useHoverHighlighter}});var hover_highlighter_1=__webpack_require__(52429);Object.defineProperty(exports,"HoverHighlighter",{enumerable:!0,get:function(){return hover_highlighter_1.HoverHighlighter}})},76641:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHoverHighlighter=void 0;const react_1=__webpack_require__(67294),use_debounce_1=__webpack_require__(3962),react_ui_hover_selector_1=__webpack_require__(83933),ignore_highlighter_1=__webpack_require__(84486),bubble_to_component_1=__webpack_require__(74988);function useHoverHighlighter(onChange,props={},{debounceDuration,scopeClass,disabled,rule,componentRule}){const{handleElement}=useHoverHandler({onChange,scopeClass,debounceDuration,disabled,rule,componentRule});return(0,react_ui_hover_selector_1.useHoverSelection)(disabled?void 0:handleElement,props)}exports.useHoverHighlighter=useHoverHighlighter;function useHoverHandler({onChange,scopeClass="",debounceDuration,disabled,rule,componentRule}){const _handleElement=element=>{if(!element||element.hasAttribute("data-nullify-component-highlight")){onChange(void 0);return}if(element.closest(`.${scopeClass} ${ignore_highlighter_1.excludeHighlighterSelector}`)){onChange(void 0);return}if(element.closest(`.${scopeClass} ${ignore_highlighter_1.skipHighlighterSelector}`))return;const result=(0,bubble_to_component_1.bubbleToComponent)(element,{elementRule:rule,componentRule});!result||onChange({element:result.element,components:result.components})},handleElement=(0,use_debounce_1.useDebouncedCallback)(_handleElement,debounceDuration);return(0,react_1.useEffect)(()=>{disabled&&handleElement.cancel()},[disabled,handleElement]),{handleElement}}},92126:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),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.HybridHighlighter=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),uuid_1=__webpack_require__(53871),hover_highlighter_1=__webpack_require__(23988),element_highlighter_1=__webpack_require__(76308),children_highlighter_1=__webpack_require__(31524);function HybridHighlighter(_a){var{disabled,mode="hover",debounceSelection=80,watchMotion=!0,placement,rule,componentRule,classes,highlightStyle,className,style,bgColor,bgColorHover,bgColorActive,children}=_a,rest=__rest(_a,["disabled","mode","debounceSelection","watchMotion","placement","rule","componentRule","classes","highlightStyle","className","style","bgColor","bgColorHover","bgColorActive","children"]);const ref=(0,react_1.createRef)(),[targets,setTarget]=(0,react_1.useState)({}),scopeClass=(0,react_1.useRef)(`hl-scope-${(0,uuid_1.v4)()}`).current,hasTargets=Object.entries(targets).length>0;(0,react_1.useEffect)(()=>{disabled&&setTarget({})},[disabled]);const handlers=(0,hover_highlighter_1.useHoverHighlighter)(nextTarget=>setTarget(nextTarget?{"hover-target":nextTarget}:{}),rest,{debounceDuration:hasTargets?debounceSelection:0,scopeClass,disabled:disabled||mode!=="hover",rule,componentRule});(0,children_highlighter_1.useChildrenHighlighter)({onChange:setTarget,scopeRef:ref,scopeClass,disabled:disabled||mode!=="allChildren",rule,componentRule});const _styles=(0,react_1.useMemo)(()=>Object.assign({"--bit-highlighter-color":bgColor,"--bit-highlighter-color-hover":bgColorHover,"--bit-highlighter-color-active":bgColorActive},style),[bgColor,bgColorHover,bgColorActive,style]);return react_1.default.createElement("div",Object.assign({ref},rest,handlers,{style:_styles,className:(0,classnames_1.default)(className,scopeClass),"data-nullify-component-highlight":!0}),children,Object.entries(targets).map(([key,target])=>react_1.default.createElement(element_highlighter_1.ElementHighlighter,{key,targetRef:{current:target.element},components:target.components,classes,style:highlightStyle,placement,watchMotion})))}exports.HybridHighlighter=HybridHighlighter},90995:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HybridHighlighter=void 0;var hybrid_highlighter_1=__webpack_require__(92126);Object.defineProperty(exports,"HybridHighlighter",{enumerable:!0,get:function(){return hybrid_highlighter_1.HybridHighlighter}})},84486:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.skipHighlighterSelector=exports.skipHighlighterAttr=exports.skipHighlighterAttrName=exports.ExcludeHighlighter=exports.excludeHighlighterAtt=exports.excludeHighlighterSelector=exports.excludeHighlighterAttrName=void 0;const react_1=__importDefault(__webpack_require__(67294));exports.excludeHighlighterAttrName="data-ignore-component-highlight",exports.excludeHighlighterSelector=`[${exports.excludeHighlighterAttrName}]`,exports.excludeHighlighterAtt={[exports.excludeHighlighterAttrName]:!0};function ExcludeHighlighter(props){return react_1.default.createElement("div",Object.assign({},props,exports.excludeHighlighterAtt))}exports.ExcludeHighlighter=ExcludeHighlighter,exports.skipHighlighterAttrName="data-skip-component-highlight",exports.skipHighlighterAttr={[exports.skipHighlighterAttrName]:!0},exports.skipHighlighterSelector=`[${exports.skipHighlighterAttrName}]`},48191:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.skipHighlighterAttrName=exports.skipHighlighterAttr=exports.excludeHighlighterAttrName=exports.excludeHighlighterAtt=exports.ExcludeHighlighter=exports.ElementHighlighter=exports.ChildrenHighlighter=exports.HoverHighlighter=exports.ComponentHighlighter=void 0;var hybrid_highlighter_1=__webpack_require__(90995);Object.defineProperty(exports,"ComponentHighlighter",{enumerable:!0,get:function(){return hybrid_highlighter_1.HybridHighlighter}});var hover_highlighter_1=__webpack_require__(23988);Object.defineProperty(exports,"HoverHighlighter",{enumerable:!0,get:function(){return hover_highlighter_1.HoverHighlighter}});var children_highlighter_1=__webpack_require__(31524);Object.defineProperty(exports,"ChildrenHighlighter",{enumerable:!0,get:function(){return children_highlighter_1.ChildrenHighlighter}});var element_highlighter_1=__webpack_require__(76308);Object.defineProperty(exports,"ElementHighlighter",{enumerable:!0,get:function(){return element_highlighter_1.ElementHighlighter}});var ignore_highlighter_1=__webpack_require__(84486);Object.defineProperty(exports,"ExcludeHighlighter",{enumerable:!0,get:function(){return ignore_highlighter_1.ExcludeHighlighter}}),Object.defineProperty(exports,"excludeHighlighterAtt",{enumerable:!0,get:function(){return ignore_highlighter_1.excludeHighlighterAtt}}),Object.defineProperty(exports,"excludeHighlighterAttrName",{enumerable:!0,get:function(){return ignore_highlighter_1.excludeHighlighterAttrName}}),Object.defineProperty(exports,"skipHighlighterAttr",{enumerable:!0,get:function(){return ignore_highlighter_1.skipHighlighterAttr}}),Object.defineProperty(exports,"skipHighlighterAttrName",{enumerable:!0,get:function(){return ignore_highlighter_1.skipHighlighterAttrName}})},1554:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentStrip=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_routing_native_link_1=__webpack_require__(62990),component_id_1=__webpack_require__(47274),component_modules_component_url_1=__webpack_require__(65468),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),component_strip_module_scss_1=__importDefault(__webpack_require__(75440)),links_1=__webpack_require__(23660);exports.ComponentStrip=(0,react_1.forwardRef)(function({component,children},ref){const{id,homepage,exported}=extractMetadata(component),parsedId=(0,react_1.useMemo)(()=>component_id_1.ComponentID.tryFromString(id),[id]),componentLink=homepage||(0,links_1.calcComponentLink)(parsedId,exported);return react_1.default.createElement("div",{className:component_strip_module_scss_1.default.componentStrip,ref},!parsedId&&react_1.default.createElement(LabelBlock,{link:homepage},id),parsedId&&react_1.default.createElement(LabelBlock,{link:component_modules_component_url_1.ScopeUrl.toUrl(parsedId.scope)},parsedId.scope),parsedId&&react_1.default.createElement(LabelBlock,{link:componentLink,className:component_strip_module_scss_1.default.nameBlock},react_1.default.createElement("span",null,parsedId.fullName),parsedId.version&&parsedId.version!=="latest"&&react_1.default.createElement("span",{className:component_strip_module_scss_1.default.version},"@",parsedId.version)),children)});function LabelBlock({link,children,className}){const Comp=link?base_ui_routing_native_link_1.NativeLink:"span";return react_1.default.createElement(Comp,{href:link,external:!!link,className},children)}function extractMetadata(metadata){return typeof metadata=="string"?{id:metadata,exported:!0}:metadata[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]}},90608:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LabelContainer=exports.Label=void 0;var label_1=__webpack_require__(16545);Object.defineProperty(exports,"Label",{enumerable:!0,get:function(){return label_1.Label}});var label_container_1=__webpack_require__(84185);Object.defineProperty(exports,"LabelContainer",{enumerable:!0,get:function(){return label_container_1.LabelContainer}})},84185:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),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.LabelContainer=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),lodash_compact_1=__importDefault(__webpack_require__(16195)),react_dom_1=__webpack_require__(36728),label_module_scss_1=__importDefault(__webpack_require__(753)),HAS_RESIZE_OBSERVER=typeof window<"u"&&!!window.ResizeObserver;function LabelContainer(_a){var _b,{targetRef,offset,placement,flip=!0,watchMotion,className,style}=_a,rest=__rest(_a,["targetRef","offset","placement","flip","watchMotion","className","style"]);const{x,y,strategy,floating,reference,refs,update,middlewareData}=(0,react_dom_1.useFloating)({placement,middleware:(0,lodash_compact_1.default)([offset&&(0,react_dom_1.offset)({mainAxis:offset[0],crossAxis:offset[1]}),flip&&(0,react_dom_1.flip)(),(0,react_dom_1.shift)({rootBoundary:"document",mainAxis:!0,crossAxis:!0}),(0,react_dom_1.hide)({strategy:"referenceHidden"})])});(0,react_1.useLayoutEffect)(()=>{reference(targetRef.current)},[targetRef.current,reference]),(0,react_1.useEffect)(()=>!refs.reference.current||!refs.floating.current||!HAS_RESIZE_OBSERVER?()=>{}:(0,react_dom_1.autoUpdate)(refs.reference.current,refs.floating.current,update,{animationFrame:!!watchMotion}),[refs.reference.current,refs.floating.current,update,watchMotion]);const isReady=!(!((_b=middlewareData.hide)===null||_b===void 0)&&_b.referenceHidden);return react_1.default.createElement("div",Object.assign({},rest,{ref:floating,className:(0,classnames_1.default)(className,!isReady&&label_module_scss_1.default.hidden),style:Object.assign(Object.assign({},style),{position:strategy,top:y??0,left:x??0})}))}exports.LabelContainer=LabelContainer},16545:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k),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.Label=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),label_module_scss_1=__importDefault(__webpack_require__(753)),component_strip_1=__webpack_require__(1554),other_components_1=__webpack_require__(46976);function Label(_a){var{components}=_a,props=__rest(_a,["components"]);const[showMore,setShowMore]=(0,react_1.useState)(!1),last=components.slice(-1).pop();if(!last)return null;const hasMore=components.length>1;return(0,react_1.useEffect)(()=>{setShowMore(!1)},[components]),react_1.default.createElement(other_components_1.OtherComponentsPopper,{components,visible:showMore,placement:"bottom-start"},react_1.default.createElement(component_strip_1.ComponentStrip,Object.assign({},props,{component:last}),hasMore&&react_1.default.createElement("span",{className:(0,classnames_1.default)(label_module_scss_1.default.othersTooltip,showMore&&label_module_scss_1.default.active),onClick:()=>setShowMore(x=>!x)})))}exports.Label=Label},23660:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.calcComponentLink=void 0;const url_join_1=__importDefault(__webpack_require__(34078)),component_modules_component_url_1=__webpack_require__(65468);function calcComponentLink(id,exported){if(!!id)return exported?component_modules_component_url_1.ComponentUrl.toUrl(id):(0,url_join_1.default)("/",id.fullName)}exports.calcComponentLink=calcComponentLink},46976:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OtherComponentsPopper=void 0;const react_1=__importDefault(__webpack_require__(67294)),headless_1=__importDefault(__webpack_require__(71215)),component_strip_1=__webpack_require__(1554),label_module_scss_1=__importDefault(__webpack_require__(753));function OtherComponentsPopper(_a){var{components,children,start,end=-1,placement="bottom",interactive=!0}=_a,tippyProps=__rest(_a,["components","children","start","end","placement","interactive"]);const content=react_1.default.createElement(react_1.default.Fragment,null,components.slice(start,end).reverse().map((comp,idx)=>react_1.default.createElement(component_strip_1.ComponentStrip,{key:idx,component:comp})));return react_1.default.createElement(headless_1.default,Object.assign({placement,interactive},tippyProps,{render:attrs=>react_1.default.createElement("div",Object.assign({},attrs,{className:label_module_scss_1.default.othersContainer}),content)}),children)}exports.OtherComponentsPopper=OtherComponentsPopper},93008:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentRuleMatcher=exports.ruleMatcher=void 0;const component_id_1=__webpack_require__(47274);function ruleMatcher(element,rule){return typeof rule=="string"?element.matches(rule):typeof rule=="function"?rule(element):!0}exports.ruleMatcher=ruleMatcher;function componentRuleMatcher(target,rule){if(typeof rule=="string"){const targetCmpId=component_id_1.ComponentID.tryFromString(target.meta.id),ruleCmpId=component_id_1.ComponentID.tryFromString(rule);return component_id_1.ComponentID.isEqual(ruleCmpId,targetCmpId,{ignoreVersion:!0})}if(Array.isArray(rule)){const targetCmpId=component_id_1.ComponentID.tryFromString(target.meta.id);return rule.map(x=>component_id_1.ComponentID.tryFromString(x)).some(cmdId=>component_id_1.ComponentID.isEqual(targetCmpId,cmdId,{ignoreVersion:!0}))}return typeof rule=="function"?rule(target):!0}exports.componentRuleMatcher=componentRuleMatcher},91204:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;const legacy_bit_id_1=__webpack_require__(35666),exceptions_1=__webpack_require__(8105);class ComponentID{constructor(legacyComponentId,_scope){this.legacyComponentId=legacyComponentId,this._scope=_scope}get _legacy(){return this.legacyComponentId}hasVersion(){return this._legacy.hasVersion()}get version(){return this.legacyComponentId.version}get namespace(){return this.legacyComponentId.name.split("/").slice(0,-1).join("/")}get fullName(){return this._legacy.name}get name(){const arr=this.legacyComponentId.name.split("/");return arr[arr.length-1]}get scope(){const scope=this._legacy.scope;if(scope)return scope;if(!this._scope)throw new Error("scope cannot be undefined");return this._scope}changeScope(scopeName){const legacyId=this._legacy.changeScope(scopeName);return ComponentID.fromLegacy(legacyId)}changeVersion(version){const legacyId=this._legacy.changeVersion(version);return ComponentID.fromLegacy(legacyId,this.scope)}isEqual(id,opts){return ComponentID.isEqual(this,id,opts)}getVersionPreReleaseData(){return this._legacy.getVersionPreReleaseData()}toStringWithoutVersion(){let id=this._legacy;return this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope)),id.toStringWithoutVersion()}toString(opts={}){let id=this._legacy;this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope));const idStr=id.toString(!1,opts.ignoreVersion);return opts.fsCompatible?idStr.replace(/\//g,"_").replace(/\./g,"_").replace(/-/g,"_"):idStr}toObject(){const object=this.legacyComponentId.serialize();return object.scope||(object.scope=this.scope),object}static tryFromString(idStr,scope){try{return ComponentID.fromString(idStr,scope)}catch{return}}static fromString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!0);if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(idStr);return new ComponentID(legacyId,scope)}static fromLegacyString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!1);return new ComponentID(legacyId,scope)}static fromObject(object,scope){return ComponentID.fromLegacy(new legacy_bit_id_1.BitId(object),scope)}static isValidObject(o){return typeof o=="object"&&typeof o.name=="string"&&typeof o.scope=="string"}static isEqual(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.toString({ignoreVersion:opts.ignoreVersion})===b.toString({ignoreVersion:opts.ignoreVersion});return opts.ignoreVersion||(result=result&&a.version===b.version),result}static isEqualObj(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.name===b.name;return opts.ignoreVersion||(result=result&&a.version===b.version),result}static fromLegacy(legacyId,scope){if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(legacyId);return new ComponentID(legacyId,scope)}}exports.ComponentID=ComponentID},8105:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;const missing_scope_1=__webpack_require__(61504);Object.defineProperty(exports,"MissingScope",{enumerable:!0,get:function(){return missing_scope_1.MissingScope}})},61504:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;class MissingScope extends Error{constructor(src){super(`scope was not defined directly or by "${src}"`)}report(){return this.message}}exports.MissingScope=MissingScope},47274:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;var component_id_1=__webpack_require__(91204);Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return component_id_1.ComponentID}})},96961:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
493
493
  Copyright (c) 2018 Jed Watson.
494
494
  Licensed under the MIT License (MIT), see
495
495
  http://jedwatson.github.io/classnames