@teambit/react 1.0.1151 → 1.0.1153

package/artifacts/env-template/public/{492.ead6d28cd08f94096c03.js → 492.53e5a3dfe50e3f7cb523.js}

@@ -38,7 +38,7 @@ ${close}`}},31242(__unused_webpack_module,exports,__webpack_require__){"use stri
 
 ${this.msg||this.originalError.stack}`}}exports.default=ExtensionLoadError},50772(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const harmony_error_1=__webpack_require__(88395);class ExtensionPotentialCircular extends harmony_error_1.HarmonyError{constructor(extension,validDeps){super();this.extension=extension,this.validDeps=validDeps}toString(){return`Failed to load the dependencies for extension . 
 This may result from a wrong import or from circular dependencies in imports. 
-The following dependencies succeeded loading:`}}exports.default=ExtensionPotentialCircular},43511(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HarmonyAlreadyRunning=void 0;class HarmonyAlreadyRunning extends Error{}exports.HarmonyAlreadyRunning=HarmonyAlreadyRunning},88395(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HarmonyError=void 0;class HarmonyError extends Error{}exports.HarmonyError=HarmonyError},89914(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HookNotFound=void 0;class HookNotFound extends Error{}exports.HookNotFound=HookNotFound},51694(__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.ExtensionInstantiationException=exports.HookNotFound=exports.HarmonyAlreadyRunning=exports.ExtensionPotentialCircular=exports.ExtensionLoadError=void 0;var extension_load_error_1=__webpack_require__(65751);Object.defineProperty(exports,"ExtensionLoadError",{enumerable:!0,get:function(){return __importDefault(extension_load_error_1).default}});var extension_potential_circular_1=__webpack_require__(50772);Object.defineProperty(exports,"ExtensionPotentialCircular",{enumerable:!0,get:function(){return __importDefault(extension_potential_circular_1).default}});var harmony_already_running_1=__webpack_require__(43511);Object.defineProperty(exports,"HarmonyAlreadyRunning",{enumerable:!0,get:function(){return harmony_already_running_1.HarmonyAlreadyRunning}});var hook_not_found_1=__webpack_require__(89914);Object.defineProperty(exports,"HookNotFound",{enumerable:!0,get:function(){return hook_not_found_1.HookNotFound}});var extension_init_error_1=__webpack_require__(25653);Object.defineProperty(exports,"ExtensionInstantiationException",{enumerable:!0,get:function(){return extension_init_error_1.ExtensionInstantiationException}})},1588(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})};Object.defineProperty(exports,"__esModule",{value:!0});const cleargraph_1=__webpack_require__(81895),from_extension_1=__webpack_require__(87710);function getName(manifest){return Reflect.getMetadata("harmony:name",manifest)||manifest.id||manifest.name}class DependencyGraph extends cleargraph_1.Graph{constructor(){super(...arguments);this.cache=new Map}getRuntimeDependencies(aspect,runtime,options={}){const dependencies=this.successors(aspect.name),runtimeDeps=this.successors(aspect.name,edge=>edge.runtime?edge.runtime===runtime.name:!1),runtimeManifest=aspect.getRuntime(runtime);return runtimeManifest?runtimeDeps&&runtimeDeps.size?this.sortDeps(runtimeManifest.dependencies,Array.from(runtimeDeps.values()),options):this.sortDeps(runtimeManifest.dependencies,Array.from(dependencies.values()),options):Array.from(dependencies.values())}sortDeps(originalDependencies,targetDependencies,options={}){const _originalDependencies=options.getName?originalDependencies?.map(aspect=>(options.getName&&(aspect.id=options.getName(aspect)),aspect))||[]:originalDependencies;return targetDependencies.sort((a,b)=>_originalDependencies.findIndex(item=>item.id===a.id)-_originalDependencies.findIndex(item=>item.id===b.id))}byExecutionOrder(){return this.toposort(!0)}enrichRuntimeExtension(id_1,aspect_1,runtime_1,runtimes_1,requireFn_1){return __awaiter(this,arguments,void 0,function*(id,aspect,runtime,runtimes,requireFn,options={}){yield requireFn(aspect,runtime);const runtimeManifest=aspect.getRuntime(runtime);if(!runtimeManifest)return;const deps=runtimeManifest.dependencies;if(!deps)return;const promises=deps.map(dep=>__awaiter(this,void 0,void 0,function*(){const depId=options.getName?options.getName(dep):dep.id;if(!this.hasNode(depId)){this.add(dep),dep.declareRuntime&&runtimes.add(dep.declareRuntime);const node=this.get(depId);if(!node)return;yield requireFn(node,runtime),yield this.enrichRuntimeExtension(depId,this.get(depId),runtime,runtimes,requireFn)}this.setEdge(id,depId,{runtime:runtime.name,type:"runtime-dependency"})}));return Promise.all(promises)})}enrichRuntime(runtime_1,runtimes_1,requireFn_1){return __awaiter(this,arguments,void 0,function*(runtime,runtimes,requireFn,options={}){const promises=Array.from(this.nodes.entries()).map(_a=>__awaiter(this,[_a],void 0,function*([id,aspect]){return this.enrichRuntimeExtension(id,aspect,runtime,runtimes,requireFn,options)}));return Promise.all(promises)})}add(manifest){const{vertices,edges}=(0,from_extension_1.fromExtension)(manifest);return this.setNodes(vertices),this.setEdges(edges),this}load(extensions){const newExtensions=extensions.filter(extension=>extension.id?!this.get(extension.id):!1),{vertices,edges}=(0,from_extension_1.fromExtensions)(newExtensions);return this.setNodes(vertices,!1),this.setEdges(edges),this}getExtension(manifest){const id=getName(manifest),cachedVertex=this.cache.get(id);if(cachedVertex)return cachedVertex;const res=this.node(id);return res?(this.cache.set(res.name,res),res):null}get extensions(){return Array.from(this.nodes.values())}get aspects(){return this.extensions}get(id){const cachedVertex=this.cache.get(id);if(cachedVertex)return cachedVertex;const res=this.node(id);return res?(this.cache.set(res.name,res),res):null}static fromRoot(extension){const{vertices,edges}=(0,from_extension_1.fromExtension)(extension);return new DependencyGraph(vertices,edges)}static from(extensions,options={}){const{vertices,edges}=(0,from_extension_1.fromExtensions)(extensions,options);return new DependencyGraph(vertices,edges)}}exports.default=DependencyGraph},87710(__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.fromExtension=fromExtension,exports.fromExtensions=fromExtensions;const factory_1=__webpack_require__(7462),extension_potential_circular_1=__importDefault(__webpack_require__(50772));function getName(manifest){return Reflect.getMetadata("harmony:name",manifest)||manifest.id||manifest.name}function fromExtension(extension,options={}){const vertices={};let edges=[];function iterate(root){const id=options.getName?options.getName(root):getName(root);if(vertices[id])return;const instance=(0,factory_1.extensionFactory)(root),validDeps=instance.dependencies.filter(dep=>dep).map(dep=>(0,factory_1.extensionFactory)(dep));if(instance.dependencies.length>validDeps.length)throw new extension_potential_circular_1.default(instance,validDeps);vertices[id]=instance;const newEdges=validDeps.map(dep=>({sourceId:id,targetId:dep.name,edge:{type:"dependency"}}));edges=edges.concat(newEdges),instance.dependencies.forEach(dep=>iterate(dep))}iterate(extension);let vertexArray=[];for(let[key,value]of Object.entries(vertices))vertexArray.push({id:key,node:value});return{vertices:vertexArray,edges}}function fromExtensions(extensions,options={}){return extensions.map(ext=>fromExtension(ext,options)).reduce((acc,subgraph)=>(acc.edges=acc.edges.concat(subgraph.edges),acc.vertices=acc.vertices.concat(subgraph.vertices),acc),{vertices:[],edges:[]})}},52596(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HookRegistry=void 0,exports.ExtensionDecorator=ExtensionDecorator,exports.provider=provider,exports.register=register,exports.createHook=createHook,exports.hook=hook;const map={};function ExtensionDecorator({name,dependencies}={}){function classDecorator(constructor){Reflect.defineMetadata("harmony:name",name||constructor.name,constructor),Reflect.defineMetadata("harmony:dependencies",calculateDependnecies(constructor,dependencies),constructor)}return classDecorator}function provider(){return function(target,propertyKey,descriptor){const keys=Reflect.getMetadata("design:paramtypes",descriptor)}}function providerFn(classExtension){return classExtension.provide?classExtension.provide:classExtension.provider}function calculateDependnecies(classExtension,deps){function fromMetadata(){return providerFn(classExtension)?[]:Reflect.getMetadata("design:paramtypes",classExtension)}const dependnecies=deps||fromMetadata()||[],hookDeps=classExtension.__hookDeps?classExtension.__hookDeps:[];return dependnecies.concat(hookDeps)||[]}function register(extension,name){return function(target,propertyKey,descriptor){const extensionName=Reflect.getMetadata("harmony:name",extension);map[extensionName]||(map[extensionName]={});const hook2=map[extensionName][name||propertyKey];!hook2||hook2.register(target[propertyKey])}}function createHook(){const randomId=Math.random().toString(36).substring(2);map[randomId]=HookRegistry.create();const decorator=function(target,propertyKey,descriptor){map[randomId].register(descriptor.value)};return decorator.hash=randomId,decorator}function hook(name){return function(target,propertyKey){let instance=HookRegistry.create();const extensionName=Reflect.getMetadata("harmony:name",target.constructor),hookName=name||propertyKey;map[extensionName]?map[extensionName][hookName]=instance:map[extensionName]={[hookName]:instance},Object.defineProperty(target,propertyKey,{get:()=>instance,set:value=>{instance=value}})}}class HookRegistry{constructor(fillers,hash){this.fillers=fillers,this.hash=hash}register(filler){this.fillers.push(filler)}list(){return this.fillers}static of(hook2){return map[hook2.hash]}static create(){return new HookRegistry([])}}exports.HookRegistry=HookRegistry},34240(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Extension=void 0;const extension_init_error_1=__webpack_require__(25653);class Extension{constructor(manifest){this.manifest=manifest,this._instance=null,this._loaded=!1}get instance(){return this._instance}get name(){return Reflect.getMetadata("harmony:name",this.manifest)||this.manifest.id||this.manifest.name}get id(){return this.name}get dependencies(){return Reflect.getMetadata("harmony:dependencies",this.manifest)||this.manifest.dependencies||[]}get provider(){return Reflect.getMetadata("harmony:provider",this.manifest)||this.manifest.provider}get files(){return this.manifest.files}get loaded(){return this._loaded}toString(){return JSON.stringify(this.name)}buildSlotRegistries(slots,context){return slots.map(slot=>slot(()=>context.current))}get declareRuntime(){return this.manifest.declareRuntime}getRuntime(runtime){return this.manifest.getRuntime(runtime)}getRuntimes(){return this.manifest.getRuntimes()}getSlots(extensionRuntime){return extensionRuntime.slots&&extensionRuntime.slots.length?extensionRuntime.slots:this.manifest.slots||[]}getConfig(context,extensionRuntime){const defaultConfig=extensionRuntime.defaultConfig||this.manifest.defaultConfig||{},config=context.config.get(this.name)||{};return Object.assign({},defaultConfig,config)}__run(dependencies,context,runtime){return __awaiter(this,void 0,void 0,function*(){const name=this.name;context.initExtension(name);const extensionRuntime=this.getRuntime(runtime);if(!extensionRuntime)return;const registries=this.buildSlotRegistries(this.getSlots(extensionRuntime),context),config=this.getConfig(context,extensionRuntime);if(!this.loaded){if(extensionRuntime.provider)this._instance=yield extensionRuntime.provider(dependencies,config,registries,context);else try{this._instance=new extensionRuntime.manifest(...dependencies)}catch(err){throw new extension_init_error_1.ExtensionInstantiationException(err instanceof Error?err.toString():String(err))}return this._loaded=!0,this._instance}return context.endExtension(),Promise.resolve(this.instance)})}}exports.Extension=Extension},22657(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createHook=exports.provider=exports.HookRegistry=exports.hook=exports.register=exports.ExtensionDecorator=exports.Extension=void 0;var extension_1=__webpack_require__(34240);Object.defineProperty(exports,"Extension",{enumerable:!0,get:function(){return extension_1.Extension}});var decorator_1=__webpack_require__(52596);Object.defineProperty(exports,"ExtensionDecorator",{enumerable:!0,get:function(){return decorator_1.ExtensionDecorator}}),Object.defineProperty(exports,"register",{enumerable:!0,get:function(){return decorator_1.register}}),Object.defineProperty(exports,"hook",{enumerable:!0,get:function(){return decorator_1.hook}}),Object.defineProperty(exports,"HookRegistry",{enumerable:!0,get:function(){return decorator_1.HookRegistry}}),Object.defineProperty(exports,"provider",{enumerable:!0,get:function(){return decorator_1.provider}}),Object.defineProperty(exports,"createHook",{enumerable:!0,get:function(){return decorator_1.createHook}})},7176(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.extensionFactory=extensionFactory;const extension_1=__webpack_require__(34240);function extensionFactory(manifest){return manifest.provide&&(manifest.provider=manifest.provide),new extension_1.Extension(manifest)}},7462(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.extensionFactory=void 0;var extension_factory_1=__webpack_require__(7176);Object.defineProperty(exports,"extensionFactory",{enumerable:!0,get:function(){return extension_factory_1.extensionFactory}})},92501(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Harmony=void 0,__webpack_require__(2844);const extension_graph_1=__importDefault(__webpack_require__(1588)),exceptions_1=__webpack_require__(51694),utils_1=__webpack_require__(92833),config_1=__webpack_require__(27142),runtimes_1=__webpack_require__(28256),exceptions_2=__webpack_require__(7792);class Harmony{constructor(graph,config,runtimes,activeRuntime,depOptions){this.graph=graph,this.config=config,this.runtimes=runtimes,this.activeRuntime=activeRuntime,this.depOptions=depOptions,this.current=null}get extensions(){return this.graph.nodes}get extensionsIds(){return[...this.graph.nodes.keys()]}load(extensions){return __awaiter(this,void 0,void 0,function*(){return this.set(extensions)})}set(extensions){return __awaiter(this,void 0,void 0,function*(){this.graph.load(extensions);const extensionsToLoad=extensions.map(ext=>Reflect.getMetadata("harmony:name",ext)||ext.id||ext.name);yield this.graph.enrichRuntime(this.runtime,this.runtimes,()=>{});const subgraphs=this.graph.successorsSubgraph(extensionsToLoad);if(subgraphs){const executionOrder=subgraphs.toposort(!0);yield(0,utils_1.asyncForEach)(executionOrder,ext=>__awaiter(this,void 0,void 0,function*(){if(!this.runtime)throw new exceptions_2.RuntimeNotDefined(this.activeRuntime);yield this.runOne(ext,this.runtime)}))}})}runOne(extension,runtime){return __awaiter(this,void 0,void 0,function*(){if(extension.loaded)return;const instances=this.graph.getRuntimeDependencies(extension,runtime,this.depOptions).map(extension2=>extension2.instance);try{return extension.__run(instances,this,runtime)}catch(err){throw new exceptions_1.ExtensionLoadError(extension,err instanceof Error?err:new Error(String(err)))}})}getDependencies(aspect){if(!this.runtime)throw new exceptions_2.RuntimeNotDefined(this.activeRuntime);return this.graph.getRuntimeDependencies(aspect,this.runtime,this.depOptions)}initExtension(id){this.current=id}endExtension(){this.current=null}get(id){const extension=this.graph.get(id);if(!extension||!extension.instance)throw new Error(`failed loading extension ${id}`);return extension.instance}resolveRuntime(name){return this.runtimes.get(name)}run(requireFn){return __awaiter(this,void 0,void 0,function*(){const runtime=this.resolveRuntime(this.activeRuntime);this.runtime=runtime;const defaultRequireFn=(aspect,runtime2)=>__awaiter(this,void 0,void 0,function*(){runtime2.getRuntimeFile(aspect.files)});yield this.graph.enrichRuntime(runtime,this.runtimes,requireFn||defaultRequireFn,this.depOptions);const executionOrder=this.graph.byExecutionOrder();yield(0,utils_1.asyncForEach)(executionOrder,ext=>__awaiter(this,void 0,void 0,function*(){yield this.runOne(ext,runtime)}))})}static load(aspects_1,runtime_1,globalConfig_1){return __awaiter(this,arguments,void 0,function*(aspects,runtime,globalConfig,options={}){const aspectGraph=extension_graph_1.default.from(aspects,options),runtimes=yield runtimes_1.Runtimes.load(aspectGraph);return new Harmony(aspectGraph,config_1.Config.from(globalConfig),runtimes,runtime,options)})}}exports.Harmony=Harmony},72631(__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.AspectGraph=exports.RuntimeDefinition=exports.Aspect=exports.HarmonyError=exports.SlotRegistry=exports.Slot=exports.Harmony=exports.createHook=exports.provider=exports.hook=exports.HookRegistry=exports.register=exports.Extension=exports.ExtensionDecorator=void 0;var extension_1=__webpack_require__(22657);Object.defineProperty(exports,"ExtensionDecorator",{enumerable:!0,get:function(){return extension_1.ExtensionDecorator}}),Object.defineProperty(exports,"Extension",{enumerable:!0,get:function(){return extension_1.Extension}}),Object.defineProperty(exports,"register",{enumerable:!0,get:function(){return extension_1.register}}),Object.defineProperty(exports,"HookRegistry",{enumerable:!0,get:function(){return extension_1.HookRegistry}}),Object.defineProperty(exports,"hook",{enumerable:!0,get:function(){return extension_1.hook}}),Object.defineProperty(exports,"provider",{enumerable:!0,get:function(){return extension_1.provider}}),Object.defineProperty(exports,"createHook",{enumerable:!0,get:function(){return extension_1.createHook}});var harmony_1=__webpack_require__(92501);Object.defineProperty(exports,"Harmony",{enumerable:!0,get:function(){return harmony_1.Harmony}});var slots_1=__webpack_require__(27985);Object.defineProperty(exports,"Slot",{enumerable:!0,get:function(){return slots_1.Slot}}),Object.defineProperty(exports,"SlotRegistry",{enumerable:!0,get:function(){return slots_1.SlotRegistry}});var harmony_error_1=__webpack_require__(88395);Object.defineProperty(exports,"HarmonyError",{enumerable:!0,get:function(){return harmony_error_1.HarmonyError}});var aspect_1=__webpack_require__(4435);Object.defineProperty(exports,"Aspect",{enumerable:!0,get:function(){return aspect_1.Aspect}});var runtimes_1=__webpack_require__(22665);Object.defineProperty(exports,"RuntimeDefinition",{enumerable:!0,get:function(){return runtimes_1.RuntimeDefinition}});var extension_graph_1=__webpack_require__(1588);Object.defineProperty(exports,"AspectGraph",{enumerable:!0,get:function(){return __importDefault(extension_graph_1).default}})},7792(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=exports.RuntimeNotDefined=void 0;var runtime_not_defined_1=__webpack_require__(58380);Object.defineProperty(exports,"RuntimeNotDefined",{enumerable:!0,get:function(){return runtime_not_defined_1.RuntimeNotDefined}});var runtime_module_error_1=__webpack_require__(27254);__webpack_unused_export__={enumerable:!0,get:function(){return runtime_module_error_1.RuntimeModuleError}}},27254(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RuntimeModuleError=void 0;class RuntimeModuleError extends Error{constructor(err){super(`failed to load Harmony aspect with error message: ${err.message}`);this.err=err}get stack(){return this.err.stack}}exports.RuntimeModuleError=RuntimeModuleError},58380(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RuntimeNotDefined=void 0;class RuntimeNotDefined extends Error{constructor(name){super(`runtime: '${name}' was not defined by any aspect`)}}exports.RuntimeNotDefined=RuntimeNotDefined},22665(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RuntimeDefinition=exports.Runtimes=void 0;var runtimes_1=__webpack_require__(28256);Object.defineProperty(exports,"Runtimes",{enumerable:!0,get:function(){return runtimes_1.Runtimes}});var runtime_definition_1=__webpack_require__(71167);Object.defineProperty(exports,"RuntimeDefinition",{enumerable:!0,get:function(){return runtime_definition_1.RuntimeDefinition}})},71167(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RuntimeDefinition=void 0;const DEFAULT_PREDICATE=(filePath,name)=>filePath.includes(`.${name}.`);class RuntimeDefinition{constructor(name,filePredicate=DEFAULT_PREDICATE){this.name=name,this.filePredicate=filePredicate}getRuntimeFile(paths){return paths.find(path=>this.filePredicate(path,this.name))}require(file){}static create(def){return new RuntimeDefinition(def.name)}}exports.RuntimeDefinition=RuntimeDefinition},28256(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Runtimes=void 0;const exceptions_1=__webpack_require__(7792);class Runtimes{constructor(runtimeDefinition){this.runtimeDefinition=runtimeDefinition}add(runtime){return this.runtimeDefinition[runtime.name]=runtime,this}get(name){if(!this.runtimeDefinition[name])throw new exceptions_1.RuntimeNotDefined(name);return this.runtimeDefinition[name]}dispose(){}static load(graph){return __awaiter(this,void 0,void 0,function*(){const runtimes={};return graph.extensions.forEach(manifest=>{!manifest.declareRuntime||(runtimes[manifest.declareRuntime.name]=manifest.declareRuntime)}),new Runtimes(runtimes)})}}exports.Runtimes=Runtimes},27985(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SlotRegistry=exports.Slot=void 0;var slot_1=__webpack_require__(29321);Object.defineProperty(exports,"Slot",{enumerable:!0,get:function(){return slot_1.Slot}});var registry_1=__webpack_require__(72778);Object.defineProperty(exports,"SlotRegistry",{enumerable:!0,get:function(){return registry_1.SlotRegistry}})},72778(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SlotRegistry=void 0;class SlotRegistry{constructor(registerFn,map=new Map){this.registerFn=registerFn,this.map=map}get(id){return this.map.get(id)}toArray(){return Array.from(this.map.entries())}values(){return Array.from(this.map.values())}register(value){const id=this.registerFn();this.map.set(id,value)}}exports.SlotRegistry=SlotRegistry},29321(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Slot=void 0;const registry_1=__webpack_require__(72778);class Slot{static withType(){return registerFn=>new registry_1.SlotRegistry(registerFn)}}exports.Slot=Slot},66461(__unused_webpack_module,exports){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})};Object.defineProperty(exports,"__esModule",{value:!0}),exports.asyncForEach=asyncForEach;function asyncForEach(array,callback){return __awaiter(this,void 0,void 0,function*(){for(let index=0;index<array.length;index+=1)yield callback(array[index],index,array)})}},92833(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.asyncForEach=void 0;var async_for_each_1=__webpack_require__(66461);Object.defineProperty(exports,"asyncForEach",{enumerable:!0,get:function(){return async_for_each_1.asyncForEach}})},35896(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=exports.LaneId=void 0;var lane_id_1=__webpack_require__(54984);Object.defineProperty(exports,"LaneId",{enumerable:!0,get:function(){return lane_id_1.LaneId}}),__webpack_unused_export__={enumerable:!0,get:function(){return lane_id_1.DEFAULT_LANE}},__webpack_unused_export__={enumerable:!0,get:function(){return lane_id_1.LANE_REMOTE_DELIMITER}}},54984(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneId=exports.LANE_REMOTE_DELIMITER=exports.DEFAULT_LANE=void 0;const bit_error_1=__webpack_require__(24490);exports.DEFAULT_LANE="main",exports.LANE_REMOTE_DELIMITER="/";class LaneId{constructor({name,scope}){this.name=name,this.scope=scope,Object.freeze(this)}hasSameName(id){return this.name===id.name}hasSameScope(id){return!id.scope&&!this.scope?!0:this.scope===id.scope}isEqual(laneId){return this.hasSameName(laneId)&&this.hasSameScope(laneId)}isDefault(){return this.name===exports.DEFAULT_LANE}toString(){return this.scope?this.scope+exports.LANE_REMOTE_DELIMITER+this.name:this.name}toObject(){return{scope:this.scope,name:this.name}}static from(name,scope){return new LaneId({scope,name})}static parse(id){if(!id.includes(exports.LANE_REMOTE_DELIMITER))throw new bit_error_1.BitError(`invalid lane-id, "${id}" is missing a delimiter "(${exports.LANE_REMOTE_DELIMITER})"`);const split=id.split(exports.LANE_REMOTE_DELIMITER);if(split.length>2)throw new bit_error_1.BitError(`invalid lane-id "${id}". a lane id can have only one "${exports.LANE_REMOTE_DELIMITER}"`);return LaneId.from(split[1],split[0])}}exports.LaneId=LaneId},61026(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VERSION_DELIMITER=void 0;const decamelize_1=__importDefault(__webpack_require__(69936)),path=__importStar(__webpack_require__(52101)),semver=__importStar(__webpack_require__(16322)),lodash_1=__webpack_require__(92935),component_version_1=__webpack_require__(25699),is_valid_id_chunk_1=__importDefault(__webpack_require__(91724)),is_valid_scope_name_1=__importDefault(__webpack_require__(11857)),exceptions_1=__webpack_require__(63796);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.isTag)(this.version)}getVersionPreReleaseData(){return this.version?semver.prerelease(this.version):null}static getStringWithoutVersion(id){const splitted=id.split(exports.VERSION_DELIMITER);let res=splitted[0];return id.startsWith(exports.VERSION_DELIMITER)&&(res=`${exports.VERSION_DELIMITER}${splitted[1]}`),res}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(0,component_version_1.isTag)(version)||(0,component_version_1.isHash)(version)}static isValidSemver(version){return Boolean(semver.valid(version))}}exports.default=BitId},16321(__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});const lodash_1=__webpack_require__(92935),component_version_1=__webpack_require__(25699),bit_id_1=__importDefault(__webpack_require__(61026));class BitIds extends Array{serialize(){return this.map(bitId=>bitId.toString())}has(bitId){return Boolean(this.search(bitId))}hasWithoutVersion(bitId){return Boolean(this.searchWithoutVersion(bitId))}hasWithoutScope(bitId){return Boolean(this.searchWithoutScope(bitId))}hasWithoutScopeAndVersion(bitId){return Boolean(this.searchWithoutScopeAndVersion(bitId))}hasWithoutScopeAndVersionAsString(bitIdStr){return Boolean(this.find(id=>id.name===bitIdStr))}search(bitId){return this.find(id=>id.hasSameName(bitId)&&id.hasSameScope(bitId)&&id.hasSameVersion(bitId))}searchWithoutVersion(bitId){return this.find(id=>id.hasSameName(bitId)&&id.hasSameScope(bitId))}searchWithoutScopeAndVersion(bitId){return this.find(id=>id.hasSameName(bitId))}searchWithoutScope(bitId){return this.find(id=>id.hasSameName(bitId)&&id.hasSameVersion(bitId))}searchStrWithoutVersion(idStr){return this.find(id=>id.toStringWithoutVersion()===idStr)}searchStrWithoutScopeAndVersion(idStr){return this.find(id=>id.toStringWithoutScopeAndVersion()===idStr)}filterExact(bitId){return this.filter(id=>id.hasSameName(bitId)&&id.hasSameScope(bitId)&&id.hasSameVersion(bitId))}filterWithoutVersion(bitId){return this.filter(id=>id.hasSameName(bitId)&&id.hasSameScope(bitId))}filterWithoutScopeAndVersion(bitId){return this.filter(id=>id.hasSameName(bitId))}removeIfExist(bitId){return BitIds.fromArray(this.filter(id=>!id.isEqual(bitId)))}difference(bitIds){return BitIds.fromArray(this.filter(id=>!bitIds.search(id)))}removeIfExistWithoutVersion(bitId){return BitIds.fromArray(this.filter(id=>!id.isEqualWithoutVersion(bitId)))}removeMultipleIfExistWithoutVersion(bitIds){return BitIds.fromArray(this.filter(id=>!bitIds.hasWithoutVersion(id)))}toObject(){return this.reduce((acc,bitId)=>(acc[bitId.toString()]=bitId,acc),{})}static deserialize(array=[]){return new BitIds(...array.map(id=>bit_id_1.default.parse(id,!0)))}static deserializeObsolete(array=[]){return new BitIds(...array.map(id=>bit_id_1.default.parseObsolete(id)))}toString(){return this.map(id=>id.toString()).join(", ")}toGroupByIdWithoutVersion(){return this.reduce((acc,current)=>{const idStrWithoutVer=current.toStringWithoutVersion();return acc[idStrWithoutVer]?acc[idStrWithoutVer].push(current):acc[idStrWithoutVer]=new BitIds(current),acc},{})}toGroupByScopeName(idsWithDefaultScope){return this.reduce((acc,current)=>{const scopeName=(()=>{if(current.scope)return current.scope;const idWithDefaultScope=idsWithDefaultScope.searchWithoutScopeAndVersion(current);return idWithDefaultScope?idWithDefaultScope.scope:null})();if(!scopeName)throw new Error(`toGroupByScopeName() expect ids to have a scope name, got ${current.toString()}`);return acc[scopeName]?acc[scopeName].push(current):acc[scopeName]=new BitIds(current),acc},{})}findDuplicationsIgnoreVersion(){const duplications={};return this.forEach(id=>{const sameIds=this.filterWithoutVersion(id);sameIds.length>1&&(duplications[id.toStringWithoutVersion()]=sameIds)}),duplications}add(bitIds){bitIds.forEach(bitId=>{this.search(bitId)||this.push(bitId)})}static fromObject(dependencies){const array=[];return(0,lodash_1.forEach)(dependencies,(version,id)=>{array.push(bit_id_1.default.parse(id,!0,version))}),new BitIds(...array)}static fromArray(ids){const bitIds=new BitIds;return ids.forEach(id=>bitIds.push(id)),bitIds}static uniqFromArray(bitIds){const uniq=(0,lodash_1.uniqBy)(bitIds,id=>id.toString());return BitIds.fromArray(uniq)}throwForDuplicationIgnoreVersion(){this.forEach(bitId=>{const found=this.filterWithoutVersion(bitId);if(found.length>1)throw new Error(`bitIds has "${bitId.toStringWithoutVersion()}" duplicated as following:
+The following dependencies succeeded loading:`}}exports.default=ExtensionPotentialCircular},43511(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HarmonyAlreadyRunning=void 0;class HarmonyAlreadyRunning extends Error{}exports.HarmonyAlreadyRunning=HarmonyAlreadyRunning},88395(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HarmonyError=void 0;class HarmonyError extends Error{}exports.HarmonyError=HarmonyError},89914(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HookNotFound=void 0;class HookNotFound extends Error{}exports.HookNotFound=HookNotFound},51694(__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.ExtensionInstantiationException=exports.HookNotFound=exports.HarmonyAlreadyRunning=exports.ExtensionPotentialCircular=exports.ExtensionLoadError=void 0;var extension_load_error_1=__webpack_require__(65751);Object.defineProperty(exports,"ExtensionLoadError",{enumerable:!0,get:function(){return __importDefault(extension_load_error_1).default}});var extension_potential_circular_1=__webpack_require__(50772);Object.defineProperty(exports,"ExtensionPotentialCircular",{enumerable:!0,get:function(){return __importDefault(extension_potential_circular_1).default}});var harmony_already_running_1=__webpack_require__(43511);Object.defineProperty(exports,"HarmonyAlreadyRunning",{enumerable:!0,get:function(){return harmony_already_running_1.HarmonyAlreadyRunning}});var hook_not_found_1=__webpack_require__(89914);Object.defineProperty(exports,"HookNotFound",{enumerable:!0,get:function(){return hook_not_found_1.HookNotFound}});var extension_init_error_1=__webpack_require__(25653);Object.defineProperty(exports,"ExtensionInstantiationException",{enumerable:!0,get:function(){return extension_init_error_1.ExtensionInstantiationException}})},1588(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})};Object.defineProperty(exports,"__esModule",{value:!0});const cleargraph_1=__webpack_require__(81895),from_extension_1=__webpack_require__(87710);function getName(manifest){return Reflect.getMetadata("harmony:name",manifest)||manifest.id||manifest.name}class DependencyGraph extends cleargraph_1.Graph{constructor(){super(...arguments);this.cache=new Map}getRuntimeDependencies(aspect,runtime,options={}){const dependencies=this.successors(aspect.name),runtimeDeps=this.successors(aspect.name,edge=>edge.runtime?edge.runtime===runtime.name:!1),runtimeManifest=aspect.getRuntime(runtime);return runtimeManifest?runtimeDeps&&runtimeDeps.size?this.sortDeps(runtimeManifest.dependencies,Array.from(runtimeDeps.values()),options):this.sortDeps(runtimeManifest.dependencies,Array.from(dependencies.values()),options):Array.from(dependencies.values())}sortDeps(originalDependencies,targetDependencies,options={}){const _originalDependencies=options.getName?originalDependencies?.map(aspect=>(options.getName&&(aspect.id=options.getName(aspect)),aspect))||[]:originalDependencies;return targetDependencies.sort((a,b)=>_originalDependencies.findIndex(item=>item.id===a.id)-_originalDependencies.findIndex(item=>item.id===b.id))}byExecutionOrder(){return this.toposort(!0)}enrichRuntimeExtension(id_1,aspect_1,runtime_1,runtimes_1,requireFn_1){return __awaiter(this,arguments,void 0,function*(id,aspect,runtime,runtimes,requireFn,options={}){yield requireFn(aspect,runtime);const runtimeManifest=aspect.getRuntime(runtime);if(!runtimeManifest)return;const deps=runtimeManifest.dependencies;if(!deps)return;const promises=deps.map(dep=>__awaiter(this,void 0,void 0,function*(){const depId=options.getName?options.getName(dep):dep.id;if(!this.hasNode(depId)){this.add(dep),dep.declareRuntime&&runtimes.add(dep.declareRuntime);const node=this.get(depId);if(!node)return;yield requireFn(node,runtime),yield this.enrichRuntimeExtension(depId,this.get(depId),runtime,runtimes,requireFn)}this.setEdge(id,depId,{runtime:runtime.name,type:"runtime-dependency"})}));return Promise.all(promises)})}enrichRuntime(runtime_1,runtimes_1,requireFn_1){return __awaiter(this,arguments,void 0,function*(runtime,runtimes,requireFn,options={}){const promises=Array.from(this.nodes.entries()).map(_a=>__awaiter(this,[_a],void 0,function*([id,aspect]){return this.enrichRuntimeExtension(id,aspect,runtime,runtimes,requireFn,options)}));return Promise.all(promises)})}add(manifest){const{vertices,edges}=(0,from_extension_1.fromExtension)(manifest);return this.setNodes(vertices),this.setEdges(edges),this}load(extensions){const newExtensions=extensions.filter(extension=>extension.id?!this.get(extension.id):!1),{vertices,edges}=(0,from_extension_1.fromExtensions)(newExtensions);return this.setNodes(vertices,!1),this.setEdges(edges),this}getExtension(manifest){const id=getName(manifest),cachedVertex=this.cache.get(id);if(cachedVertex)return cachedVertex;const res=this.node(id);return res?(this.cache.set(res.name,res),res):null}get extensions(){return Array.from(this.nodes.values())}get aspects(){return this.extensions}get(id){const cachedVertex=this.cache.get(id);if(cachedVertex)return cachedVertex;const res=this.node(id);return res?(this.cache.set(res.name,res),res):null}static fromRoot(extension){const{vertices,edges}=(0,from_extension_1.fromExtension)(extension);return new DependencyGraph(vertices,edges)}static from(extensions,options={}){const{vertices,edges}=(0,from_extension_1.fromExtensions)(extensions,options);return new DependencyGraph(vertices,edges)}}exports.default=DependencyGraph},87710(__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.fromExtension=fromExtension,exports.fromExtensions=fromExtensions;const factory_1=__webpack_require__(7462),extension_potential_circular_1=__importDefault(__webpack_require__(50772));function getName(manifest){return Reflect.getMetadata("harmony:name",manifest)||manifest.id||manifest.name}function fromExtension(extension,options={}){const vertices={};let edges=[];function iterate(root){const id=options.getName?options.getName(root):getName(root);if(vertices[id])return;const instance=(0,factory_1.extensionFactory)(root),validDeps=instance.dependencies.filter(dep=>dep).map(dep=>(0,factory_1.extensionFactory)(dep));if(instance.dependencies.length>validDeps.length)throw new extension_potential_circular_1.default(instance,validDeps);vertices[id]=instance;const newEdges=validDeps.map(dep=>({sourceId:id,targetId:dep.name,edge:{type:"dependency"}}));edges=edges.concat(newEdges),instance.dependencies.forEach(dep=>iterate(dep))}iterate(extension);let vertexArray=[];for(let[key,value]of Object.entries(vertices))vertexArray.push({id:key,node:value});return{vertices:vertexArray,edges}}function fromExtensions(extensions,options={}){return extensions.map(ext=>fromExtension(ext,options)).reduce((acc,subgraph)=>(acc.edges=acc.edges.concat(subgraph.edges),acc.vertices=acc.vertices.concat(subgraph.vertices),acc),{vertices:[],edges:[]})}},52596(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HookRegistry=void 0,exports.ExtensionDecorator=ExtensionDecorator,exports.provider=provider,exports.register=register,exports.createHook=createHook,exports.hook=hook;const map={};function ExtensionDecorator({name,dependencies}={}){function classDecorator(constructor){Reflect.defineMetadata("harmony:name",name||constructor.name,constructor),Reflect.defineMetadata("harmony:dependencies",calculateDependnecies(constructor,dependencies),constructor)}return classDecorator}function provider(){return function(target,propertyKey,descriptor){const keys=Reflect.getMetadata("design:paramtypes",descriptor)}}function providerFn(classExtension){return classExtension.provide?classExtension.provide:classExtension.provider}function calculateDependnecies(classExtension,deps){function fromMetadata(){return providerFn(classExtension)?[]:Reflect.getMetadata("design:paramtypes",classExtension)}const dependnecies=deps||fromMetadata()||[],hookDeps=classExtension.__hookDeps?classExtension.__hookDeps:[];return dependnecies.concat(hookDeps)||[]}function register(extension,name){return function(target,propertyKey,descriptor){const extensionName=Reflect.getMetadata("harmony:name",extension);map[extensionName]||(map[extensionName]={});const hook2=map[extensionName][name||propertyKey];!hook2||hook2.register(target[propertyKey])}}function createHook(){const randomId=Math.random().toString(36).substring(2);map[randomId]=HookRegistry.create();const decorator=function(target,propertyKey,descriptor){map[randomId].register(descriptor.value)};return decorator.hash=randomId,decorator}function hook(name){return function(target,propertyKey){let instance=HookRegistry.create();const extensionName=Reflect.getMetadata("harmony:name",target.constructor),hookName=name||propertyKey;map[extensionName]?map[extensionName][hookName]=instance:map[extensionName]={[hookName]:instance},Object.defineProperty(target,propertyKey,{get:()=>instance,set:value=>{instance=value}})}}class HookRegistry{constructor(fillers,hash){this.fillers=fillers,this.hash=hash}register(filler){this.fillers.push(filler)}list(){return this.fillers}static of(hook2){return map[hook2.hash]}static create(){return new HookRegistry([])}}exports.HookRegistry=HookRegistry},34240(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Extension=void 0;const extension_init_error_1=__webpack_require__(25653);class Extension{constructor(manifest){this.manifest=manifest,this._instance=null,this._loaded=!1}get instance(){return this._instance}get name(){return Reflect.getMetadata("harmony:name",this.manifest)||this.manifest.id||this.manifest.name}get id(){return this.name}get dependencies(){return Reflect.getMetadata("harmony:dependencies",this.manifest)||this.manifest.dependencies||[]}get provider(){return Reflect.getMetadata("harmony:provider",this.manifest)||this.manifest.provider}get files(){return this.manifest.files}get loaded(){return this._loaded}toString(){return JSON.stringify(this.name)}buildSlotRegistries(slots,context){return slots.map(slot=>slot(()=>context.current))}get declareRuntime(){return this.manifest.declareRuntime}getRuntime(runtime){return this.manifest.getRuntime(runtime)}getRuntimes(){return this.manifest.getRuntimes()}getSlots(extensionRuntime){return extensionRuntime.slots&&extensionRuntime.slots.length?extensionRuntime.slots:this.manifest.slots||[]}getConfig(context,extensionRuntime){const defaultConfig=extensionRuntime.defaultConfig||this.manifest.defaultConfig||{},config=context.config.get(this.name)||{};return Object.assign({},defaultConfig,config)}__run(dependencies,context,runtime){return __awaiter(this,void 0,void 0,function*(){const name=this.name;context.initExtension(name);const extensionRuntime=this.getRuntime(runtime);if(!extensionRuntime)return;const registries=this.buildSlotRegistries(this.getSlots(extensionRuntime),context),config=this.getConfig(context,extensionRuntime);if(!this.loaded){if(extensionRuntime.provider)this._instance=yield extensionRuntime.provider(dependencies,config,registries,context);else try{this._instance=new extensionRuntime.manifest(...dependencies)}catch(err){throw new extension_init_error_1.ExtensionInstantiationException(err instanceof Error?err.toString():String(err))}return this._loaded=!0,this._instance}return context.endExtension(),Promise.resolve(this.instance)})}}exports.Extension=Extension},22657(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createHook=exports.provider=exports.HookRegistry=exports.hook=exports.register=exports.ExtensionDecorator=exports.Extension=void 0;var extension_1=__webpack_require__(34240);Object.defineProperty(exports,"Extension",{enumerable:!0,get:function(){return extension_1.Extension}});var decorator_1=__webpack_require__(52596);Object.defineProperty(exports,"ExtensionDecorator",{enumerable:!0,get:function(){return decorator_1.ExtensionDecorator}}),Object.defineProperty(exports,"register",{enumerable:!0,get:function(){return decorator_1.register}}),Object.defineProperty(exports,"hook",{enumerable:!0,get:function(){return decorator_1.hook}}),Object.defineProperty(exports,"HookRegistry",{enumerable:!0,get:function(){return decorator_1.HookRegistry}}),Object.defineProperty(exports,"provider",{enumerable:!0,get:function(){return decorator_1.provider}}),Object.defineProperty(exports,"createHook",{enumerable:!0,get:function(){return decorator_1.createHook}})},7176(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.extensionFactory=extensionFactory;const extension_1=__webpack_require__(34240);function extensionFactory(manifest){return manifest.provide&&(manifest.provider=manifest.provide),new extension_1.Extension(manifest)}},7462(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.extensionFactory=void 0;var extension_factory_1=__webpack_require__(7176);Object.defineProperty(exports,"extensionFactory",{enumerable:!0,get:function(){return extension_factory_1.extensionFactory}})},92501(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Harmony=void 0,__webpack_require__(2844);const extension_graph_1=__importDefault(__webpack_require__(1588)),exceptions_1=__webpack_require__(51694),utils_1=__webpack_require__(92833),config_1=__webpack_require__(27142),runtimes_1=__webpack_require__(28256),exceptions_2=__webpack_require__(7792);class Harmony{constructor(graph,config,runtimes,activeRuntime,depOptions){this.graph=graph,this.config=config,this.runtimes=runtimes,this.activeRuntime=activeRuntime,this.depOptions=depOptions,this.current=null}get extensions(){return this.graph.nodes}get extensionsIds(){return[...this.graph.nodes.keys()]}load(extensions){return __awaiter(this,void 0,void 0,function*(){return this.set(extensions)})}set(extensions){return __awaiter(this,void 0,void 0,function*(){this.graph.load(extensions);const extensionsToLoad=extensions.map(ext=>Reflect.getMetadata("harmony:name",ext)||ext.id||ext.name);yield this.graph.enrichRuntime(this.runtime,this.runtimes,()=>{});const subgraphs=this.graph.successorsSubgraph(extensionsToLoad);if(subgraphs){const executionOrder=subgraphs.toposort(!0);yield(0,utils_1.asyncForEach)(executionOrder,ext=>__awaiter(this,void 0,void 0,function*(){if(!this.runtime)throw new exceptions_2.RuntimeNotDefined(this.activeRuntime);yield this.runOne(ext,this.runtime)}))}})}runOne(extension,runtime){return __awaiter(this,void 0,void 0,function*(){if(extension.loaded)return;const instances=this.graph.getRuntimeDependencies(extension,runtime,this.depOptions).map(extension2=>extension2.instance);try{return extension.__run(instances,this,runtime)}catch(err){throw new exceptions_1.ExtensionLoadError(extension,err instanceof Error?err:new Error(String(err)))}})}getDependencies(aspect){if(!this.runtime)throw new exceptions_2.RuntimeNotDefined(this.activeRuntime);return this.graph.getRuntimeDependencies(aspect,this.runtime,this.depOptions)}initExtension(id){this.current=id}endExtension(){this.current=null}get(id){const extension=this.graph.get(id);if(!extension||!extension.instance)throw new Error(`failed loading extension ${id}`);return extension.instance}resolveRuntime(name){return this.runtimes.get(name)}run(requireFn){return __awaiter(this,void 0,void 0,function*(){const runtime=this.resolveRuntime(this.activeRuntime);this.runtime=runtime;const defaultRequireFn=(aspect,runtime2)=>__awaiter(this,void 0,void 0,function*(){runtime2.getRuntimeFile(aspect.files)});yield this.graph.enrichRuntime(runtime,this.runtimes,requireFn||defaultRequireFn,this.depOptions);const executionOrder=this.graph.byExecutionOrder();yield(0,utils_1.asyncForEach)(executionOrder,ext=>__awaiter(this,void 0,void 0,function*(){yield this.runOne(ext,runtime)}))})}static load(aspects_1,runtime_1,globalConfig_1){return __awaiter(this,arguments,void 0,function*(aspects,runtime,globalConfig,options={}){const aspectGraph=extension_graph_1.default.from(aspects,options),runtimes=yield runtimes_1.Runtimes.load(aspectGraph);return new Harmony(aspectGraph,config_1.Config.from(globalConfig),runtimes,runtime,options)})}}exports.Harmony=Harmony},95012(__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.AspectGraph=exports.RuntimeDefinition=exports.Aspect=exports.HarmonyError=exports.SlotRegistry=exports.Slot=exports.Harmony=exports.createHook=exports.provider=exports.hook=exports.HookRegistry=exports.register=exports.Extension=exports.ExtensionDecorator=void 0;var extension_1=__webpack_require__(22657);Object.defineProperty(exports,"ExtensionDecorator",{enumerable:!0,get:function(){return extension_1.ExtensionDecorator}}),Object.defineProperty(exports,"Extension",{enumerable:!0,get:function(){return extension_1.Extension}}),Object.defineProperty(exports,"register",{enumerable:!0,get:function(){return extension_1.register}}),Object.defineProperty(exports,"HookRegistry",{enumerable:!0,get:function(){return extension_1.HookRegistry}}),Object.defineProperty(exports,"hook",{enumerable:!0,get:function(){return extension_1.hook}}),Object.defineProperty(exports,"provider",{enumerable:!0,get:function(){return extension_1.provider}}),Object.defineProperty(exports,"createHook",{enumerable:!0,get:function(){return extension_1.createHook}});var harmony_1=__webpack_require__(92501);Object.defineProperty(exports,"Harmony",{enumerable:!0,get:function(){return harmony_1.Harmony}});var slots_1=__webpack_require__(27985);Object.defineProperty(exports,"Slot",{enumerable:!0,get:function(){return slots_1.Slot}}),Object.defineProperty(exports,"SlotRegistry",{enumerable:!0,get:function(){return slots_1.SlotRegistry}});var harmony_error_1=__webpack_require__(88395);Object.defineProperty(exports,"HarmonyError",{enumerable:!0,get:function(){return harmony_error_1.HarmonyError}});var aspect_1=__webpack_require__(4435);Object.defineProperty(exports,"Aspect",{enumerable:!0,get:function(){return aspect_1.Aspect}});var runtimes_1=__webpack_require__(22665);Object.defineProperty(exports,"RuntimeDefinition",{enumerable:!0,get:function(){return runtimes_1.RuntimeDefinition}});var extension_graph_1=__webpack_require__(1588);Object.defineProperty(exports,"AspectGraph",{enumerable:!0,get:function(){return __importDefault(extension_graph_1).default}})},7792(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=exports.RuntimeNotDefined=void 0;var runtime_not_defined_1=__webpack_require__(58380);Object.defineProperty(exports,"RuntimeNotDefined",{enumerable:!0,get:function(){return runtime_not_defined_1.RuntimeNotDefined}});var runtime_module_error_1=__webpack_require__(27254);__webpack_unused_export__={enumerable:!0,get:function(){return runtime_module_error_1.RuntimeModuleError}}},27254(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RuntimeModuleError=void 0;class RuntimeModuleError extends Error{constructor(err){super(`failed to load Harmony aspect with error message: ${err.message}`);this.err=err}get stack(){return this.err.stack}}exports.RuntimeModuleError=RuntimeModuleError},58380(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RuntimeNotDefined=void 0;class RuntimeNotDefined extends Error{constructor(name){super(`runtime: '${name}' was not defined by any aspect`)}}exports.RuntimeNotDefined=RuntimeNotDefined},22665(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RuntimeDefinition=exports.Runtimes=void 0;var runtimes_1=__webpack_require__(28256);Object.defineProperty(exports,"Runtimes",{enumerable:!0,get:function(){return runtimes_1.Runtimes}});var runtime_definition_1=__webpack_require__(71167);Object.defineProperty(exports,"RuntimeDefinition",{enumerable:!0,get:function(){return runtime_definition_1.RuntimeDefinition}})},71167(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RuntimeDefinition=void 0;const DEFAULT_PREDICATE=(filePath,name)=>filePath.includes(`.${name}.`);class RuntimeDefinition{constructor(name,filePredicate=DEFAULT_PREDICATE){this.name=name,this.filePredicate=filePredicate}getRuntimeFile(paths){return paths.find(path=>this.filePredicate(path,this.name))}require(file){}static create(def){return new RuntimeDefinition(def.name)}}exports.RuntimeDefinition=RuntimeDefinition},28256(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Runtimes=void 0;const exceptions_1=__webpack_require__(7792);class Runtimes{constructor(runtimeDefinition){this.runtimeDefinition=runtimeDefinition}add(runtime){return this.runtimeDefinition[runtime.name]=runtime,this}get(name){if(!this.runtimeDefinition[name])throw new exceptions_1.RuntimeNotDefined(name);return this.runtimeDefinition[name]}dispose(){}static load(graph){return __awaiter(this,void 0,void 0,function*(){const runtimes={};return graph.extensions.forEach(manifest=>{!manifest.declareRuntime||(runtimes[manifest.declareRuntime.name]=manifest.declareRuntime)}),new Runtimes(runtimes)})}}exports.Runtimes=Runtimes},27985(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SlotRegistry=exports.Slot=void 0;var slot_1=__webpack_require__(29321);Object.defineProperty(exports,"Slot",{enumerable:!0,get:function(){return slot_1.Slot}});var registry_1=__webpack_require__(72778);Object.defineProperty(exports,"SlotRegistry",{enumerable:!0,get:function(){return registry_1.SlotRegistry}})},72778(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SlotRegistry=void 0;class SlotRegistry{constructor(registerFn,map=new Map){this.registerFn=registerFn,this.map=map}get(id){return this.map.get(id)}toArray(){return Array.from(this.map.entries())}values(){return Array.from(this.map.values())}register(value){const id=this.registerFn();this.map.set(id,value)}}exports.SlotRegistry=SlotRegistry},29321(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Slot=void 0;const registry_1=__webpack_require__(72778);class Slot{static withType(){return registerFn=>new registry_1.SlotRegistry(registerFn)}}exports.Slot=Slot},66461(__unused_webpack_module,exports){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})};Object.defineProperty(exports,"__esModule",{value:!0}),exports.asyncForEach=asyncForEach;function asyncForEach(array,callback){return __awaiter(this,void 0,void 0,function*(){for(let index=0;index<array.length;index+=1)yield callback(array[index],index,array)})}},92833(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.asyncForEach=void 0;var async_for_each_1=__webpack_require__(66461);Object.defineProperty(exports,"asyncForEach",{enumerable:!0,get:function(){return async_for_each_1.asyncForEach}})},35896(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=exports.LaneId=void 0;var lane_id_1=__webpack_require__(54984);Object.defineProperty(exports,"LaneId",{enumerable:!0,get:function(){return lane_id_1.LaneId}}),__webpack_unused_export__={enumerable:!0,get:function(){return lane_id_1.DEFAULT_LANE}},__webpack_unused_export__={enumerable:!0,get:function(){return lane_id_1.LANE_REMOTE_DELIMITER}}},54984(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneId=exports.LANE_REMOTE_DELIMITER=exports.DEFAULT_LANE=void 0;const bit_error_1=__webpack_require__(24490);exports.DEFAULT_LANE="main",exports.LANE_REMOTE_DELIMITER="/";class LaneId{constructor({name,scope}){this.name=name,this.scope=scope,Object.freeze(this)}hasSameName(id){return this.name===id.name}hasSameScope(id){return!id.scope&&!this.scope?!0:this.scope===id.scope}isEqual(laneId){return this.hasSameName(laneId)&&this.hasSameScope(laneId)}isDefault(){return this.name===exports.DEFAULT_LANE}toString(){return this.scope?this.scope+exports.LANE_REMOTE_DELIMITER+this.name:this.name}toObject(){return{scope:this.scope,name:this.name}}static from(name,scope){return new LaneId({scope,name})}static parse(id){if(!id.includes(exports.LANE_REMOTE_DELIMITER))throw new bit_error_1.BitError(`invalid lane-id, "${id}" is missing a delimiter "(${exports.LANE_REMOTE_DELIMITER})"`);const split=id.split(exports.LANE_REMOTE_DELIMITER);if(split.length>2)throw new bit_error_1.BitError(`invalid lane-id "${id}". a lane id can have only one "${exports.LANE_REMOTE_DELIMITER}"`);return LaneId.from(split[1],split[0])}}exports.LaneId=LaneId},61026(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VERSION_DELIMITER=void 0;const decamelize_1=__importDefault(__webpack_require__(69936)),path=__importStar(__webpack_require__(52101)),semver=__importStar(__webpack_require__(16322)),lodash_1=__webpack_require__(92935),component_version_1=__webpack_require__(25699),is_valid_id_chunk_1=__importDefault(__webpack_require__(91724)),is_valid_scope_name_1=__importDefault(__webpack_require__(11857)),exceptions_1=__webpack_require__(63796);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.isTag)(this.version)}getVersionPreReleaseData(){return this.version?semver.prerelease(this.version):null}static getStringWithoutVersion(id){const splitted=id.split(exports.VERSION_DELIMITER);let res=splitted[0];return id.startsWith(exports.VERSION_DELIMITER)&&(res=`${exports.VERSION_DELIMITER}${splitted[1]}`),res}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(0,component_version_1.isTag)(version)||(0,component_version_1.isHash)(version)}static isValidSemver(version){return Boolean(semver.valid(version))}}exports.default=BitId},16321(__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});const lodash_1=__webpack_require__(92935),component_version_1=__webpack_require__(25699),bit_id_1=__importDefault(__webpack_require__(61026));class BitIds extends Array{serialize(){return this.map(bitId=>bitId.toString())}has(bitId){return Boolean(this.search(bitId))}hasWithoutVersion(bitId){return Boolean(this.searchWithoutVersion(bitId))}hasWithoutScope(bitId){return Boolean(this.searchWithoutScope(bitId))}hasWithoutScopeAndVersion(bitId){return Boolean(this.searchWithoutScopeAndVersion(bitId))}hasWithoutScopeAndVersionAsString(bitIdStr){return Boolean(this.find(id=>id.name===bitIdStr))}search(bitId){return this.find(id=>id.hasSameName(bitId)&&id.hasSameScope(bitId)&&id.hasSameVersion(bitId))}searchWithoutVersion(bitId){return this.find(id=>id.hasSameName(bitId)&&id.hasSameScope(bitId))}searchWithoutScopeAndVersion(bitId){return this.find(id=>id.hasSameName(bitId))}searchWithoutScope(bitId){return this.find(id=>id.hasSameName(bitId)&&id.hasSameVersion(bitId))}searchStrWithoutVersion(idStr){return this.find(id=>id.toStringWithoutVersion()===idStr)}searchStrWithoutScopeAndVersion(idStr){return this.find(id=>id.toStringWithoutScopeAndVersion()===idStr)}filterExact(bitId){return this.filter(id=>id.hasSameName(bitId)&&id.hasSameScope(bitId)&&id.hasSameVersion(bitId))}filterWithoutVersion(bitId){return this.filter(id=>id.hasSameName(bitId)&&id.hasSameScope(bitId))}filterWithoutScopeAndVersion(bitId){return this.filter(id=>id.hasSameName(bitId))}removeIfExist(bitId){return BitIds.fromArray(this.filter(id=>!id.isEqual(bitId)))}difference(bitIds){return BitIds.fromArray(this.filter(id=>!bitIds.search(id)))}removeIfExistWithoutVersion(bitId){return BitIds.fromArray(this.filter(id=>!id.isEqualWithoutVersion(bitId)))}removeMultipleIfExistWithoutVersion(bitIds){return BitIds.fromArray(this.filter(id=>!bitIds.hasWithoutVersion(id)))}toObject(){return this.reduce((acc,bitId)=>(acc[bitId.toString()]=bitId,acc),{})}static deserialize(array=[]){return new BitIds(...array.map(id=>bit_id_1.default.parse(id,!0)))}static deserializeObsolete(array=[]){return new BitIds(...array.map(id=>bit_id_1.default.parseObsolete(id)))}toString(){return this.map(id=>id.toString()).join(", ")}toGroupByIdWithoutVersion(){return this.reduce((acc,current)=>{const idStrWithoutVer=current.toStringWithoutVersion();return acc[idStrWithoutVer]?acc[idStrWithoutVer].push(current):acc[idStrWithoutVer]=new BitIds(current),acc},{})}toGroupByScopeName(idsWithDefaultScope){return this.reduce((acc,current)=>{const scopeName=(()=>{if(current.scope)return current.scope;const idWithDefaultScope=idsWithDefaultScope.searchWithoutScopeAndVersion(current);return idWithDefaultScope?idWithDefaultScope.scope:null})();if(!scopeName)throw new Error(`toGroupByScopeName() expect ids to have a scope name, got ${current.toString()}`);return acc[scopeName]?acc[scopeName].push(current):acc[scopeName]=new BitIds(current),acc},{})}findDuplicationsIgnoreVersion(){const duplications={};return this.forEach(id=>{const sameIds=this.filterWithoutVersion(id);sameIds.length>1&&(duplications[id.toStringWithoutVersion()]=sameIds)}),duplications}add(bitIds){bitIds.forEach(bitId=>{this.search(bitId)||this.push(bitId)})}static fromObject(dependencies){const array=[];return(0,lodash_1.forEach)(dependencies,(version,id)=>{array.push(bit_id_1.default.parse(id,!0,version))}),new BitIds(...array)}static fromArray(ids){const bitIds=new BitIds;return ids.forEach(id=>bitIds.push(id)),bitIds}static uniqFromArray(bitIds){const uniq=(0,lodash_1.uniqBy)(bitIds,id=>id.toString());return BitIds.fromArray(uniq)}throwForDuplicationIgnoreVersion(){this.forEach(bitId=>{const found=this.filterWithoutVersion(bitId);if(found.length>1)throw new Error(`bitIds has "${bitId.toStringWithoutVersion()}" duplicated as following:
 ${found.map(id=>id.toString()).join(`
 `)}`)})}toVersionLatest(){return BitIds.uniqFromArray(this.map(id=>id.changeVersion(component_version_1.LATEST_VERSION)))}clone(){const cloneIds=this.map(id=>id.clone());return new BitIds(...cloneIds)}}exports.default=BitIds},63796(__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__(17611));exports.InvalidBitId=invalid_bit_id_1.default;const invalid_id_chunk_1=__importDefault(__webpack_require__(89273));exports.InvalidIdChunk=invalid_id_chunk_1.default;const invalid_name_1=__importDefault(__webpack_require__(78991));exports.InvalidName=invalid_name_1.default;const invalid_scope_name_1=__importDefault(__webpack_require__(67060));exports.InvalidScopeName=invalid_scope_name_1.default;const invalid_scope_name_from_remote_1=__importDefault(__webpack_require__(44872));exports.InvalidScopeNameFromRemote=invalid_scope_name_from_remote_1.default},17611(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bit_error_1=__webpack_require__(24490);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},89273(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bit_error_1=__webpack_require__(24490);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},78991(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bit_error_1=__webpack_require__(24490);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},44872(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bit_error_1=__webpack_require__(24490);class InvalidScopeNameFromRemote extends bit_error_1.BitError{constructor(scopeName){super(`cannot find scope '${scopeName}'.
 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.
@@ -527,7 +527,7 @@ ${body}`});return`
 
 `)+`
 `}},50957(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResolveErrors=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class ResolveErrors extends _componentIssue().ComponentIssue{description="error found while resolving the file dependencies";solution="see the log for the full error";data={}}exports.ResolveErrors=ResolveErrors},37395(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelfReference=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class SelfReference extends _componentIssue().ComponentIssue{description="a component has an import statement that points to itself";solution="edit the file and change the import statement to a relative path";data={};isTagBlocker=!0}exports.SelfReference=SelfReference},11558(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.UntrackedDependencies=exports.MISSING_NESTED_DEPS_SPACE=void 0;function _chalk(){const data=_interopRequireDefault(__webpack_require__(52404));return _chalk=function(){return data},data}function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const MISSING_NESTED_DEPS_SPACE=exports.MISSING_NESTED_DEPS_SPACE=" ".repeat(_componentIssue().ISSUE_FORMAT_SPACE_COUNT+2);class UntrackedDependencies extends _componentIssue().ComponentIssue{description="untracked file dependencies";solution='use "bit add <file>" to track untracked files as components';data={};dataToString(){return Object.keys(this.data).map(k=>{let space=_componentIssue().ISSUE_FORMAT_SPACE;return this.data[k].nested&&(space=MISSING_NESTED_DEPS_SPACE),`${space}${k} -> ${untrackedFilesComponentIssueToString(this.data[k])}`}).join(`
-`)}}exports.UntrackedDependencies=UntrackedDependencies;function untrackedFilesComponentIssueToString(value){return value.untrackedFiles.map(curr=>curr.existing?`${_chalk().default.yellow(curr.relativePath)}`:curr.relativePath).join(", ")}},81665(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SNAP_VERSION_PREFIX=void 0,exports.getComponentPackageVersion=getComponentPackageVersion,exports.snapToSemver=snapToSemver;function _componentVersion(){const data=__webpack_require__(25699);return _componentVersion=function(){return data},data}const SNAP_VERSION_PREFIX=exports.SNAP_VERSION_PREFIX="0.0.0-";function getComponentPackageVersion(component){const version=component.id.version;if(!version)throw new Error(`getComponentPackageVersion: component ${component.id.toString()} is missing a version`);return snapToSemver(version)}function snapToSemver(version){return(0,_componentVersion().isHash)(version)?`${SNAP_VERSION_PREFIX}${version}`:version}},71118(__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 _componentPackageVersion().SNAP_VERSION_PREFIX}},__webpack_unused_export__={enumerable:!0,get:function(){return _componentPackageVersion().getComponentPackageVersion}},Object.defineProperty(exports,"snapToSemver",{enumerable:!0,get:function(){return _componentPackageVersion().snapToSemver}});function _componentPackageVersion(){const data=__webpack_require__(81665);return _componentPackageVersion=function(){return data},data}},78996(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);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.ComponentOverview=ComponentOverview,exports.BadgeSection=BadgeSection;const jsx_runtime_1=__webpack_require__(11684),react_1=__importStar(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_layout_page_frame_1=__webpack_require__(80460),documenter_ui_heading_1=__webpack_require__(42294),documenter_ui_label_list_1=__webpack_require__(12601),documenter_ui_section_1=__webpack_require__(3204),evangelist_surfaces_dropdown_1=__webpack_require__(57699),component_package_version_1=__webpack_require__(71118),documenter_ui_copy_box_1=__webpack_require__(47356),design_ui_separator_1=__webpack_require__(15065),design_navigation_content_tabs_1=__webpack_require__(95708),documenter_ui_sub_title_1=__webpack_require__(78267),ui_foundation_ui_is_browser_1=__webpack_require__(5286),base_react_layout_row_1=__webpack_require__(34662),evangelist_elements_icon_1=__webpack_require__(29751),docs_1=__webpack_require__(82894),design_ui_tooltip_1=__webpack_require__(62634),component_overview_module_scss_1=__importDefault(__webpack_require__(42391));function ComponentOverview({displayName,abstract,titleBadges,labels,packageName,elementsUrl,componentDescriptor,component,pkgManager="npm",...rest}){const isWorkspace=component?.host==="teambit.workspace/workspace",packageNameTabTitle=isWorkspace?"Use package":"Install package",componentId=component?.id,componentIdVersion=componentId?.version??void 0,latestVersion=component?.latest??void 0,packageVersion=componentIdVersion===latestVersion?"":`@${(0,component_package_version_1.snapToSemver)(componentIdVersion)}`,[selectedPkgManager,setSelectedPkgManager]=react_1.default.useState(pkgManager),installCmd=(0,react_1.useMemo)(()=>selectedPkgManager==="yarn"?"add":selectedPkgManager==="bit"?"install":"i",[selectedPkgManager]),copyTextInstall=(0,react_1.useMemo)(()=>`${selectedPkgManager} ${installCmd} ${packageName}${packageVersion}`,[selectedPkgManager,packageName,packageVersion,installCmd]),copyTextImport=`bit import ${componentId?.toStringWithoutVersion()??""}`,tooltipContent=(0,react_1.useMemo)(()=>`Copy ${selectedPkgManager} install command`,[selectedPkgManager]),SelectedPkgManagerPlaceholder=(0,react_1.useMemo)(()=>{switch(selectedPkgManager){case"npm":return(0,jsx_runtime_1.jsx)("img",{alt:"npm-logo",className:component_overview_module_scss_1.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"});case"pnpm":return(0,jsx_runtime_1.jsx)("img",{alt:"pnpm-logo",className:component_overview_module_scss_1.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"});case"yarn":return(0,jsx_runtime_1.jsx)("img",{alt:"yarn-logo",className:component_overview_module_scss_1.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"});case"bit":return(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.bit,of:"bit-logo-mono"});default:return null}},[selectedPkgManager]),tabsComponentId=[{component:function(){return(0,jsx_runtime_1.jsx)("span",{children:packageNameTabTitle})},content:isWorkspace?(0,jsx_runtime_1.jsx)(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,children:packageName}):(0,jsx_runtime_1.jsx)(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,copyText:copyTextInstall,Tooltip:({children})=>(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{placement:"right",content:tooltipContent,children}),CopyIcon:(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{content:tooltipContent,children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.copyIcon,of:"copy-cmp"})}),CopyWidget:(0,jsx_runtime_1.jsx)("div",{className:component_overview_module_scss_1.default.copyContainer,children:(0,jsx_runtime_1.jsx)(evangelist_surfaces_dropdown_1.Dropdown,{className:component_overview_module_scss_1.default.pkgManagerDropdown,dropClass:component_overview_module_scss_1.default.pkgManagerMenu,placeholder:(0,jsx_runtime_1.jsxs)("div",{className:component_overview_module_scss_1.default.pkgManagerPlaceholder,children:[SelectedPkgManagerPlaceholder,(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down"})]}),clickOutside:!0,clickPlaceholderToggles:!0,position:"bottom-start",clickToggles:!0,children:(0,jsx_runtime_1.jsxs)("div",{className:component_overview_module_scss_1.default.pkgManagerMenuItems,children:[(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(selectedPkgManager==="npm"&&component_overview_module_scss_1.default.selected),onClick:()=>setSelectedPkgManager("npm"),role:"button",tabIndex:0,onKeyDown:e=>e.key==="Enter"&&setSelectedPkgManager("npm"),"aria-label":"Select npm package manager",children:(0,jsx_runtime_1.jsx)("img",{alt:"npm-logo",className:component_overview_module_scss_1.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"})}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(selectedPkgManager==="pnpm"&&component_overview_module_scss_1.default.selected),onClick:()=>setSelectedPkgManager("pnpm"),role:"button",tabIndex:0,onKeyDown:e=>e.key==="Enter"&&setSelectedPkgManager("pnpm"),"aria-label":"Select pnpm package manager",children:(0,jsx_runtime_1.jsx)("img",{alt:"pnpm-logo",className:component_overview_module_scss_1.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"})}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(selectedPkgManager==="yarn"&&component_overview_module_scss_1.default.selected),onClick:()=>setSelectedPkgManager("yarn"),role:"button",tabIndex:0,onKeyDown:e=>e.key==="Enter"&&setSelectedPkgManager("yarn"),"aria-label":"Select yarn package manager",children:(0,jsx_runtime_1.jsx)("img",{alt:"yarn-logo",className:component_overview_module_scss_1.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"})}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(selectedPkgManager==="bit"&&component_overview_module_scss_1.default.selected),onClick:()=>setSelectedPkgManager("bit"),role:"button",tabIndex:0,onKeyDown:e=>e.key==="Enter"&&setSelectedPkgManager("bit"),"aria-label":"Select bit package manager",children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.bit,of:"bit-logo-mono"})})]})})}),children:packageName})},{component:function(){return(0,jsx_runtime_1.jsx)("span",{children:"Modify component"})},content:isWorkspace?(0,jsx_runtime_1.jsx)(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,children:componentId?componentId.toStringWithoutVersion():""}):(0,jsx_runtime_1.jsx)(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,copyText:copyTextImport,Tooltip:({children})=>(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{placement:"right",content:"copy bit import command",children}),CopyIcon:(0,jsx_runtime_1.jsxs)("div",{className:component_overview_module_scss_1.default.copyContainer,children:[(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.bit,of:"bit-logo-mono"})}),(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.copyIcon,of:"copy-cmp"})})]}),children:componentId?componentId.toStringWithoutVersion():""})}];let finalElementsUrl=elementsUrl;if(finalElementsUrl&&!finalElementsUrl.startsWith("http")){const origin=ui_foundation_ui_is_browser_1.isBrowser?window.location.origin:void 0;finalElementsUrl=origin&&elementsUrl?`${origin}${elementsUrl}`:void 0,finalElementsUrl&&tabsComponentId.push({component:function(){return(0,jsx_runtime_1.jsx)("span",{children:"Elements url"})},content:(0,jsx_runtime_1.jsx)(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,children:finalElementsUrl})})}return(0,jsx_runtime_1.jsxs)(documenter_ui_section_1.Section,{...rest,children:[(0,jsx_runtime_1.jsxs)("div",{className:base_ui_layout_page_frame_1.textColumn,children:[(0,jsx_runtime_1.jsxs)(base_react_layout_row_1.Row,{className:component_overview_module_scss_1.default.titleRow,children:[(0,jsx_runtime_1.jsx)("div",{className:component_overview_module_scss_1.default.componentTitle,children:(0,jsx_runtime_1.jsx)(documenter_ui_heading_1.H1,{className:component_overview_module_scss_1.default.title,children:displayName})}),(0,jsx_runtime_1.jsx)(BadgeSection,{position:docs_1.BadgePosition.Title,componentDescriptor,component,badges:titleBadges})]}),(0,jsx_runtime_1.jsx)(base_react_layout_row_1.Row,{children:abstract&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(documenter_ui_sub_title_1.Subtitle,{className:component_overview_module_scss_1.default.subTitle,children:abstract}),(0,jsx_runtime_1.jsx)(BadgeSection,{position:docs_1.BadgePosition.SubTitle,componentDescriptor,component,badges:titleBadges})]})}),(0,jsx_runtime_1.jsxs)(base_react_layout_row_1.Row,{children:[(0,jsx_runtime_1.jsx)(documenter_ui_label_list_1.LabelList,{children:labels}),(0,jsx_runtime_1.jsx)(BadgeSection,{position:docs_1.BadgePosition.Labels,componentDescriptor,component,badges:titleBadges})]}),(0,jsx_runtime_1.jsxs)(base_react_layout_row_1.Row,{children:[(0,jsx_runtime_1.jsx)("div",{className:component_overview_module_scss_1.default.contentTabs,children:(0,jsx_runtime_1.jsx)(design_navigation_content_tabs_1.ContentTabs,{priority:"folder",tabs:tabsComponentId,navClassName:component_overview_module_scss_1.default.nav,tabClassName:component_overview_module_scss_1.default.tab})}),(0,jsx_runtime_1.jsx)(BadgeSection,{position:docs_1.BadgePosition.Package,componentDescriptor,component,badges:titleBadges})]})]}),(0,jsx_runtime_1.jsx)(design_ui_separator_1.Separator,{isPresentational:!0})]})}function BadgeSection({badges,position,componentDescriptor,component}){return(0,jsx_runtime_1.jsx)("div",{className:component_overview_module_scss_1.default.badgeContainer,children:badges?.filter(badge=>position===docs_1.BadgePosition.Title&&!badge.position||badge.position===position)?.sort((a,b)=>(a.weight??0)-(b.weight??0))?.map((titleBadge,index)=>(0,jsx_runtime_1.jsx)(titleBadge.component,{componentDescriptor,legacyComponentModel:component},index))})}},71169(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgeSection=exports.ComponentOverview=void 0;var component_overview_1=__webpack_require__(78996);Object.defineProperty(exports,"ComponentOverview",{enumerable:!0,get:function(){return component_overview_1.ComponentOverview}}),Object.defineProperty(exports,"BadgeSection",{enumerable:!0,get:function(){return component_overview_1.BadgeSection}})},5490(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionDropdown=exports.DetailedVersion=exports.SimpleVersion=void 0;var version_dropdown_placeholder_1=__webpack_require__(83190);Object.defineProperty(exports,"SimpleVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.SimpleVersion}}),Object.defineProperty(exports,"DetailedVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.DetailedVersion}});var version_dropdown_1=__webpack_require__(66630);Object.defineProperty(exports,"VersionDropdown",{enumerable:!0,get:function(){return version_dropdown_1.VersionDropdown}})},80528(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.LaneInfo=void 0;var lane_info_1=__webpack_require__(80513);Object.defineProperty(exports,"LaneInfo",{enumerable:!0,get:function(){return lane_info_1.LaneInfo}})},80513(__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.LaneInfo=LaneInfo;const jsx_runtime_1=__webpack_require__(11684),lanes_ui_models_lanes_model_1=__webpack_require__(1453),design_ui_surfaces_menu_link_item_1=__webpack_require__(42786),evangelist_elements_icon_1=__webpack_require__(29751),lane_info_module_scss_1=__importDefault(__webpack_require__(89472));function LaneInfo({id,currentLane}){const isCurrent=currentLane&&id.isEqual(currentLane.id);return(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href:lanes_ui_models_lanes_model_1.LanesModel.getLaneUrl(id),className:lane_info_module_scss_1.default.versionRow,children:(0,jsx_runtime_1.jsxs)("span",{children:[(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:lane_info_module_scss_1.default.laneIcon,of:"lane"}),id.toString()]})})},id.toString())}},83190(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);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.SimpleVersion=SimpleVersion,exports.DetailedVersion=DetailedVersion;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),design_ui_styles_ellipsis_1=__webpack_require__(38348),classnames_1=__importDefault(__webpack_require__(97500)),semver=__importStar(__webpack_require__(16322)),evangelist_elements_icon_1=__webpack_require__(29751),design_ui_time_ago_1=__webpack_require__(52464),design_ui_avatar_1=__webpack_require__(19988),base_ui_loaders_skeleton_1=__webpack_require__(66955),design_ui_pill_label_1=__webpack_require__(69608),version_dropdown_placeholder_module_scss_1=__importDefault(__webpack_require__(84261));function SimpleVersion({currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,useCurrentVersionLog,showFullVersion,loading,...rest}){if(loading)return(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9});const isNew=currentVersion==="new"&&!hasMoreVersions,formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6);return isNew?(0,jsx_runtime_1.jsx)(design_ui_pill_label_1.PillLabel,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.newLabel,className),children:formattedVersion}):(0,jsx_runtime_1.jsxs)("div",{...rest,className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.simple,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled),children:[(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick,children:formattedVersion}),hasMoreVersions&&(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick})]})}function DetailedVersion({currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,loading,useCurrentVersionLog,showFullVersion,...rest}){const currentVersionLog=useCurrentVersionLog?.({skip:loading,version:currentVersion}),{displayName,message,username,email,date:_date,profileImage}=currentVersionLog||{},author=react_1.default.useMemo(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6),date=_date?new Date(+_date):void 0,timestamp=react_1.default.useMemo(()=>date?new Date(+date).toString():new Date().toString(),[date]);return loading?(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9}):(0,jsx_runtime_1.jsxs)("div",{...rest,className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.detailed,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled),children:[(0,jsx_runtime_1.jsx)(design_ui_avatar_1.UserAvatar,{size:24,account:author??{},className:version_dropdown_placeholder_module_scss_1.default.versionUserAvatar,showTooltip:!0,onClick:rest.onClick}),(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick,children:formattedVersion}),commitMessage(message,rest.onClick),(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.versionTimestamp,onClick:rest.onClick,children:(0,jsx_runtime_1.jsx)(design_ui_time_ago_1.TimeAgo,{date:timestamp,onClick:rest.onClick})}),hasMoreVersions&&(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick})]})}function commitMessage(message,onClick){return!message||message===""?(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.emptyMessage,onClick,children:"No commit message"}):(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.commitMessage,onClick,children:message})}},66630(__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.VersionDropdown=exports.LOCAL_VERSION=void 0;const jsx_runtime_1=__webpack_require__(11684),react_1=__webpack_require__(12888),design_ui_surfaces_menu_link_item_1=__webpack_require__(42786),evangelist_surfaces_dropdown_1=__webpack_require__(57699),ui_foundation_ui_use_box_tab_1=__webpack_require__(77210),design_ui_avatar_1=__webpack_require__(19988),base_ui_loaders_skeleton_1=__webpack_require__(66955),classnames_1=__importDefault(__webpack_require__(97500)),version_dropdown_module_scss_1=__importDefault(__webpack_require__(92385)),version_info_1=__webpack_require__(2300),lane_info_1=__webpack_require__(80528),version_dropdown_placeholder_1=__webpack_require__(83190);exports.LOCAL_VERSION="workspace",exports.VersionDropdown=(0,react_1.memo)(_VersionDropdown);const VersionMenu=(0,react_1.memo)(_VersionMenu);function _VersionDropdown({currentVersion,latestVersion,localVersion,useCurrentVersionLog,hasMoreVersions,loading,overrideVersionHref,className,placeholderClassName,getActiveTabIndex,dropdownClassName,menuClassName,showVersionDetails=!0,disabled,PlaceholderComponent:_PlaceholderComponent,currentLane,useComponentVersions,lanes,...rest}){const[key,setKey]=(0,react_1.useState)(0),singleVersion=!hasMoreVersions,[open,setOpen]=(0,react_1.useState)(!1);(0,react_1.useEffect)(()=>{loading&&open&&setOpen(!1)},[loading]);const handlePlaceholderClicked=e=>{loading||e.target===e.currentTarget&&setOpen(o=>!o)},defaultPlaceholder=(0,jsx_runtime_1.jsx)(version_dropdown_placeholder_1.SimpleVersion,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}),PlaceholderComponent=_PlaceholderComponent?(0,jsx_runtime_1.jsx)(_PlaceholderComponent,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}):defaultPlaceholder;return disabled||singleVersion&&!loading?(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.noVersions,className),children:PlaceholderComponent}):(0,jsx_runtime_1.jsx)("div",{...rest,className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionDropdown,className),children:(0,jsx_runtime_1.jsx)(evangelist_surfaces_dropdown_1.Dropdown,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.dropdown,dropdownClassName),dropClass:(0,classnames_1.default)(version_dropdown_module_scss_1.default.menu,menuClassName),open,onClick:handlePlaceholderClicked,onClickOutside:()=>setOpen(!1),onChange:(_e,_open)=>_open&&setKey(x=>x+1),PlaceholderComponent:({children,...other})=>(0,jsx_runtime_1.jsx)("div",{...other,className:placeholderClassName,onClick:handlePlaceholderClicked,children}),placeholder:PlaceholderComponent,children:(0,jsx_runtime_1.jsx)(VersionMenu,{className:menuClassName,currentVersion,latestVersion,localVersion,overrideVersionHref,showVersionDetails,currentLane,getActiveTabIndex,lanes,useVersions:useComponentVersions,onVersionClicked:()=>setOpen(!1),open},key)})})}const defaultActiveTabIndex=(currentVersion,tabs=[],tags,snaps)=>(snaps||[]).some(snap=>snap.version===currentVersion)?tabs.findIndex(tab=>tab.name==="SNAP"):0,VERSION_TAB_NAMES=["TAG","SNAP","LANE"];function _VersionMenu({currentVersion,localVersion,latestVersion,overrideVersionHref,showVersionDetails,useVersions,currentLane,lanes,getActiveTabIndex=defaultActiveTabIndex,loading:loadingFromProps,open,onVersionClicked,...rest}){const{snaps,tags,loading:loadingVersions}=useVersions?.()||{},loading=loadingFromProps||loadingVersions,tabs=(0,react_1.useMemo)(()=>VERSION_TAB_NAMES.map(name=>{switch(name){case"SNAP":return{name,payload:snaps||[]};case"LANE":return{name,payload:lanes||[]};default:return{name,payload:tags||[]}}}).filter(tab=>tab.payload.length>0),[snaps?.length,tags?.length,lanes?.length,loading]),[activeTabIndex,setActiveTab]=(0,react_1.useState)(getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane)),activeTab=(0,react_1.useMemo)(()=>activeTabIndex!==void 0?tabs[activeTabIndex]:void 0,[activeTabIndex,tabs]);(0,react_1.useEffect)(()=>{if(!currentLane||tabs.length===0)return;const _activeTabIndex=getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane);_activeTabIndex!==activeTabIndex&&setActiveTab(_activeTabIndex)},[currentLane,tabs.length,tags?.length,snaps?.length,currentVersion,loading]);const multipleTabs=tabs.length>1,showTab=activeTabIndex!==void 0&&tabs[activeTabIndex]?.payload.length>0,_rowRenderer=(0,react_1.useCallback)(function({index}){const{name,payload=[]}=activeTab||{},item=payload[index];if(!item)return null;if(name==="LANE"){const lane=item;return(0,jsx_runtime_1.jsx)(lane_info_1.LaneInfo,{currentLane,...lane},lane.id.toString())}const version=item;return(0,jsx_runtime_1.jsx)(version_info_1.VersionInfo,{currentVersion,latestVersion,overrideVersionHref,showDetails:showVersionDetails,onVersionClicked,...version},version.version)},[activeTab,currentVersion,latestVersion,showVersionDetails,currentLane?.id.toString(),showTab]),rowRenderer=(0,react_1.useMemo)(()=>showTab&&activeTab?_rowRenderer:()=>null,[showTab,activeTab,_rowRenderer]),ActiveTab=(0,react_1.useMemo)(()=>activeTab?.payload.map((payload,index)=>rowRenderer({index})),[activeTab]);return(0,jsx_runtime_1.jsxs)("div",{...rest,className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionMenuContainer,!open&&version_dropdown_module_scss_1.default.hide),children:[loading&&(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{count:6,className:version_dropdown_module_scss_1.default.loader}),!loading&&localVersion&&(0,jsx_runtime_1.jsx)(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{href:"?",active:currentVersion===exports.LOCAL_VERSION,className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionRow,version_dropdown_module_scss_1.default.localVersion),onClick:onVersionClicked,children:(0,jsx_runtime_1.jsxs)("div",{className:version_dropdown_module_scss_1.default.version,children:[(0,jsx_runtime_1.jsx)(design_ui_avatar_1.UserAvatar,{size:24,account:{},className:version_dropdown_module_scss_1.default.versionUserAvatar}),(0,jsx_runtime_1.jsx)("span",{className:version_dropdown_module_scss_1.default.versionName,children:exports.LOCAL_VERSION})]})}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(multipleTabs&&version_dropdown_module_scss_1.default.tabs,!localVersion&&version_dropdown_module_scss_1.default.withoutLocal),children:multipleTabs&&tabs.map(({name},index)=>(0,jsx_runtime_1.jsx)(ui_foundation_ui_use_box_tab_1.Tab,{className:version_dropdown_module_scss_1.default.tab,isActive:activeTabIndex===index,onClick:()=>setActiveTab(index),children:name},name))}),(0,jsx_runtime_1.jsx)("div",{className:version_dropdown_module_scss_1.default.versionContainerRoot,children:ActiveTab})]})}},2300(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.VersionInfo=void 0;var version_info_1=__webpack_require__(52437);Object.defineProperty(exports,"VersionInfo",{enumerable:!0,get:function(){return version_info_1.VersionInfo}})},52437(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);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.VersionInfo=void 0;const jsx_runtime_1=__webpack_require__(11684),design_ui_surfaces_menu_link_item_1=__webpack_require__(42786),design_ui_time_ago_1=__webpack_require__(52464),component_ui_version_label_1=__webpack_require__(59473),evangelist_elements_icon_1=__webpack_require__(29751),design_ui_tooltip_1=__webpack_require__(62634),react_1=__importStar(__webpack_require__(12888)),design_ui_avatar_1=__webpack_require__(19988),design_ui_styles_ellipsis_1=__webpack_require__(38348),classnames_1=__importDefault(__webpack_require__(97500)),version_info_module_scss_1=__importDefault(__webpack_require__(33588));exports.VersionInfo=react_1.default.memo(react_1.default.forwardRef(_VersionInfo));function _VersionInfo({version,currentVersion,latestVersion,date,username,displayName,email,overrideVersionHref,showDetails,message,tag,profileImage,deprecated,onVersionClicked},ref){const isCurrent=version===currentVersion,author=(0,react_1.useMemo)(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),timestamp=(0,react_1.useMemo)(()=>date?new Date(parseInt(date)).toString():new Date().toString(),[date]),currentVersionRef=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{isCurrent&&currentVersionRef.current?.scrollIntoView({block:"nearest"})},[isCurrent]);const href=overrideVersionHref?overrideVersionHref(version):`?version=${version}`,formattedVersion=(0,react_1.useMemo)(()=>tag?version:version.slice(0,6),[tag,version]),isLatest=version===latestVersion;return(0,jsx_runtime_1.jsx)("div",{ref:ref||currentVersionRef,onClick:onVersionClicked,children:(0,jsx_runtime_1.jsxs)(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href,className:version_info_module_scss_1.default.versionRow,children:[(0,jsx_runtime_1.jsxs)("div",{className:version_info_module_scss_1.default.version,children:[(0,jsx_runtime_1.jsx)(design_ui_avatar_1.UserAvatar,{size:24,account:author,className:version_info_module_scss_1.default.versionUserAvatar,showTooltip:!0}),(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_info_module_scss_1.default.versionName),children:formattedVersion}),isLatest&&(0,jsx_runtime_1.jsx)(component_ui_version_label_1.VersionLabel,{status:"latest"}),deprecated&&(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{placement:"bottom",content:"Deprecated",children:(0,jsx_runtime_1.jsx)("div",{className:version_info_module_scss_1.default.deprecatedIcon,children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{of:"note-deprecated"})})}),(0,jsx_runtime_1.jsx)(CommitMessage,{message,showDetails})]}),(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.versionTimestamp,children:(0,jsx_runtime_1.jsx)(design_ui_time_ago_1.TimeAgo,{date:timestamp})})]})})}function CommitMessage({message,showDetails}){return showDetails?!message||message===""?(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.emptyMessage,children:"No commit message"}):(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.commitMessage,children:message}):null}},8929(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AspectEntry=void 0;class AspectEntry{constructor(id,legacyEntry){this.id=id,this.legacyEntry=legacyEntry}get legacy(){return this.legacyEntry}get isLegacy(){return!!this.config?.__legacy}get config(){return this.legacy.config}set config(config){this.legacy.config=config}get data(){return this.legacy.data}get isRemoved(){return this.legacy.isRemoved}set data(val){this.legacy.data=val}transform(newData){const newEntry=this.clone();return newEntry.data=newData,new AspectEntry(this.id,newEntry.legacy)}clone(){return new AspectEntry(this.id,this.legacyEntry.clone())}serialize(){return{id:this.id.toString(),config:this.config,data:this.data,icon:"https://static.bit.dev/extensions-icons/default.svg"}}}exports.AspectEntry=AspectEntry},52365(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _anyFs(){const data=__webpack_require__(83875);return _anyFs=function(){return data},data}function eol(){const data=_interopRequireWildcard(__webpack_require__(46179));return eol=function(){return data},data}function _path(){const data=_interopRequireDefault(__webpack_require__(52101));return _path=function(){return data},data}function _toolboxPath(){const data=__webpack_require__(50668);return _toolboxPath=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}class ComponentFS extends _anyFs().MemoryFS{constructor(files){super();this.files=files}get hash(){return""}byRegex(extension){return this.files.filter(file=>file.path.match(extension))}byGlob(patterns){const{includePatterns,excludePatterns}=(0,_toolboxPath().splitPatterns)(patterns);return this.files.filter(file=>(0,_toolboxPath().matchPatterns)(file.relative,includePatterns,excludePatterns))}toObject(){return this.files.map(file=>({path:file.path,contents:file.contents}))}static fromVinyls(files){const fs=new ComponentFS(files);return files.forEach(file=>{let dirPath=file.relativeDir;dirPath.startsWith("/")||(dirPath=_path().default.join("/",dirPath)),fs.mkdirpSync(dirPath),fs.writeFileSync(`/${file.relative}`,eol().auto(file.contents||""))}),fs}}exports.default=ComponentFS},18985(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMap=void 0;class ComponentMap{constructor(hashMap){this.hashMap=hashMap}byComponent(component){return this.hashMap.get(component.id.toString())}get components(){return this.toArray().map(([component])=>component)}get(component){return this.hashMap.get(component.id.toString())}getValueByComponentId(componentId){const tuple=this.hashMap.get(componentId.toString());return tuple?tuple[1]:null}toArray(){return Array.from(this.hashMap.values())}map(predicate){const tuples=this.toArray().map(([component,value])=>{const newValue=predicate(value,component);return[component.id.toString(),[component,newValue]]});return new ComponentMap(new Map(tuples))}async asyncMap(predicate){const tuplesP=this.toArray().map(async([component,value])=>{const newValue=await predicate(value,component);return[component.id.toString(),[component,newValue]]}),tuples=await Promise.all(tuplesP);return new ComponentMap(new Map(tuples))}forEach(predicate){this.toArray().forEach(([component,value])=>{predicate(value,component)})}flattenValue(){return this.toArray().reduce((acc,[,value])=>(acc=acc.concat(value),acc),[])}filter(predicate){const asMap=this.toArray().filter(([,value])=>predicate(value)).map(([component,value])=>[component.id.toString(),[component,value]]);return new ComponentMap(new Map(asMap))}keys(){return this.hashMap.keys()}static create(rawMap){const newMap=rawMap.map(([component,data])=>[component.id.toString(),[component,data]]);return new ComponentMap(new Map(newMap))}static as(components,predicate){const tuples=components.map(component=>[component.id.toString(),[component,predicate(component)]]);return new ComponentMap(new Map(tuples))}static async asAsync(components,predicate){const tuples=await Promise.all(components.map(async component=>[component.id.toString(),[component,await predicate(component)]]));return new ComponentMap(new Map(tuples))}}exports.ComponentMap=ComponentMap},49661(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}});function _componentMap(){const data=__webpack_require__(18985);return _componentMap=function(){return data},data}},61159(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ComponentAspect=void 0;function _harmony(){const data=__webpack_require__(72631);return _harmony=function(){return data},data}const ComponentAspect=exports.ComponentAspect=_harmony().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});var _default=exports.default=ComponentAspect},55633(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=void 0;function _toolboxString(){const data=__webpack_require__(5913);return _toolboxString=function(){return data},data}function _bitError(){const data=__webpack_require__(24490);return _bitError=function(){return data},data}function _lodash(){const data=__webpack_require__(92935);return _lodash=function(){return data},data}function _tagMap(){const data=__webpack_require__(88077);return _tagMap=function(){return data},data}function _exceptions(){const data=__webpack_require__(28381);return _exceptions=function(){return data},data}class Component{constructor(id,head=null,_state,tags=new(_tagMap()).TagMap,factory){this.id=id,this.head=head,this._state=_state,this.tags=tags,this.factory=factory}get mainFile(){return this.state.mainFile}get state(){return this._state}set state(state){this._state=state}get config(){return this.state.config}get filesystem(){return this.state.filesystem}get buildStatus(){return this._state._consumer.buildStatus}get homepage(){return this._state._consumer._getHomepage()}get headTag(){if(!!this.head)return this.tags.byHash(this.head.hash)}get latest(){if(!!this.head)try{return this.tags.getLatest()}catch(err){if(err instanceof _exceptions().CouldNotFindLatest)return this.head.hash;throw err}}get(id){return this.state.aspects.get(id)?.serialize()}async getLogs(filter){const allLogs=await this.factory.getLogs(this.id,!1,filter?.head);if(!filter)return allLogs;const{type,limit,offset,sort}=filter,typeFilter=snap=>type==="tag"?snap.tag:type==="snap"?!snap.tag:!0;let filteredLogs=type&&allLogs.filter(typeFilter)||allLogs;return sort!=="asc"&&(filteredLogs=filteredLogs.reverse()),limit&&(filteredLogs=(0,_lodash().slice)(filteredLogs,offset,limit+(offset||0))),filteredLogs}getDependencies(){return this.factory.getDependencies(this)}getPackageName(){return this.factory.componentPackageName(this)}stringify(){return JSON.stringify({id:this.id,head:this.head})}get displayName(){return this.id.name.split("-").map(token=>(0,_toolboxString().capitalize)(token)).join(" ")}tag(version){}isModified(){return this.factory.isModified(this)}isDeleted(){return this.state._consumer.isRemoved()}isOutdated(){if(!this.latest)return!1;const latestTag=this.tags.byVersion(this.latest);return latestTag?this.head?.hash!==latestTag?.hash:!1}isNew(){return Promise.resolve(this.head===null)}isExported(){return this.factory.isExported(this.id)}loadState(snapId){return this.factory.getState(this.id,snapId)}loadSnap(snapId){const snapToGet=snapId||this.head?.hash;if(!snapToGet)throw new(_bitError()).BitError("could not load snap for new components");return this.factory.getSnap(this.id,snapToGet)}snapsIterable(snapId,options={}){const snapToStart=snapId||this.head?.hash;let nextSnaps=[snapToStart],done;snapToStart||(done=!0);const iterator={next:async()=>{if(done)return{value:void 0,done};const currSnapId=nextSnaps.shift(),snap=await this.loadSnap(currSnapId);return snap.parents&&snap.parents.length&&(options.firstParentOnly?nextSnaps.push(snap.parents[0]):nextSnaps=nextSnaps.concat(snap.parents)),nextSnaps.length?options.stopFn&&(done=await options.stopFn(snap)):done=!0,{value:snap,done:void 0}}};return{[Symbol.asyncIterator]:()=>iterator}}async getClosestTag(snapToStartFrom){const tagsHashMap=this.tags.getHashMap(),stopFn=async snap=>!!tagsHashMap.has(snap.hash),iterable=this.snapsIterable(snapToStartFrom,{firstParentOnly:!0,stopFn}),snaps=[];for await(const snap of iterable)snaps.push(snap);if(snaps.length){const hashOfLastSnap=snaps[snaps.length-1].hash;return tagsHashMap.get(hashOfLastSnap)}}getTag(){const currentVersion=this.id.version;if(!!currentVersion)return this.tags.byVersion(currentVersion)||this.tags.byHash(currentVersion)}getSnapHash(){if(!this.id.hasVersion())return;const tag=this.tags.byVersion(this.id.version);return tag?tag.hash:this.id.version}async getCurrentSnap(){const snap=this.getSnapHash();if(!!snap)return this.loadSnap(snap)}checkout(version){}write(path,fs){}equals(component){return component.id.toString()===this.id.toString()}}exports.Component=Component},52946(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Config=void 0;class Config{constructor(consumerComponent){this.consumerComponent=consumerComponent}get main(){return this.consumerComponent.mainFile}get extensions(){return this.consumerComponent.extensions}}exports.Config=Config},41384(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CouldNotFindLatest=void 0;class CouldNotFindLatest extends Error{constructor(semverArray){super(`could not find latest semver in array: ${semverArray.join(", ")}`)}report(){return this.message}}exports.CouldNotFindLatest=CouldNotFindLatest},93402(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HostNotFound=void 0;class HostNotFound extends Error{constructor(hostName){super();this.hostName=hostName}toString(){return`[component] error: host '${this.hostName}' was not found`}}exports.HostNotFound=HostNotFound},28381(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CouldNotFindLatest",{enumerable:!0,get:function(){return _couldNotFindLatest().CouldNotFindLatest}}),Object.defineProperty(exports,"HostNotFound",{enumerable:!0,get:function(){return _hostNotFound().HostNotFound}}),Object.defineProperty(exports,"MainFileNotFound",{enumerable:!0,get:function(){return _mainFileNotFound().MainFileNotFound}}),Object.defineProperty(exports,"NothingToSnap",{enumerable:!0,get:function(){return _nothingToSnap().default}});function _nothingToSnap(){const data=_interopRequireDefault(__webpack_require__(51225));return _nothingToSnap=function(){return data},data}function _hostNotFound(){const data=__webpack_require__(93402);return _hostNotFound=function(){return data},data}function _couldNotFindLatest(){const data=__webpack_require__(41384);return _couldNotFindLatest=function(){return data},data}function _mainFileNotFound(){const data=__webpack_require__(72002);return _mainFileNotFound=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}},72002(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MainFileNotFound=void 0;class MainFileNotFound extends Error{constructor(id,mainFile){super();this.id=id,this.mainFile=mainFile}toString(){return`[component] error: main file ${this.mainFile} for component ${this.id.toString()} was not found`}}exports.MainFileNotFound=MainFileNotFound},51225(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;class NothingToSnap extends Error{}exports.default=NothingToSnap},11013(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentHostModel=void 0;function _ui(){const data=__webpack_require__(28537);return _ui=function(){return data},data}class ComponentHostModel{constructor(name,components){this.name=name,this.components=components}static from(data){return new ComponentHostModel(data.getHost.name,_ui().ComponentModel.fromArray(data.getHost.list))}}exports.ComponentHostModel=ComponentHostModel},41733(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={useComponentHost:!0};Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _useComponentHost().useComponentHost}});function _useComponentHost(){const data=__webpack_require__(81403);return _useComponentHost=function(){return data},data}var _componentHostModel=__webpack_require__(11013);Object.keys(_componentHostModel).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_componentHostModel[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _componentHostModel[key]}})})},81403(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentHost=useComponentHost;function _uiFoundationUiHooks(){const data=__webpack_require__(7622);return _uiFoundationUiHooks=function(){return data},data}function _client(){const data=__webpack_require__(6083);return _client=function(){return data},data}function _componentHostModel(){const data=__webpack_require__(11013);return _componentHostModel=function(){return data},data}const COMPONENT_HOST=(0,_client().gql)`
+`)}}exports.UntrackedDependencies=UntrackedDependencies;function untrackedFilesComponentIssueToString(value){return value.untrackedFiles.map(curr=>curr.existing?`${_chalk().default.yellow(curr.relativePath)}`:curr.relativePath).join(", ")}},81665(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SNAP_VERSION_PREFIX=void 0,exports.getComponentPackageVersion=getComponentPackageVersion,exports.snapToSemver=snapToSemver;function _componentVersion(){const data=__webpack_require__(25699);return _componentVersion=function(){return data},data}const SNAP_VERSION_PREFIX=exports.SNAP_VERSION_PREFIX="0.0.0-";function getComponentPackageVersion(component){const version=component.id.version;if(!version)throw new Error(`getComponentPackageVersion: component ${component.id.toString()} is missing a version`);return snapToSemver(version)}function snapToSemver(version){return(0,_componentVersion().isHash)(version)?`${SNAP_VERSION_PREFIX}${version}`:version}},71118(__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 _componentPackageVersion().SNAP_VERSION_PREFIX}},__webpack_unused_export__={enumerable:!0,get:function(){return _componentPackageVersion().getComponentPackageVersion}},Object.defineProperty(exports,"snapToSemver",{enumerable:!0,get:function(){return _componentPackageVersion().snapToSemver}});function _componentPackageVersion(){const data=__webpack_require__(81665);return _componentPackageVersion=function(){return data},data}},78996(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);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.ComponentOverview=ComponentOverview,exports.BadgeSection=BadgeSection;const jsx_runtime_1=__webpack_require__(11684),react_1=__importStar(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_layout_page_frame_1=__webpack_require__(80460),documenter_ui_heading_1=__webpack_require__(42294),documenter_ui_label_list_1=__webpack_require__(12601),documenter_ui_section_1=__webpack_require__(3204),evangelist_surfaces_dropdown_1=__webpack_require__(57699),component_package_version_1=__webpack_require__(71118),documenter_ui_copy_box_1=__webpack_require__(47356),design_ui_separator_1=__webpack_require__(15065),design_navigation_content_tabs_1=__webpack_require__(95708),documenter_ui_sub_title_1=__webpack_require__(78267),ui_foundation_ui_is_browser_1=__webpack_require__(5286),base_react_layout_row_1=__webpack_require__(34662),evangelist_elements_icon_1=__webpack_require__(29751),docs_1=__webpack_require__(82894),design_ui_tooltip_1=__webpack_require__(62634),component_overview_module_scss_1=__importDefault(__webpack_require__(42391));function ComponentOverview({displayName,abstract,titleBadges,labels,packageName,elementsUrl,componentDescriptor,component,pkgManager="npm",...rest}){const isWorkspace=component?.host==="teambit.workspace/workspace",packageNameTabTitle=isWorkspace?"Use package":"Install package",componentId=component?.id,componentIdVersion=componentId?.version??void 0,latestVersion=component?.latest??void 0,packageVersion=componentIdVersion===latestVersion?"":`@${(0,component_package_version_1.snapToSemver)(componentIdVersion)}`,[selectedPkgManager,setSelectedPkgManager]=react_1.default.useState(pkgManager),installCmd=(0,react_1.useMemo)(()=>selectedPkgManager==="yarn"?"add":selectedPkgManager==="bit"?"install":"i",[selectedPkgManager]),copyTextInstall=(0,react_1.useMemo)(()=>`${selectedPkgManager} ${installCmd} ${packageName}${packageVersion}`,[selectedPkgManager,packageName,packageVersion,installCmd]),copyTextImport=`bit import ${componentId?.toStringWithoutVersion()??""}`,tooltipContent=(0,react_1.useMemo)(()=>`Copy ${selectedPkgManager} install command`,[selectedPkgManager]),SelectedPkgManagerPlaceholder=(0,react_1.useMemo)(()=>{switch(selectedPkgManager){case"npm":return(0,jsx_runtime_1.jsx)("img",{alt:"npm-logo",className:component_overview_module_scss_1.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"});case"pnpm":return(0,jsx_runtime_1.jsx)("img",{alt:"pnpm-logo",className:component_overview_module_scss_1.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"});case"yarn":return(0,jsx_runtime_1.jsx)("img",{alt:"yarn-logo",className:component_overview_module_scss_1.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"});case"bit":return(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.bit,of:"bit-logo-mono"});default:return null}},[selectedPkgManager]),tabsComponentId=[{component:function(){return(0,jsx_runtime_1.jsx)("span",{children:packageNameTabTitle})},content:isWorkspace?(0,jsx_runtime_1.jsx)(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,children:packageName}):(0,jsx_runtime_1.jsx)(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,copyText:copyTextInstall,Tooltip:({children})=>(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{placement:"right",content:tooltipContent,children}),CopyIcon:(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{content:tooltipContent,children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.copyIcon,of:"copy-cmp"})}),CopyWidget:(0,jsx_runtime_1.jsx)("div",{className:component_overview_module_scss_1.default.copyContainer,children:(0,jsx_runtime_1.jsx)(evangelist_surfaces_dropdown_1.Dropdown,{className:component_overview_module_scss_1.default.pkgManagerDropdown,dropClass:component_overview_module_scss_1.default.pkgManagerMenu,placeholder:(0,jsx_runtime_1.jsxs)("div",{className:component_overview_module_scss_1.default.pkgManagerPlaceholder,children:[SelectedPkgManagerPlaceholder,(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down"})]}),clickOutside:!0,clickPlaceholderToggles:!0,position:"bottom-start",clickToggles:!0,children:(0,jsx_runtime_1.jsxs)("div",{className:component_overview_module_scss_1.default.pkgManagerMenuItems,children:[(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(selectedPkgManager==="npm"&&component_overview_module_scss_1.default.selected),onClick:()=>setSelectedPkgManager("npm"),role:"button",tabIndex:0,onKeyDown:e=>e.key==="Enter"&&setSelectedPkgManager("npm"),"aria-label":"Select npm package manager",children:(0,jsx_runtime_1.jsx)("img",{alt:"npm-logo",className:component_overview_module_scss_1.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"})}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(selectedPkgManager==="pnpm"&&component_overview_module_scss_1.default.selected),onClick:()=>setSelectedPkgManager("pnpm"),role:"button",tabIndex:0,onKeyDown:e=>e.key==="Enter"&&setSelectedPkgManager("pnpm"),"aria-label":"Select pnpm package manager",children:(0,jsx_runtime_1.jsx)("img",{alt:"pnpm-logo",className:component_overview_module_scss_1.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"})}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(selectedPkgManager==="yarn"&&component_overview_module_scss_1.default.selected),onClick:()=>setSelectedPkgManager("yarn"),role:"button",tabIndex:0,onKeyDown:e=>e.key==="Enter"&&setSelectedPkgManager("yarn"),"aria-label":"Select yarn package manager",children:(0,jsx_runtime_1.jsx)("img",{alt:"yarn-logo",className:component_overview_module_scss_1.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"})}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(selectedPkgManager==="bit"&&component_overview_module_scss_1.default.selected),onClick:()=>setSelectedPkgManager("bit"),role:"button",tabIndex:0,onKeyDown:e=>e.key==="Enter"&&setSelectedPkgManager("bit"),"aria-label":"Select bit package manager",children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.bit,of:"bit-logo-mono"})})]})})}),children:packageName})},{component:function(){return(0,jsx_runtime_1.jsx)("span",{children:"Modify component"})},content:isWorkspace?(0,jsx_runtime_1.jsx)(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,children:componentId?componentId.toStringWithoutVersion():""}):(0,jsx_runtime_1.jsx)(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,copyText:copyTextImport,Tooltip:({children})=>(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{placement:"right",content:"copy bit import command",children}),CopyIcon:(0,jsx_runtime_1.jsxs)("div",{className:component_overview_module_scss_1.default.copyContainer,children:[(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.bit,of:"bit-logo-mono"})}),(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.copyIcon,of:"copy-cmp"})})]}),children:componentId?componentId.toStringWithoutVersion():""})}];let finalElementsUrl=elementsUrl;if(finalElementsUrl&&!finalElementsUrl.startsWith("http")){const origin=ui_foundation_ui_is_browser_1.isBrowser?window.location.origin:void 0;finalElementsUrl=origin&&elementsUrl?`${origin}${elementsUrl}`:void 0,finalElementsUrl&&tabsComponentId.push({component:function(){return(0,jsx_runtime_1.jsx)("span",{children:"Elements url"})},content:(0,jsx_runtime_1.jsx)(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,children:finalElementsUrl})})}return(0,jsx_runtime_1.jsxs)(documenter_ui_section_1.Section,{...rest,children:[(0,jsx_runtime_1.jsxs)("div",{className:base_ui_layout_page_frame_1.textColumn,children:[(0,jsx_runtime_1.jsxs)(base_react_layout_row_1.Row,{className:component_overview_module_scss_1.default.titleRow,children:[(0,jsx_runtime_1.jsx)("div",{className:component_overview_module_scss_1.default.componentTitle,children:(0,jsx_runtime_1.jsx)(documenter_ui_heading_1.H1,{className:component_overview_module_scss_1.default.title,children:displayName})}),(0,jsx_runtime_1.jsx)(BadgeSection,{position:docs_1.BadgePosition.Title,componentDescriptor,component,badges:titleBadges})]}),(0,jsx_runtime_1.jsx)(base_react_layout_row_1.Row,{children:abstract&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(documenter_ui_sub_title_1.Subtitle,{className:component_overview_module_scss_1.default.subTitle,children:abstract}),(0,jsx_runtime_1.jsx)(BadgeSection,{position:docs_1.BadgePosition.SubTitle,componentDescriptor,component,badges:titleBadges})]})}),(0,jsx_runtime_1.jsxs)(base_react_layout_row_1.Row,{children:[(0,jsx_runtime_1.jsx)(documenter_ui_label_list_1.LabelList,{children:labels}),(0,jsx_runtime_1.jsx)(BadgeSection,{position:docs_1.BadgePosition.Labels,componentDescriptor,component,badges:titleBadges})]}),(0,jsx_runtime_1.jsxs)(base_react_layout_row_1.Row,{children:[(0,jsx_runtime_1.jsx)("div",{className:component_overview_module_scss_1.default.contentTabs,children:(0,jsx_runtime_1.jsx)(design_navigation_content_tabs_1.ContentTabs,{priority:"folder",tabs:tabsComponentId,navClassName:component_overview_module_scss_1.default.nav,tabClassName:component_overview_module_scss_1.default.tab})}),(0,jsx_runtime_1.jsx)(BadgeSection,{position:docs_1.BadgePosition.Package,componentDescriptor,component,badges:titleBadges})]})]}),(0,jsx_runtime_1.jsx)(design_ui_separator_1.Separator,{isPresentational:!0})]})}function BadgeSection({badges,position,componentDescriptor,component}){return(0,jsx_runtime_1.jsx)("div",{className:component_overview_module_scss_1.default.badgeContainer,children:badges?.filter(badge=>position===docs_1.BadgePosition.Title&&!badge.position||badge.position===position)?.sort((a,b)=>(a.weight??0)-(b.weight??0))?.map((titleBadge,index)=>(0,jsx_runtime_1.jsx)(titleBadge.component,{componentDescriptor,legacyComponentModel:component},index))})}},71169(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgeSection=exports.ComponentOverview=void 0;var component_overview_1=__webpack_require__(78996);Object.defineProperty(exports,"ComponentOverview",{enumerable:!0,get:function(){return component_overview_1.ComponentOverview}}),Object.defineProperty(exports,"BadgeSection",{enumerable:!0,get:function(){return component_overview_1.BadgeSection}})},5490(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionDropdown=exports.DetailedVersion=exports.SimpleVersion=void 0;var version_dropdown_placeholder_1=__webpack_require__(83190);Object.defineProperty(exports,"SimpleVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.SimpleVersion}}),Object.defineProperty(exports,"DetailedVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.DetailedVersion}});var version_dropdown_1=__webpack_require__(66630);Object.defineProperty(exports,"VersionDropdown",{enumerable:!0,get:function(){return version_dropdown_1.VersionDropdown}})},80528(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.LaneInfo=void 0;var lane_info_1=__webpack_require__(80513);Object.defineProperty(exports,"LaneInfo",{enumerable:!0,get:function(){return lane_info_1.LaneInfo}})},80513(__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.LaneInfo=LaneInfo;const jsx_runtime_1=__webpack_require__(11684),lanes_ui_models_lanes_model_1=__webpack_require__(1453),design_ui_surfaces_menu_link_item_1=__webpack_require__(42786),evangelist_elements_icon_1=__webpack_require__(29751),lane_info_module_scss_1=__importDefault(__webpack_require__(89472));function LaneInfo({id,currentLane}){const isCurrent=currentLane&&id.isEqual(currentLane.id);return(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href:lanes_ui_models_lanes_model_1.LanesModel.getLaneUrl(id),className:lane_info_module_scss_1.default.versionRow,children:(0,jsx_runtime_1.jsxs)("span",{children:[(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:lane_info_module_scss_1.default.laneIcon,of:"lane"}),id.toString()]})})},id.toString())}},83190(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);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.SimpleVersion=SimpleVersion,exports.DetailedVersion=DetailedVersion;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),design_ui_styles_ellipsis_1=__webpack_require__(38348),classnames_1=__importDefault(__webpack_require__(97500)),semver=__importStar(__webpack_require__(16322)),evangelist_elements_icon_1=__webpack_require__(29751),design_ui_time_ago_1=__webpack_require__(52464),design_ui_avatar_1=__webpack_require__(19988),base_ui_loaders_skeleton_1=__webpack_require__(66955),design_ui_pill_label_1=__webpack_require__(69608),version_dropdown_placeholder_module_scss_1=__importDefault(__webpack_require__(84261));function SimpleVersion({currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,useCurrentVersionLog,showFullVersion,loading,...rest}){if(loading)return(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9});const isNew=currentVersion==="new"&&!hasMoreVersions,formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6);return isNew?(0,jsx_runtime_1.jsx)(design_ui_pill_label_1.PillLabel,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.newLabel,className),children:formattedVersion}):(0,jsx_runtime_1.jsxs)("div",{...rest,className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.simple,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled),children:[(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick,children:formattedVersion}),hasMoreVersions&&(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick})]})}function DetailedVersion({currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,loading,useCurrentVersionLog,showFullVersion,...rest}){const currentVersionLog=useCurrentVersionLog?.({skip:loading,version:currentVersion}),{displayName,message,username,email,date:_date,profileImage}=currentVersionLog||{},author=react_1.default.useMemo(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6),date=_date?new Date(+_date):void 0,timestamp=react_1.default.useMemo(()=>date?new Date(+date).toString():new Date().toString(),[date]);return loading?(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9}):(0,jsx_runtime_1.jsxs)("div",{...rest,className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.detailed,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled),children:[(0,jsx_runtime_1.jsx)(design_ui_avatar_1.UserAvatar,{size:24,account:author??{},className:version_dropdown_placeholder_module_scss_1.default.versionUserAvatar,showTooltip:!0,onClick:rest.onClick}),(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick,children:formattedVersion}),commitMessage(message,rest.onClick),(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.versionTimestamp,onClick:rest.onClick,children:(0,jsx_runtime_1.jsx)(design_ui_time_ago_1.TimeAgo,{date:timestamp,onClick:rest.onClick})}),hasMoreVersions&&(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick})]})}function commitMessage(message,onClick){return!message||message===""?(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.emptyMessage,onClick,children:"No commit message"}):(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.commitMessage,onClick,children:message})}},66630(__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.VersionDropdown=exports.LOCAL_VERSION=void 0;const jsx_runtime_1=__webpack_require__(11684),react_1=__webpack_require__(12888),design_ui_surfaces_menu_link_item_1=__webpack_require__(42786),evangelist_surfaces_dropdown_1=__webpack_require__(57699),ui_foundation_ui_use_box_tab_1=__webpack_require__(77210),design_ui_avatar_1=__webpack_require__(19988),base_ui_loaders_skeleton_1=__webpack_require__(66955),classnames_1=__importDefault(__webpack_require__(97500)),version_dropdown_module_scss_1=__importDefault(__webpack_require__(92385)),version_info_1=__webpack_require__(2300),lane_info_1=__webpack_require__(80528),version_dropdown_placeholder_1=__webpack_require__(83190);exports.LOCAL_VERSION="workspace",exports.VersionDropdown=(0,react_1.memo)(_VersionDropdown);const VersionMenu=(0,react_1.memo)(_VersionMenu);function _VersionDropdown({currentVersion,latestVersion,localVersion,useCurrentVersionLog,hasMoreVersions,loading,overrideVersionHref,className,placeholderClassName,getActiveTabIndex,dropdownClassName,menuClassName,showVersionDetails=!0,disabled,PlaceholderComponent:_PlaceholderComponent,currentLane,useComponentVersions,lanes,...rest}){const[key,setKey]=(0,react_1.useState)(0),singleVersion=!hasMoreVersions,[open,setOpen]=(0,react_1.useState)(!1);(0,react_1.useEffect)(()=>{loading&&open&&setOpen(!1)},[loading]);const handlePlaceholderClicked=e=>{loading||e.target===e.currentTarget&&setOpen(o=>!o)},defaultPlaceholder=(0,jsx_runtime_1.jsx)(version_dropdown_placeholder_1.SimpleVersion,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}),PlaceholderComponent=_PlaceholderComponent?(0,jsx_runtime_1.jsx)(_PlaceholderComponent,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}):defaultPlaceholder;return disabled||singleVersion&&!loading?(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.noVersions,className),children:PlaceholderComponent}):(0,jsx_runtime_1.jsx)("div",{...rest,className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionDropdown,className),children:(0,jsx_runtime_1.jsx)(evangelist_surfaces_dropdown_1.Dropdown,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.dropdown,dropdownClassName),dropClass:(0,classnames_1.default)(version_dropdown_module_scss_1.default.menu,menuClassName),open,onClick:handlePlaceholderClicked,onClickOutside:()=>setOpen(!1),onChange:(_e,_open)=>_open&&setKey(x=>x+1),PlaceholderComponent:({children,...other})=>(0,jsx_runtime_1.jsx)("div",{...other,className:placeholderClassName,onClick:handlePlaceholderClicked,children}),placeholder:PlaceholderComponent,children:(0,jsx_runtime_1.jsx)(VersionMenu,{className:menuClassName,currentVersion,latestVersion,localVersion,overrideVersionHref,showVersionDetails,currentLane,getActiveTabIndex,lanes,useVersions:useComponentVersions,onVersionClicked:()=>setOpen(!1),open},key)})})}const defaultActiveTabIndex=(currentVersion,tabs=[],tags,snaps)=>(snaps||[]).some(snap=>snap.version===currentVersion)?tabs.findIndex(tab=>tab.name==="SNAP"):0,VERSION_TAB_NAMES=["TAG","SNAP","LANE"];function _VersionMenu({currentVersion,localVersion,latestVersion,overrideVersionHref,showVersionDetails,useVersions,currentLane,lanes,getActiveTabIndex=defaultActiveTabIndex,loading:loadingFromProps,open,onVersionClicked,...rest}){const{snaps,tags,loading:loadingVersions}=useVersions?.()||{},loading=loadingFromProps||loadingVersions,tabs=(0,react_1.useMemo)(()=>VERSION_TAB_NAMES.map(name=>{switch(name){case"SNAP":return{name,payload:snaps||[]};case"LANE":return{name,payload:lanes||[]};default:return{name,payload:tags||[]}}}).filter(tab=>tab.payload.length>0),[snaps?.length,tags?.length,lanes?.length,loading]),[activeTabIndex,setActiveTab]=(0,react_1.useState)(getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane)),activeTab=(0,react_1.useMemo)(()=>activeTabIndex!==void 0?tabs[activeTabIndex]:void 0,[activeTabIndex,tabs]);(0,react_1.useEffect)(()=>{if(!currentLane||tabs.length===0)return;const _activeTabIndex=getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane);_activeTabIndex!==activeTabIndex&&setActiveTab(_activeTabIndex)},[currentLane,tabs.length,tags?.length,snaps?.length,currentVersion,loading]);const multipleTabs=tabs.length>1,showTab=activeTabIndex!==void 0&&tabs[activeTabIndex]?.payload.length>0,_rowRenderer=(0,react_1.useCallback)(function({index}){const{name,payload=[]}=activeTab||{},item=payload[index];if(!item)return null;if(name==="LANE"){const lane=item;return(0,jsx_runtime_1.jsx)(lane_info_1.LaneInfo,{currentLane,...lane},lane.id.toString())}const version=item;return(0,jsx_runtime_1.jsx)(version_info_1.VersionInfo,{currentVersion,latestVersion,overrideVersionHref,showDetails:showVersionDetails,onVersionClicked,...version},version.version)},[activeTab,currentVersion,latestVersion,showVersionDetails,currentLane?.id.toString(),showTab]),rowRenderer=(0,react_1.useMemo)(()=>showTab&&activeTab?_rowRenderer:()=>null,[showTab,activeTab,_rowRenderer]),ActiveTab=(0,react_1.useMemo)(()=>activeTab?.payload.map((payload,index)=>rowRenderer({index})),[activeTab]);return(0,jsx_runtime_1.jsxs)("div",{...rest,className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionMenuContainer,!open&&version_dropdown_module_scss_1.default.hide),children:[loading&&(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{count:6,className:version_dropdown_module_scss_1.default.loader}),!loading&&localVersion&&(0,jsx_runtime_1.jsx)(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{href:"?",active:currentVersion===exports.LOCAL_VERSION,className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionRow,version_dropdown_module_scss_1.default.localVersion),onClick:onVersionClicked,children:(0,jsx_runtime_1.jsxs)("div",{className:version_dropdown_module_scss_1.default.version,children:[(0,jsx_runtime_1.jsx)(design_ui_avatar_1.UserAvatar,{size:24,account:{},className:version_dropdown_module_scss_1.default.versionUserAvatar}),(0,jsx_runtime_1.jsx)("span",{className:version_dropdown_module_scss_1.default.versionName,children:exports.LOCAL_VERSION})]})}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(multipleTabs&&version_dropdown_module_scss_1.default.tabs,!localVersion&&version_dropdown_module_scss_1.default.withoutLocal),children:multipleTabs&&tabs.map(({name},index)=>(0,jsx_runtime_1.jsx)(ui_foundation_ui_use_box_tab_1.Tab,{className:version_dropdown_module_scss_1.default.tab,isActive:activeTabIndex===index,onClick:()=>setActiveTab(index),children:name},name))}),(0,jsx_runtime_1.jsx)("div",{className:version_dropdown_module_scss_1.default.versionContainerRoot,children:ActiveTab})]})}},2300(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.VersionInfo=void 0;var version_info_1=__webpack_require__(52437);Object.defineProperty(exports,"VersionInfo",{enumerable:!0,get:function(){return version_info_1.VersionInfo}})},52437(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);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.VersionInfo=void 0;const jsx_runtime_1=__webpack_require__(11684),design_ui_surfaces_menu_link_item_1=__webpack_require__(42786),design_ui_time_ago_1=__webpack_require__(52464),component_ui_version_label_1=__webpack_require__(59473),evangelist_elements_icon_1=__webpack_require__(29751),design_ui_tooltip_1=__webpack_require__(62634),react_1=__importStar(__webpack_require__(12888)),design_ui_avatar_1=__webpack_require__(19988),design_ui_styles_ellipsis_1=__webpack_require__(38348),classnames_1=__importDefault(__webpack_require__(97500)),version_info_module_scss_1=__importDefault(__webpack_require__(33588));exports.VersionInfo=react_1.default.memo(react_1.default.forwardRef(_VersionInfo));function _VersionInfo({version,currentVersion,latestVersion,date,username,displayName,email,overrideVersionHref,showDetails,message,tag,profileImage,deprecated,onVersionClicked},ref){const isCurrent=version===currentVersion,author=(0,react_1.useMemo)(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),timestamp=(0,react_1.useMemo)(()=>date?new Date(parseInt(date)).toString():new Date().toString(),[date]),currentVersionRef=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{isCurrent&&currentVersionRef.current?.scrollIntoView({block:"nearest"})},[isCurrent]);const href=overrideVersionHref?overrideVersionHref(version):`?version=${version}`,formattedVersion=(0,react_1.useMemo)(()=>tag?version:version.slice(0,6),[tag,version]),isLatest=version===latestVersion;return(0,jsx_runtime_1.jsx)("div",{ref:ref||currentVersionRef,onClick:onVersionClicked,children:(0,jsx_runtime_1.jsxs)(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href,className:version_info_module_scss_1.default.versionRow,children:[(0,jsx_runtime_1.jsxs)("div",{className:version_info_module_scss_1.default.version,children:[(0,jsx_runtime_1.jsx)(design_ui_avatar_1.UserAvatar,{size:24,account:author,className:version_info_module_scss_1.default.versionUserAvatar,showTooltip:!0}),(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_info_module_scss_1.default.versionName),children:formattedVersion}),isLatest&&(0,jsx_runtime_1.jsx)(component_ui_version_label_1.VersionLabel,{status:"latest"}),deprecated&&(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{placement:"bottom",content:"Deprecated",children:(0,jsx_runtime_1.jsx)("div",{className:version_info_module_scss_1.default.deprecatedIcon,children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{of:"note-deprecated"})})}),(0,jsx_runtime_1.jsx)(CommitMessage,{message,showDetails})]}),(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.versionTimestamp,children:(0,jsx_runtime_1.jsx)(design_ui_time_ago_1.TimeAgo,{date:timestamp})})]})})}function CommitMessage({message,showDetails}){return showDetails?!message||message===""?(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.emptyMessage,children:"No commit message"}):(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.commitMessage,children:message}):null}},8929(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AspectEntry=void 0;class AspectEntry{constructor(id,legacyEntry){this.id=id,this.legacyEntry=legacyEntry}get legacy(){return this.legacyEntry}get isLegacy(){return!!this.config?.__legacy}get config(){return this.legacy.config}set config(config){this.legacy.config=config}get data(){return this.legacy.data}get isRemoved(){return this.legacy.isRemoved}set data(val){this.legacy.data=val}transform(newData){const newEntry=this.clone();return newEntry.data=newData,new AspectEntry(this.id,newEntry.legacy)}clone(){return new AspectEntry(this.id,this.legacyEntry.clone())}serialize(){return{id:this.id.toString(),config:this.config,data:this.data,icon:"https://static.bit.dev/extensions-icons/default.svg"}}}exports.AspectEntry=AspectEntry},52365(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _anyFs(){const data=__webpack_require__(83875);return _anyFs=function(){return data},data}function eol(){const data=_interopRequireWildcard(__webpack_require__(46179));return eol=function(){return data},data}function _path(){const data=_interopRequireDefault(__webpack_require__(52101));return _path=function(){return data},data}function _toolboxPath(){const data=__webpack_require__(50668);return _toolboxPath=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}class ComponentFS extends _anyFs().MemoryFS{constructor(files){super();this.files=files}get hash(){return""}byRegex(extension){return this.files.filter(file=>file.path.match(extension))}byGlob(patterns){const{includePatterns,excludePatterns}=(0,_toolboxPath().splitPatterns)(patterns);return this.files.filter(file=>(0,_toolboxPath().matchPatterns)(file.relative,includePatterns,excludePatterns))}toObject(){return this.files.map(file=>({path:file.path,contents:file.contents}))}static fromVinyls(files){const fs=new ComponentFS(files);return files.forEach(file=>{let dirPath=file.relativeDir;dirPath.startsWith("/")||(dirPath=_path().default.join("/",dirPath)),fs.mkdirpSync(dirPath),fs.writeFileSync(`/${file.relative}`,eol().auto(file.contents||""))}),fs}}exports.default=ComponentFS},18985(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMap=void 0;class ComponentMap{constructor(hashMap){this.hashMap=hashMap}byComponent(component){return this.hashMap.get(component.id.toString())}get components(){return this.toArray().map(([component])=>component)}get(component){return this.hashMap.get(component.id.toString())}getValueByComponentId(componentId){const tuple=this.hashMap.get(componentId.toString());return tuple?tuple[1]:null}toArray(){return Array.from(this.hashMap.values())}map(predicate){const tuples=this.toArray().map(([component,value])=>{const newValue=predicate(value,component);return[component.id.toString(),[component,newValue]]});return new ComponentMap(new Map(tuples))}async asyncMap(predicate){const tuplesP=this.toArray().map(async([component,value])=>{const newValue=await predicate(value,component);return[component.id.toString(),[component,newValue]]}),tuples=await Promise.all(tuplesP);return new ComponentMap(new Map(tuples))}forEach(predicate){this.toArray().forEach(([component,value])=>{predicate(value,component)})}flattenValue(){return this.toArray().reduce((acc,[,value])=>(acc=acc.concat(value),acc),[])}filter(predicate){const asMap=this.toArray().filter(([,value])=>predicate(value)).map(([component,value])=>[component.id.toString(),[component,value]]);return new ComponentMap(new Map(asMap))}keys(){return this.hashMap.keys()}static create(rawMap){const newMap=rawMap.map(([component,data])=>[component.id.toString(),[component,data]]);return new ComponentMap(new Map(newMap))}static as(components,predicate){const tuples=components.map(component=>[component.id.toString(),[component,predicate(component)]]);return new ComponentMap(new Map(tuples))}static async asAsync(components,predicate){const tuples=await Promise.all(components.map(async component=>[component.id.toString(),[component,await predicate(component)]]));return new ComponentMap(new Map(tuples))}}exports.ComponentMap=ComponentMap},49661(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}});function _componentMap(){const data=__webpack_require__(18985);return _componentMap=function(){return data},data}},61159(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ComponentAspect=void 0;function _harmony(){const data=__webpack_require__(95012);return _harmony=function(){return data},data}const ComponentAspect=exports.ComponentAspect=_harmony().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});var _default=exports.default=ComponentAspect},55633(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=void 0;function _toolboxString(){const data=__webpack_require__(5913);return _toolboxString=function(){return data},data}function _bitError(){const data=__webpack_require__(24490);return _bitError=function(){return data},data}function _lodash(){const data=__webpack_require__(92935);return _lodash=function(){return data},data}function _tagMap(){const data=__webpack_require__(88077);return _tagMap=function(){return data},data}function _exceptions(){const data=__webpack_require__(28381);return _exceptions=function(){return data},data}class Component{constructor(id,head=null,_state,tags=new(_tagMap()).TagMap,factory){this.id=id,this.head=head,this._state=_state,this.tags=tags,this.factory=factory}get mainFile(){return this.state.mainFile}get state(){return this._state}set state(state){this._state=state}get config(){return this.state.config}get filesystem(){return this.state.filesystem}get buildStatus(){return this._state._consumer.buildStatus}get homepage(){return this._state._consumer._getHomepage()}get headTag(){if(!!this.head)return this.tags.byHash(this.head.hash)}get latest(){if(!!this.head)try{return this.tags.getLatest()}catch(err){if(err instanceof _exceptions().CouldNotFindLatest)return this.head.hash;throw err}}get(id){return this.state.aspects.get(id)?.serialize()}async getLogs(filter){const allLogs=await this.factory.getLogs(this.id,!1,filter?.head);if(!filter)return allLogs;const{type,limit,offset,sort}=filter,typeFilter=snap=>type==="tag"?snap.tag:type==="snap"?!snap.tag:!0;let filteredLogs=type&&allLogs.filter(typeFilter)||allLogs;return sort!=="asc"&&(filteredLogs=filteredLogs.reverse()),limit&&(filteredLogs=(0,_lodash().slice)(filteredLogs,offset,limit+(offset||0))),filteredLogs}getDependencies(){return this.factory.getDependencies(this)}getPackageName(){return this.factory.componentPackageName(this)}stringify(){return JSON.stringify({id:this.id,head:this.head})}get displayName(){return this.id.name.split("-").map(token=>(0,_toolboxString().capitalize)(token)).join(" ")}tag(version){}isModified(){return this.factory.isModified(this)}isDeleted(){return this.state._consumer.isRemoved()}isOutdated(){if(!this.latest)return!1;const latestTag=this.tags.byVersion(this.latest);return latestTag?this.head?.hash!==latestTag?.hash:!1}isNew(){return Promise.resolve(this.head===null)}isExported(){return this.factory.isExported(this.id)}loadState(snapId){return this.factory.getState(this.id,snapId)}loadSnap(snapId){const snapToGet=snapId||this.head?.hash;if(!snapToGet)throw new(_bitError()).BitError("could not load snap for new components");return this.factory.getSnap(this.id,snapToGet)}snapsIterable(snapId,options={}){const snapToStart=snapId||this.head?.hash;let nextSnaps=[snapToStart],done;snapToStart||(done=!0);const iterator={next:async()=>{if(done)return{value:void 0,done};const currSnapId=nextSnaps.shift(),snap=await this.loadSnap(currSnapId);return snap.parents&&snap.parents.length&&(options.firstParentOnly?nextSnaps.push(snap.parents[0]):nextSnaps=nextSnaps.concat(snap.parents)),nextSnaps.length?options.stopFn&&(done=await options.stopFn(snap)):done=!0,{value:snap,done:void 0}}};return{[Symbol.asyncIterator]:()=>iterator}}async getClosestTag(snapToStartFrom){const tagsHashMap=this.tags.getHashMap(),stopFn=async snap=>!!tagsHashMap.has(snap.hash),iterable=this.snapsIterable(snapToStartFrom,{firstParentOnly:!0,stopFn}),snaps=[];for await(const snap of iterable)snaps.push(snap);if(snaps.length){const hashOfLastSnap=snaps[snaps.length-1].hash;return tagsHashMap.get(hashOfLastSnap)}}getTag(){const currentVersion=this.id.version;if(!!currentVersion)return this.tags.byVersion(currentVersion)||this.tags.byHash(currentVersion)}getSnapHash(){if(!this.id.hasVersion())return;const tag=this.tags.byVersion(this.id.version);return tag?tag.hash:this.id.version}async getCurrentSnap(){const snap=this.getSnapHash();if(!!snap)return this.loadSnap(snap)}checkout(version){}write(path,fs){}equals(component){return component.id.toString()===this.id.toString()}}exports.Component=Component},52946(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Config=void 0;class Config{constructor(consumerComponent){this.consumerComponent=consumerComponent}get main(){return this.consumerComponent.mainFile}get extensions(){return this.consumerComponent.extensions}}exports.Config=Config},41384(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CouldNotFindLatest=void 0;class CouldNotFindLatest extends Error{constructor(semverArray){super(`could not find latest semver in array: ${semverArray.join(", ")}`)}report(){return this.message}}exports.CouldNotFindLatest=CouldNotFindLatest},93402(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HostNotFound=void 0;class HostNotFound extends Error{constructor(hostName){super();this.hostName=hostName}toString(){return`[component] error: host '${this.hostName}' was not found`}}exports.HostNotFound=HostNotFound},28381(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CouldNotFindLatest",{enumerable:!0,get:function(){return _couldNotFindLatest().CouldNotFindLatest}}),Object.defineProperty(exports,"HostNotFound",{enumerable:!0,get:function(){return _hostNotFound().HostNotFound}}),Object.defineProperty(exports,"MainFileNotFound",{enumerable:!0,get:function(){return _mainFileNotFound().MainFileNotFound}}),Object.defineProperty(exports,"NothingToSnap",{enumerable:!0,get:function(){return _nothingToSnap().default}});function _nothingToSnap(){const data=_interopRequireDefault(__webpack_require__(51225));return _nothingToSnap=function(){return data},data}function _hostNotFound(){const data=__webpack_require__(93402);return _hostNotFound=function(){return data},data}function _couldNotFindLatest(){const data=__webpack_require__(41384);return _couldNotFindLatest=function(){return data},data}function _mainFileNotFound(){const data=__webpack_require__(72002);return _mainFileNotFound=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}},72002(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MainFileNotFound=void 0;class MainFileNotFound extends Error{constructor(id,mainFile){super();this.id=id,this.mainFile=mainFile}toString(){return`[component] error: main file ${this.mainFile} for component ${this.id.toString()} was not found`}}exports.MainFileNotFound=MainFileNotFound},51225(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;class NothingToSnap extends Error{}exports.default=NothingToSnap},11013(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentHostModel=void 0;function _ui(){const data=__webpack_require__(28537);return _ui=function(){return data},data}class ComponentHostModel{constructor(name,components){this.name=name,this.components=components}static from(data){return new ComponentHostModel(data.getHost.name,_ui().ComponentModel.fromArray(data.getHost.list))}}exports.ComponentHostModel=ComponentHostModel},41733(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={useComponentHost:!0};Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _useComponentHost().useComponentHost}});function _useComponentHost(){const data=__webpack_require__(81403);return _useComponentHost=function(){return data},data}var _componentHostModel=__webpack_require__(11013);Object.keys(_componentHostModel).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_componentHostModel[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _componentHostModel[key]}})})},81403(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentHost=useComponentHost;function _uiFoundationUiHooks(){const data=__webpack_require__(7622);return _uiFoundationUiHooks=function(){return data},data}function _client(){const data=__webpack_require__(6083);return _client=function(){return data},data}function _componentHostModel(){const data=__webpack_require__(11013);return _componentHostModel=function(){return data},data}const COMPONENT_HOST=(0,_client().gql)`
   {
     getHost {
       id # used for GQL caching
@@ -705,7 +705,7 @@ ${body}`});return`
     }
   }
   ${componentIdFields}
-`},92308(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(55786);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(94653);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(88439);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip,context}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id,context)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},88439(){"use strict"},23403(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},68089(__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.CompositionCardSkeleton=CompositionCardSkeleton,exports.PreviewSkeleton=PreviewSkeleton;const jsx_runtime_1=__webpack_require__(11684),base_ui_loaders_skeleton_1=__webpack_require__(66955),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(30776));function CompositionCardSkeleton(){return(0,jsx_runtime_1.jsxs)("div",{className:composition_card_skeleton_module_scss_1.default.compositionCardSkeleton,children:[(0,jsx_runtime_1.jsx)(PreviewSkeleton,{}),(0,jsx_runtime_1.jsx)("div",{className:composition_card_skeleton_module_scss_1.default.bottom,children:(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{width:"104px"})})]})}function PreviewSkeleton(){return(0,jsx_runtime_1.jsxs)("div",{className:composition_card_skeleton_module_scss_1.default.preview,children:[(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.BlockSkeleton,{lines:2,className:composition_card_skeleton_module_scss_1.default.block}),(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{width:"208px"}),(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{width:"152px"}),(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{width:"88px"})]})}},48216(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;var composition_card_skeleton_1=__webpack_require__(68089);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.PreviewSkeleton}})},38527(__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.CompositionCard=void 0;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),evangelist_elements_icon_1=__webpack_require__(29751),compositions_1=__webpack_require__(24010),design_ui_styles_ellipsis_1=__webpack_require__(38348),composition_card_module_scss_1=__importDefault(__webpack_require__(49098));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard({composition,component,className,openCompositionLink,previewClass,queryParams,sandbox,...rest}){const Composition=react_1.default.useMemo(()=>(0,jsx_runtime_1.jsx)(compositions_1.ComponentComposition,{disableScroll:!0,className:previewClass,includeEnv:!0,loading:"lazy",composition,component,viewport:1280,queryParams,previewName:"compositions",sandbox}),[composition.identifier,component.id.toString(),previewClass,sandbox]);return(0,jsx_runtime_1.jsxs)("div",{...rest,className:(0,classnames_1.default)(composition_card_module_scss_1.default.compositionCard,className),children:[(0,jsx_runtime_1.jsx)("div",{className:composition_card_module_scss_1.default.compositionPreview,children:Composition}),(0,jsx_runtime_1.jsxs)("div",{className:composition_card_module_scss_1.default.bottom,children:[(0,jsx_runtime_1.jsx)("span",{className:(0,classnames_1.default)(design_ui_styles_ellipsis_1.ellipsis,composition_card_module_scss_1.default.displayName),children:composition.displayName}),openCompositionLink&&(0,jsx_runtime_1.jsx)("a",{className:composition_card_module_scss_1.default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink,children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:composition_card_module_scss_1.default.icon,of:"open-tab"})})]})]},composition.identifier)}},23778(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.CompositionCardSkeleton=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(38527);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(48216);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},70532(__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=humanizeCompositionId;const humanize_string_1=__importDefault(__webpack_require__(64744));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}},36261(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(70532);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},22645(__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.CompositionGallerySkeleton=CompositionGallerySkeleton;const jsx_runtime_1=__webpack_require__(11684),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_loaders_skeleton_1=__webpack_require__(66955),composition_card_1=__webpack_require__(23778),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(57524));function CompositionGallerySkeleton({compositionsLength,className,...rest}){const length=Array.from(Array(compositionsLength));return(0,jsx_runtime_1.jsxs)("div",{...rest,className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGallerySkeleton,className),children:[(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{width:"100px",className:composition_gallery_skeleton_module_scss_1.default.title}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGalleryGrid),children:length.map((_,index)=>(0,jsx_runtime_1.jsx)(composition_card_1.CompositionCardSkeleton,{},`comp-card-skeleton-${index}`))})]})}},13156(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;var composition_gallery_skeleton_1=__webpack_require__(22645);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},91339(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallery=CompositionGallery;const jsx_runtime_1=__webpack_require__(11684),design_elements_icon_1=__webpack_require__(516),documenter_ui_linked_heading_1=__webpack_require__(59196),base_react_navigation_link_1=__webpack_require__(19304),composition_card_1=__webpack_require__(23778),composition_gallery_module_scss_1=__importDefault(__webpack_require__(44362));function CompositionGallery({component,sandbox}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return component.compositions.length>0?(0,jsx_runtime_1.jsxs)("div",{className:composition_gallery_module_scss_1.default.compositionGallery,children:[(0,jsx_runtime_1.jsxs)(documenter_ui_linked_heading_1.LinkedHeading,{size:"sm",className:composition_gallery_module_scss_1.default.title,children:[(0,jsx_runtime_1.jsx)(design_elements_icon_1.Icon,{of:"eye"})," ",(0,jsx_runtime_1.jsx)("span",{children:"PREVIEW"})]}),(0,jsx_runtime_1.jsx)("div",{className:composition_gallery_module_scss_1.default.carousel,children:component.compositions.map(composition=>(0,jsx_runtime_1.jsx)(composition_card_1.CompositionCard,{onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component,queryParams:"disableCta=true",sandbox},composition.identifier.toLowerCase()))})]}):null}},55970(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(91339);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(13156);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},75320(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(36261);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},83453(__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__(72631);return _harmony=function(){return data},data}const CompositionsAspect=exports.CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});var _default=exports.default=CompositionsAspect},57223(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(83040);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(994));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(83268));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(10286);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(52696);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(25877);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(30266);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(34369);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(618);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(7422);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(21245);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(39084);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(53663);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(48852);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(45348);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(63698);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(15065);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(42294);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(938);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(19304);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(76712);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(4080);return _designUiSurfaces=function(){return data},data}function _designUi4(){const data=__webpack_require__(62634);return _designUi4=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(29751);return _evangelistElements=function(){return data},data}function _compositionsUi2(){const data=__webpack_require__(61941);return _compositionsUi2=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(53298));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(46592);return _compositionsPanel=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _useDefaultControlsSchemaResponder(){const data=__webpack_require__(39809);return _useDefaultControlsSchemaResponder=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState","sandbox"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}const Link=_baseReactNavigation().Link;function Compositions({menuBarWidgets,emptyState,usePreviewSandboxSlot,usePreviewPropsSlot,enableLiveControls=!0}){const component=(0,_react().useContext)(_component().ComponentContext),componentIdStr=component.id.toString(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),params=(0,_reactRouterDom().useParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),[sandboxValue,setSandboxValue]=(0,_react().useState)(""),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition,(0,_useDefaultControlsSchemaResponder().useDefaultControlsSchemaResponder)(componentIdStr,enableLiveControls);const properties=(0,_docsUiQueries().useDocs)(component.id),previewSandboxHooks=usePreviewSandboxSlot?.values()??[],previewPropsHooks=usePreviewPropsSlot?.values()??[],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?.preview?.isScaling,includesEnvTemplates=component?.preview?.includesEnvTemplate,useNameParam=component?.preview?.useNameParam,compositionIdentifierParam=useNameParam||isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)(()=>enableLiveControls?{fullscreen:!0,livecontrols:!0}:{fullscreen:!0}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]),[collapsedCompositions,setCollapsedCompositions]=(0,_react().useState)(()=>new Set),[isDraggingTray,setIsDraggingTray]=(0,_react().useState)(!1),trayRef=(0,_react().useRef)(null),[trayHeight,setTrayHeight]=(0,_react().useState)(null),{ready,defs,values,onChange}=(0,_compositionsUi2().useLiveControls)(),onResizeStripMouseDown=(0,_react().useCallback)(e=>{if(e.button!==0)return;e.preventDefault();const startY=e.clientY,startHeight=trayRef.current?.offsetHeight??0,parentHeight=trayRef.current?.parentElement?.clientHeight??window.innerHeight,maxHeight=Math.max(120,parentHeight-80);setIsDraggingTray(!0),document.body.style.cursor="ns-resize",document.body.style.userSelect="none";let pendingHeight=startHeight,rafScheduled=!1;const applyHeight=()=>{rafScheduled=!1,trayRef.current&&(trayRef.current.style.height=`${pendingHeight}px`)},onMove=ev=>{const delta=startY-ev.clientY;pendingHeight=Math.max(120,Math.min(maxHeight,startHeight+delta)),rafScheduled||(rafScheduled=!0,requestAnimationFrame(applyHeight))},onUp=()=>{setIsDraggingTray(!1),setTrayHeight(pendingHeight),document.body.style.cursor="",document.body.style.userSelect="",document.removeEventListener("mousemove",onMove),document.removeEventListener("mouseup",onUp)};document.addEventListener("mousemove",onMove),document.addEventListener("mouseup",onUp)},[]);(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),(0,_react().useEffect)(()=>{if(enableLiveControls){setCompositionParams(current=>current.livecontrols===!0?current:_objectSpread(_objectSpread({},current),{},{livecontrols:!0}));return}setCompositionParams(current=>{if(!("livecontrols"in current))return current;const next=_objectSpread({},current);return delete next.livecontrols,next})},[enableLiveControls]);const currentCompositionHasControls=ready&&defs.length>0,currentCompositionIdentifier=currentComposition?.identifier,isTrayCollapsedForCurrent=!!currentCompositionIdentifier&&collapsedCompositions.has(currentCompositionIdentifier),showControlsTray=currentCompositionHasControls,isTrayCollapsed=showControlsTray&&isTrayCollapsedForCurrent,toggleTrayCollapsed=(0,_react().useCallback)(()=>{!currentCompositionIdentifier||setCollapsedCompositions(prev=>{const next=new Set(prev);return next.has(currentCompositionIdentifier)?next.delete(currentCompositionIdentifier):next.add(currentCompositionIdentifier),next})},[currentCompositionIdentifier]);return _react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"80%",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(_designUi4().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement(Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.toolbarButton},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"})))),_react().default.createElement(_previewUi().SandboxPermissionsAggregator,{hooks:previewSandboxHooks,onSandboxChange:setSandboxValue,component}),_react().default.createElement("div",{className:_compositionsModule().default.previewArea},isDraggingTray&&_react().default.createElement("div",{className:_compositionsModule().default.dragOverlay}),_react().default.createElement(_previewUi().PreviewPropsAggregator,{hooks:previewPropsHooks,component},previewAttrs=>_react().default.createElement(CompositionContent,_extends({},previewAttrs,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams,sandbox:sandboxValue}))),showControlsTray&&_react().default.createElement(LiveControlsTray,{trayRef,collapsed:isTrayCollapsed,height:trayHeight,ready,defs,values,onChange,onResizeStripMouseDown,onToggleExpanded:toggleTrayCollapsed}))),_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,useNameParam,includesEnvTemplate:component.preview?.includesEnvTemplate,hasLiveControls:currentCompositionHasControls,liveControlsActive:currentCompositionHasControls&&!isTrayCollapsedForCurrent,onToggleLiveControls:toggleTrayCollapsed,onSelectComposition:composition=>{if(!currentComposition||!location)return;const selectedCompositionFromUrl=params["*"],pathSegments=location.pathname.split("/").filter(x=>x);selectedCompositionFromUrl?pathSegments[pathSegments.length-1]=composition.identifier.toLowerCase():pathSegments.push(composition.identifier.toLowerCase());const urlParams=new URLSearchParams(searchParams);versionFromQueryParams&&urlParams.set("version",versionFromQueryParams);const newPath=pathSegments.join("/");navigate(`/${newPath}?${urlParams.toString()}`)},url:compositionUrl,compositions:component.compositions,active:currentComposition})),_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 LiveControlsTray({trayRef,collapsed,height,ready,defs,values,onChange,onResizeStripMouseDown,onToggleExpanded}){const trayStyle=collapsed||height===null?void 0:{height};return _react().default.createElement("div",{ref:trayRef,className:(0,_classnames().default)(_compositionsModule().default.controlsTray,collapsed&&_compositionsModule().default.controlsTrayCollapsed),style:trayStyle},!collapsed&&_react().default.createElement("div",{className:_compositionsModule().default.trayResizeStrip,onMouseDown:onResizeStripMouseDown,role:"separator","aria-orientation":"horizontal","aria-label":"Resize live controls",title:"Drag to resize"},_react().default.createElement("div",{className:_compositionsModule().default.trayDragBar})),_react().default.createElement("div",{className:_compositionsModule().default.trayHeaderInner,onClick:onToggleExpanded,role:"button",tabIndex:0,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),onToggleExpanded())},title:collapsed?"Click to expand":"Click to collapse"},_react().default.createElement("div",{className:_compositionsModule().default.trayTitleRow},_react().default.createElement(_evangelistElements().Icon,{of:"settings",className:_compositionsModule().default.trayIcon}),_react().default.createElement("span",{className:_compositionsModule().default.trayTitle},"Live Controls"),ready&&defs.length>0&&_react().default.createElement("span",{className:_compositionsModule().default.trayBadge},defs.length)),_react().default.createElement("span",{className:(0,_classnames().default)(_compositionsModule().default.trayCollapseIcon,collapsed&&_compositionsModule().default.trayCollapseIconCollapsed),"aria-hidden":!0},_react().default.createElement(_evangelistElements().Icon,{of:"right-rounded-corners"}))),!collapsed&&_react().default.createElement("div",{className:_compositionsModule().default.trayBody},ready?_react().default.createElement(_liveControlPanel().LiveControls,{defs,values,onChange}):_react().default.createElement("div",{className:_compositionsModule().default.trayEmpty},"No live controls available for this composition")))}function CompositionContent(_ref){let{component,selected,queryParams,emptyState,sandbox}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=component.environment?.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams,sandbox},componentCompositionProps))}},24010(__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,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),Object.defineProperty(exports,"LiveControls",{enumerable:!0,get:function(){return _ui().LiveControls}}),Object.defineProperty(exports,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return _ui().LiveControlsDiffPanel}}),Object.defineProperty(exports,"LiveControlsRenderer",{enumerable:!0,get:function(){return _ui().LiveControlsRenderer}}),exports.default=void 0,Object.defineProperty(exports,"useDefaultControlsSchemaResponder",{enumerable:!0,get:function(){return _useDefaultControlsSchemaResponder().useDefaultControlsSchemaResponder}});function _compositions(){const data=__webpack_require__(83453);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(75320);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(57223);return _compositions2=function(){return data},data}function _useDefaultControlsSchemaResponder(){const data=__webpack_require__(39809);return _useDefaultControlsSchemaResponder=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},32362(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),includesEnvTemplate=component.preview?.includesEnvTemplate,isScaling=component.preview?.isScaling,shouldAddNameParam=component.preview?.useNameParam||isScaling&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams,propagateError:isMinimal}))}},46592(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(29751);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(83040);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(75216);return _uiFoundationUi=function(){return data},data}function _designUi(){const data=__webpack_require__(62634);return _designUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(19304);return _baseReactNavigation=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(61941);return _compositionsUi=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(13107));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","onToggleLiveControls","hasLiveControls","liveControlsActive","active","includesEnvTemplate","useNameParam","className"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,onToggleLiveControls,hasLiveControls,liveControlsActive,active,includesEnvTemplate,useNameParam,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{setTimestamp}=(0,_compositionsUi().useLiveControls)(),shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected),selected!==active&&setTimestamp(0)},[onSelect,active,setTimestamp]),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault(),setTimestamp(0);const queryParams=new URLSearchParams;versionFromQueryParams&&queryParams.set("version",versionFromQueryParams);const basePath=location?.pathname.split("/~compositions")[0];navigate(`${basePath}/~code/${composition.filepath}?${queryParams.toString()}#search=${composition.identifier}`)},[location?.pathname,navigate,setTimestamp,versionFromQueryParams]);return _react().default.createElement("div",{className:_compositionsPanelModule().default.container},_react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(_compositionsPanelModule().default.compositionsList,className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.compositionItem,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.itemActions},hasLiveControls&&onToggleLiveControls&&composition===active&&_react().default.createElement(_designUi().Tooltip,{content:liveControlsActive?"Hide live controls":"Show live controls",placement:"bottom"},_react().default.createElement("button",{type:"button","aria-label":liveControlsActive?"Hide live controls":"Show live controls",className:(0,_classnames().default)(_compositionsPanelModule().default.actionIcon,_compositionsPanelModule().default.iconButton,liveControlsActive&&_compositionsPanelModule().default.actionIconActive),onClick:e=>{e.preventDefault(),e.stopPropagation(),onToggleLiveControls()}},_react().default.createElement(_evangelistElements().Icon,{of:"settings"}))),_react().default.createElement(_uiFoundationUi().MenuWidgetIcon,{className:_compositionsPanelModule().default.actionIcon,icon:"Code",tooltipContent:"View source",onClick:onCompositionCodeClicked(composition)}),_react().default.createElement(_designUi().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement("a",{className:(0,_classnames().default)(_compositionsPanelModule().default.actionIcon,_compositionsPanelModule().default.iconLink),target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{of:"open-tab"})))))})))}},30227(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectInput=SelectInput,exports.getInputComponent=getInputComponent;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _designInputs(){const data=__webpack_require__(94835);return _designInputs=function(){return data},data}function _designInputs2(){const data=__webpack_require__(34965);return _designInputs2=function(){return data},data}function _designInputs3(){const data=__webpack_require__(10657);return _designInputs3=function(){return data},data}function _designInputsSelectors(){const data=__webpack_require__(60909);return _designInputsSelectors=function(){return data},data}function _designUiInput(){const data=__webpack_require__(6635);return _designUiInput=function(){return data},data}function _designInputs4(){const data=__webpack_require__(67750);return _designInputs4=function(){return data},data}function _designInputs5(){const data=__webpack_require__(73745);return _designInputs5=function(){return data},data}function _useOverlay(){const data=__webpack_require__(8228);return _useOverlay=function(){return data},data}function _liveControlInputModule(){const data=_interopRequireDefault(__webpack_require__(97289));return _liveControlInputModule=function(){return data},data}function _overlayModule(){const data=_interopRequireDefault(__webpack_require__(16869));return _overlayModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function ShortTextInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs().InputText,{className:_liveControlInputModule().default.inputText,id,value:inputValue,onChange:handleChange}))}function LongTextInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs2().TextArea,{id,value:inputValue,onChange:handleChange}))}function SelectInput({value,onChange,meta}){const triggerRef=_react().default.useRef(null),[selectedValue,setSelectedValue]=_react().default.useState(value||""),[open,setOpen]=_react().default.useState(!1);_react().default.useEffect(()=>{setSelectedValue(value||"")},[value]);const options=_react().default.useMemo(()=>meta?.options?meta.options.map(o=>typeof o=="string"?{label:o,value:o}:o):[],[meta]),placeholderContent=options.find(o=>o.value===selectedValue)?.label,{position,style}=(0,_useOverlay().useOverlay)(triggerRef,open,0,{paddingTop:8,paddingBottom:8}),commitSelection=v=>{onChange(v),setSelectedValue(v),setOpen(!1)};return _react().default.createElement("div",{ref:triggerRef,className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement("div",{className:_liveControlInputModule().default.fullWidthControl},_react().default.createElement(_designInputs3().Dropdown,{className:_liveControlInputModule().default.dropdownField,placeholderContent,open,onChange:(_,isOpen)=>setOpen(isOpen),position,dropClass:_overlayModule().default.suppressNativeMenu})),open&&style&&_react().default.createElement(_useOverlay().BitPortal,null,_react().default.createElement("div",{className:_overlayModule().default.overlay,style,onMouseDown:e=>e.stopPropagation()},options.map(option=>_react().default.createElement(_designInputsSelectors().MenuItem,{className:_liveControlInputModule().default.portalMenuItem,key:option.value,active:option.value===selectedValue,onClick:()=>commitSelection(option.value)},option.label)))))}function NumberInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||0);_react().default.useEffect(()=>{setInputValue(value||0)},[value]);const handleChange=e=>{const newValue=e.target.value;isNaN(Number(newValue))?console.error("Invalid number input",newValue):(onChange(Number(newValue)||0),setInputValue(Number(newValue)||0))};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs().InputText,{id,type:"number",value:inputValue,onChange:handleChange}))}function ColorPickerPortal(props){const[open,setOpen]=_react().default.useState(!1),triggerRef=_react().default.useRef(null),{position,style}=(0,_useOverlay().useOverlay)(triggerRef,open,4,{padding:16});return _react().default.createElement("div",{ref:triggerRef},_react().default.createElement(_designUiInput().ColorPicker,_extends({},props,{open,onChange:(_,isOpen)=>setOpen(isOpen),position,dropClass:_overlayModule().default.suppressNativeMenu})),open&&style&&_react().default.createElement(_useOverlay().BitPortal,null,_react().default.createElement("div",{className:_overlayModule().default.overlay,style,onMouseDown:e=>e.stopPropagation()},_react().default.createElement(_designUiInput().ColorsBox,{onColorSelect:color=>{props.onColorSelect?.(color),setOpen(!1)},colorsList:props.colorsList,showNoColor:props.showNoColor,selected:props.value??""}))))}function ColorInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=v=>{onChange(v),setInputValue(v)};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(ColorPickerPortal,{value:inputValue,onColorSelect:handleChange,allowCustomColor:!0}))}function DateInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(new Date(value));_react().default.useEffect(()=>{setInputValue(new Date(value))},[value]);const handleChange=newValue=>{newValue&&onChange(newValue.toISOString().split("T")[0]),setInputValue(newValue)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs4().DatePicker,{date:inputValue,onChange:handleChange}))}function ToggleInput({value,onChange}){const[isChecked,setIsChecked]=_react().default.useState(!!value);_react().default.useEffect(()=>{setIsChecked(!!value)},[value]);const handleChange=event=>{const nextChecked=event?.target?.checked??!isChecked;setIsChecked(nextChecked),onChange(nextChecked)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper,_liveControlInputModule().default.toggleWrapper)},_react().default.createElement("div",{className:_liveControlInputModule().default.toggleControl},_react().default.createElement(_designInputs5().Toggle,{checked:isChecked,onInputChanged:handleChange})))}function RangeInput({value,onChange,meta,id}){const[inputValue,setInputValue]=_react().default.useState(typeof value=="number"?value:0);_react().default.useEffect(()=>{setInputValue(typeof value=="number"?value:0)},[value]);const handleChange=e=>{const newValue=Number(e.target.value);isNaN(newValue)||(onChange(newValue),setInputValue(newValue))};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper,_liveControlInputModule().default.rangeWrapper)},_react().default.createElement("input",{id,className:_liveControlInputModule().default.rangeInput,type:"range",value:inputValue,min:meta?.min,max:meta?.max,step:meta?.step,onChange:handleChange}),_react().default.createElement("div",{className:_liveControlInputModule().default.rangeValue},inputValue))}function MultiSelectInput({value,onChange,meta,id}){const[selectedValues,setSelectedValues]=_react().default.useState(Array.isArray(value)?value:[]);_react().default.useEffect(()=>{setSelectedValues(Array.isArray(value)?value:[])},[value]);const options=_react().default.useMemo(()=>meta?.options?meta.options.map(option=>typeof option=="string"?{label:option,value:option}:option):[],[meta]),handleChange=e=>{const values=Array.from(e.target.selectedOptions).map(opt=>opt.value);onChange(values),setSelectedValues(values)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement("select",{id,className:_liveControlInputModule().default.multiSelect,multiple:!0,value:selectedValues,onChange:handleChange},options.map(option=>_react().default.createElement("option",{key:option.value,value:option.value},option.label))))}function CustomInput({value,onChange,meta,id}){return typeof meta?.render=="function"?_react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},meta.render({value,onChange,id,options:meta.renderOptions})):_react().default.createElement(ShortTextInput,{id,value,onChange})}function JsonInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(JSON.stringify(value,null,2));_react().default.useEffect(()=>{setInputValue(JSON.stringify(value,null,2))},[value]);const[message,setMessage]=_react().default.useState(""),handleChange=e=>{const newValue=e.target.value;try{const parsedValue=JSON.parse(newValue);onChange(parsedValue),setMessage("")}catch{setMessage("Invalid JSON")}setInputValue(newValue)};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs2().TextArea,{id,value:inputValue,onChange:handleChange}),message&&_react().default.createElement("div",{style:{color:"red"}},message))}function getInputComponent(type){switch(type){case"text":return ShortTextInput;case"longtext":return LongTextInput;case"select":return SelectInput;case"number":return NumberInput;case"color":return ColorInput;case"date":return DateInput;case"boolean":return ToggleInput;case"range":return RangeInput;case"multiselect":return MultiSelectInput;case"json":return JsonInput;case"custom":return CustomInput;default:return console.warn(`Unknown input type: ${type}`),ShortTextInput}}},44849(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControls=LiveControls;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _liveControlPanelModule(){const data=_interopRequireDefault(__webpack_require__(68080));return _liveControlPanelModule=function(){return data},data}function _liveControlInput(){const data=__webpack_require__(30227);return _liveControlInput=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function LiveControls({defs,values,onChange,renderLabel}){return _react().default.createElement("ul",{className:(0,_classnames().default)(_liveControlPanelModule().default.container)},defs.map(field=>{const key=field.id,InputComponent=(0,_liveControlInput().getInputComponent)(field.input||"text"),labelContent=renderLabel?renderLabel(field):field.label||field.id;return _react().default.createElement("li",{key,className:(0,_classnames().default)(_liveControlPanelModule().default.item)},_react().default.createElement("div",{className:(0,_classnames().default)(_liveControlPanelModule().default.label)},_react().default.createElement("label",{htmlFor:`control-${key}`},labelContent)),_react().default.createElement("div",null,_react().default.createElement(InputComponent,{id:`control-${key}`,value:values[key],onChange:v=>onChange(key,v),meta:field})))}))}},68414(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControlsDiffPanel=LiveControlsDiffPanel;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(61941);return _compositionsUi=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(66955);return _baseUiLoaders=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(29751);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _liveControlInput(){const data=__webpack_require__(30227);return _liveControlInput=function(){return data},data}function _liveControlsDiffPanelModule(){const data=_interopRequireDefault(__webpack_require__(6117));return _liveControlsDiffPanelModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}const WAIT_FOR_CONTROLS_MS=1200;function LiveControlsDiffPanel({resetKey,baseChannel,compareChannel,commonLabel="Common",baseLabel="Base",compareLabel="Compare",showEmptyState=!0,onStatusChange}){const lastResetKeyRef=(0,_react().useRef)(null),[isWaitingForFreshData,setIsWaitingForFreshData]=(0,_react().useState)(!0),waitTimeoutRef=(0,_react().useRef)(null),currentKey=`${baseChannel||""}-${compareChannel||""}-${resetKey||""}`,model=(0,_react().useMemo)(()=>new(_compositionsUi()).DiffControlsModel(baseChannel,compareChannel),[baseChannel,compareChannel]),allChannels=(0,_react().useMemo)(()=>{const channels=[model.baseChannel,model.compareChannel];return channels.includes("default")||channels.push("default"),[...new Set(channels)]},[model.baseChannel,model.compareChannel]),combined=(0,_compositionsUi().useLiveControls)(allChannels),{ready:combinedReady,setTimestamp}=combined;(0,_react().useEffect)(()=>{lastResetKeyRef.current!==currentKey&&(lastResetKeyRef.current=currentKey,setIsWaitingForFreshData(!0),setTimestamp(0))},[currentKey,setTimestamp]);const channelsReady=Boolean(baseChannel&&compareChannel),registryReady=combinedReady||model.isReady,controls=model.controls,hasControls=controls.length>0,hasSubscribers=model.hasSubscribers,prevRegistryReady=(0,_react().useRef)(registryReady);(0,_react().useEffect)(()=>{registryReady&&!prevRegistryReady.current&&isWaitingForFreshData&&setIsWaitingForFreshData(!1),prevRegistryReady.current=registryReady},[registryReady,isWaitingForFreshData]),(0,_react().useEffect)(()=>{if(!channelsReady||registryReady||!isWaitingForFreshData){waitTimeoutRef.current!==null&&(window.clearTimeout(waitTimeoutRef.current),waitTimeoutRef.current=null);return}return waitTimeoutRef.current=window.setTimeout(()=>{setIsWaitingForFreshData(!1),waitTimeoutRef.current=null},WAIT_FOR_CONTROLS_MS),()=>{waitTimeoutRef.current!==null&&(window.clearTimeout(waitTimeoutRef.current),waitTimeoutRef.current=null)}},[channelsReady,registryReady,isWaitingForFreshData,currentKey]);const status=(0,_react().useMemo)(()=>channelsReady?isWaitingForFreshData?"loading":!registryReady&&!hasSubscribers?"empty":hasControls?"available":"empty":"empty",[channelsReady,isWaitingForFreshData,registryReady,hasSubscribers,hasControls]);(0,_react().useEffect)(()=>{onStatusChange?.(status)},[status,onStatusChange]);const handleChange=(0,_react().useCallback)((control,value)=>{model.updateControl(control.id,value,control.source)},[model]);if(status==="loading")return _react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.loader},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"68px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"52px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"72px"}));if(status==="empty")return showEmptyState?_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyState},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateIconWrap},_react().default.createElement(_evangelistElements().Icon,{of:"scan-component",className:_liveControlsDiffPanelModule().default.emptyStateIcon,"aria-hidden":!0})),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateText},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateTitle},"No live controls"),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateSubtitle},"This composition does not expose live controls."))):null;const commonControls=controls.filter(c=>c.source==="common"),baseControls=controls.filter(c=>c.source==="base"),compareControls=controls.filter(c=>c.source==="compare"),hasBaseOrCompare=baseControls.length>0||compareControls.length>0,hasBaseAndCompare=baseControls.length>0&&compareControls.length>0,getControlValue=control=>model.getValueForControl(control.id,control.source),renderControlList=list=>_react().default.createElement("ul",{className:_liveControlsDiffPanelModule().default.controlsList},list.map(control=>{const inputType=control.input||"text",isWideControl=inputType==="longtext"||inputType==="multiselect"||inputType==="json",InputComponent=(0,_liveControlInput().getInputComponent)(inputType),key=`${control.id}-${control.source}`,value=getControlValue(control);return _react().default.createElement("li",{key,className:(0,_classnames().default)(_liveControlsDiffPanelModule().default.controlRow,isWideControl&&_liveControlsDiffPanelModule().default.controlRowWide)},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlMain},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlLabel},_react().default.createElement("label",{htmlFor:`control-${key}`},control.label||control.id)),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlInput},_react().default.createElement(InputComponent,{id:`control-${key}`,value,onChange:val=>handleChange(control,val),meta:control}))))}));return _react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.container},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnsLayout},commonControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},commonLabel),renderControlList(commonControls)),commonControls.length>0&&hasBaseOrCompare&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnDivider}),baseControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},baseLabel),renderControlList(baseControls)),hasBaseAndCompare&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnDivider}),compareControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},compareLabel),renderControlList(compareControls))))}},57297(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControlsRenderer=LiveControlsRenderer;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(61941);return _compositionsUi=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function LiveControlsRenderer(){const{hasLiveControls,ready,defs,values,onChange}=(0,_compositionsUi().useLiveControls)();return hasLiveControls?ready?_react().default.createElement(_liveControlPanel().LiveControls,{defs,values,onChange}):_react().default.createElement("div",{style:{padding:12,opacity:.7}},"No live controls available."):null}},8228(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitPortal=BitPortal,exports.useOverlay=useOverlay;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _reactDom(){const data=_interopRequireDefault(__webpack_require__(2163));return _reactDom=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}const GAP=4;function useOverlay(anchorRef,open,gap=GAP,extraStyle){const[position,setPosition]=_react().default.useState("bottom"),[style,setStyle]=_react().default.useState(null);return _react().default.useLayoutEffect(()=>{if(!open||!anchorRef.current)return;const rect=anchorRef.current.getBoundingClientRect(),below=window.innerHeight-rect.bottom-gap,above=rect.top-gap,pos=below<240&&above>below?"top":"bottom";setPosition(pos),setStyle(_objectSpread(_objectSpread({},extraStyle),{},{left:rect.left,maxWidth:rect.width,maxHeight:240,top:pos==="bottom"?rect.bottom+gap:void 0,bottom:pos==="top"?window.innerHeight-rect.top+gap:void 0}))},[open]),{position,style}}function BitPortal({children}){return _reactDom().default.createPortal(children,document.body)}},489(__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}}),Object.defineProperty(exports,"LiveControls",{enumerable:!0,get:function(){return _liveControlPanel().LiveControls}}),Object.defineProperty(exports,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return _liveControlsDiffPanel().LiveControlsDiffPanel}}),Object.defineProperty(exports,"LiveControlsRenderer",{enumerable:!0,get:function(){return _liveControlsRenderer().LiveControlsRenderer}});function _compositionPreview(){const data=__webpack_require__(32362);return _compositionPreview=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _liveControlsDiffPanel(){const data=__webpack_require__(68414);return _liveControlsDiffPanel=function(){return data},data}function _liveControlsRenderer(){const data=__webpack_require__(57297);return _liveControlsRenderer=function(){return data},data}},39809(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDefaultControlsSchemaResponder=useDefaultControlsSchemaResponder;function _react(){const data=__webpack_require__(12888);return _react=function(){return data},data}function _apiReferenceHooks(){const data=__webpack_require__(19633);return _apiReferenceHooks=function(){return data},data}const DEFAULT_CONTROLS_REQUEST="composition-live-controls:request-default-controls",DEFAULT_CONTROLS_RESPONSE="composition-live-controls:default-controls";function useDefaultControlsSchemaResponder(componentId,enabled=!0){const pendingRequestsRef=(0,_react().useRef)([]),apiComponentId=enabled&&componentId?componentId:void 0,{apiModel}=(0,_apiReferenceHooks().useAPI)(apiComponentId,[],{skipInternals:!1}),schemaObject=(0,_react().useMemo)(()=>apiModel?._api?.toObject(),[apiModel]),respondWithSchema=(0,_react().useCallback)(request=>{if(!schemaObject)return!1;try{return request.source.postMessage({type:DEFAULT_CONTROLS_RESPONSE,payload:{id:request.id,name:request.name,schema:schemaObject}},request.origin||"*"),!0}catch{return!1}},[schemaObject]),onDefaultControlsRequest=(0,_react().useCallback)(event=>{if(!enabled||!componentId)return;const{data}=event;if(!data||data.type!==DEFAULT_CONTROLS_REQUEST)return;const payload=data.payload;if(!payload?.id||!payload?.name||payload.id!==componentId)return;const source=event.source;if(!source||source===window)return;const request={id:payload.id,name:payload.name,source,origin:event.origin||"*"};if(!schemaObject){pendingRequestsRef.current.push(request);return}respondWithSchema(request)},[componentId,enabled,respondWithSchema,schemaObject]);(0,_react().useEffect)(()=>{if(!enabled||!componentId){pendingRequestsRef.current=[];return}return window.addEventListener("message",onDefaultControlsRequest),()=>{window.removeEventListener("message",onDefaultControlsRequest)}},[componentId,enabled,onDefaultControlsRequest]),(0,_react().useEffect)(()=>{if(!schemaObject||pendingRequestsRef.current.length===0)return;const pending=pendingRequestsRef.current;pendingRequestsRef.current=[],pending.forEach(respondWithSchema)},[schemaObject,respondWithSchema])}},10623(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AccountTypes=void 0,exports.Avatar=Avatar;const jsx_runtime_1=__webpack_require__(11684),default_avatar_1=__webpack_require__(19963),org_avatar_1=__webpack_require__(71962),user_avatar_1=__webpack_require__(82823);var AccountTypes;(function(AccountTypes2){AccountTypes2.org="organization",AccountTypes2.user="user",AccountTypes2.default="default"})(AccountTypes||(exports.AccountTypes=AccountTypes={}));function Avatar({account,...rest}){if(!account)return(0,jsx_runtime_1.jsx)(default_avatar_1.DefaultAvatar,{...rest});const{type,name,displayName,image}=account,accountObj={name,displayName,profileImage:image};return type==="user"?(0,jsx_runtime_1.jsx)(user_avatar_1.UserAvatar,{account:accountObj,...rest}):type==="org"?(0,jsx_runtime_1.jsx)(org_avatar_1.OrgAvatar,{account:accountObj,...rest}):(0,jsx_runtime_1.jsx)(default_avatar_1.DefaultAvatar,{...rest})}},19963(__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.DefaultAvatar=DefaultAvatar;const jsx_runtime_1=__webpack_require__(11684),classnames_1=__importDefault(__webpack_require__(97500)),styles_module_scss_1=__importDefault(__webpack_require__(64211));function DefaultAvatar({size=32,children,className,...rest}){return(0,jsx_runtime_1.jsxs)("div",{className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{width:`${size}px`,height:`${size}px`,fontSize:`${size*.35}px`,lineHeight:`${size}px`},...rest,children:["?",children]})}},19988(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=exports.UserAvatar=__webpack_unused_export__=__webpack_unused_export__=void 0;var avatar_1=__webpack_require__(10623);__webpack_unused_export__={enumerable:!0,get:function(){return avatar_1.AccountTypes}},__webpack_unused_export__={enumerable:!0,get:function(){return avatar_1.Avatar}};var user_avatar_1=__webpack_require__(82823);Object.defineProperty(exports,"UserAvatar",{enumerable:!0,get:function(){return user_avatar_1.UserAvatar}});var org_avatar_1=__webpack_require__(71962);__webpack_unused_export__={enumerable:!0,get:function(){return org_avatar_1.OrgAvatar}};var default_avatar_1=__webpack_require__(19963);__webpack_unused_export__={enumerable:!0,get:function(){return default_avatar_1.DefaultAvatar}}},71962(__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.OrgAvatar=OrgAvatar;const jsx_runtime_1=__webpack_require__(11684),classnames_1=__importDefault(__webpack_require__(97500)),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),styles_module_scss_1=__importDefault(__webpack_require__(64211));function OrgAvatar({account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,widthStretch=!0,children,...rest}){const{profileImage=""}=account,profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor,widthStretch);return(0,jsx_runtime_1.jsxs)("div",{className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`},...rest,children:[profileImageWithParams&&(0,jsx_runtime_1.jsx)("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,imgClassName)}),!profileImage&&(0,jsx_runtime_1.jsx)("span",{className:styles_module_scss_1.default.defaultAvatar,children:(0,jsx_runtime_1.jsx)("i",{className:"bitcon-organization",style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}})}),children]})}},82823(__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.UserAvatar=UserAvatar;const jsx_runtime_1=__webpack_require__(11684),classnames_1=__importDefault(__webpack_require__(97500)),design_elements_icon_1=__webpack_require__(516),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),toolbox_string_get_initials_1=__webpack_require__(76137),design_ui_styles_colors_by_letter_1=__webpack_require__(56104),design_ui_styles_ellipsis_1=__webpack_require__(38348),design_ui_tooltip_1=__webpack_require__(62634),styles_module_scss_1=__importDefault(__webpack_require__(64211));function UserAvatar({account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,showTooltip=!1,tooltipPlacement="bottom",extendTooltipContent,children,...rest}){const{profileImage="",name="",displayName=""}=account,firstLetter=name[0]||displayName[0],profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor),colors=firstLetter&&design_ui_styles_colors_by_letter_1.letterBgColors[firstLetter.toLowerCase()],avatar=(0,jsx_runtime_1.jsxs)("div",{className:(0,classnames_1.default)(colors,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`},...rest,children:[profileImageWithParams&&(0,jsx_runtime_1.jsx)("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,profileImage.startsWith("blob:")&&styles_module_scss_1.default.blob,imgClassName)}),(displayName||name)&&(0,jsx_runtime_1.jsx)("span",{className:styles_module_scss_1.default.letter,style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`},children:(0,toolbox_string_get_initials_1.getInitials)(displayName||name)}),!displayName&&!name&&!profileImageWithParams&&!firstLetter&&(0,jsx_runtime_1.jsx)(design_elements_icon_1.Icon,{of:"solo-avatar",style:{fontSize:`${size}px`},className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,styles_module_scss_1.default.soloAvatarIcon)}),children]});return showTooltip?(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{placement:tooltipPlacement,content:(0,jsx_runtime_1.jsxs)("div",{className:design_ui_styles_ellipsis_1.ellipsis,children:[(0,jsx_runtime_1.jsx)("span",{children:displayName?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[displayName," (@",name,")"]}):(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:["@",name]})}),extendTooltipContent]}),children:avatar}):avatar}},52464(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.TimeAgo=void 0;var time_ago_1=__webpack_require__(89587);Object.defineProperty(exports,"TimeAgo",{enumerable:!0,get:function(){return time_ago_1.TimeAgo}})},89587(__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.TimeAgo=TimeAgo;const jsx_runtime_1=__webpack_require__(11684),react_1=__webpack_require__(12888),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_utils_time_ago_1=__importDefault(__webpack_require__(28042)),design_ui_tooltip_1=__webpack_require__(62634),time_ago_module_scss_1=__importDefault(__webpack_require__(66018));function TimeAgo({date,tooltip,className,...rest}){const[refreshIdx,forceUpdate]=(0,react_1.useReducer)(x=>x+1,0);(0,react_1.useEffect)(()=>{const tId=setInterval(()=>forceUpdate(),6e4);return()=>clearInterval(tId)},[]);const formatted=(0,react_1.useMemo)(()=>(0,base_ui_utils_time_ago_1.default)(date),[date,refreshIdx]);return(element=>tooltip===void 0?element:(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{className:time_ago_module_scss_1.default.dateTooltip,placement:"top",content:(0,jsx_runtime_1.jsx)("div",{className:time_ago_module_scss_1.default.dateTooltipContent,children:tooltip}),children:element}))((0,jsx_runtime_1.jsx)("span",{...rest,className:(0,classnames_1.default)(className),children:formatted}))}},62634(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.tippy=exports.useSingleton=exports.TooltipMountPoint=exports.SingletonTooltipProvider=exports.useCtxTooltipInstance=exports.ProvideTooltipInstance=exports.Tooltip=void 0;var tooltip_1=__webpack_require__(29);Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return tooltip_1.Tooltip}});var shared_instance_1=__webpack_require__(333);Object.defineProperty(exports,"ProvideTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.ProvideTooltipInstance}}),Object.defineProperty(exports,"useCtxTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.useCtxTooltipInstance}});var singleton_instance_1=__webpack_require__(15643);Object.defineProperty(exports,"SingletonTooltipProvider",{enumerable:!0,get:function(){return singleton_instance_1.SingletonTooltipProvider}});var mount_point_1=__webpack_require__(66872);Object.defineProperty(exports,"TooltipMountPoint",{enumerable:!0,get:function(){return mount_point_1.TooltipMountPoint}});var react_1=__webpack_require__(13032);Object.defineProperty(exports,"useSingleton",{enumerable:!0,get:function(){return react_1.useSingleton}}),Object.defineProperty(exports,"tippy",{enumerable:!0,get:function(){return react_1.tippy}})},66872(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mountId=void 0,exports.getMountPoint=getMountPoint,exports.TooltipMountPoint=TooltipMountPoint;const jsx_runtime_1=__webpack_require__(11684);exports.mountId="tooltip-mount-point";function getMountPoint(ref){return document.getElementById(exports.mountId)||ref.parentElement||document.body}function TooltipMountPoint(){return(0,jsx_runtime_1.jsx)("div",{id:exports.mountId})}},333(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProvideTooltipInstance=ProvideTooltipInstance,exports.useCtxTooltipInstance=useCtxTooltipInstance;const jsx_runtime_1=__webpack_require__(11684),react_1=__webpack_require__(12888),singletonContext=(0,react_1.createContext)(void 0);function ProvideTooltipInstance({value,children}){return(0,jsx_runtime_1.jsx)(singletonContext.Provider,{value,children})}function useCtxTooltipInstance(){return(0,react_1.useContext)(singletonContext)}},15643(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SingletonTooltipProvider=SingletonTooltipProvider;const jsx_runtime_1=__webpack_require__(11684),react_1=__webpack_require__(13032),shared_instance_1=__webpack_require__(333),tooltip_1=__webpack_require__(29);function SingletonTooltipProvider({children,disabled,overrides,...rest}){const[tooltipSource,tooltipTarget]=(0,react_1.useSingleton)({disabled,overrides});return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(tooltip_1.Tooltip,{...rest,singleton:tooltipSource}),(0,jsx_runtime_1.jsx)(shared_instance_1.ProvideTooltipInstance,{value:tooltipTarget,children})]})}},29(__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.Tooltip=Tooltip;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),ui_foundation_ui_hooks_use_is_mobile_1=__webpack_require__(53663),base_ui_theme_dark_theme_1=__webpack_require__(23300),react_2=__importDefault(__webpack_require__(13032)),tippy_js_1=__webpack_require__(16406);__webpack_require__(27531),__webpack_require__(57863);const mount_point_1=__webpack_require__(66872),shared_instance_1=__webpack_require__(333);__webpack_require__(14519);const THEME="teambit",FORWARD_REF=Symbol.for("react.forward_ref"),MEMO=Symbol.for("react.memo");function acceptsRef(node){if(!react_1.default.isValidElement(node))return!1;const type=node.type;if(typeof type=="string"||type?.prototype?.isReactComponent||type?.$$typeof===FORWARD_REF)return!0;if(type?.$$typeof===MEMO){const inner=type.type;return typeof inner=="string"||inner?.$$typeof===FORWARD_REF||!!inner?.prototype?.isReactComponent}return!1}const popperOptions={modifiers:[{name:"arrow",options:{padding:5}}]};function Tooltip({children,breakline,singleton,visibleOnMobile,className,...rest}){const isMobile=(0,ui_foundation_ui_hooks_use_is_mobile_1.useIsMobile)();if(!visibleOnMobile&&isMobile)return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children});const ctxInstance=(0,shared_instance_1.useCtxTooltipInstance)(),singletonInstance=singleton||ctxInstance,child=acceptsRef(children)?children:(0,jsx_runtime_1.jsx)("span",{children});return(0,jsx_runtime_1.jsx)(react_2.default,{arrow:tippy_js_1.roundArrow,className:(0,classnames_1.default)(base_ui_theme_dark_theme_1.darkMode,breakline&&"tippy-breakLine",className),theme:THEME,interactive:!0,appendTo:mount_point_1.getMountPoint,popperOptions,...rest,singleton:singletonInstance,children:child})}},90896(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.docsFields=void 0,exports.useDocs=useDocs;const client_1=__webpack_require__(6083);exports.docsFields=(0,client_1.gql)`
+`},92308(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(55786);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(94653);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(88439);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip,context}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id,context)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},88439(){"use strict"},23403(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},68089(__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.CompositionCardSkeleton=CompositionCardSkeleton,exports.PreviewSkeleton=PreviewSkeleton;const jsx_runtime_1=__webpack_require__(11684),base_ui_loaders_skeleton_1=__webpack_require__(66955),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(30776));function CompositionCardSkeleton(){return(0,jsx_runtime_1.jsxs)("div",{className:composition_card_skeleton_module_scss_1.default.compositionCardSkeleton,children:[(0,jsx_runtime_1.jsx)(PreviewSkeleton,{}),(0,jsx_runtime_1.jsx)("div",{className:composition_card_skeleton_module_scss_1.default.bottom,children:(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{width:"104px"})})]})}function PreviewSkeleton(){return(0,jsx_runtime_1.jsxs)("div",{className:composition_card_skeleton_module_scss_1.default.preview,children:[(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.BlockSkeleton,{lines:2,className:composition_card_skeleton_module_scss_1.default.block}),(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{width:"208px"}),(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{width:"152px"}),(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{width:"88px"})]})}},48216(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;var composition_card_skeleton_1=__webpack_require__(68089);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.PreviewSkeleton}})},38527(__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.CompositionCard=void 0;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),evangelist_elements_icon_1=__webpack_require__(29751),compositions_1=__webpack_require__(24010),design_ui_styles_ellipsis_1=__webpack_require__(38348),composition_card_module_scss_1=__importDefault(__webpack_require__(49098));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard({composition,component,className,openCompositionLink,previewClass,queryParams,sandbox,...rest}){const Composition=react_1.default.useMemo(()=>(0,jsx_runtime_1.jsx)(compositions_1.ComponentComposition,{disableScroll:!0,className:previewClass,includeEnv:!0,loading:"lazy",composition,component,viewport:1280,queryParams,previewName:"compositions",sandbox}),[composition.identifier,component.id.toString(),previewClass,sandbox]);return(0,jsx_runtime_1.jsxs)("div",{...rest,className:(0,classnames_1.default)(composition_card_module_scss_1.default.compositionCard,className),children:[(0,jsx_runtime_1.jsx)("div",{className:composition_card_module_scss_1.default.compositionPreview,children:Composition}),(0,jsx_runtime_1.jsxs)("div",{className:composition_card_module_scss_1.default.bottom,children:[(0,jsx_runtime_1.jsx)("span",{className:(0,classnames_1.default)(design_ui_styles_ellipsis_1.ellipsis,composition_card_module_scss_1.default.displayName),children:composition.displayName}),openCompositionLink&&(0,jsx_runtime_1.jsx)("a",{className:composition_card_module_scss_1.default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink,children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:composition_card_module_scss_1.default.icon,of:"open-tab"})})]})]},composition.identifier)}},23778(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.CompositionCardSkeleton=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(38527);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(48216);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},70532(__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=humanizeCompositionId;const humanize_string_1=__importDefault(__webpack_require__(64744));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}},36261(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(70532);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},22645(__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.CompositionGallerySkeleton=CompositionGallerySkeleton;const jsx_runtime_1=__webpack_require__(11684),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_loaders_skeleton_1=__webpack_require__(66955),composition_card_1=__webpack_require__(23778),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(57524));function CompositionGallerySkeleton({compositionsLength,className,...rest}){const length=Array.from(Array(compositionsLength));return(0,jsx_runtime_1.jsxs)("div",{...rest,className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGallerySkeleton,className),children:[(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{width:"100px",className:composition_gallery_skeleton_module_scss_1.default.title}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGalleryGrid),children:length.map((_,index)=>(0,jsx_runtime_1.jsx)(composition_card_1.CompositionCardSkeleton,{},`comp-card-skeleton-${index}`))})]})}},13156(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;var composition_gallery_skeleton_1=__webpack_require__(22645);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},91339(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallery=CompositionGallery;const jsx_runtime_1=__webpack_require__(11684),design_elements_icon_1=__webpack_require__(516),documenter_ui_linked_heading_1=__webpack_require__(59196),base_react_navigation_link_1=__webpack_require__(19304),composition_card_1=__webpack_require__(23778),composition_gallery_module_scss_1=__importDefault(__webpack_require__(44362));function CompositionGallery({component,sandbox}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return component.compositions.length>0?(0,jsx_runtime_1.jsxs)("div",{className:composition_gallery_module_scss_1.default.compositionGallery,children:[(0,jsx_runtime_1.jsxs)(documenter_ui_linked_heading_1.LinkedHeading,{size:"sm",className:composition_gallery_module_scss_1.default.title,children:[(0,jsx_runtime_1.jsx)(design_elements_icon_1.Icon,{of:"eye"})," ",(0,jsx_runtime_1.jsx)("span",{children:"PREVIEW"})]}),(0,jsx_runtime_1.jsx)("div",{className:composition_gallery_module_scss_1.default.carousel,children:component.compositions.map(composition=>(0,jsx_runtime_1.jsx)(composition_card_1.CompositionCard,{onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component,queryParams:"disableCta=true",sandbox},composition.identifier.toLowerCase()))})]}):null}},55970(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(91339);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(13156);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},75320(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(36261);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},83453(__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__(95012);return _harmony=function(){return data},data}const CompositionsAspect=exports.CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});var _default=exports.default=CompositionsAspect},57223(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(83040);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(994));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(83268));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(10286);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(52696);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(25877);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(30266);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(34369);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(618);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(7422);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(21245);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(39084);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(53663);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(48852);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(45348);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(63698);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(15065);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(42294);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(938);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(19304);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(76712);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(4080);return _designUiSurfaces=function(){return data},data}function _designUi4(){const data=__webpack_require__(62634);return _designUi4=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(29751);return _evangelistElements=function(){return data},data}function _compositionsUi2(){const data=__webpack_require__(61941);return _compositionsUi2=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(53298));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(46592);return _compositionsPanel=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _useDefaultControlsSchemaResponder(){const data=__webpack_require__(39809);return _useDefaultControlsSchemaResponder=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState","sandbox"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}const Link=_baseReactNavigation().Link;function Compositions({menuBarWidgets,emptyState,usePreviewSandboxSlot,usePreviewPropsSlot,enableLiveControls=!0}){const component=(0,_react().useContext)(_component().ComponentContext),componentIdStr=component.id.toString(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),params=(0,_reactRouterDom().useParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),[sandboxValue,setSandboxValue]=(0,_react().useState)(""),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition,(0,_useDefaultControlsSchemaResponder().useDefaultControlsSchemaResponder)(componentIdStr,enableLiveControls);const properties=(0,_docsUiQueries().useDocs)(component.id),previewSandboxHooks=usePreviewSandboxSlot?.values()??[],previewPropsHooks=usePreviewPropsSlot?.values()??[],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?.preview?.isScaling,includesEnvTemplates=component?.preview?.includesEnvTemplate,useNameParam=component?.preview?.useNameParam,compositionIdentifierParam=useNameParam||isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)(()=>enableLiveControls?{fullscreen:!0,livecontrols:!0}:{fullscreen:!0}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]),[collapsedCompositions,setCollapsedCompositions]=(0,_react().useState)(()=>new Set),[isDraggingTray,setIsDraggingTray]=(0,_react().useState)(!1),trayRef=(0,_react().useRef)(null),[trayHeight,setTrayHeight]=(0,_react().useState)(null),{ready,defs,values,onChange}=(0,_compositionsUi2().useLiveControls)(),onResizeStripMouseDown=(0,_react().useCallback)(e=>{if(e.button!==0)return;e.preventDefault();const startY=e.clientY,startHeight=trayRef.current?.offsetHeight??0,parentHeight=trayRef.current?.parentElement?.clientHeight??window.innerHeight,maxHeight=Math.max(120,parentHeight-80);setIsDraggingTray(!0),document.body.style.cursor="ns-resize",document.body.style.userSelect="none";let pendingHeight=startHeight,rafScheduled=!1;const applyHeight=()=>{rafScheduled=!1,trayRef.current&&(trayRef.current.style.height=`${pendingHeight}px`)},onMove=ev=>{const delta=startY-ev.clientY;pendingHeight=Math.max(120,Math.min(maxHeight,startHeight+delta)),rafScheduled||(rafScheduled=!0,requestAnimationFrame(applyHeight))},onUp=()=>{setIsDraggingTray(!1),setTrayHeight(pendingHeight),document.body.style.cursor="",document.body.style.userSelect="",document.removeEventListener("mousemove",onMove),document.removeEventListener("mouseup",onUp)};document.addEventListener("mousemove",onMove),document.addEventListener("mouseup",onUp)},[]);(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),(0,_react().useEffect)(()=>{if(enableLiveControls){setCompositionParams(current=>current.livecontrols===!0?current:_objectSpread(_objectSpread({},current),{},{livecontrols:!0}));return}setCompositionParams(current=>{if(!("livecontrols"in current))return current;const next=_objectSpread({},current);return delete next.livecontrols,next})},[enableLiveControls]);const currentCompositionHasControls=ready&&defs.length>0,currentCompositionIdentifier=currentComposition?.identifier,isTrayCollapsedForCurrent=!!currentCompositionIdentifier&&collapsedCompositions.has(currentCompositionIdentifier),showControlsTray=currentCompositionHasControls,isTrayCollapsed=showControlsTray&&isTrayCollapsedForCurrent,toggleTrayCollapsed=(0,_react().useCallback)(()=>{!currentCompositionIdentifier||setCollapsedCompositions(prev=>{const next=new Set(prev);return next.has(currentCompositionIdentifier)?next.delete(currentCompositionIdentifier):next.add(currentCompositionIdentifier),next})},[currentCompositionIdentifier]);return _react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"80%",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(_designUi4().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement(Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.toolbarButton},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"})))),_react().default.createElement(_previewUi().SandboxPermissionsAggregator,{hooks:previewSandboxHooks,onSandboxChange:setSandboxValue,component}),_react().default.createElement("div",{className:_compositionsModule().default.previewArea},isDraggingTray&&_react().default.createElement("div",{className:_compositionsModule().default.dragOverlay}),_react().default.createElement(_previewUi().PreviewPropsAggregator,{hooks:previewPropsHooks,component},previewAttrs=>_react().default.createElement(CompositionContent,_extends({},previewAttrs,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams,sandbox:sandboxValue}))),showControlsTray&&_react().default.createElement(LiveControlsTray,{trayRef,collapsed:isTrayCollapsed,height:trayHeight,ready,defs,values,onChange,onResizeStripMouseDown,onToggleExpanded:toggleTrayCollapsed}))),_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,useNameParam,includesEnvTemplate:component.preview?.includesEnvTemplate,hasLiveControls:currentCompositionHasControls,liveControlsActive:currentCompositionHasControls&&!isTrayCollapsedForCurrent,onToggleLiveControls:toggleTrayCollapsed,onSelectComposition:composition=>{if(!currentComposition||!location)return;const selectedCompositionFromUrl=params["*"],pathSegments=location.pathname.split("/").filter(x=>x);selectedCompositionFromUrl?pathSegments[pathSegments.length-1]=composition.identifier.toLowerCase():pathSegments.push(composition.identifier.toLowerCase());const urlParams=new URLSearchParams(searchParams);versionFromQueryParams&&urlParams.set("version",versionFromQueryParams);const newPath=pathSegments.join("/");navigate(`/${newPath}?${urlParams.toString()}`)},url:compositionUrl,compositions:component.compositions,active:currentComposition})),_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 LiveControlsTray({trayRef,collapsed,height,ready,defs,values,onChange,onResizeStripMouseDown,onToggleExpanded}){const trayStyle=collapsed||height===null?void 0:{height};return _react().default.createElement("div",{ref:trayRef,className:(0,_classnames().default)(_compositionsModule().default.controlsTray,collapsed&&_compositionsModule().default.controlsTrayCollapsed),style:trayStyle},!collapsed&&_react().default.createElement("div",{className:_compositionsModule().default.trayResizeStrip,onMouseDown:onResizeStripMouseDown,role:"separator","aria-orientation":"horizontal","aria-label":"Resize live controls",title:"Drag to resize"},_react().default.createElement("div",{className:_compositionsModule().default.trayDragBar})),_react().default.createElement("div",{className:_compositionsModule().default.trayHeaderInner,onClick:onToggleExpanded,role:"button",tabIndex:0,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),onToggleExpanded())},title:collapsed?"Click to expand":"Click to collapse"},_react().default.createElement("div",{className:_compositionsModule().default.trayTitleRow},_react().default.createElement(_evangelistElements().Icon,{of:"settings",className:_compositionsModule().default.trayIcon}),_react().default.createElement("span",{className:_compositionsModule().default.trayTitle},"Live Controls"),ready&&defs.length>0&&_react().default.createElement("span",{className:_compositionsModule().default.trayBadge},defs.length)),_react().default.createElement("span",{className:(0,_classnames().default)(_compositionsModule().default.trayCollapseIcon,collapsed&&_compositionsModule().default.trayCollapseIconCollapsed),"aria-hidden":!0},_react().default.createElement(_evangelistElements().Icon,{of:"right-rounded-corners"}))),!collapsed&&_react().default.createElement("div",{className:_compositionsModule().default.trayBody},ready?_react().default.createElement(_liveControlPanel().LiveControls,{defs,values,onChange}):_react().default.createElement("div",{className:_compositionsModule().default.trayEmpty},"No live controls available for this composition")))}function CompositionContent(_ref){let{component,selected,queryParams,emptyState,sandbox}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=component.environment?.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams,sandbox},componentCompositionProps))}},24010(__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,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),Object.defineProperty(exports,"LiveControls",{enumerable:!0,get:function(){return _ui().LiveControls}}),Object.defineProperty(exports,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return _ui().LiveControlsDiffPanel}}),Object.defineProperty(exports,"LiveControlsRenderer",{enumerable:!0,get:function(){return _ui().LiveControlsRenderer}}),exports.default=void 0,Object.defineProperty(exports,"useDefaultControlsSchemaResponder",{enumerable:!0,get:function(){return _useDefaultControlsSchemaResponder().useDefaultControlsSchemaResponder}});function _compositions(){const data=__webpack_require__(83453);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(75320);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(57223);return _compositions2=function(){return data},data}function _useDefaultControlsSchemaResponder(){const data=__webpack_require__(39809);return _useDefaultControlsSchemaResponder=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},32362(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),includesEnvTemplate=component.preview?.includesEnvTemplate,isScaling=component.preview?.isScaling,shouldAddNameParam=component.preview?.useNameParam||isScaling&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams,propagateError:isMinimal}))}},46592(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(29751);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(83040);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(75216);return _uiFoundationUi=function(){return data},data}function _designUi(){const data=__webpack_require__(62634);return _designUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(19304);return _baseReactNavigation=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(61941);return _compositionsUi=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(13107));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","onToggleLiveControls","hasLiveControls","liveControlsActive","active","includesEnvTemplate","useNameParam","className"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,onToggleLiveControls,hasLiveControls,liveControlsActive,active,includesEnvTemplate,useNameParam,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{setTimestamp}=(0,_compositionsUi().useLiveControls)(),shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected),selected!==active&&setTimestamp(0)},[onSelect,active,setTimestamp]),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault(),setTimestamp(0);const queryParams=new URLSearchParams;versionFromQueryParams&&queryParams.set("version",versionFromQueryParams);const basePath=location?.pathname.split("/~compositions")[0];navigate(`${basePath}/~code/${composition.filepath}?${queryParams.toString()}#search=${composition.identifier}`)},[location?.pathname,navigate,setTimestamp,versionFromQueryParams]);return _react().default.createElement("div",{className:_compositionsPanelModule().default.container},_react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(_compositionsPanelModule().default.compositionsList,className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.compositionItem,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.itemActions},hasLiveControls&&onToggleLiveControls&&composition===active&&_react().default.createElement(_designUi().Tooltip,{content:liveControlsActive?"Hide live controls":"Show live controls",placement:"bottom"},_react().default.createElement("button",{type:"button","aria-label":liveControlsActive?"Hide live controls":"Show live controls",className:(0,_classnames().default)(_compositionsPanelModule().default.actionIcon,_compositionsPanelModule().default.iconButton,liveControlsActive&&_compositionsPanelModule().default.actionIconActive),onClick:e=>{e.preventDefault(),e.stopPropagation(),onToggleLiveControls()}},_react().default.createElement(_evangelistElements().Icon,{of:"settings"}))),_react().default.createElement(_uiFoundationUi().MenuWidgetIcon,{className:_compositionsPanelModule().default.actionIcon,icon:"Code",tooltipContent:"View source",onClick:onCompositionCodeClicked(composition)}),_react().default.createElement(_designUi().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement("a",{className:(0,_classnames().default)(_compositionsPanelModule().default.actionIcon,_compositionsPanelModule().default.iconLink),target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{of:"open-tab"})))))})))}},30227(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectInput=SelectInput,exports.getInputComponent=getInputComponent;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _designInputs(){const data=__webpack_require__(94835);return _designInputs=function(){return data},data}function _designInputs2(){const data=__webpack_require__(34965);return _designInputs2=function(){return data},data}function _designInputs3(){const data=__webpack_require__(10657);return _designInputs3=function(){return data},data}function _designInputsSelectors(){const data=__webpack_require__(60909);return _designInputsSelectors=function(){return data},data}function _designUiInput(){const data=__webpack_require__(6635);return _designUiInput=function(){return data},data}function _designInputs4(){const data=__webpack_require__(67750);return _designInputs4=function(){return data},data}function _designInputs5(){const data=__webpack_require__(73745);return _designInputs5=function(){return data},data}function _useOverlay(){const data=__webpack_require__(8228);return _useOverlay=function(){return data},data}function _liveControlInputModule(){const data=_interopRequireDefault(__webpack_require__(97289));return _liveControlInputModule=function(){return data},data}function _overlayModule(){const data=_interopRequireDefault(__webpack_require__(16869));return _overlayModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function ShortTextInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs().InputText,{className:_liveControlInputModule().default.inputText,id,value:inputValue,onChange:handleChange}))}function LongTextInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs2().TextArea,{id,value:inputValue,onChange:handleChange}))}function SelectInput({value,onChange,meta}){const triggerRef=_react().default.useRef(null),[selectedValue,setSelectedValue]=_react().default.useState(value||""),[open,setOpen]=_react().default.useState(!1);_react().default.useEffect(()=>{setSelectedValue(value||"")},[value]);const options=_react().default.useMemo(()=>meta?.options?meta.options.map(o=>typeof o=="string"?{label:o,value:o}:o):[],[meta]),placeholderContent=options.find(o=>o.value===selectedValue)?.label,{position,style}=(0,_useOverlay().useOverlay)(triggerRef,open,0,{paddingTop:8,paddingBottom:8}),commitSelection=v=>{onChange(v),setSelectedValue(v),setOpen(!1)};return _react().default.createElement("div",{ref:triggerRef,className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement("div",{className:_liveControlInputModule().default.fullWidthControl},_react().default.createElement(_designInputs3().Dropdown,{className:_liveControlInputModule().default.dropdownField,placeholderContent,open,onChange:(_,isOpen)=>setOpen(isOpen),position,dropClass:_overlayModule().default.suppressNativeMenu})),open&&style&&_react().default.createElement(_useOverlay().BitPortal,null,_react().default.createElement("div",{className:_overlayModule().default.overlay,style,onMouseDown:e=>e.stopPropagation()},options.map(option=>_react().default.createElement(_designInputsSelectors().MenuItem,{className:_liveControlInputModule().default.portalMenuItem,key:option.value,active:option.value===selectedValue,onClick:()=>commitSelection(option.value)},option.label)))))}function NumberInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||0);_react().default.useEffect(()=>{setInputValue(value||0)},[value]);const handleChange=e=>{const newValue=e.target.value;isNaN(Number(newValue))?console.error("Invalid number input",newValue):(onChange(Number(newValue)||0),setInputValue(Number(newValue)||0))};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs().InputText,{id,type:"number",value:inputValue,onChange:handleChange}))}function ColorPickerPortal(props){const[open,setOpen]=_react().default.useState(!1),triggerRef=_react().default.useRef(null),{position,style}=(0,_useOverlay().useOverlay)(triggerRef,open,4,{padding:16});return _react().default.createElement("div",{ref:triggerRef},_react().default.createElement(_designUiInput().ColorPicker,_extends({},props,{open,onChange:(_,isOpen)=>setOpen(isOpen),position,dropClass:_overlayModule().default.suppressNativeMenu})),open&&style&&_react().default.createElement(_useOverlay().BitPortal,null,_react().default.createElement("div",{className:_overlayModule().default.overlay,style,onMouseDown:e=>e.stopPropagation()},_react().default.createElement(_designUiInput().ColorsBox,{onColorSelect:color=>{props.onColorSelect?.(color),setOpen(!1)},colorsList:props.colorsList,showNoColor:props.showNoColor,selected:props.value??""}))))}function ColorInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=v=>{onChange(v),setInputValue(v)};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(ColorPickerPortal,{value:inputValue,onColorSelect:handleChange,allowCustomColor:!0}))}function DateInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(new Date(value));_react().default.useEffect(()=>{setInputValue(new Date(value))},[value]);const handleChange=newValue=>{newValue&&onChange(newValue.toISOString().split("T")[0]),setInputValue(newValue)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs4().DatePicker,{date:inputValue,onChange:handleChange}))}function ToggleInput({value,onChange}){const[isChecked,setIsChecked]=_react().default.useState(!!value);_react().default.useEffect(()=>{setIsChecked(!!value)},[value]);const handleChange=event=>{const nextChecked=event?.target?.checked??!isChecked;setIsChecked(nextChecked),onChange(nextChecked)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper,_liveControlInputModule().default.toggleWrapper)},_react().default.createElement("div",{className:_liveControlInputModule().default.toggleControl},_react().default.createElement(_designInputs5().Toggle,{checked:isChecked,onInputChanged:handleChange})))}function RangeInput({value,onChange,meta,id}){const[inputValue,setInputValue]=_react().default.useState(typeof value=="number"?value:0);_react().default.useEffect(()=>{setInputValue(typeof value=="number"?value:0)},[value]);const handleChange=e=>{const newValue=Number(e.target.value);isNaN(newValue)||(onChange(newValue),setInputValue(newValue))};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper,_liveControlInputModule().default.rangeWrapper)},_react().default.createElement("input",{id,className:_liveControlInputModule().default.rangeInput,type:"range",value:inputValue,min:meta?.min,max:meta?.max,step:meta?.step,onChange:handleChange}),_react().default.createElement("div",{className:_liveControlInputModule().default.rangeValue},inputValue))}function MultiSelectInput({value,onChange,meta,id}){const[selectedValues,setSelectedValues]=_react().default.useState(Array.isArray(value)?value:[]);_react().default.useEffect(()=>{setSelectedValues(Array.isArray(value)?value:[])},[value]);const options=_react().default.useMemo(()=>meta?.options?meta.options.map(option=>typeof option=="string"?{label:option,value:option}:option):[],[meta]),handleChange=e=>{const values=Array.from(e.target.selectedOptions).map(opt=>opt.value);onChange(values),setSelectedValues(values)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement("select",{id,className:_liveControlInputModule().default.multiSelect,multiple:!0,value:selectedValues,onChange:handleChange},options.map(option=>_react().default.createElement("option",{key:option.value,value:option.value},option.label))))}function CustomInput({value,onChange,meta,id}){return typeof meta?.render=="function"?_react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},meta.render({value,onChange,id,options:meta.renderOptions})):_react().default.createElement(ShortTextInput,{id,value,onChange})}function JsonInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(JSON.stringify(value,null,2));_react().default.useEffect(()=>{setInputValue(JSON.stringify(value,null,2))},[value]);const[message,setMessage]=_react().default.useState(""),handleChange=e=>{const newValue=e.target.value;try{const parsedValue=JSON.parse(newValue);onChange(parsedValue),setMessage("")}catch{setMessage("Invalid JSON")}setInputValue(newValue)};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs2().TextArea,{id,value:inputValue,onChange:handleChange}),message&&_react().default.createElement("div",{style:{color:"red"}},message))}function getInputComponent(type){switch(type){case"text":return ShortTextInput;case"longtext":return LongTextInput;case"select":return SelectInput;case"number":return NumberInput;case"color":return ColorInput;case"date":return DateInput;case"boolean":return ToggleInput;case"range":return RangeInput;case"multiselect":return MultiSelectInput;case"json":return JsonInput;case"custom":return CustomInput;default:return console.warn(`Unknown input type: ${type}`),ShortTextInput}}},44849(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControls=LiveControls;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _liveControlPanelModule(){const data=_interopRequireDefault(__webpack_require__(68080));return _liveControlPanelModule=function(){return data},data}function _liveControlInput(){const data=__webpack_require__(30227);return _liveControlInput=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function LiveControls({defs,values,onChange,renderLabel}){return _react().default.createElement("ul",{className:(0,_classnames().default)(_liveControlPanelModule().default.container)},defs.map(field=>{const key=field.id,InputComponent=(0,_liveControlInput().getInputComponent)(field.input||"text"),labelContent=renderLabel?renderLabel(field):field.label||field.id;return _react().default.createElement("li",{key,className:(0,_classnames().default)(_liveControlPanelModule().default.item)},_react().default.createElement("div",{className:(0,_classnames().default)(_liveControlPanelModule().default.label)},_react().default.createElement("label",{htmlFor:`control-${key}`},labelContent)),_react().default.createElement("div",null,_react().default.createElement(InputComponent,{id:`control-${key}`,value:values[key],onChange:v=>onChange(key,v),meta:field})))}))}},68414(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControlsDiffPanel=LiveControlsDiffPanel;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(61941);return _compositionsUi=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(66955);return _baseUiLoaders=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(29751);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _liveControlInput(){const data=__webpack_require__(30227);return _liveControlInput=function(){return data},data}function _liveControlsDiffPanelModule(){const data=_interopRequireDefault(__webpack_require__(6117));return _liveControlsDiffPanelModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}const WAIT_FOR_CONTROLS_MS=1200;function LiveControlsDiffPanel({resetKey,baseChannel,compareChannel,commonLabel="Common",baseLabel="Base",compareLabel="Compare",showEmptyState=!0,onStatusChange}){const lastResetKeyRef=(0,_react().useRef)(null),[isWaitingForFreshData,setIsWaitingForFreshData]=(0,_react().useState)(!0),waitTimeoutRef=(0,_react().useRef)(null),currentKey=`${baseChannel||""}-${compareChannel||""}-${resetKey||""}`,model=(0,_react().useMemo)(()=>new(_compositionsUi()).DiffControlsModel(baseChannel,compareChannel),[baseChannel,compareChannel]),allChannels=(0,_react().useMemo)(()=>{const channels=[model.baseChannel,model.compareChannel];return channels.includes("default")||channels.push("default"),[...new Set(channels)]},[model.baseChannel,model.compareChannel]),combined=(0,_compositionsUi().useLiveControls)(allChannels),{ready:combinedReady,setTimestamp}=combined;(0,_react().useEffect)(()=>{lastResetKeyRef.current!==currentKey&&(lastResetKeyRef.current=currentKey,setIsWaitingForFreshData(!0),setTimestamp(0))},[currentKey,setTimestamp]);const channelsReady=Boolean(baseChannel&&compareChannel),registryReady=combinedReady||model.isReady,controls=model.controls,hasControls=controls.length>0,hasSubscribers=model.hasSubscribers,prevRegistryReady=(0,_react().useRef)(registryReady);(0,_react().useEffect)(()=>{registryReady&&!prevRegistryReady.current&&isWaitingForFreshData&&setIsWaitingForFreshData(!1),prevRegistryReady.current=registryReady},[registryReady,isWaitingForFreshData]),(0,_react().useEffect)(()=>{if(!channelsReady||registryReady||!isWaitingForFreshData){waitTimeoutRef.current!==null&&(window.clearTimeout(waitTimeoutRef.current),waitTimeoutRef.current=null);return}return waitTimeoutRef.current=window.setTimeout(()=>{setIsWaitingForFreshData(!1),waitTimeoutRef.current=null},WAIT_FOR_CONTROLS_MS),()=>{waitTimeoutRef.current!==null&&(window.clearTimeout(waitTimeoutRef.current),waitTimeoutRef.current=null)}},[channelsReady,registryReady,isWaitingForFreshData,currentKey]);const status=(0,_react().useMemo)(()=>channelsReady?isWaitingForFreshData?"loading":!registryReady&&!hasSubscribers?"empty":hasControls?"available":"empty":"empty",[channelsReady,isWaitingForFreshData,registryReady,hasSubscribers,hasControls]);(0,_react().useEffect)(()=>{onStatusChange?.(status)},[status,onStatusChange]);const handleChange=(0,_react().useCallback)((control,value)=>{model.updateControl(control.id,value,control.source)},[model]);if(status==="loading")return _react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.loader},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"68px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"52px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"72px"}));if(status==="empty")return showEmptyState?_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyState},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateIconWrap},_react().default.createElement(_evangelistElements().Icon,{of:"scan-component",className:_liveControlsDiffPanelModule().default.emptyStateIcon,"aria-hidden":!0})),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateText},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateTitle},"No live controls"),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateSubtitle},"This composition does not expose live controls."))):null;const commonControls=controls.filter(c=>c.source==="common"),baseControls=controls.filter(c=>c.source==="base"),compareControls=controls.filter(c=>c.source==="compare"),hasBaseOrCompare=baseControls.length>0||compareControls.length>0,hasBaseAndCompare=baseControls.length>0&&compareControls.length>0,getControlValue=control=>model.getValueForControl(control.id,control.source),renderControlList=list=>_react().default.createElement("ul",{className:_liveControlsDiffPanelModule().default.controlsList},list.map(control=>{const inputType=control.input||"text",isWideControl=inputType==="longtext"||inputType==="multiselect"||inputType==="json",InputComponent=(0,_liveControlInput().getInputComponent)(inputType),key=`${control.id}-${control.source}`,value=getControlValue(control);return _react().default.createElement("li",{key,className:(0,_classnames().default)(_liveControlsDiffPanelModule().default.controlRow,isWideControl&&_liveControlsDiffPanelModule().default.controlRowWide)},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlMain},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlLabel},_react().default.createElement("label",{htmlFor:`control-${key}`},control.label||control.id)),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlInput},_react().default.createElement(InputComponent,{id:`control-${key}`,value,onChange:val=>handleChange(control,val),meta:control}))))}));return _react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.container},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnsLayout},commonControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},commonLabel),renderControlList(commonControls)),commonControls.length>0&&hasBaseOrCompare&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnDivider}),baseControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},baseLabel),renderControlList(baseControls)),hasBaseAndCompare&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnDivider}),compareControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},compareLabel),renderControlList(compareControls))))}},57297(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControlsRenderer=LiveControlsRenderer;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(61941);return _compositionsUi=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function LiveControlsRenderer(){const{hasLiveControls,ready,defs,values,onChange}=(0,_compositionsUi().useLiveControls)();return hasLiveControls?ready?_react().default.createElement(_liveControlPanel().LiveControls,{defs,values,onChange}):_react().default.createElement("div",{style:{padding:12,opacity:.7}},"No live controls available."):null}},8228(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitPortal=BitPortal,exports.useOverlay=useOverlay;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _reactDom(){const data=_interopRequireDefault(__webpack_require__(2163));return _reactDom=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}const GAP=4;function useOverlay(anchorRef,open,gap=GAP,extraStyle){const[position,setPosition]=_react().default.useState("bottom"),[style,setStyle]=_react().default.useState(null);return _react().default.useLayoutEffect(()=>{if(!open||!anchorRef.current)return;const rect=anchorRef.current.getBoundingClientRect(),below=window.innerHeight-rect.bottom-gap,above=rect.top-gap,pos=below<240&&above>below?"top":"bottom";setPosition(pos),setStyle(_objectSpread(_objectSpread({},extraStyle),{},{left:rect.left,maxWidth:rect.width,maxHeight:240,top:pos==="bottom"?rect.bottom+gap:void 0,bottom:pos==="top"?window.innerHeight-rect.top+gap:void 0}))},[open]),{position,style}}function BitPortal({children}){return _reactDom().default.createPortal(children,document.body)}},489(__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}}),Object.defineProperty(exports,"LiveControls",{enumerable:!0,get:function(){return _liveControlPanel().LiveControls}}),Object.defineProperty(exports,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return _liveControlsDiffPanel().LiveControlsDiffPanel}}),Object.defineProperty(exports,"LiveControlsRenderer",{enumerable:!0,get:function(){return _liveControlsRenderer().LiveControlsRenderer}});function _compositionPreview(){const data=__webpack_require__(32362);return _compositionPreview=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _liveControlsDiffPanel(){const data=__webpack_require__(68414);return _liveControlsDiffPanel=function(){return data},data}function _liveControlsRenderer(){const data=__webpack_require__(57297);return _liveControlsRenderer=function(){return data},data}},39809(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDefaultControlsSchemaResponder=useDefaultControlsSchemaResponder;function _react(){const data=__webpack_require__(12888);return _react=function(){return data},data}function _apiReferenceHooks(){const data=__webpack_require__(19633);return _apiReferenceHooks=function(){return data},data}const DEFAULT_CONTROLS_REQUEST="composition-live-controls:request-default-controls",DEFAULT_CONTROLS_RESPONSE="composition-live-controls:default-controls";function useDefaultControlsSchemaResponder(componentId,enabled=!0){const pendingRequestsRef=(0,_react().useRef)([]),apiComponentId=enabled&&componentId?componentId:void 0,{apiModel}=(0,_apiReferenceHooks().useAPI)(apiComponentId,[],{skipInternals:!1}),schemaObject=(0,_react().useMemo)(()=>apiModel?._api?.toObject(),[apiModel]),respondWithSchema=(0,_react().useCallback)(request=>{if(!schemaObject)return!1;try{return request.source.postMessage({type:DEFAULT_CONTROLS_RESPONSE,payload:{id:request.id,name:request.name,schema:schemaObject}},request.origin||"*"),!0}catch{return!1}},[schemaObject]),onDefaultControlsRequest=(0,_react().useCallback)(event=>{if(!enabled||!componentId)return;const{data}=event;if(!data||data.type!==DEFAULT_CONTROLS_REQUEST)return;const payload=data.payload;if(!payload?.id||!payload?.name||payload.id!==componentId)return;const source=event.source;if(!source||source===window)return;const request={id:payload.id,name:payload.name,source,origin:event.origin||"*"};if(!schemaObject){pendingRequestsRef.current.push(request);return}respondWithSchema(request)},[componentId,enabled,respondWithSchema,schemaObject]);(0,_react().useEffect)(()=>{if(!enabled||!componentId){pendingRequestsRef.current=[];return}return window.addEventListener("message",onDefaultControlsRequest),()=>{window.removeEventListener("message",onDefaultControlsRequest)}},[componentId,enabled,onDefaultControlsRequest]),(0,_react().useEffect)(()=>{if(!schemaObject||pendingRequestsRef.current.length===0)return;const pending=pendingRequestsRef.current;pendingRequestsRef.current=[],pending.forEach(respondWithSchema)},[schemaObject,respondWithSchema])}},10623(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AccountTypes=void 0,exports.Avatar=Avatar;const jsx_runtime_1=__webpack_require__(11684),default_avatar_1=__webpack_require__(19963),org_avatar_1=__webpack_require__(71962),user_avatar_1=__webpack_require__(82823);var AccountTypes;(function(AccountTypes2){AccountTypes2.org="organization",AccountTypes2.user="user",AccountTypes2.default="default"})(AccountTypes||(exports.AccountTypes=AccountTypes={}));function Avatar({account,...rest}){if(!account)return(0,jsx_runtime_1.jsx)(default_avatar_1.DefaultAvatar,{...rest});const{type,name,displayName,image}=account,accountObj={name,displayName,profileImage:image};return type==="user"?(0,jsx_runtime_1.jsx)(user_avatar_1.UserAvatar,{account:accountObj,...rest}):type==="org"?(0,jsx_runtime_1.jsx)(org_avatar_1.OrgAvatar,{account:accountObj,...rest}):(0,jsx_runtime_1.jsx)(default_avatar_1.DefaultAvatar,{...rest})}},19963(__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.DefaultAvatar=DefaultAvatar;const jsx_runtime_1=__webpack_require__(11684),classnames_1=__importDefault(__webpack_require__(97500)),styles_module_scss_1=__importDefault(__webpack_require__(64211));function DefaultAvatar({size=32,children,className,...rest}){return(0,jsx_runtime_1.jsxs)("div",{className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{width:`${size}px`,height:`${size}px`,fontSize:`${size*.35}px`,lineHeight:`${size}px`},...rest,children:["?",children]})}},19988(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=exports.UserAvatar=__webpack_unused_export__=__webpack_unused_export__=void 0;var avatar_1=__webpack_require__(10623);__webpack_unused_export__={enumerable:!0,get:function(){return avatar_1.AccountTypes}},__webpack_unused_export__={enumerable:!0,get:function(){return avatar_1.Avatar}};var user_avatar_1=__webpack_require__(82823);Object.defineProperty(exports,"UserAvatar",{enumerable:!0,get:function(){return user_avatar_1.UserAvatar}});var org_avatar_1=__webpack_require__(71962);__webpack_unused_export__={enumerable:!0,get:function(){return org_avatar_1.OrgAvatar}};var default_avatar_1=__webpack_require__(19963);__webpack_unused_export__={enumerable:!0,get:function(){return default_avatar_1.DefaultAvatar}}},71962(__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.OrgAvatar=OrgAvatar;const jsx_runtime_1=__webpack_require__(11684),classnames_1=__importDefault(__webpack_require__(97500)),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),styles_module_scss_1=__importDefault(__webpack_require__(64211));function OrgAvatar({account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,widthStretch=!0,children,...rest}){const{profileImage=""}=account,profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor,widthStretch);return(0,jsx_runtime_1.jsxs)("div",{className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`},...rest,children:[profileImageWithParams&&(0,jsx_runtime_1.jsx)("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,imgClassName)}),!profileImage&&(0,jsx_runtime_1.jsx)("span",{className:styles_module_scss_1.default.defaultAvatar,children:(0,jsx_runtime_1.jsx)("i",{className:"bitcon-organization",style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}})}),children]})}},82823(__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.UserAvatar=UserAvatar;const jsx_runtime_1=__webpack_require__(11684),classnames_1=__importDefault(__webpack_require__(97500)),design_elements_icon_1=__webpack_require__(516),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),toolbox_string_get_initials_1=__webpack_require__(76137),design_ui_styles_colors_by_letter_1=__webpack_require__(56104),design_ui_styles_ellipsis_1=__webpack_require__(38348),design_ui_tooltip_1=__webpack_require__(62634),styles_module_scss_1=__importDefault(__webpack_require__(64211));function UserAvatar({account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,showTooltip=!1,tooltipPlacement="bottom",extendTooltipContent,children,...rest}){const{profileImage="",name="",displayName=""}=account,firstLetter=name[0]||displayName[0],profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor),colors=firstLetter&&design_ui_styles_colors_by_letter_1.letterBgColors[firstLetter.toLowerCase()],avatar=(0,jsx_runtime_1.jsxs)("div",{className:(0,classnames_1.default)(colors,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`},...rest,children:[profileImageWithParams&&(0,jsx_runtime_1.jsx)("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,profileImage.startsWith("blob:")&&styles_module_scss_1.default.blob,imgClassName)}),(displayName||name)&&(0,jsx_runtime_1.jsx)("span",{className:styles_module_scss_1.default.letter,style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`},children:(0,toolbox_string_get_initials_1.getInitials)(displayName||name)}),!displayName&&!name&&!profileImageWithParams&&!firstLetter&&(0,jsx_runtime_1.jsx)(design_elements_icon_1.Icon,{of:"solo-avatar",style:{fontSize:`${size}px`},className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,styles_module_scss_1.default.soloAvatarIcon)}),children]});return showTooltip?(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{placement:tooltipPlacement,content:(0,jsx_runtime_1.jsxs)("div",{className:design_ui_styles_ellipsis_1.ellipsis,children:[(0,jsx_runtime_1.jsx)("span",{children:displayName?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[displayName," (@",name,")"]}):(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:["@",name]})}),extendTooltipContent]}),children:avatar}):avatar}},52464(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.TimeAgo=void 0;var time_ago_1=__webpack_require__(89587);Object.defineProperty(exports,"TimeAgo",{enumerable:!0,get:function(){return time_ago_1.TimeAgo}})},89587(__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.TimeAgo=TimeAgo;const jsx_runtime_1=__webpack_require__(11684),react_1=__webpack_require__(12888),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_utils_time_ago_1=__importDefault(__webpack_require__(28042)),design_ui_tooltip_1=__webpack_require__(62634),time_ago_module_scss_1=__importDefault(__webpack_require__(66018));function TimeAgo({date,tooltip,className,...rest}){const[refreshIdx,forceUpdate]=(0,react_1.useReducer)(x=>x+1,0);(0,react_1.useEffect)(()=>{const tId=setInterval(()=>forceUpdate(),6e4);return()=>clearInterval(tId)},[]);const formatted=(0,react_1.useMemo)(()=>(0,base_ui_utils_time_ago_1.default)(date),[date,refreshIdx]);return(element=>tooltip===void 0?element:(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{className:time_ago_module_scss_1.default.dateTooltip,placement:"top",content:(0,jsx_runtime_1.jsx)("div",{className:time_ago_module_scss_1.default.dateTooltipContent,children:tooltip}),children:element}))((0,jsx_runtime_1.jsx)("span",{...rest,className:(0,classnames_1.default)(className),children:formatted}))}},62634(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.tippy=exports.useSingleton=exports.TooltipMountPoint=exports.SingletonTooltipProvider=exports.useCtxTooltipInstance=exports.ProvideTooltipInstance=exports.Tooltip=void 0;var tooltip_1=__webpack_require__(29);Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return tooltip_1.Tooltip}});var shared_instance_1=__webpack_require__(333);Object.defineProperty(exports,"ProvideTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.ProvideTooltipInstance}}),Object.defineProperty(exports,"useCtxTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.useCtxTooltipInstance}});var singleton_instance_1=__webpack_require__(15643);Object.defineProperty(exports,"SingletonTooltipProvider",{enumerable:!0,get:function(){return singleton_instance_1.SingletonTooltipProvider}});var mount_point_1=__webpack_require__(66872);Object.defineProperty(exports,"TooltipMountPoint",{enumerable:!0,get:function(){return mount_point_1.TooltipMountPoint}});var react_1=__webpack_require__(13032);Object.defineProperty(exports,"useSingleton",{enumerable:!0,get:function(){return react_1.useSingleton}}),Object.defineProperty(exports,"tippy",{enumerable:!0,get:function(){return react_1.tippy}})},66872(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mountId=void 0,exports.getMountPoint=getMountPoint,exports.TooltipMountPoint=TooltipMountPoint;const jsx_runtime_1=__webpack_require__(11684);exports.mountId="tooltip-mount-point";function getMountPoint(ref){return document.getElementById(exports.mountId)||ref.parentElement||document.body}function TooltipMountPoint(){return(0,jsx_runtime_1.jsx)("div",{id:exports.mountId})}},333(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProvideTooltipInstance=ProvideTooltipInstance,exports.useCtxTooltipInstance=useCtxTooltipInstance;const jsx_runtime_1=__webpack_require__(11684),react_1=__webpack_require__(12888),singletonContext=(0,react_1.createContext)(void 0);function ProvideTooltipInstance({value,children}){return(0,jsx_runtime_1.jsx)(singletonContext.Provider,{value,children})}function useCtxTooltipInstance(){return(0,react_1.useContext)(singletonContext)}},15643(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SingletonTooltipProvider=SingletonTooltipProvider;const jsx_runtime_1=__webpack_require__(11684),react_1=__webpack_require__(13032),shared_instance_1=__webpack_require__(333),tooltip_1=__webpack_require__(29);function SingletonTooltipProvider({children,disabled,overrides,...rest}){const[tooltipSource,tooltipTarget]=(0,react_1.useSingleton)({disabled,overrides});return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(tooltip_1.Tooltip,{...rest,singleton:tooltipSource}),(0,jsx_runtime_1.jsx)(shared_instance_1.ProvideTooltipInstance,{value:tooltipTarget,children})]})}},29(__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.Tooltip=Tooltip;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),ui_foundation_ui_hooks_use_is_mobile_1=__webpack_require__(53663),base_ui_theme_dark_theme_1=__webpack_require__(23300),react_2=__importDefault(__webpack_require__(13032)),tippy_js_1=__webpack_require__(16406);__webpack_require__(27531),__webpack_require__(57863);const mount_point_1=__webpack_require__(66872),shared_instance_1=__webpack_require__(333);__webpack_require__(14519);const THEME="teambit",FORWARD_REF=Symbol.for("react.forward_ref"),MEMO=Symbol.for("react.memo");function acceptsRef(node){if(!react_1.default.isValidElement(node))return!1;const type=node.type;if(typeof type=="string"||type?.prototype?.isReactComponent||type?.$$typeof===FORWARD_REF)return!0;if(type?.$$typeof===MEMO){const inner=type.type;return typeof inner=="string"||inner?.$$typeof===FORWARD_REF||!!inner?.prototype?.isReactComponent}return!1}const popperOptions={modifiers:[{name:"arrow",options:{padding:5}}]};function Tooltip({children,breakline,singleton,visibleOnMobile,className,...rest}){const isMobile=(0,ui_foundation_ui_hooks_use_is_mobile_1.useIsMobile)();if(!visibleOnMobile&&isMobile)return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children});const ctxInstance=(0,shared_instance_1.useCtxTooltipInstance)(),singletonInstance=singleton||ctxInstance,child=acceptsRef(children)?children:(0,jsx_runtime_1.jsx)("span",{children});return(0,jsx_runtime_1.jsx)(react_2.default,{arrow:tippy_js_1.roundArrow,className:(0,classnames_1.default)(base_ui_theme_dark_theme_1.darkMode,breakline&&"tippy-breakLine",className),theme:THEME,interactive:!0,appendTo:mount_point_1.getMountPoint,popperOptions,...rest,singleton:singletonInstance,children:child})}},90896(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.docsFields=void 0,exports.useDocs=useDocs;const client_1=__webpack_require__(6083);exports.docsFields=(0,client_1.gql)`
   fragment docsFields on ReactDocs {
     abstract
     properties {
@@ -728,7 +728,7 @@ ${body}`});return`
     }
   }
   ${exports.docsFields}
-`;function useDocs(componentId){const{data}=(0,client_1.useQuery)(getProperties,{variables:{id:componentId.toString()}});return data?.getHost?.getDocs?.properties}},7422(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDocs=exports.docsFields=void 0;var get_docs_1=__webpack_require__(90896);Object.defineProperty(exports,"docsFields",{enumerable:!0,get:function(){return get_docs_1.docsFields}}),Object.defineProperty(exports,"useDocs",{enumerable:!0,get:function(){return get_docs_1.useDocs}})},32021(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DocsAspect=void 0;function _harmony(){const data=__webpack_require__(72631);return _harmony=function(){return data},data}const DocsAspect=exports.DocsAspect=_harmony().Aspect.create({id:"teambit.docs/docs",dependencies:[],defaultConfig:{}});var _default=exports.default=DocsAspect},50207(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultDocs=void 0;const defaultDocs=exports.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},82894(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),__webpack_unused_export__={enumerable:!0,get:function(){return _docsEntities().Doc}},__webpack_unused_export__={enumerable:!0,get:function(){return _docsEntities().DocProp}},__webpack_unused_export__={enumerable:!0,get:function(){return _docsEntities().DocPropList}},__webpack_unused_export__={enumerable:!0,get:function(){return _docs().DocsAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _overview().Overview}},__webpack_unused_export__=void 0,Object.defineProperty(exports,"defaultDocs",{enumerable:!0,get:function(){return _docs2().defaultDocs}});function _docs(){const data=__webpack_require__(32021);return _docs=function(){return data},data}function _docsEntities(){const data=__webpack_require__(38975);return _docsEntities=function(){return data},data}function _docs2(){const data=__webpack_require__(50207);return _docs2=function(){return data},data}function _overview(){const data=__webpack_require__(45688);return _overview=function(){return data},data}var _default=__webpack_unused_export__=_docs().DocsAspect},45688(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}});function _overview(){const data=__webpack_require__(77237);return _overview=function(){return data},data}},77237(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgePosition=void 0,exports.Overview=Overview;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(92935);return _lodash=function(){return data},data}function _component(){const data=__webpack_require__(30266);return _component=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(4080);return _designUiSurfaces=function(){return data},data}function _componentUi(){const data=__webpack_require__(71169);return _componentUi=function(){return data},data}function _compositionsPanels(){const data=__webpack_require__(55970);return _compositionsPanels=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}function _readmeSkeleton(){const data=__webpack_require__(19014);return _readmeSkeleton=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(19624));return _overviewModule=function(){return data},data}const _excluded=["onLoad","style"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}let BadgePosition=exports.BadgePosition=function(BadgePosition2){return BadgePosition2[BadgePosition2.Title=0]="Title",BadgePosition2[BadgePosition2.SubTitle=1]="SubTitle",BadgePosition2[BadgePosition2.Labels=2]="Labels",BadgePosition2[BadgePosition2.Package=3]="Package",BadgePosition2}({});function Overview({titleBadges,overviewOptions,previewProps,getEmptyState,TaggedAPI,usePreviewSandboxSlot,usePreviewPropsSlot}){const component=(0,_react().useContext)(_component().ComponentContext),componentDescriptor=(0,_component().useComponentDescriptor)(),overviewProps=(0,_lodash().flatten)(overviewOptions.values())[0],showHeader=!component.preview?.legacyHeader,EmptyState=getEmptyState&&getEmptyState(),buildFailed=component.buildStatus?.toLowerCase()!=="succeed"&&component?.host==="teambit.scope/scope",isScaling=Boolean(component.preview?.isScaling),includesEnvTemplate=Boolean(component.preview?.includesEnvTemplate),defaultLoadingState=_react().default.useMemo(()=>isScaling&&!includesEnvTemplate,[isScaling,includesEnvTemplate]),{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),[isLoading,setLoading]=(0,_react().useState)(defaultLoadingState),previewSandboxHooks=usePreviewSandboxSlot?.values()??[],previewPropsHooks=usePreviewPropsSlot?.values()??[],[sandboxValue,setSandboxValue]=(0,_react().useState)(""),iframeQueryParams=`onlyOverview=${component.preview?.onlyOverview||"false"}&skipIncludes=${component.preview?.skipIncludes||component.preview?.onlyOverview}`,overviewPropsValues=overviewProps&&overviewProps(),{renderCompositionsFirst,defaultPkgManager}=overviewPropsValues||{},_ref=previewProps||{},{onLoad,style}=_ref,rest=_objectWithoutProperties(_ref,_excluded),onPreviewLoad=_react().default.useCallback((e,props)=>{setLoading(!1),onLoad?.(e,props)},[onLoad]);return _react().default.useEffect(()=>{!isLoading&&defaultLoadingState&&setLoading(!0),isLoading&&!defaultLoadingState&&setLoading(!1)},[component.id.toString(),defaultLoadingState]),_react().default.createElement("div",{className:(0,_classnames().default)(_overviewModule().default.overviewWrapper,isLoading&&_overviewModule().default.noOverflow),key:`${component.id.toString()}`},_react().default.createElement(_previewUi().SandboxPermissionsAggregator,{hooks:previewSandboxHooks,onSandboxChange:setSandboxValue,component}),showHeader&&_react().default.createElement(_componentUi().ComponentOverview,{className:(0,_classnames().default)(_overviewModule().default.componentOverviewBlock,!isScaling&&_overviewModule().default.legacyPreview),displayName:component.displayName,abstract:component.description,labels:component.labels,packageName:component.packageName,titleBadges:(0,_lodash().flatten)(titleBadges.values()),componentDescriptor,component,pkgManager:defaultPkgManager}),!buildFailed&&_react().default.createElement("div",{className:_overviewModule().default.readme},isLoading&&_react().default.createElement(_readmeSkeleton().ReadmeSkeleton,null,_react().default.createElement(_compositionsPanels().CompositionGallerySkeleton,{compositionsLength:Math.min(component.compositions.length,3)})),_react().default.createElement(_previewUi().PreviewPropsAggregator,{hooks:previewPropsHooks,component},previewAttrs=>!isMinimal&&!renderCompositionsFirst?_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(_previewUi().ComponentPreview,_extends({},previewAttrs,{onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,sandbox:sandboxValue},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}})),component.preview?.onlyOverview&&!isLoading&&_react().default.createElement(_compositionsPanels().CompositionGallery,{component,sandbox:sandboxValue})):_react().default.createElement(_react().default.Fragment,null,component.preview?.onlyOverview&&!isLoading&&_react().default.createElement(_compositionsPanels().CompositionGallery,{component,sandbox:sandboxValue}),_react().default.createElement(_previewUi().ComponentPreview,_extends({},previewAttrs,{onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,propagateError:isMinimal,sandbox:sandboxValue},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}})))),component.preview?.onlyOverview&&!isLoading&&TaggedAPI&&_react().default.createElement(TaggedAPI,{componentId:component.id.toString()})),buildFailed&&(EmptyState?_react().default.createElement(EmptyState,null):_react().default.createElement("div",{className:_overviewModule().default.buildFailed},_react().default.createElement(BuildStatusMessage,{buildStatus:component.buildStatus}))))}function BuildStatusMessage({buildStatus}){return buildStatus?.toLowerCase()==="pending"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{status:"PROCESSING",title:"component preview pending"},"this might take some time"):_react().default.createElement(_designUiSurfaces().StatusMessageCard,{status:"FAILURE",title:"failed to get component preview"})}},19014(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReadmeSkeleton=ReadmeSkeleton;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(66955);return _baseUiLoaders=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(19624));return _overviewModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ReadmeSkeleton({children}){return _react().default.createElement("div",{className:_overviewModule().default.readmeSkeleton},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"80%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"70%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"40%",style:{marginBottom:40}}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"30%",style:{marginBottom:16}}),_react().default.createElement(_baseUiLoaders().BlockSkeleton,{lines:10,style:{width:"100%",marginBottom:40}}),children)}},30969(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanes=exports.LanesProvider=exports.useLanesContext=exports.LanesContext=void 0;var lanes_context_1=__webpack_require__(18444);Object.defineProperty(exports,"LanesContext",{enumerable:!0,get:function(){return lanes_context_1.LanesContext}}),Object.defineProperty(exports,"useLanesContext",{enumerable:!0,get:function(){return lanes_context_1.useLanesContext}});var lanes_provider_1=__webpack_require__(57378);Object.defineProperty(exports,"LanesProvider",{enumerable:!0,get:function(){return lanes_provider_1.LanesProvider}});var use_lanes_1=__webpack_require__(72816);Object.defineProperty(exports,"useLanes",{enumerable:!0,get:function(){return use_lanes_1.useLanes}})},18444(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanesContext=exports.LanesContext=void 0;const react_1=__webpack_require__(12888);exports.LanesContext=(0,react_1.createContext)(void 0);const useLanesContext=()=>(0,react_1.useContext)(exports.LanesContext);exports.useLanesContext=useLanesContext},57378(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesProvider=LanesProvider;const jsx_runtime_1=__webpack_require__(11684),react_1=__webpack_require__(12888),lanes_ui_models_lanes_model_1=__webpack_require__(1453),ui_foundation_ui_react_router_use_query_1=__webpack_require__(55786),base_react_navigation_link_1=__webpack_require__(19304),lanes_context_1=__webpack_require__(18444),use_lanes_1=__webpack_require__(72816);function LanesProvider({children,viewedLaneId:viewedLaneIdProp,targetLanes,ignoreDerivingFromUrl:ignoreDerivingFromUrlProp,skipNetworkCall,options:optionsProp={},useScope,loading:loadingFromProps}){const{scope}=useScope?.()||{},query=(0,ui_foundation_ui_react_router_use_query_1.useQuery)(),location=(0,base_react_navigation_link_1.useLocation)(),skip=skipNetworkCall||Boolean(targetLanes),ignoreDerivingFromUrl=(0,react_1.useCallback)(_location=>ignoreDerivingFromUrlProp?ignoreDerivingFromUrlProp.some(fn=>fn(_location)):!1,[ignoreDerivingFromUrlProp]),[viewedLaneId,setViewedLaneId]=(0,react_1.useState)(()=>{if(viewedLaneIdProp)return viewedLaneIdProp;if(!ignoreDerivingFromUrl(location)){const laneIdFromUrl=location?.pathname?lanes_ui_models_lanes_model_1.LanesModel.getLaneIdFromPathname(location.pathname,query):void 0;if(laneIdFromUrl)return laneIdFromUrl}});(0,react_1.useEffect)(()=>{viewedLaneIdProp&&setViewedLaneId(viewedLaneIdProp)},[viewedLaneIdProp?.toString()]),(0,react_1.useEffect)(()=>{if(ignoreDerivingFromUrl(location))return;const laneIdFromUrl=location?.pathname?lanes_ui_models_lanes_model_1.LanesModel.getLaneIdFromPathname(location.pathname,query):void 0;laneIdFromUrl&&(!viewedLaneId||!viewedLaneId.isEqual(laneIdFromUrl))&&setViewedLaneId(laneIdFromUrl)},[location?.pathname,query.toString(),viewedLaneId?.toString(),ignoreDerivingFromUrl]);const options=(0,react_1.useMemo)(()=>({skip,ids:optionsProp.ids??(viewedLaneId?[viewedLaneId.toString()]:void 0),offset:optionsProp.offset??0,limit:optionsProp.limit??10,...optionsProp}),[skip,optionsProp,viewedLaneId?.toString()]),{lanesModel,loading:loadingLanesModel,hasMore,fetchMoreLanes,offset,limit}=(0,use_lanes_1.useLanes)(targetLanes,skipNetworkCall,options,void 0,scope),loading=(0,react_1.useMemo)(()=>loadingFromProps||loadingLanesModel,[loadingFromProps,loadingLanesModel]),lanesState=(0,react_1.useMemo)(()=>{if(lanesModel){const newState=new lanes_ui_models_lanes_model_1.LanesModel({...lanesModel}),laneIdToSet=viewedLaneId||newState.currentLane?.id||newState.lanes.find(lane=>lane.id.isDefault())?.id;return newState.setViewedOrDefaultLane(laneIdToSet),newState}},[Boolean(lanesModel),lanesModel?.viewedLane?.id.toString(),viewedLaneId?.toString(),loading,lanesModel?.lanes.map(lane=>lane.id.toString()).join(",")]),updateViewedLane=(0,react_1.useCallback)(lane=>{setViewedLaneId(lane)},[]),addLanes=(0,react_1.useCallback)(newLanes=>(lanesModel&&lanesModel.addLanes(newLanes),lanesModel),[Boolean(lanesModel),lanesModel?.lanes.map(lane=>lane.id.toString()).join(",")]),lanesContextModel=(0,react_1.useMemo)(()=>({lanesModel:lanesState,updateViewedLane,loading,hasMore,fetchMoreLanes,options,offset,limit,addLanes}),[Boolean(lanesState),lanesState?.viewedLane?.id.toString(),lanesState?.lanes.map(lane=>lane.id.toString()).join(","),updateViewedLane,loading,hasMore,fetchMoreLanes,options,offset,limit,addLanes]);return(0,jsx_runtime_1.jsx)(lanes_context_1.LanesContext.Provider,{value:lanesContextModel,children})}},72816(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanes=exports.useSearchLanes=void 0;const react_1=__webpack_require__(12888),ui_foundation_ui_hooks_use_data_query_1=__webpack_require__(7622),lanes_ui_models_lanes_model_1=__webpack_require__(1453),client_1=__webpack_require__(6083),lodash_1=__webpack_require__(92935),lanes_context_1=__webpack_require__(18444),GET_LANES=(0,client_1.gql)`
+`;function useDocs(componentId){const{data}=(0,client_1.useQuery)(getProperties,{variables:{id:componentId.toString()}});return data?.getHost?.getDocs?.properties}},7422(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDocs=exports.docsFields=void 0;var get_docs_1=__webpack_require__(90896);Object.defineProperty(exports,"docsFields",{enumerable:!0,get:function(){return get_docs_1.docsFields}}),Object.defineProperty(exports,"useDocs",{enumerable:!0,get:function(){return get_docs_1.useDocs}})},32021(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DocsAspect=void 0;function _harmony(){const data=__webpack_require__(95012);return _harmony=function(){return data},data}const DocsAspect=exports.DocsAspect=_harmony().Aspect.create({id:"teambit.docs/docs",dependencies:[],defaultConfig:{}});var _default=exports.default=DocsAspect},50207(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultDocs=void 0;const defaultDocs=exports.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},82894(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),__webpack_unused_export__={enumerable:!0,get:function(){return _docsEntities().Doc}},__webpack_unused_export__={enumerable:!0,get:function(){return _docsEntities().DocProp}},__webpack_unused_export__={enumerable:!0,get:function(){return _docsEntities().DocPropList}},__webpack_unused_export__={enumerable:!0,get:function(){return _docs().DocsAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _overview().Overview}},__webpack_unused_export__=void 0,Object.defineProperty(exports,"defaultDocs",{enumerable:!0,get:function(){return _docs2().defaultDocs}});function _docs(){const data=__webpack_require__(32021);return _docs=function(){return data},data}function _docsEntities(){const data=__webpack_require__(38975);return _docsEntities=function(){return data},data}function _docs2(){const data=__webpack_require__(50207);return _docs2=function(){return data},data}function _overview(){const data=__webpack_require__(45688);return _overview=function(){return data},data}var _default=__webpack_unused_export__=_docs().DocsAspect},45688(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}});function _overview(){const data=__webpack_require__(77237);return _overview=function(){return data},data}},77237(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgePosition=void 0,exports.Overview=Overview;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(92935);return _lodash=function(){return data},data}function _component(){const data=__webpack_require__(30266);return _component=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(4080);return _designUiSurfaces=function(){return data},data}function _componentUi(){const data=__webpack_require__(71169);return _componentUi=function(){return data},data}function _compositionsPanels(){const data=__webpack_require__(55970);return _compositionsPanels=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}function _readmeSkeleton(){const data=__webpack_require__(19014);return _readmeSkeleton=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(19624));return _overviewModule=function(){return data},data}const _excluded=["onLoad","style"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}let BadgePosition=exports.BadgePosition=function(BadgePosition2){return BadgePosition2[BadgePosition2.Title=0]="Title",BadgePosition2[BadgePosition2.SubTitle=1]="SubTitle",BadgePosition2[BadgePosition2.Labels=2]="Labels",BadgePosition2[BadgePosition2.Package=3]="Package",BadgePosition2}({});function Overview({titleBadges,overviewOptions,previewProps,getEmptyState,TaggedAPI,usePreviewSandboxSlot,usePreviewPropsSlot}){const component=(0,_react().useContext)(_component().ComponentContext),componentDescriptor=(0,_component().useComponentDescriptor)(),overviewProps=(0,_lodash().flatten)(overviewOptions.values())[0],showHeader=!component.preview?.legacyHeader,EmptyState=getEmptyState&&getEmptyState(),buildFailed=component.buildStatus?.toLowerCase()!=="succeed"&&component?.host==="teambit.scope/scope",isScaling=Boolean(component.preview?.isScaling),includesEnvTemplate=Boolean(component.preview?.includesEnvTemplate),defaultLoadingState=_react().default.useMemo(()=>isScaling&&!includesEnvTemplate,[isScaling,includesEnvTemplate]),{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),[isLoading,setLoading]=(0,_react().useState)(defaultLoadingState),previewSandboxHooks=usePreviewSandboxSlot?.values()??[],previewPropsHooks=usePreviewPropsSlot?.values()??[],[sandboxValue,setSandboxValue]=(0,_react().useState)(""),iframeQueryParams=`onlyOverview=${component.preview?.onlyOverview||"false"}&skipIncludes=${component.preview?.skipIncludes||component.preview?.onlyOverview}`,overviewPropsValues=overviewProps&&overviewProps(),{renderCompositionsFirst,defaultPkgManager}=overviewPropsValues||{},_ref=previewProps||{},{onLoad,style}=_ref,rest=_objectWithoutProperties(_ref,_excluded),onPreviewLoad=_react().default.useCallback((e,props)=>{setLoading(!1),onLoad?.(e,props)},[onLoad]);return _react().default.useEffect(()=>{!isLoading&&defaultLoadingState&&setLoading(!0),isLoading&&!defaultLoadingState&&setLoading(!1)},[component.id.toString(),defaultLoadingState]),_react().default.createElement("div",{className:(0,_classnames().default)(_overviewModule().default.overviewWrapper,isLoading&&_overviewModule().default.noOverflow),key:`${component.id.toString()}`},_react().default.createElement(_previewUi().SandboxPermissionsAggregator,{hooks:previewSandboxHooks,onSandboxChange:setSandboxValue,component}),showHeader&&_react().default.createElement(_componentUi().ComponentOverview,{className:(0,_classnames().default)(_overviewModule().default.componentOverviewBlock,!isScaling&&_overviewModule().default.legacyPreview),displayName:component.displayName,abstract:component.description,labels:component.labels,packageName:component.packageName,titleBadges:(0,_lodash().flatten)(titleBadges.values()),componentDescriptor,component,pkgManager:defaultPkgManager}),!buildFailed&&_react().default.createElement("div",{className:_overviewModule().default.readme},isLoading&&_react().default.createElement(_readmeSkeleton().ReadmeSkeleton,null,_react().default.createElement(_compositionsPanels().CompositionGallerySkeleton,{compositionsLength:Math.min(component.compositions.length,3)})),_react().default.createElement(_previewUi().PreviewPropsAggregator,{hooks:previewPropsHooks,component},previewAttrs=>!isMinimal&&!renderCompositionsFirst?_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(_previewUi().ComponentPreview,_extends({},previewAttrs,{onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,sandbox:sandboxValue},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}})),component.preview?.onlyOverview&&!isLoading&&_react().default.createElement(_compositionsPanels().CompositionGallery,{component,sandbox:sandboxValue})):_react().default.createElement(_react().default.Fragment,null,component.preview?.onlyOverview&&!isLoading&&_react().default.createElement(_compositionsPanels().CompositionGallery,{component,sandbox:sandboxValue}),_react().default.createElement(_previewUi().ComponentPreview,_extends({},previewAttrs,{onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,propagateError:isMinimal,sandbox:sandboxValue},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}})))),component.preview?.onlyOverview&&!isLoading&&TaggedAPI&&_react().default.createElement(TaggedAPI,{componentId:component.id.toString()})),buildFailed&&(EmptyState?_react().default.createElement(EmptyState,null):_react().default.createElement("div",{className:_overviewModule().default.buildFailed},_react().default.createElement(BuildStatusMessage,{buildStatus:component.buildStatus}))))}function BuildStatusMessage({buildStatus}){return buildStatus?.toLowerCase()==="pending"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{status:"PROCESSING",title:"component preview pending"},"this might take some time"):_react().default.createElement(_designUiSurfaces().StatusMessageCard,{status:"FAILURE",title:"failed to get component preview"})}},19014(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReadmeSkeleton=ReadmeSkeleton;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(66955);return _baseUiLoaders=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(19624));return _overviewModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ReadmeSkeleton({children}){return _react().default.createElement("div",{className:_overviewModule().default.readmeSkeleton},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"80%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"70%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"40%",style:{marginBottom:40}}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"30%",style:{marginBottom:16}}),_react().default.createElement(_baseUiLoaders().BlockSkeleton,{lines:10,style:{width:"100%",marginBottom:40}}),children)}},30969(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanes=exports.LanesProvider=exports.useLanesContext=exports.LanesContext=void 0;var lanes_context_1=__webpack_require__(18444);Object.defineProperty(exports,"LanesContext",{enumerable:!0,get:function(){return lanes_context_1.LanesContext}}),Object.defineProperty(exports,"useLanesContext",{enumerable:!0,get:function(){return lanes_context_1.useLanesContext}});var lanes_provider_1=__webpack_require__(57378);Object.defineProperty(exports,"LanesProvider",{enumerable:!0,get:function(){return lanes_provider_1.LanesProvider}});var use_lanes_1=__webpack_require__(72816);Object.defineProperty(exports,"useLanes",{enumerable:!0,get:function(){return use_lanes_1.useLanes}})},18444(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanesContext=exports.LanesContext=void 0;const react_1=__webpack_require__(12888);exports.LanesContext=(0,react_1.createContext)(void 0);const useLanesContext=()=>(0,react_1.useContext)(exports.LanesContext);exports.useLanesContext=useLanesContext},57378(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesProvider=LanesProvider;const jsx_runtime_1=__webpack_require__(11684),react_1=__webpack_require__(12888),lanes_ui_models_lanes_model_1=__webpack_require__(1453),ui_foundation_ui_react_router_use_query_1=__webpack_require__(55786),base_react_navigation_link_1=__webpack_require__(19304),lanes_context_1=__webpack_require__(18444),use_lanes_1=__webpack_require__(72816);function LanesProvider({children,viewedLaneId:viewedLaneIdProp,targetLanes,ignoreDerivingFromUrl:ignoreDerivingFromUrlProp,skipNetworkCall,options:optionsProp={},useScope,loading:loadingFromProps}){const{scope}=useScope?.()||{},query=(0,ui_foundation_ui_react_router_use_query_1.useQuery)(),location=(0,base_react_navigation_link_1.useLocation)(),skip=skipNetworkCall||Boolean(targetLanes),ignoreDerivingFromUrl=(0,react_1.useCallback)(_location=>ignoreDerivingFromUrlProp?ignoreDerivingFromUrlProp.some(fn=>fn(_location)):!1,[ignoreDerivingFromUrlProp]),[viewedLaneId,setViewedLaneId]=(0,react_1.useState)(()=>{if(viewedLaneIdProp)return viewedLaneIdProp;if(!ignoreDerivingFromUrl(location)){const laneIdFromUrl=location?.pathname?lanes_ui_models_lanes_model_1.LanesModel.getLaneIdFromPathname(location.pathname,query):void 0;if(laneIdFromUrl)return laneIdFromUrl}});(0,react_1.useEffect)(()=>{viewedLaneIdProp&&setViewedLaneId(viewedLaneIdProp)},[viewedLaneIdProp?.toString()]),(0,react_1.useEffect)(()=>{if(ignoreDerivingFromUrl(location))return;const laneIdFromUrl=location?.pathname?lanes_ui_models_lanes_model_1.LanesModel.getLaneIdFromPathname(location.pathname,query):void 0;laneIdFromUrl&&(!viewedLaneId||!viewedLaneId.isEqual(laneIdFromUrl))&&setViewedLaneId(laneIdFromUrl)},[location?.pathname,query.toString(),viewedLaneId?.toString(),ignoreDerivingFromUrl]);const options=(0,react_1.useMemo)(()=>({skip,ids:optionsProp.ids??(viewedLaneId?[viewedLaneId.toString()]:void 0),offset:optionsProp.offset??0,limit:optionsProp.limit??10,...optionsProp}),[skip,optionsProp,viewedLaneId?.toString()]),{lanesModel,loading:loadingLanesModel,hasMore,fetchMoreLanes,offset,limit}=(0,use_lanes_1.useLanes)(targetLanes,skipNetworkCall,options,void 0,scope),loading=(0,react_1.useMemo)(()=>loadingFromProps||loadingLanesModel,[loadingFromProps,loadingLanesModel]),lanesState=(0,react_1.useMemo)(()=>{if(lanesModel){const newState=new lanes_ui_models_lanes_model_1.LanesModel({...lanesModel}),laneIdToSet=viewedLaneId||newState.currentLane?.id||newState.lanes.find(lane=>lane.id.isDefault())?.id;return newState.setViewedOrDefaultLane(laneIdToSet),newState}},[Boolean(lanesModel),lanesModel?.viewedLane?.id.toString(),viewedLaneId?.toString(),loading,lanesModel?.lanes.map(lane=>lane.id.toString()).join(",")]),updateViewedLane=(0,react_1.useCallback)(lane=>{setViewedLaneId(lane)},[]),addLanes=(0,react_1.useCallback)(newLanes=>(lanesModel&&lanesModel.addLanes(newLanes),lanesModel),[Boolean(lanesModel),lanesModel?.lanes.map(lane=>lane.id.toString()).join(",")]),lanesContextModel=(0,react_1.useMemo)(()=>({lanesModel:lanesState,updateViewedLane,loading,hasMore,fetchMoreLanes,options,offset,limit,addLanes}),[Boolean(lanesState),lanesState?.viewedLane?.id.toString(),lanesState?.lanes.map(lane=>lane.id.toString()).join(","),updateViewedLane,loading,hasMore,fetchMoreLanes,options,offset,limit,addLanes]);return(0,jsx_runtime_1.jsx)(lanes_context_1.LanesContext.Provider,{value:lanesContextModel,children})}},72816(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanes=exports.useSearchLanes=void 0;const react_1=__webpack_require__(12888),ui_foundation_ui_hooks_use_data_query_1=__webpack_require__(7622),lanes_ui_models_lanes_model_1=__webpack_require__(1453),client_1=__webpack_require__(6083),lodash_1=__webpack_require__(92935),lanes_context_1=__webpack_require__(18444),GET_LANES=(0,client_1.gql)`
   query Lanes(
     $extensionId: String
     $laneIds: [String!]
@@ -830,7 +830,7 @@ ${body}`});return`
       id
     }
   }
-`,useRootLanes=(viewedLaneId,skip,options={},scope)=>{const{ids,offset,limit,sort}=options,{data,fetchMore,loading}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{variables:{laneIds:ids,offset,limit,sort,skipViewedLane:!viewedLaneId||viewedLaneId.isDefault(),viewedLaneId:viewedLaneId?[viewedLaneId?.toString()]:void 0},skip,errorPolicy:"all",fetchPolicy:"cache-and-network"}),lanesModel=(0,react_1.useMemo)(()=>{if(!loading&&!!data)return lanes_ui_models_lanes_model_1.LanesModel.from({data,scope})},[loading,data,viewedLaneId?.toString(),scope]),hasMore=(0,react_1.useMemo)(()=>loading?!0:limit?ids?.length?(data?.lanes?.list?.length??0)===ids.length:(data?.lanes?.list?.length??0)>=limit:!1,[loading,data]),fetchMoreLanes=(0,react_1.useCallback)(async(newOffset,newLimit)=>{if(hasMore)try{const{data:moreData,networkStatus}=await fetchMore({variables:{offset:newOffset,limit:newLimit,laneIds:[],skipViewedLane:!viewedLaneId||viewedLaneId.isDefault(),viewedLaneId:viewedLaneId?[viewedLaneId?.toString()]:void 0}}),loadingMore=networkStatus===3;return!loadingMore&&moreData.lanes?{lanesModel:lanes_ui_models_lanes_model_1.LanesModel.from({data:moreData}),loading:loadingMore,hasMore:(moreData.lanes.list?.length??0)>=newLimit,nextOffset:newOffset+newLimit}:{lanesModel,loading:loadingMore,nextOffset:newOffset,currentLimit:newLimit}}catch(err){return console.error(err),{}}return{lanesModel,loading:!1,hasMore:!1,nextOffset:newOffset,currentLimit:newLimit}},[hasMore,viewedLaneId?.toString(),lanesModel]);return{loading,lanesModel,fetchMoreLanes,hasMore,offset,limit}},useSearchLanes=(search,skip)=>{const{data:searchData,loading:loadingSearch}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{variables:{search,skipViewedLane:!0},skip:skip||!search,errorPolicy:"all",fetchPolicy:"cache-and-network"});return search?{loading:loadingSearch,lanesModel:searchData&&lanes_ui_models_lanes_model_1.LanesModel.from({data:{lanes:{...searchData.lanes,current:void 0,default:void 0}}})}:{}};exports.useSearchLanes=useSearchLanes;const useLanes=(targetLanes,skip,optionsFromProps,useContextFromProps=!0,scope)=>{const context=(0,lanes_context_1.useLanesContext)()||{},options=optionsFromProps||context?.options,isSameOptions=(0,lodash_1.isEqual)(options,context?.options),useContext=useContextFromProps&&!!context&&isSameOptions,shouldSkip=skip||!!targetLanes||useContext,rootLanesData=useRootLanes(context?.lanesModel?.viewedLane?.id,shouldSkip,options,scope),searchResult=(0,exports.useSearchLanes)(options?.search,shouldSkip);return targetLanes?(targetLanes.viewedLane||targetLanes.setViewedLane(context?.lanesModel?.viewedLane?.id),{...context,...rootLanesData,lanesModel:targetLanes,searchResult}):useContext?{...context,searchResult}:(rootLanesData.lanesModel?.setViewedLane(context?.lanesModel?.viewedLane?.id),{...context,...rootLanesData,searchResult})};exports.useLanes=useLanes},1453(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.LanesModel=void 0;var lanes_model_1=__webpack_require__(49446);Object.defineProperty(exports,"LanesModel",{enumerable:!0,get:function(){return lanes_model_1.LanesModel}})},49446(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;const component_1=__webpack_require__(30266),lane_id_1=__webpack_require__(35896),component_id_1=__webpack_require__(62435),path_to_regexp_1=__webpack_require__(68883),lodash_1=__webpack_require__(92935);class LanesModel{static mapToLaneModel(laneData){const{id,laneComponentIds=[],readmeComponent,hash,createdAt,displayName,updatedAt,createdBy:createdByData,updatedBy:updatedByData,dependents=[],slug,deleted}=laneData,componentIds=laneComponentIds?.map(laneComponentId=>component_id_1.ComponentID.fromObject(laneComponentId))||[],readmeComponentModel=readmeComponent&&component_1.ComponentModel.from({...readmeComponent}),createdAtDate=createdAt&&new Date(+createdAt)||void 0,createdBy=createdByData?{name:createdByData?.name??void 0,email:createdByData.email??void 0,username:createdByData?.username??void 0,displayName:createdByData?.displayName??void 0,profileImage:createdByData.profileImage??void 0}:void 0,updatedAtDate=updatedAt&&new Date(+updatedAt)||void 0,updatedBy=updatedByData?.name?{name:updatedByData?.name??void 0,username:updatedByData?.username??void 0,displayName:updatedByData?.displayName??void 0,email:updatedByData.email??void 0,profileImage:updatedByData.profileImage??void 0}:void 0;return{id:lane_id_1.LaneId.from(id.name,id.scope),components:componentIds,readmeComponent:readmeComponentModel,createdAt:createdAtDate,updatedAt:updatedAtDate,displayName,hash,updatedBy,createdBy,deleted,dependents:dependents?.map(dependent=>component_id_1.ComponentID.fromObject(dependent)),slug}}static groupLaneIdsByScope(laneIds){const grouped=new Map;return laneIds.forEach(laneId=>{const{scope}=laneId;if(!grouped.has(scope))grouped.set(scope,[laneId]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,laneId])}}),grouped}static groupLanesByScope(lanes){const grouped=new Map;return lanes.forEach(lane=>{const{scope}=lane.id;if(!grouped.has(scope))grouped.set(scope,[lane]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,lane])}}),grouped}static groupByComponentNameAndId(lanes){const byName=new Map,byId=new Map;return lanes.forEach(lane=>{const{components}=lane;components.forEach(component=>{const name=component.fullName,id=component.toString(),existingByName=byName.get(name)||[],existingById=byId.get(id)||[];existingByName.push(lane),existingById.push(lane),byName.set(name,existingByName),byId.set(id,existingById)})}),{byName,byId}}static from({data,scope,viewedLaneId}){const lanes=data?.lanes?.list?.map(lane=>LanesModel.mapToLaneModel(lane))||[],currentLane=data?.lanes?.current?LanesModel.mapToLaneModel(data.lanes.current):void 0,defaultLane=data?.lanes?.default?LanesModel.mapToLaneModel(data.lanes.default):scope&&LanesModel.mapToLaneModel({id:{name:"main",scope},hash:""})||lanes.find(lane=>lane.id.isDefault())||void 0,viewedLane=viewedLaneId?lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):data?.lanes?.viewedLane&&LanesModel.mapToLaneModel(data.lanes.viewedLane[0])||currentLane||defaultLane;return new LanesModel({lanes,currentLane,defaultLane,viewedLane})}constructor({lanes=[],viewedLane,currentLane,defaultLane}){this.getLaneComponentUrlByVersion=(componentId,laneId,addScopeMetadataInUrl,laneFromParams)=>{const defaultLane2=this.getDefaultLane();if(!componentId.version||!laneId||!defaultLane2||laneId&&this.currentLane&&laneId.isEqual(this.currentLane.id))return LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl,laneFromParams);const lane=this.getLanesByComponentId(componentId)?.find(l=>l.id.isEqual(laneId));return lane?lane.id.isDefault()?LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl,laneFromParams):LanesModel.getLaneComponentUrl(componentId,lane.id,addScopeMetadataInUrl,laneFromParams):defaultLane2.components.find(c=>c.isEqual(componentId))?LanesModel.getMainComponentUrl(componentId,laneId,addScopeMetadataInUrl,laneFromParams):void 0},this.setViewedLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):void 0},this.setViewedOrDefaultLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):this.getDefaultLane()},this.resolveComponentFromUrl=(idFromUrl,laneId)=>{const comps=(laneId&&this.lanes.find(lane=>lane.slug===laneId.toString()||lane.id.isEqual(laneId))||this.viewedLane)?.components||[];return idFromUrl.includes(".")?comps.find(component=>component.toStringWithoutVersion()===idFromUrl):comps.find(component=>component.fullName===idFromUrl)},this.getDefaultLane=()=>this.defaultLane,this.getNonMainLanes=()=>this.lanes.filter(lane=>!lane.id.isDefault()),this.isInViewedLane=(componentId,includeVersion)=>includeVersion?this.viewedLane?.components.some(comp=>includeVersion&&comp.isEqual(componentId)):this.viewedLane?.components.some(comp=>includeVersion&&comp.isEqual(componentId,{ignoreVersion:!0})),this.isViewingCurrentLane=()=>this.currentLane&&this.viewedLane&&this.currentLane.id.isEqual(this.viewedLane.id),this.isViewingDefaultLane=()=>this.viewedLane&&this.viewedLane.id.isDefault(),this.isViewingNonDefaultLane=()=>this.viewedLane&&!this.viewedLane.id.isDefault(),this.getLanesByComponentName=componentId=>this.lanesByComponentName.get(componentId.fullName),this.getLanesByComponentId=componentId=>this.lanesByComponentId.get(componentId.toString()),this.isComponentOnMain=(componentId,includeVersion)=>includeVersion?!!this.getLanesByComponentId(componentId)?.some(lane=>lane.id.isDefault()):!!this.getLanesByComponentName(componentId)?.some(lane=>lane.id.isDefault()),this.isComponentOnMainButNotOnLane=(componentId,includeVersion,laneId)=>this.isComponentOnMain(componentId,includeVersion)&&!this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnLaneButNotOnMain=(componentId,includeVersion,laneId)=>!this.isComponentOnMain(componentId,includeVersion)&&this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnNonDefaultLanes=(componentId,includeVersion,laneId)=>includeVersion?!!this.getLanesByComponentId(componentId)?.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId))):!!this.getLanesByComponentName(componentId)?.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId))),this.isComponentDependent=(componentId,includeVersion,laneId)=>{const lane=laneId?this.lanes.find(l=>l.id.isEqual(laneId)):this.viewedLane;return lane?includeVersion?!!lane.dependents?.some(dep=>dep.isEqual(componentId)):!!lane.dependents?.some(dep=>dep.isEqual(componentId,{ignoreVersion:!0})):!1},this.viewedLane=viewedLane,this.currentLane=currentLane,this.defaultLane=defaultLane;const allUniqueLanes=(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,this.defaultLane,this.currentLane,this.viewedLane],lane=>lane?.id.toString()));this.lanes=allUniqueLanes,this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}addLanes(newLanes=[]){this.lanes=LanesModel.concatLanes(this.lanes,newLanes),this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}static concatLanes(lanes=[],newLanes=[]){return(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,...newLanes],lane=>lane?.id.toString()))}}exports.LanesModel=LanesModel,LanesModel.lanesPrefix="~lane",LanesModel.baseLaneComponentRoute="/~component",LanesModel.lanePath=":scopeId/:laneId",LanesModel.laneUrlParamsKey="lane",LanesModel.laneFromPathRegex=(0,path_to_regexp_1.pathToRegexp)(`${LanesModel.lanesPrefix}/${LanesModel.lanePath}`,void 0,{end:!1,start:!1}),LanesModel.getLaneIdFromPathname=(pathname,urlSearchParams)=>{const matches=LanesModel.laneFromPathRegex.exec(pathname);if(matches){const[,scopeId,laneId]=matches;return lane_id_1.LaneId.from(laneId,scopeId)}if(urlSearchParams){const laneIdQueryParam=urlSearchParams.get(LanesModel.laneUrlParamsKey);return laneIdQueryParam?lane_id_1.LaneId.parse(laneIdQueryParam):void 0}},LanesModel.getLaneUrl=(laneId,relative,_lane)=>`${relative?"":"/"}${LanesModel.lanesPrefix}/${laneId.toString()}`,LanesModel.getLaneComponentUrl=(componentId,laneId,addScopeMetadataInUrl,_lane)=>{const isExternalComponent=componentId.scope!==laneId.scope,laneUrl=LanesModel.getLaneUrl(laneId),queryParams=new URLSearchParams;return componentId.version&&queryParams.set("version",componentId.version),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${isExternalComponent?`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.toStringWithoutVersion()}`:`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.fullName}`}?${queryParams.toString()}`},LanesModel.getMainComponentUrl=(componentId,laneId,addScopeMetadataInUrl,_lane)=>{const componentUrl=componentId.fullName,queryParams=new URLSearchParams;return laneId&&queryParams.set(LanesModel.laneUrlParamsKey,laneId.toString()),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${componentUrl}?${queryParams.toString()}`}},618(__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__(75041);return _panelUi=function(){return data},data}function _tabs(){const data=__webpack_require__(31025);return _tabs=function(){return data},data}},75041(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelUiAspect=void 0;function _harmony(){const data=__webpack_require__(72631);return _harmony=function(){return data},data}const PanelUiAspect=exports.PanelUiAspect=_harmony().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}})},31025(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=Tab,exports.TabContainer=void 0,exports.TabList=TabList,exports.TabPanel=void 0;function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _reactTabs(){const data=__webpack_require__(72653);return _reactTabs=function(){return data},data}function _tabsModule(){const data=_interopRequireDefault(__webpack_require__(41088));return _tabsModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const TabContainer=exports.TabContainer=_reactTabs().Tabs;function TabList(props){return _react().default.createElement(_reactTabs().TabList,_extends({},props,{className:(0,_classnames().default)(_tabsModule().default.tabContainer,props.className)}))}TabList.tabsRole="TabList";const TabPanel=exports.TabPanel=_reactTabs().TabPanel;function Tab(props){return _react().default.createElement(_reactTabs().Tab,_extends({},props,{className:(0,_classnames().default)(props.className,_tabsModule().default.tab),selectedClassName:_tabsModule().default.active,disabledClassName:_tabsModule().default.disabled}))}Tab.tabsRole="Tab"},34907(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"getLatestVersion",{enumerable:!0,get:function(){return _semverHelper().getLatestVersion}}),Object.defineProperty(exports,"getValidVersionOrReleaseType",{enumerable:!0,get:function(){return _semverHelper().getValidVersionOrReleaseType}}),Object.defineProperty(exports,"isRange1GreaterThanRange2Naively",{enumerable:!0,get:function(){return _semverHelper().isRange1GreaterThanRange2Naively}}),Object.defineProperty(exports,"validateVersion",{enumerable:!0,get:function(){return _semverHelper().validateVersion}});function _semverHelper(){const data=__webpack_require__(54388);return _semverHelper=function(){return data},data}},54388(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLatestVersion=getLatestVersion,exports.getValidVersionOrReleaseType=getValidVersionOrReleaseType,exports.isRange1GreaterThanRange2Naively=isRange1GreaterThanRange2Naively,exports.isReleaseTypeSupported=isReleaseTypeSupported,exports.isStrReleaseType=isStrReleaseType,exports.throwForUnsupportedReleaseType=throwForUnsupportedReleaseType,exports.validateVersion=validateVersion;function _semver(){const data=__webpack_require__(16322);return _semver=function(){return data},data}function _componentVersion(){const data=__webpack_require__(25699);return _componentVersion=function(){return data},data}function isStrReleaseType(str){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(str)}function isReleaseTypeSupported(str){return["patch","minor","major","prerelease"].includes(str)}function throwForUnsupportedReleaseType(str){if(!isReleaseTypeSupported(str))throw new Error(`the release-type "${str}" is not supported`)}function validateVersion(version){if(version){const validVersion=(0,_semver().valid)(version);if(!validVersion)throw new(_componentVersion()).InvalidVersion(version);return validVersion}}function getValidVersionOrReleaseType(str){if(isStrReleaseType(str)){const releaseType=str;return throwForUnsupportedReleaseType(releaseType),{releaseType}}return{exactVersion:validateVersion(str)}}function getLatestVersion(versions){const max=(0,_semver().maxSatisfying)(versions,"*",{includePrerelease:!0});if(!max)throw new Error(`unable to find the latest version from ${versions.join(", ")}`);return max}function isRange1GreaterThanRange2Naively(range1,range2){const minVersion1=(0,_semver().minVersion)(range1),minVersion2=(0,_semver().minVersion)(range2);return!minVersion1||!minVersion2?!1:(0,_semver().gt)(minVersion1,minVersion2)}},38848(__unused_webpack_module,exports){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.computePreviewScale=computePreviewScale;function computePreviewScale(width,containerWidth){const scale=containerWidth*.95/width;return scale>1?"scale(1)":`scale(${scale})`}},37175(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewPropsAggregator=exports.PreviewPropsExecutor=exports.PreviewPropsManager=exports.SandboxPermissionsAggregator=exports.SandboxPermissionExecutor=exports.SandboxManager=exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=exports.ComponentPreview=void 0;var preview_1=__webpack_require__(21119);Object.defineProperty(exports,"ComponentPreview",{enumerable:!0,get:function(){return preview_1.ComponentPreview}});var urls_1=__webpack_require__(46229);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}});var sandbox_manager_1=__webpack_require__(83402);Object.defineProperty(exports,"SandboxManager",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxManager}}),Object.defineProperty(exports,"SandboxPermissionExecutor",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxPermissionExecutor}}),Object.defineProperty(exports,"SandboxPermissionsAggregator",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxPermissionsAggregator}}),Object.defineProperty(exports,"PreviewPropsManager",{enumerable:!0,get:function(){return sandbox_manager_1.PreviewPropsManager}}),Object.defineProperty(exports,"PreviewPropsExecutor",{enumerable:!0,get:function(){return sandbox_manager_1.PreviewPropsExecutor}}),Object.defineProperty(exports,"PreviewPropsAggregator",{enumerable:!0,get:function(){return sandbox_manager_1.PreviewPropsAggregator}})},21119(__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.ComponentPreview=ComponentPreview;const jsx_runtime_1=__webpack_require__(11684),react_1=__webpack_require__(12888),classnames_1=__importDefault(__webpack_require__(97500)),lodash_1=__webpack_require__(92935),penpal_1=__webpack_require__(8926),pubsub_1=__webpack_require__(78410),base_react_themes_theme_switcher_1=__webpack_require__(70589),ui_foundation_ui_rendering_html_1=__webpack_require__(28452),urls_1=__webpack_require__(46229),compute_preview_scale_1=__webpack_require__(38848),use_iframe_content_height_1=__webpack_require__(52833),preview_module_scss_1=__importDefault(__webpack_require__(74134));function ComponentPreview({component,previewName,className,forceHeight,includeEnv=!0,queryParams,disableScroll=!1,pubsub,innerBottomPadding=0,viewport=1280,fullContentHeight=!1,onLoad,style,sandbox,propagateError,onPreviewError,...rest}){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=component.preview?.isScaling,currentRef=isScaling?iframeRef:heightIframeRef,[forceVisible,setForceVisible]=(0,react_1.useState)(!1);(0,pubsub_1.usePubSubIframe)(pubsub?currentRef:void 0),(0,react_1.useEffect)(()=>{const handleMessage=event=>{if((event.data&&event.data.event===ui_foundation_ui_rendering_html_1.LOAD_EVENT||event.data&&event.data.event==="webpackInvalid")&&onLoad&&onLoad(event),event.data&&(event.data.event===ui_foundation_ui_rendering_html_1.ERROR_EVENT||event.data.event==="AI_FIX_REQUEST")){const errorData=event.data.payload;if(onPreviewError?.(errorData),setForceVisible(!0),propagateError&&window.parent&&window!==window.parent)try{window.parent.postMessage({event:event.data.event,payload:{...errorData,forwardedFrom:{component:component.id,preview:previewName}}},"*")}catch(err){console.error("failed to propagate error to parent",err)}}};return window.addEventListener("message",handleMessage),()=>{window.removeEventListener("message",handleMessage)}},[component.id.toString(),onLoad,propagateError,onPreviewError]),(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)),onLoad&&event&&onLoad(event,{height:message.data.height,width:message.data.width})}}})},[iframeRef?.current]);const theme=(0,base_react_themes_theme_switcher_1.useThemePicker)(),themeParam=theme?.current?.themeName?`theme=${theme.current.themeName}`:"",baseParams=Array.isArray(queryParams)?queryParams.concat(themeParam):(0,lodash_1.compact)([queryParams,themeParam]),paramsWithViewport=Array.isArray(baseParams)?baseParams.concat(`viewport=${viewport}`):(0,lodash_1.compact)([baseParams,`viewport=${viewport}`]),targetParams=viewport===null?baseParams:paramsWithViewport,url=(0,urls_1.toPreviewUrl)(component,previewName,isScaling?targetParams:baseParams,includeEnv),containerWidth=containerRef.current?.offsetWidth||0,containerHeight=containerRef.current?.offsetHeight||0,currentWidth=fullContentHeight?"100%":width||1280,legacyCurrentWidth="100%",targetWidth=typeof currentWidth=="string"?currentWidth:Math.max(currentWidth,containerWidth),targetHeight=height!==0?height:5e3,finalHeight=!fullContentHeight&&targetHeight<containerHeight?containerHeight:targetHeight,defaultLegacyHeight=forceHeight||5e3,legacyIframeHeight=(iframeHeight||0)>400?iframeHeight:defaultLegacyHeight;return(0,jsx_runtime_1.jsx)("div",{ref:containerRef,className:(0,classnames_1.default)(preview_module_scss_1.default.preview,className),style:{height:forceHeight},children:(0,jsx_runtime_1.jsx)("iframe",{...rest,sandbox:sandbox||void 0,ref:currentRef,style:{...style,height:forceHeight||(isScaling?finalHeight+innerBottomPadding:legacyIframeHeight),width:isScaling?targetWidth:legacyCurrentWidth,visibility:width===0&&isScaling&&!fullContentHeight&&!forceVisible?"hidden":void 0,transform:fullContentHeight?"":(0,compute_preview_scale_1.computePreviewScale)(width||1280,containerWidth||1280),border:0,transformOrigin:"top left"},src:url,scrolling:disableScroll?"no":void 0})})}},83402(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewPropsManager=exports.SandboxManager=void 0,exports.SandboxPermissionExecutor=SandboxPermissionExecutor,exports.SandboxPermissionsAggregator=SandboxPermissionsAggregator,exports.PreviewPropsExecutor=PreviewPropsExecutor,exports.PreviewPropsAggregator=PreviewPropsAggregator;const jsx_runtime_1=__webpack_require__(11684),react_1=__webpack_require__(12888);class SandboxManager{constructor(initialPermissions=[]){this.permissions=new Set(initialPermissions)}add(permission){return this.permissions.add(permission),this}remove(permission){return this.permissions.delete(permission),this}has(permission){return this.permissions.has(permission)}toString(){return Array.from(this.permissions).join(" ")}}exports.SandboxManager=SandboxManager;function SandboxPermissionExecutor({usePermissionHook,manager,component}){return usePermissionHook(manager,component),null}function SandboxPermissionsAggregator({hooks,onSandboxChange,component}){const managerRef=(0,react_1.useRef)(new SandboxManager);return(0,react_1.useEffect)(()=>{onSandboxChange?.(managerRef.current.toString())}),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:hooks.map((usePermissionHook,i)=>(0,jsx_runtime_1.jsx)(SandboxPermissionExecutor,{usePermissionHook,manager:managerRef.current,component},`sanbox-permission-executor-${i}`))})}class PreviewPropsManager{constructor(){this.attrs={}}set(key,value){return this.attrs[key]=value,this}get(key){return this.attrs[key]}toAttrs(){return{...this.attrs}}}exports.PreviewPropsManager=PreviewPropsManager;function PreviewPropsExecutor({usePropsHook,manager,component}){return usePropsHook(manager,component),null}function shallowEqualAttrs(a,b){const aKeys=Object.keys(a),bKeys=Object.keys(b);return aKeys.length!==bKeys.length?!1:aKeys.every(k=>a[k]===b[k])}function PreviewPropsAggregator({hooks,component,children}){const manager=new PreviewPropsManager;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[hooks.map((usePropsHook,i)=>(0,jsx_runtime_1.jsx)(PreviewPropsExecutor,{usePropsHook,manager,component},`preview-props-executor-${i}`)),(0,jsx_runtime_1.jsx)(PreviewPropsConsumer,{manager,children})]})}function PreviewPropsConsumer({manager,children}){const next=manager.toAttrs(),stableRef=(0,react_1.useRef)(next);return shallowEqualAttrs(stableRef.current,next)||(stableRef.current=next),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:children(stableRef.current)})}},46229(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewUrl=toPreviewUrl,exports.toPreviewServer=toPreviewServer,exports.toPreviewHash=toPreviewHash;const base_ui_utils_string_affix_1=__webpack_require__(21812);function toPreviewUrl(component,previewName,additionalParams,includeEnvId=!0){const serverPath=toPreviewServer(component,previewName),envId=getEnvIdQueryParam(component,includeEnvId),hash=toPreviewHash(component,previewName,envId,additionalParams);return`${serverPath}#${hash}`}function toPreviewServer(component,previewName){const explicitUrl=component.server?.url;return explicitUrl&&!component.server.host?explicitUrl:component.preview?.includesEnvTemplate===!1?toEnvTemplatePreviewUrl(component,previewName):toComponentPreviewUrl(component)}function getEnvIdQueryParam(component,includeEnvId=!0){if(!!includeEnvId&&!(component.server?.host||component.server?.basePath)&&!!component.server?.url)return component.environment?.id}function toComponentPreviewUrl(component){return`${createPrefix(component.server?.basePath,component.server?.host)}/${component.id.toString()}/~aspect/preview/`}function createPrefix(basePath,host){const actualBasePath=basePath||"/api",basePathWithSlash=actualBasePath.startsWith("/")?actualBasePath:`/${actualBasePath}`,hostWithoutSlash=host?.endsWith("/")?host.slice(0,-1):host,prefix=hostWithoutSlash?`${hostWithoutSlash}${basePathWithSlash}`:basePathWithSlash;return prefix.endsWith("/")?prefix.slice(0,-1):prefix}function toEnvTemplatePreviewUrl(component,previewName){const envId=component.environment?.id,search=`compId=${component.id.toString()}`;return`${createPrefix(component.server?.basePath,component.server?.host)}/${envId}/~aspect/env-template/${previewName}/?${search}`}function toPreviewHash(component,previewName,envId,queryParams=""){const previewParam=(0,base_ui_utils_string_affix_1.affix)("preview=",previewName),envIdParam=(0,base_ui_utils_string_affix_1.affix)("env=",envId),hashQuery=[previewParam,envIdParam].concat(queryParams).filter(x=>!!x).join("&");return`${component.id.toString()}${(0,base_ui_utils_string_affix_1.affix)("?",hashQuery)}`}},52833(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.useIframeContentHeight=useIframeContentHeight,__webpack_unused_export__=useInterval;const react_1=__webpack_require__(12888);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(()=>{try{const iframe=iframeRef.current;if(!iframe||!iframe.contentWindow||!iframe.contentWindow.document)return;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=iframe?.contentWindow?.document.body.offsetWidth;setIframeHeight(newHeight),setIframeWidth(newWidth||0),first=!1}catch{}},interval),[iframeRef,iframeHeight,iframeWidth]}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])}},78434(__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},78410(__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 _bitBaseEvent().BitBaseEvent}},__webpack_unused_export__={enumerable:!0,get:function(){return _pubsub().PubsubAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _pubsub().PubsubAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _pubsubContext().usePubSub}},Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(6525);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(78434);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(19665);return _pubsubContext=function(){return data},data}},19665(__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__(12888));return _react=function(){return data},data}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}const pubsubRegistry=exports.pubsubRegistry=(0,_react().createContext)(void 0);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?.current||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},6525(__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__(72631);return _harmony=function(){return data},data}const PubsubAspect=exports.PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});var _default=exports.default=PubsubAspect},46834(__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.DocsApp=DocsApp;const jsx_runtime_1=__webpack_require__(11684),docs_1=__webpack_require__(82894),react_ui_docs_properties_table_1=__webpack_require__(95743),react_ui_docs_compositions_carousel_1=__webpack_require__(20299),react_ui_docs_docs_content_1=__webpack_require__(84410),docs_theme_1=__webpack_require__(45728),docs_app_module_scss_1=__importDefault(__webpack_require__(19249));function DocsApp({componentId,docs=docs_1.defaultDocs,compositions,context}){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?"),renderOnlyOverview=new URLSearchParams(after).get("onlyOverview");return(0,jsx_runtime_1.jsx)(docs_theme_1.DocsTheme,{children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_ui_docs_docs_content_1.DocsContent,{docs,className:docs_app_module_scss_1.default.mdx}),(!renderOnlyOverview||renderOnlyOverview==="false")&&(0,jsx_runtime_1.jsx)(react_ui_docs_compositions_carousel_1.CompositionsCarousel,{renderingContext:context,compositions,className:docs_app_module_scss_1.default.compositionSection,compositionCardClass:docs_app_module_scss_1.default.compositionCard}),(!renderOnlyOverview||renderOnlyOverview==="false")&&(0,jsx_runtime_1.jsx)(react_ui_docs_properties_table_1.PropertiesTable,{componentId})]})})}},45728(__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.DocsTheme=DocsTheme;const jsx_runtime_1=__webpack_require__(11684),classnames_1=__importDefault(__webpack_require__(97500)),design_themes_theme_toggler_1=__webpack_require__(93250),design_theme_icons_font_1=__webpack_require__(19644),docs_app_module_scss_1=__importDefault(__webpack_require__(19249));function DocsTheme({children}){const hash=window.location.hash,[,hashQuery]=hash&&hash.split("?"),theme=new URLSearchParams(hashQuery).get("theme")||"light";return(0,jsx_runtime_1.jsxs)(design_themes_theme_toggler_1.ThemeSwitcher,{defaultTheme:theme,children:[(0,jsx_runtime_1.jsx)(design_theme_icons_font_1.IconFont,{query:"q76y7n"}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(docs_app_module_scss_1.default.docsMainBlock),children})]})}},31990(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=__webpack_require__(11684),docs_app_1=__webpack_require__(46834);let root;function createCompatRoot(container){try{return __webpack_require__(49116).createRoot(container)}catch{const ReactDOM=__webpack_require__(2163);return{render:element=>{ReactDOM.render(element,container)}}}}function DocsRoot({componentId,docs,compositions,context}){root||(root=createCompatRoot(document.getElementById("root"))),root.render((0,jsx_runtime_1.jsx)(docs_app_1.DocsApp,{componentId,docs,compositions,context}))}DocsRoot.apiObject=!0,exports.default=DocsRoot},26143(__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.docsStyles=exports.DocsApp=exports.default=exports.DocsTheme=void 0;var docs_theme_1=__webpack_require__(45728);Object.defineProperty(exports,"DocsTheme",{enumerable:!0,get:function(){return docs_theme_1.DocsTheme}});var docs_app_root_1=__webpack_require__(31990);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(docs_app_root_1).default}});var docs_app_1=__webpack_require__(46834);Object.defineProperty(exports,"DocsApp",{enumerable:!0,get:function(){return docs_app_1.DocsApp}});var docs_app_module_scss_1=__webpack_require__(19249);Object.defineProperty(exports,"docsStyles",{enumerable:!0,get:function(){return __importDefault(docs_app_module_scss_1).default}})},66621(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApplyProviders=ApplyProviders;const jsx_runtime_1=__webpack_require__(11684),react_error_boundary_1=__webpack_require__(85206),base_ui_utils_composer_1=__webpack_require__(40218),react_ui_error_fallback_1=__webpack_require__(25817);function ApplyProviders({renderingContext,children,...rest}){const{providers=[]}=renderingContext.get("teambit.react/react")||{};return(0,jsx_runtime_1.jsx)("div",{...rest,children:(0,jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback,children:(0,jsx_runtime_1.jsx)(base_ui_utils_composer_1.Composer,{components:providers,children})})})}},21634(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.ApplyProviders=void 0;var apply_providers_1=__webpack_require__(66621);Object.defineProperty(exports,"ApplyProviders",{enumerable:!0,get:function(){return apply_providers_1.ApplyProviders}})},63499(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsCarousel=CompositionsCarousel;const jsx_runtime_1=__webpack_require__(11684),react_ui_docs_apply_providers_1=__webpack_require__(21634),compositions_ui_compositions_overview_1=__webpack_require__(9408),documenter_ui_linked_heading_1=__webpack_require__(59196),documenter_ui_section_1=__webpack_require__(3204);function CompositionsCarousel({compositions,compositionCardClass,renderingContext,...rest}){return!compositions||Object.keys(compositions).length===0?null:(0,jsx_runtime_1.jsxs)(documenter_ui_section_1.Section,{...rest,children:[(0,jsx_runtime_1.jsx)(documenter_ui_linked_heading_1.LinkedHeading,{children:"Compositions"}),(0,jsx_runtime_1.jsx)(react_ui_docs_apply_providers_1.ApplyProviders,{renderingContext,children:(0,jsx_runtime_1.jsx)(compositions_ui_compositions_overview_1.CompositionsOverview,{compositions,compositionCardClass})})]})}},20299(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.CompositionsCarousel=void 0;var compositions_carousel_1=__webpack_require__(63499);Object.defineProperty(exports,"CompositionsCarousel",{enumerable:!0,get:function(){return compositions_carousel_1.CompositionsCarousel}})},5915(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocsContent=DocsContent;const jsx_runtime_1=__webpack_require__(11684),react_error_boundary_1=__webpack_require__(85206),lodash_1=__webpack_require__(92935),docs_1=__webpack_require__(82894),react_ui_error_fallback_1=__webpack_require__(25817),mdx_ui_mdx_layout_1=__webpack_require__(63698);function DocsContent({docs=docs_1.defaultDocs,...rest}){const Content=(0,lodash_1.isFunction)(docs.default)?docs.default:()=>null;return(0,jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback,children:Content.isMDXComponent?(0,jsx_runtime_1.jsx)(mdx_ui_mdx_layout_1.MDXLayout,{...rest,children:(0,jsx_runtime_1.jsx)(Content,{})}):(0,jsx_runtime_1.jsx)(Content,{})})}},84410(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.DocsContent=void 0;var docs_content_1=__webpack_require__(5915);Object.defineProperty(exports,"DocsContent",{enumerable:!0,get:function(){return docs_content_1.DocsContent}})},95743(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.PropertiesTable=void 0;var properties_table_1=__webpack_require__(5471);Object.defineProperty(exports,"PropertiesTable",{enumerable:!0,get:function(){return properties_table_1.PropertiesTable}})},5471(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=PropertiesTable;const jsx_runtime_1=__webpack_require__(11684),documenter_ui_linked_heading_1=__webpack_require__(59196),documenter_ui_property_table_1=__webpack_require__(34369),documenter_ui_section_1=__webpack_require__(3204),component_ui_hooks_use_fetch_docs_1=__webpack_require__(37590);function PropertiesTable({componentId,...rest}){const{loading,error,data}=(0,component_ui_hooks_use_fetch_docs_1.useFetchDocs)(componentId);if(!data||loading)return null;if(error)return console.error(`failed to fetch docs for ${componentId} in PropertiesTable`,error),null;if(!data.docs.properties)return console.warn(`no properties found for ${componentId} in PropertiesTable`),null;const{properties}=data.docs;return properties.length===0?(0,jsx_runtime_1.jsx)("div",{}):(0,jsx_runtime_1.jsxs)(documenter_ui_section_1.Section,{...rest,children:[(0,jsx_runtime_1.jsx)(documenter_ui_linked_heading_1.LinkedHeading,{children:"Properties"}),(0,jsx_runtime_1.jsx)(documenter_ui_property_table_1.PropTable,{rows:properties})]})}},63170(__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.ErrorFallback=ErrorFallback;const jsx_runtime_1=__webpack_require__(11684),classnames_1=__importDefault(__webpack_require__(97500)),design_ui_icon_button_1=__webpack_require__(83315),base_ui_styles_flex_center_1=__webpack_require__(88378),error_fallback_module_scss_1=__importDefault(__webpack_require__(87465));function ErrorFallback({resetErrorBoundary,className,children="Failed to render",cta="try again"}){const handleClick=async()=>{await new Promise(resolve=>setTimeout(resolve,480)),resetErrorBoundary()};return(0,jsx_runtime_1.jsxs)("div",{className:(0,classnames_1.default)(error_fallback_module_scss_1.default.errorFallback,base_ui_styles_flex_center_1.flexCenter,className),children:[(0,jsx_runtime_1.jsx)("div",{className:error_fallback_module_scss_1.default.icon}),(0,jsx_runtime_1.jsx)("div",{className:error_fallback_module_scss_1.default.message,children}),(0,jsx_runtime_1.jsx)(design_ui_icon_button_1.IconButton,{onClick:handleClick,className:error_fallback_module_scss_1.default.retryButton,children:cta})]})}},25817(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.ErrorFallback=void 0;var error_fallback_1=__webpack_require__(63170);Object.defineProperty(exports,"ErrorFallback",{enumerable:!0,get:function(){return error_fallback_1.ErrorFallback}})},50668(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.matchPatterns=exports.splitPatterns=void 0;var match_patterns_1=__webpack_require__(54601);Object.defineProperty(exports,"splitPatterns",{enumerable:!0,get:function(){return match_patterns_1.splitPatterns}}),Object.defineProperty(exports,"matchPatterns",{enumerable:!0,get:function(){return match_patterns_1.matchPatterns}})},54601(__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.matchPatterns=matchPatterns,exports.splitPatterns=splitPatterns;const minimatch_1=__importDefault(__webpack_require__(7491));function matchPatterns(filePath,includePatterns,excludePatterns){const included=includePatterns.some(pattern=>(0,minimatch_1.default)(filePath,pattern)),excluded=excludePatterns.every(pattern=>(0,minimatch_1.default)(filePath,pattern));return included&&excluded}function splitPatterns(patterns){return{includePatterns:patterns.filter(pattern=>!pattern.startsWith("!")),excludePatterns:patterns.filter(pattern=>pattern.startsWith("!"))}}},75987(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=capitalize;function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1)}},5913(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=void 0;var capitalize_1=__webpack_require__(75987);Object.defineProperty(exports,"capitalize",{enumerable:!0,get:function(){return capitalize_1.capitalize}})},96859(__unused_webpack_module,exports,__webpack_require__){"use strict";var process=__webpack_require__(68558),Buffer=__webpack_require__(84686).Buffer;Object.defineProperty(exports,"__esModule",{value:!0}),exports.lf=lf,exports.auto=auto,exports.cr=cr,exports.crlf=crlf;const isbinaryfile_1=__webpack_require__(81423),lineBreak=typeof process<"u"&&process.platform==="win32"?`\r
+`,useRootLanes=(viewedLaneId,skip,options={},scope)=>{const{ids,offset,limit,sort}=options,{data,fetchMore,loading}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{variables:{laneIds:ids,offset,limit,sort,skipViewedLane:!viewedLaneId||viewedLaneId.isDefault(),viewedLaneId:viewedLaneId?[viewedLaneId?.toString()]:void 0},skip,errorPolicy:"all",fetchPolicy:"cache-and-network"}),lanesModel=(0,react_1.useMemo)(()=>{if(!loading&&!!data)return lanes_ui_models_lanes_model_1.LanesModel.from({data,scope})},[loading,data,viewedLaneId?.toString(),scope]),hasMore=(0,react_1.useMemo)(()=>loading?!0:limit?ids?.length?(data?.lanes?.list?.length??0)===ids.length:(data?.lanes?.list?.length??0)>=limit:!1,[loading,data]),fetchMoreLanes=(0,react_1.useCallback)(async(newOffset,newLimit)=>{if(hasMore)try{const{data:moreData,networkStatus}=await fetchMore({variables:{offset:newOffset,limit:newLimit,laneIds:[],skipViewedLane:!viewedLaneId||viewedLaneId.isDefault(),viewedLaneId:viewedLaneId?[viewedLaneId?.toString()]:void 0}}),loadingMore=networkStatus===3;return!loadingMore&&moreData.lanes?{lanesModel:lanes_ui_models_lanes_model_1.LanesModel.from({data:moreData}),loading:loadingMore,hasMore:(moreData.lanes.list?.length??0)>=newLimit,nextOffset:newOffset+newLimit}:{lanesModel,loading:loadingMore,nextOffset:newOffset,currentLimit:newLimit}}catch(err){return console.error(err),{}}return{lanesModel,loading:!1,hasMore:!1,nextOffset:newOffset,currentLimit:newLimit}},[hasMore,viewedLaneId?.toString(),lanesModel]);return{loading,lanesModel,fetchMoreLanes,hasMore,offset,limit}},useSearchLanes=(search,skip)=>{const{data:searchData,loading:loadingSearch}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{variables:{search,skipViewedLane:!0},skip:skip||!search,errorPolicy:"all",fetchPolicy:"cache-and-network"});return search?{loading:loadingSearch,lanesModel:searchData&&lanes_ui_models_lanes_model_1.LanesModel.from({data:{lanes:{...searchData.lanes,current:void 0,default:void 0}}})}:{}};exports.useSearchLanes=useSearchLanes;const useLanes=(targetLanes,skip,optionsFromProps,useContextFromProps=!0,scope)=>{const context=(0,lanes_context_1.useLanesContext)()||{},options=optionsFromProps||context?.options,isSameOptions=(0,lodash_1.isEqual)(options,context?.options),useContext=useContextFromProps&&!!context&&isSameOptions,shouldSkip=skip||!!targetLanes||useContext,rootLanesData=useRootLanes(context?.lanesModel?.viewedLane?.id,shouldSkip,options,scope),searchResult=(0,exports.useSearchLanes)(options?.search,shouldSkip);return targetLanes?(targetLanes.viewedLane||targetLanes.setViewedLane(context?.lanesModel?.viewedLane?.id),{...context,...rootLanesData,lanesModel:targetLanes,searchResult}):useContext?{...context,searchResult}:(rootLanesData.lanesModel?.setViewedLane(context?.lanesModel?.viewedLane?.id),{...context,...rootLanesData,searchResult})};exports.useLanes=useLanes},1453(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.LanesModel=void 0;var lanes_model_1=__webpack_require__(49446);Object.defineProperty(exports,"LanesModel",{enumerable:!0,get:function(){return lanes_model_1.LanesModel}})},49446(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;const component_1=__webpack_require__(30266),lane_id_1=__webpack_require__(35896),component_id_1=__webpack_require__(62435),path_to_regexp_1=__webpack_require__(68883),lodash_1=__webpack_require__(92935);class LanesModel{static mapToLaneModel(laneData){const{id,laneComponentIds=[],readmeComponent,hash,createdAt,displayName,updatedAt,createdBy:createdByData,updatedBy:updatedByData,dependents=[],slug,deleted}=laneData,componentIds=laneComponentIds?.map(laneComponentId=>component_id_1.ComponentID.fromObject(laneComponentId))||[],readmeComponentModel=readmeComponent&&component_1.ComponentModel.from({...readmeComponent}),createdAtDate=createdAt&&new Date(+createdAt)||void 0,createdBy=createdByData?{name:createdByData?.name??void 0,email:createdByData.email??void 0,username:createdByData?.username??void 0,displayName:createdByData?.displayName??void 0,profileImage:createdByData.profileImage??void 0}:void 0,updatedAtDate=updatedAt&&new Date(+updatedAt)||void 0,updatedBy=updatedByData?.name?{name:updatedByData?.name??void 0,username:updatedByData?.username??void 0,displayName:updatedByData?.displayName??void 0,email:updatedByData.email??void 0,profileImage:updatedByData.profileImage??void 0}:void 0;return{id:lane_id_1.LaneId.from(id.name,id.scope),components:componentIds,readmeComponent:readmeComponentModel,createdAt:createdAtDate,updatedAt:updatedAtDate,displayName,hash,updatedBy,createdBy,deleted,dependents:dependents?.map(dependent=>component_id_1.ComponentID.fromObject(dependent)),slug}}static groupLaneIdsByScope(laneIds){const grouped=new Map;return laneIds.forEach(laneId=>{const{scope}=laneId;if(!grouped.has(scope))grouped.set(scope,[laneId]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,laneId])}}),grouped}static groupLanesByScope(lanes){const grouped=new Map;return lanes.forEach(lane=>{const{scope}=lane.id;if(!grouped.has(scope))grouped.set(scope,[lane]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,lane])}}),grouped}static groupByComponentNameAndId(lanes){const byName=new Map,byId=new Map;return lanes.forEach(lane=>{const{components}=lane;components.forEach(component=>{const name=component.fullName,id=component.toString(),existingByName=byName.get(name)||[],existingById=byId.get(id)||[];existingByName.push(lane),existingById.push(lane),byName.set(name,existingByName),byId.set(id,existingById)})}),{byName,byId}}static from({data,scope,viewedLaneId}){const lanes=data?.lanes?.list?.map(lane=>LanesModel.mapToLaneModel(lane))||[],currentLane=data?.lanes?.current?LanesModel.mapToLaneModel(data.lanes.current):void 0,defaultLane=data?.lanes?.default?LanesModel.mapToLaneModel(data.lanes.default):scope&&LanesModel.mapToLaneModel({id:{name:"main",scope},hash:""})||lanes.find(lane=>lane.id.isDefault())||void 0,viewedLane=viewedLaneId?lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):data?.lanes?.viewedLane&&LanesModel.mapToLaneModel(data.lanes.viewedLane[0])||currentLane||defaultLane;return new LanesModel({lanes,currentLane,defaultLane,viewedLane})}constructor({lanes=[],viewedLane,currentLane,defaultLane}){this.getLaneComponentUrlByVersion=(componentId,laneId,addScopeMetadataInUrl,laneFromParams)=>{const defaultLane2=this.getDefaultLane();if(!componentId.version||!laneId||!defaultLane2||laneId&&this.currentLane&&laneId.isEqual(this.currentLane.id))return LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl,laneFromParams);const lane=this.getLanesByComponentId(componentId)?.find(l=>l.id.isEqual(laneId));return lane?lane.id.isDefault()?LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl,laneFromParams):LanesModel.getLaneComponentUrl(componentId,lane.id,addScopeMetadataInUrl,laneFromParams):defaultLane2.components.find(c=>c.isEqual(componentId))?LanesModel.getMainComponentUrl(componentId,laneId,addScopeMetadataInUrl,laneFromParams):void 0},this.setViewedLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):void 0},this.setViewedOrDefaultLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):this.getDefaultLane()},this.resolveComponentFromUrl=(idFromUrl,laneId)=>{const comps=(laneId&&this.lanes.find(lane=>lane.slug===laneId.toString()||lane.id.isEqual(laneId))||this.viewedLane)?.components||[];return idFromUrl.includes(".")?comps.find(component=>component.toStringWithoutVersion()===idFromUrl):comps.find(component=>component.fullName===idFromUrl)},this.getDefaultLane=()=>this.defaultLane,this.getNonMainLanes=()=>this.lanes.filter(lane=>!lane.id.isDefault()),this.isInViewedLane=(componentId,includeVersion)=>includeVersion?this.viewedLane?.components.some(comp=>includeVersion&&comp.isEqual(componentId)):this.viewedLane?.components.some(comp=>includeVersion&&comp.isEqual(componentId,{ignoreVersion:!0})),this.isViewingCurrentLane=()=>this.currentLane&&this.viewedLane&&this.currentLane.id.isEqual(this.viewedLane.id),this.isViewingDefaultLane=()=>this.viewedLane&&this.viewedLane.id.isDefault(),this.isViewingNonDefaultLane=()=>this.viewedLane&&!this.viewedLane.id.isDefault(),this.getLanesByComponentName=componentId=>this.lanesByComponentName.get(componentId.fullName),this.getLanesByComponentId=componentId=>this.lanesByComponentId.get(componentId.toString()),this.isComponentOnMain=(componentId,includeVersion)=>includeVersion?!!this.getLanesByComponentId(componentId)?.some(lane=>lane.id.isDefault()):!!this.getLanesByComponentName(componentId)?.some(lane=>lane.id.isDefault()),this.isComponentOnMainButNotOnLane=(componentId,includeVersion,laneId)=>this.isComponentOnMain(componentId,includeVersion)&&!this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnLaneButNotOnMain=(componentId,includeVersion,laneId)=>!this.isComponentOnMain(componentId,includeVersion)&&this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnNonDefaultLanes=(componentId,includeVersion,laneId)=>includeVersion?!!this.getLanesByComponentId(componentId)?.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId))):!!this.getLanesByComponentName(componentId)?.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId))),this.isComponentDependent=(componentId,includeVersion,laneId)=>{const lane=laneId?this.lanes.find(l=>l.id.isEqual(laneId)):this.viewedLane;return lane?includeVersion?!!lane.dependents?.some(dep=>dep.isEqual(componentId)):!!lane.dependents?.some(dep=>dep.isEqual(componentId,{ignoreVersion:!0})):!1},this.viewedLane=viewedLane,this.currentLane=currentLane,this.defaultLane=defaultLane;const allUniqueLanes=(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,this.defaultLane,this.currentLane,this.viewedLane],lane=>lane?.id.toString()));this.lanes=allUniqueLanes,this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}addLanes(newLanes=[]){this.lanes=LanesModel.concatLanes(this.lanes,newLanes),this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}static concatLanes(lanes=[],newLanes=[]){return(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,...newLanes],lane=>lane?.id.toString()))}}exports.LanesModel=LanesModel,LanesModel.lanesPrefix="~lane",LanesModel.baseLaneComponentRoute="/~component",LanesModel.lanePath=":scopeId/:laneId",LanesModel.laneUrlParamsKey="lane",LanesModel.laneFromPathRegex=(0,path_to_regexp_1.pathToRegexp)(`${LanesModel.lanesPrefix}/${LanesModel.lanePath}`,void 0,{end:!1,start:!1}),LanesModel.getLaneIdFromPathname=(pathname,urlSearchParams)=>{const matches=LanesModel.laneFromPathRegex.exec(pathname);if(matches){const[,scopeId,laneId]=matches;return lane_id_1.LaneId.from(laneId,scopeId)}if(urlSearchParams){const laneIdQueryParam=urlSearchParams.get(LanesModel.laneUrlParamsKey);return laneIdQueryParam?lane_id_1.LaneId.parse(laneIdQueryParam):void 0}},LanesModel.getLaneUrl=(laneId,relative,_lane)=>`${relative?"":"/"}${LanesModel.lanesPrefix}/${laneId.toString()}`,LanesModel.getLaneComponentUrl=(componentId,laneId,addScopeMetadataInUrl,_lane)=>{const isExternalComponent=componentId.scope!==laneId.scope,laneUrl=LanesModel.getLaneUrl(laneId),queryParams=new URLSearchParams;return componentId.version&&queryParams.set("version",componentId.version),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${isExternalComponent?`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.toStringWithoutVersion()}`:`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.fullName}`}?${queryParams.toString()}`},LanesModel.getMainComponentUrl=(componentId,laneId,addScopeMetadataInUrl,_lane)=>{const componentUrl=componentId.fullName,queryParams=new URLSearchParams;return laneId&&queryParams.set(LanesModel.laneUrlParamsKey,laneId.toString()),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${componentUrl}?${queryParams.toString()}`}},618(__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__(75041);return _panelUi=function(){return data},data}function _tabs(){const data=__webpack_require__(31025);return _tabs=function(){return data},data}},75041(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelUiAspect=void 0;function _harmony(){const data=__webpack_require__(95012);return _harmony=function(){return data},data}const PanelUiAspect=exports.PanelUiAspect=_harmony().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}})},31025(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=Tab,exports.TabContainer=void 0,exports.TabList=TabList,exports.TabPanel=void 0;function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _reactTabs(){const data=__webpack_require__(72653);return _reactTabs=function(){return data},data}function _tabsModule(){const data=_interopRequireDefault(__webpack_require__(41088));return _tabsModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const TabContainer=exports.TabContainer=_reactTabs().Tabs;function TabList(props){return _react().default.createElement(_reactTabs().TabList,_extends({},props,{className:(0,_classnames().default)(_tabsModule().default.tabContainer,props.className)}))}TabList.tabsRole="TabList";const TabPanel=exports.TabPanel=_reactTabs().TabPanel;function Tab(props){return _react().default.createElement(_reactTabs().Tab,_extends({},props,{className:(0,_classnames().default)(props.className,_tabsModule().default.tab),selectedClassName:_tabsModule().default.active,disabledClassName:_tabsModule().default.disabled}))}Tab.tabsRole="Tab"},34907(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"getLatestVersion",{enumerable:!0,get:function(){return _semverHelper().getLatestVersion}}),Object.defineProperty(exports,"getValidVersionOrReleaseType",{enumerable:!0,get:function(){return _semverHelper().getValidVersionOrReleaseType}}),Object.defineProperty(exports,"isRange1GreaterThanRange2Naively",{enumerable:!0,get:function(){return _semverHelper().isRange1GreaterThanRange2Naively}}),Object.defineProperty(exports,"validateVersion",{enumerable:!0,get:function(){return _semverHelper().validateVersion}});function _semverHelper(){const data=__webpack_require__(54388);return _semverHelper=function(){return data},data}},54388(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLatestVersion=getLatestVersion,exports.getValidVersionOrReleaseType=getValidVersionOrReleaseType,exports.isRange1GreaterThanRange2Naively=isRange1GreaterThanRange2Naively,exports.isReleaseTypeSupported=isReleaseTypeSupported,exports.isStrReleaseType=isStrReleaseType,exports.throwForUnsupportedReleaseType=throwForUnsupportedReleaseType,exports.validateVersion=validateVersion;function _semver(){const data=__webpack_require__(16322);return _semver=function(){return data},data}function _componentVersion(){const data=__webpack_require__(25699);return _componentVersion=function(){return data},data}function isStrReleaseType(str){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(str)}function isReleaseTypeSupported(str){return["patch","minor","major","prerelease"].includes(str)}function throwForUnsupportedReleaseType(str){if(!isReleaseTypeSupported(str))throw new Error(`the release-type "${str}" is not supported`)}function validateVersion(version){if(version){const validVersion=(0,_semver().valid)(version);if(!validVersion)throw new(_componentVersion()).InvalidVersion(version);return validVersion}}function getValidVersionOrReleaseType(str){if(isStrReleaseType(str)){const releaseType=str;return throwForUnsupportedReleaseType(releaseType),{releaseType}}return{exactVersion:validateVersion(str)}}function getLatestVersion(versions){const max=(0,_semver().maxSatisfying)(versions,"*",{includePrerelease:!0});if(!max)throw new Error(`unable to find the latest version from ${versions.join(", ")}`);return max}function isRange1GreaterThanRange2Naively(range1,range2){const minVersion1=(0,_semver().minVersion)(range1),minVersion2=(0,_semver().minVersion)(range2);return!minVersion1||!minVersion2?!1:(0,_semver().gt)(minVersion1,minVersion2)}},38848(__unused_webpack_module,exports){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.computePreviewScale=computePreviewScale;function computePreviewScale(width,containerWidth){const scale=containerWidth*.95/width;return scale>1?"scale(1)":`scale(${scale})`}},37175(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewPropsAggregator=exports.PreviewPropsExecutor=exports.PreviewPropsManager=exports.SandboxPermissionsAggregator=exports.SandboxPermissionExecutor=exports.SandboxManager=exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=exports.ComponentPreview=void 0;var preview_1=__webpack_require__(21119);Object.defineProperty(exports,"ComponentPreview",{enumerable:!0,get:function(){return preview_1.ComponentPreview}});var urls_1=__webpack_require__(46229);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}});var sandbox_manager_1=__webpack_require__(83402);Object.defineProperty(exports,"SandboxManager",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxManager}}),Object.defineProperty(exports,"SandboxPermissionExecutor",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxPermissionExecutor}}),Object.defineProperty(exports,"SandboxPermissionsAggregator",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxPermissionsAggregator}}),Object.defineProperty(exports,"PreviewPropsManager",{enumerable:!0,get:function(){return sandbox_manager_1.PreviewPropsManager}}),Object.defineProperty(exports,"PreviewPropsExecutor",{enumerable:!0,get:function(){return sandbox_manager_1.PreviewPropsExecutor}}),Object.defineProperty(exports,"PreviewPropsAggregator",{enumerable:!0,get:function(){return sandbox_manager_1.PreviewPropsAggregator}})},21119(__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.ComponentPreview=ComponentPreview;const jsx_runtime_1=__webpack_require__(11684),react_1=__webpack_require__(12888),classnames_1=__importDefault(__webpack_require__(97500)),lodash_1=__webpack_require__(92935),penpal_1=__webpack_require__(8926),pubsub_1=__webpack_require__(78410),base_react_themes_theme_switcher_1=__webpack_require__(70589),ui_foundation_ui_rendering_html_1=__webpack_require__(28452),urls_1=__webpack_require__(46229),compute_preview_scale_1=__webpack_require__(38848),use_iframe_content_height_1=__webpack_require__(52833),preview_module_scss_1=__importDefault(__webpack_require__(74134));function ComponentPreview({component,previewName,className,forceHeight,includeEnv=!0,queryParams,disableScroll=!1,pubsub,innerBottomPadding=0,viewport=1280,fullContentHeight=!1,onLoad,style,sandbox,propagateError,onPreviewError,...rest}){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=component.preview?.isScaling,currentRef=isScaling?iframeRef:heightIframeRef,[forceVisible,setForceVisible]=(0,react_1.useState)(!1);(0,pubsub_1.usePubSubIframe)(pubsub?currentRef:void 0),(0,react_1.useEffect)(()=>{const handleMessage=event=>{if((event.data&&event.data.event===ui_foundation_ui_rendering_html_1.LOAD_EVENT||event.data&&event.data.event==="webpackInvalid")&&onLoad&&onLoad(event),event.data&&(event.data.event===ui_foundation_ui_rendering_html_1.ERROR_EVENT||event.data.event==="AI_FIX_REQUEST")){const errorData=event.data.payload;if(onPreviewError?.(errorData),setForceVisible(!0),propagateError&&window.parent&&window!==window.parent)try{window.parent.postMessage({event:event.data.event,payload:{...errorData,forwardedFrom:{component:component.id,preview:previewName}}},"*")}catch(err){console.error("failed to propagate error to parent",err)}}};return window.addEventListener("message",handleMessage),()=>{window.removeEventListener("message",handleMessage)}},[component.id.toString(),onLoad,propagateError,onPreviewError]),(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)),onLoad&&event&&onLoad(event,{height:message.data.height,width:message.data.width})}}})},[iframeRef?.current]);const theme=(0,base_react_themes_theme_switcher_1.useThemePicker)(),themeParam=theme?.current?.themeName?`theme=${theme.current.themeName}`:"",baseParams=Array.isArray(queryParams)?queryParams.concat(themeParam):(0,lodash_1.compact)([queryParams,themeParam]),paramsWithViewport=Array.isArray(baseParams)?baseParams.concat(`viewport=${viewport}`):(0,lodash_1.compact)([baseParams,`viewport=${viewport}`]),targetParams=viewport===null?baseParams:paramsWithViewport,url=(0,urls_1.toPreviewUrl)(component,previewName,isScaling?targetParams:baseParams,includeEnv),containerWidth=containerRef.current?.offsetWidth||0,containerHeight=containerRef.current?.offsetHeight||0,currentWidth=fullContentHeight?"100%":width||1280,legacyCurrentWidth="100%",targetWidth=typeof currentWidth=="string"?currentWidth:Math.max(currentWidth,containerWidth),targetHeight=height!==0?height:5e3,finalHeight=!fullContentHeight&&targetHeight<containerHeight?containerHeight:targetHeight,defaultLegacyHeight=forceHeight||5e3,legacyIframeHeight=(iframeHeight||0)>400?iframeHeight:defaultLegacyHeight;return(0,jsx_runtime_1.jsx)("div",{ref:containerRef,className:(0,classnames_1.default)(preview_module_scss_1.default.preview,className),style:{height:forceHeight},children:(0,jsx_runtime_1.jsx)("iframe",{...rest,sandbox:sandbox||void 0,ref:currentRef,style:{...style,height:forceHeight||(isScaling?finalHeight+innerBottomPadding:legacyIframeHeight),width:isScaling?targetWidth:legacyCurrentWidth,visibility:width===0&&isScaling&&!fullContentHeight&&!forceVisible?"hidden":void 0,transform:fullContentHeight?"":(0,compute_preview_scale_1.computePreviewScale)(width||1280,containerWidth||1280),border:0,transformOrigin:"top left"},src:url,scrolling:disableScroll?"no":void 0})})}},83402(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewPropsManager=exports.SandboxManager=void 0,exports.SandboxPermissionExecutor=SandboxPermissionExecutor,exports.SandboxPermissionsAggregator=SandboxPermissionsAggregator,exports.PreviewPropsExecutor=PreviewPropsExecutor,exports.PreviewPropsAggregator=PreviewPropsAggregator;const jsx_runtime_1=__webpack_require__(11684),react_1=__webpack_require__(12888);class SandboxManager{constructor(initialPermissions=[]){this.permissions=new Set(initialPermissions)}add(permission){return this.permissions.add(permission),this}remove(permission){return this.permissions.delete(permission),this}has(permission){return this.permissions.has(permission)}toString(){return Array.from(this.permissions).join(" ")}}exports.SandboxManager=SandboxManager;function SandboxPermissionExecutor({usePermissionHook,manager,component}){return usePermissionHook(manager,component),null}function SandboxPermissionsAggregator({hooks,onSandboxChange,component}){const managerRef=(0,react_1.useRef)(new SandboxManager);return(0,react_1.useEffect)(()=>{onSandboxChange?.(managerRef.current.toString())}),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:hooks.map((usePermissionHook,i)=>(0,jsx_runtime_1.jsx)(SandboxPermissionExecutor,{usePermissionHook,manager:managerRef.current,component},`sanbox-permission-executor-${i}`))})}class PreviewPropsManager{constructor(){this.attrs={}}set(key,value){return this.attrs[key]=value,this}get(key){return this.attrs[key]}toAttrs(){return{...this.attrs}}}exports.PreviewPropsManager=PreviewPropsManager;function PreviewPropsExecutor({usePropsHook,manager,component}){return usePropsHook(manager,component),null}function shallowEqualAttrs(a,b){const aKeys=Object.keys(a),bKeys=Object.keys(b);return aKeys.length!==bKeys.length?!1:aKeys.every(k=>a[k]===b[k])}function PreviewPropsAggregator({hooks,component,children}){const manager=new PreviewPropsManager;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[hooks.map((usePropsHook,i)=>(0,jsx_runtime_1.jsx)(PreviewPropsExecutor,{usePropsHook,manager,component},`preview-props-executor-${i}`)),(0,jsx_runtime_1.jsx)(PreviewPropsConsumer,{manager,children})]})}function PreviewPropsConsumer({manager,children}){const next=manager.toAttrs(),stableRef=(0,react_1.useRef)(next);return shallowEqualAttrs(stableRef.current,next)||(stableRef.current=next),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:children(stableRef.current)})}},46229(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewUrl=toPreviewUrl,exports.toPreviewServer=toPreviewServer,exports.toPreviewHash=toPreviewHash;const base_ui_utils_string_affix_1=__webpack_require__(21812);function toPreviewUrl(component,previewName,additionalParams,includeEnvId=!0){const serverPath=toPreviewServer(component,previewName),envId=getEnvIdQueryParam(component,includeEnvId),hash=toPreviewHash(component,previewName,envId,additionalParams);return`${serverPath}#${hash}`}function toPreviewServer(component,previewName){const explicitUrl=component.server?.url;return explicitUrl&&!component.server.host?explicitUrl:component.preview?.includesEnvTemplate===!1?toEnvTemplatePreviewUrl(component,previewName):toComponentPreviewUrl(component)}function getEnvIdQueryParam(component,includeEnvId=!0){if(!!includeEnvId&&!(component.server?.host||component.server?.basePath)&&!!component.server?.url)return component.environment?.id}function toComponentPreviewUrl(component){return`${createPrefix(component.server?.basePath,component.server?.host)}/${component.id.toString()}/~aspect/preview/`}function createPrefix(basePath,host){const actualBasePath=basePath||"/api",basePathWithSlash=actualBasePath.startsWith("/")?actualBasePath:`/${actualBasePath}`,hostWithoutSlash=host?.endsWith("/")?host.slice(0,-1):host,prefix=hostWithoutSlash?`${hostWithoutSlash}${basePathWithSlash}`:basePathWithSlash;return prefix.endsWith("/")?prefix.slice(0,-1):prefix}function toEnvTemplatePreviewUrl(component,previewName){const envId=component.environment?.id,search=`compId=${component.id.toString()}`;return`${createPrefix(component.server?.basePath,component.server?.host)}/${envId}/~aspect/env-template/${previewName}/?${search}`}function toPreviewHash(component,previewName,envId,queryParams=""){const previewParam=(0,base_ui_utils_string_affix_1.affix)("preview=",previewName),envIdParam=(0,base_ui_utils_string_affix_1.affix)("env=",envId),hashQuery=[previewParam,envIdParam].concat(queryParams).filter(x=>!!x).join("&");return`${component.id.toString()}${(0,base_ui_utils_string_affix_1.affix)("?",hashQuery)}`}},52833(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.useIframeContentHeight=useIframeContentHeight,__webpack_unused_export__=useInterval;const react_1=__webpack_require__(12888);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(()=>{try{const iframe=iframeRef.current;if(!iframe||!iframe.contentWindow||!iframe.contentWindow.document)return;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=iframe?.contentWindow?.document.body.offsetWidth;setIframeHeight(newHeight),setIframeWidth(newWidth||0),first=!1}catch{}},interval),[iframeRef,iframeHeight,iframeWidth]}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])}},78434(__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},78410(__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 _bitBaseEvent().BitBaseEvent}},__webpack_unused_export__={enumerable:!0,get:function(){return _pubsub().PubsubAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _pubsub().PubsubAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _pubsubContext().usePubSub}},Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(6525);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(78434);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(19665);return _pubsubContext=function(){return data},data}},19665(__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__(12888));return _react=function(){return data},data}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}const pubsubRegistry=exports.pubsubRegistry=(0,_react().createContext)(void 0);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?.current||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},6525(__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__(95012);return _harmony=function(){return data},data}const PubsubAspect=exports.PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});var _default=exports.default=PubsubAspect},46834(__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.DocsApp=DocsApp;const jsx_runtime_1=__webpack_require__(11684),docs_1=__webpack_require__(82894),react_ui_docs_properties_table_1=__webpack_require__(95743),react_ui_docs_compositions_carousel_1=__webpack_require__(20299),react_ui_docs_docs_content_1=__webpack_require__(84410),docs_theme_1=__webpack_require__(45728),docs_app_module_scss_1=__importDefault(__webpack_require__(19249));function DocsApp({componentId,docs=docs_1.defaultDocs,compositions,context}){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?"),renderOnlyOverview=new URLSearchParams(after).get("onlyOverview");return(0,jsx_runtime_1.jsx)(docs_theme_1.DocsTheme,{children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_ui_docs_docs_content_1.DocsContent,{docs,className:docs_app_module_scss_1.default.mdx}),(!renderOnlyOverview||renderOnlyOverview==="false")&&(0,jsx_runtime_1.jsx)(react_ui_docs_compositions_carousel_1.CompositionsCarousel,{renderingContext:context,compositions,className:docs_app_module_scss_1.default.compositionSection,compositionCardClass:docs_app_module_scss_1.default.compositionCard}),(!renderOnlyOverview||renderOnlyOverview==="false")&&(0,jsx_runtime_1.jsx)(react_ui_docs_properties_table_1.PropertiesTable,{componentId})]})})}},45728(__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.DocsTheme=DocsTheme;const jsx_runtime_1=__webpack_require__(11684),classnames_1=__importDefault(__webpack_require__(97500)),design_themes_theme_toggler_1=__webpack_require__(93250),design_theme_icons_font_1=__webpack_require__(19644),docs_app_module_scss_1=__importDefault(__webpack_require__(19249));function DocsTheme({children}){const hash=window.location.hash,[,hashQuery]=hash&&hash.split("?"),theme=new URLSearchParams(hashQuery).get("theme")||"light";return(0,jsx_runtime_1.jsxs)(design_themes_theme_toggler_1.ThemeSwitcher,{defaultTheme:theme,children:[(0,jsx_runtime_1.jsx)(design_theme_icons_font_1.IconFont,{query:"q76y7n"}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(docs_app_module_scss_1.default.docsMainBlock),children})]})}},31990(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=__webpack_require__(11684),docs_app_1=__webpack_require__(46834);let root;function createCompatRoot(container){try{return __webpack_require__(49116).createRoot(container)}catch{const ReactDOM=__webpack_require__(2163);return{render:element=>{ReactDOM.render(element,container)}}}}function DocsRoot({componentId,docs,compositions,context}){root||(root=createCompatRoot(document.getElementById("root"))),root.render((0,jsx_runtime_1.jsx)(docs_app_1.DocsApp,{componentId,docs,compositions,context}))}DocsRoot.apiObject=!0,exports.default=DocsRoot},26143(__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.docsStyles=exports.DocsApp=exports.default=exports.DocsTheme=void 0;var docs_theme_1=__webpack_require__(45728);Object.defineProperty(exports,"DocsTheme",{enumerable:!0,get:function(){return docs_theme_1.DocsTheme}});var docs_app_root_1=__webpack_require__(31990);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(docs_app_root_1).default}});var docs_app_1=__webpack_require__(46834);Object.defineProperty(exports,"DocsApp",{enumerable:!0,get:function(){return docs_app_1.DocsApp}});var docs_app_module_scss_1=__webpack_require__(19249);Object.defineProperty(exports,"docsStyles",{enumerable:!0,get:function(){return __importDefault(docs_app_module_scss_1).default}})},66621(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApplyProviders=ApplyProviders;const jsx_runtime_1=__webpack_require__(11684),react_error_boundary_1=__webpack_require__(85206),base_ui_utils_composer_1=__webpack_require__(40218),react_ui_error_fallback_1=__webpack_require__(25817);function ApplyProviders({renderingContext,children,...rest}){const{providers=[]}=renderingContext.get("teambit.react/react")||{};return(0,jsx_runtime_1.jsx)("div",{...rest,children:(0,jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback,children:(0,jsx_runtime_1.jsx)(base_ui_utils_composer_1.Composer,{components:providers,children})})})}},21634(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.ApplyProviders=void 0;var apply_providers_1=__webpack_require__(66621);Object.defineProperty(exports,"ApplyProviders",{enumerable:!0,get:function(){return apply_providers_1.ApplyProviders}})},63499(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsCarousel=CompositionsCarousel;const jsx_runtime_1=__webpack_require__(11684),react_ui_docs_apply_providers_1=__webpack_require__(21634),compositions_ui_compositions_overview_1=__webpack_require__(9408),documenter_ui_linked_heading_1=__webpack_require__(59196),documenter_ui_section_1=__webpack_require__(3204);function CompositionsCarousel({compositions,compositionCardClass,renderingContext,...rest}){return!compositions||Object.keys(compositions).length===0?null:(0,jsx_runtime_1.jsxs)(documenter_ui_section_1.Section,{...rest,children:[(0,jsx_runtime_1.jsx)(documenter_ui_linked_heading_1.LinkedHeading,{children:"Compositions"}),(0,jsx_runtime_1.jsx)(react_ui_docs_apply_providers_1.ApplyProviders,{renderingContext,children:(0,jsx_runtime_1.jsx)(compositions_ui_compositions_overview_1.CompositionsOverview,{compositions,compositionCardClass})})]})}},20299(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.CompositionsCarousel=void 0;var compositions_carousel_1=__webpack_require__(63499);Object.defineProperty(exports,"CompositionsCarousel",{enumerable:!0,get:function(){return compositions_carousel_1.CompositionsCarousel}})},5915(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocsContent=DocsContent;const jsx_runtime_1=__webpack_require__(11684),react_error_boundary_1=__webpack_require__(85206),lodash_1=__webpack_require__(92935),docs_1=__webpack_require__(82894),react_ui_error_fallback_1=__webpack_require__(25817),mdx_ui_mdx_layout_1=__webpack_require__(63698);function DocsContent({docs=docs_1.defaultDocs,...rest}){const Content=(0,lodash_1.isFunction)(docs.default)?docs.default:()=>null;return(0,jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback,children:Content.isMDXComponent?(0,jsx_runtime_1.jsx)(mdx_ui_mdx_layout_1.MDXLayout,{...rest,children:(0,jsx_runtime_1.jsx)(Content,{})}):(0,jsx_runtime_1.jsx)(Content,{})})}},84410(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.DocsContent=void 0;var docs_content_1=__webpack_require__(5915);Object.defineProperty(exports,"DocsContent",{enumerable:!0,get:function(){return docs_content_1.DocsContent}})},95743(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.PropertiesTable=void 0;var properties_table_1=__webpack_require__(5471);Object.defineProperty(exports,"PropertiesTable",{enumerable:!0,get:function(){return properties_table_1.PropertiesTable}})},5471(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=PropertiesTable;const jsx_runtime_1=__webpack_require__(11684),documenter_ui_linked_heading_1=__webpack_require__(59196),documenter_ui_property_table_1=__webpack_require__(34369),documenter_ui_section_1=__webpack_require__(3204),component_ui_hooks_use_fetch_docs_1=__webpack_require__(37590);function PropertiesTable({componentId,...rest}){const{loading,error,data}=(0,component_ui_hooks_use_fetch_docs_1.useFetchDocs)(componentId);if(!data||loading)return null;if(error)return console.error(`failed to fetch docs for ${componentId} in PropertiesTable`,error),null;if(!data.docs.properties)return console.warn(`no properties found for ${componentId} in PropertiesTable`),null;const{properties}=data.docs;return properties.length===0?(0,jsx_runtime_1.jsx)("div",{}):(0,jsx_runtime_1.jsxs)(documenter_ui_section_1.Section,{...rest,children:[(0,jsx_runtime_1.jsx)(documenter_ui_linked_heading_1.LinkedHeading,{children:"Properties"}),(0,jsx_runtime_1.jsx)(documenter_ui_property_table_1.PropTable,{rows:properties})]})}},63170(__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.ErrorFallback=ErrorFallback;const jsx_runtime_1=__webpack_require__(11684),classnames_1=__importDefault(__webpack_require__(97500)),design_ui_icon_button_1=__webpack_require__(83315),base_ui_styles_flex_center_1=__webpack_require__(88378),error_fallback_module_scss_1=__importDefault(__webpack_require__(87465));function ErrorFallback({resetErrorBoundary,className,children="Failed to render",cta="try again"}){const handleClick=async()=>{await new Promise(resolve=>setTimeout(resolve,480)),resetErrorBoundary()};return(0,jsx_runtime_1.jsxs)("div",{className:(0,classnames_1.default)(error_fallback_module_scss_1.default.errorFallback,base_ui_styles_flex_center_1.flexCenter,className),children:[(0,jsx_runtime_1.jsx)("div",{className:error_fallback_module_scss_1.default.icon}),(0,jsx_runtime_1.jsx)("div",{className:error_fallback_module_scss_1.default.message,children}),(0,jsx_runtime_1.jsx)(design_ui_icon_button_1.IconButton,{onClick:handleClick,className:error_fallback_module_scss_1.default.retryButton,children:cta})]})}},25817(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.ErrorFallback=void 0;var error_fallback_1=__webpack_require__(63170);Object.defineProperty(exports,"ErrorFallback",{enumerable:!0,get:function(){return error_fallback_1.ErrorFallback}})},50668(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.matchPatterns=exports.splitPatterns=void 0;var match_patterns_1=__webpack_require__(54601);Object.defineProperty(exports,"splitPatterns",{enumerable:!0,get:function(){return match_patterns_1.splitPatterns}}),Object.defineProperty(exports,"matchPatterns",{enumerable:!0,get:function(){return match_patterns_1.matchPatterns}})},54601(__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.matchPatterns=matchPatterns,exports.splitPatterns=splitPatterns;const minimatch_1=__importDefault(__webpack_require__(7491));function matchPatterns(filePath,includePatterns,excludePatterns){const included=includePatterns.some(pattern=>(0,minimatch_1.default)(filePath,pattern)),excluded=excludePatterns.every(pattern=>(0,minimatch_1.default)(filePath,pattern));return included&&excluded}function splitPatterns(patterns){return{includePatterns:patterns.filter(pattern=>!pattern.startsWith("!")),excludePatterns:patterns.filter(pattern=>pattern.startsWith("!"))}}},75987(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=capitalize;function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1)}},5913(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=void 0;var capitalize_1=__webpack_require__(75987);Object.defineProperty(exports,"capitalize",{enumerable:!0,get:function(){return capitalize_1.capitalize}})},96859(__unused_webpack_module,exports,__webpack_require__){"use strict";var process=__webpack_require__(68558),Buffer=__webpack_require__(84686).Buffer;Object.defineProperty(exports,"__esModule",{value:!0}),exports.lf=lf,exports.auto=auto,exports.cr=cr,exports.crlf=crlf;const isbinaryfile_1=__webpack_require__(81423),lineBreak=typeof process<"u"&&process.platform==="win32"?`\r
 `:`
 `,newline=/\r\n|\r|\n/g;function converts(text,to){if(Buffer.isBuffer(text)){if((0,isbinaryfile_1.isBinaryFileSync)(text))return text;const str=text.toString(),strReplaced=str.replace(newline,to);return str!==strReplaced?Buffer.from(strReplaced):text}return text.toString().replace(newline,to)}function lf(text){return converts(text,`
 `)}function auto(text){return converts(text,lineBreak)}function cr(text){return converts(text,"\r")}function crlf(text){return converts(text,`\r