@prolibu-suite/cobalt-core 0.4.0 → 0.6.0

package/dist/cobalt/{p-d7cbb4c7.entry.js → p-fb251497.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as e,H as s,a as o}from"./p-Es9IUmmt.js";const r={es:{play:"Reproducir",pause:"Pausar",mute:"Silenciar",unmute:"Activar sonido",volume:"Volumen",fullscreen:"Pantalla completa",exitFullscreen:"Salir de pantalla completa",speed:"Velocidad",pip:"Imagen en imagen",exitPip:"Salir de imagen en imagen",download:"Descargar",seek:"Buscar",normal:"Normal",error:"Error al reproducir el video",retry:"Reintentar",player:"Reproductor de video"},en:{play:"Play",pause:"Pause",mute:"Mute",unmute:"Unmute",volume:"Volume",fullscreen:"Fullscreen",exitFullscreen:"Exit fullscreen",speed:"Speed",pip:"Picture in picture",exitPip:"Exit picture in picture",download:"Download",seek:"Seek",normal:"Normal",error:"Error playing video",retry:"Retry",player:"Video player"},pt:{play:"Reproduzir",pause:"Pausar",mute:"Silenciar",unmute:"Ativar som",volume:"Volume",fullscreen:"Tela cheia",exitFullscreen:"Sair da tela cheia",speed:"Velocidade",pip:"Imagem em imagem",exitPip:"Sair de imagem em imagem",download:"Baixar",seek:"Buscar",normal:"Normal",error:"Erro ao reproduzir o vídeo",retry:"Tentar novamente",player:"Reprodutor de vídeo"}},a={1:{es:"La carga del video fue interrumpida",en:"Video loading was aborted",pt:"O carregamento do vídeo foi interrompido"},2:{es:"Error de red al cargar el video",en:"Network error while loading video",pt:"Erro de rede ao carregar o vídeo"},3:{es:"Error al decodificar el video",en:"Error decoding video",pt:"Erro ao decodificar o vídeo"},4:{es:"Formato de video no soportado",en:"Video format not supported",pt:"Formato de vídeo não suportado"}},h=class{constructor(e){i(this,e),this.coPlay=t(this,"coPlay",7),this.coPause=t(this,"coPause",7),this.coEnded=t(this,"coEnded",7),this.coReady=t(this,"coReady",7),this.coError=t(this,"coError",7),this.coTimeUpdate=t(this,"coTimeUpdate",3),this.coSeeked=t(this,"coSeeked",7),this.coVolumeChange=t(this,"coVolumeChange",7),this.coFullscreenChange=t(this,"coFullscreenChange",7),this.coPlaybackRateChange=t(this,"coPlaybackRateChange",7),this.coPipChange=t(this,"coPipChange",7),this.coDownload=t(this,"coDownload",7),this.coThresholdReached=t(this,"coThresholdReached",7),this.src="",this.poster="",this.type="",this.preload="metadata",this.autoplay=!1,this.loop=!1,this.muted=!1,this.volume=1,this.currentTime=0,this.playbackRate=1,this.playbackRates="[0.5, 0.75, 1, 1.25, 1.5, 2]",this.controls=!0,this.showPlay=!0,this.showVolume=!0,this.showProgress=!0,this.showTime=!0,this.showFullscreen=!0,this.showSpeed=!1,this.showPip=!1,this.showDownload=!1,this.allowDownload=!1,this.aspectRatio="16:9",this.rounded="lg",this.controlsAutoHide=!0,this.controlsAutoHideDelay=3e3,this.disabled=!1,this.watchThreshold=0,this.locale="es",this.isPlaying=!1,this.internalCurrentTime=0,this.duration=0,this.buffered=0,this.volumeLevel=1,this.isMuted=!1,this.isFullscreen=!1,this.internalPlaybackRate=1,this.isLoading=!0,this.showControlBar=!0,this.hasError=!1,this.errorMessage="",this.showSpeedMenu=!1,this.isPip=!1,this.thresholdFired=!1,this.hasStarted=!1,this.isSeeking=!1,this.showVolumeSlider=!1,this.lastTimeUpdateEmit=0,this.parsedRates=[.5,.75,1,1.25,1.5,2],this.seekFromTime=0,this.externalTimeUpdate=!1,this.resetControlsTimer=()=>{this.controlsAutoHide&&this.controls&&(this.showControlBar=!0,this.controlsTimer&&clearTimeout(this.controlsTimer),this.controlsTimer=setTimeout((()=>{this.isPlaying&&!this.showSpeedMenu&&(this.showControlBar=!1)}),this.controlsAutoHideDelay))},this.handleContainerMouseMove=()=>{this.resetControlsTimer()},this.handleContainerMouseLeave=()=>{this.isPlaying&&this.controlsAutoHide&&(this.showControlBar=!1,this.showSpeedMenu=!1)},this.handleContainerTouchStart=()=>{this.showControlBar&&this.isPlaying?this.showControlBar=!1:this.resetControlsTimer()},this.onLoadedMetadata=()=>{this.videoEl&&(this.duration=this.videoEl.duration,this.hasError=!1,this.coReady.emit({duration:this.duration}),this.currentTime>0&&this.currentTime<this.duration&&(this.videoEl.currentTime=this.currentTime))},this.onPlay=()=>{this.isPlaying=!0,this.hasStarted=!0,this.coPlay.emit(),this.resetControlsTimer()},this.onPause=()=>{this.isPlaying=!1,this.showControlBar=!0,this.coPause.emit(),this.controlsTimer&&clearTimeout(this.controlsTimer)},this.onEnded=()=>{this.isPlaying=!1,this.showControlBar=!0,this.coEnded.emit()},this.onTimeUpdate=()=>{if(!this.videoEl||this.isSeeking)return;this.internalCurrentTime=this.videoEl.currentTime,this.externalTimeUpdate=!0,this.currentTime=this.videoEl.currentTime;const i=performance.now();if(i-this.lastTimeUpdateEmit>250){this.lastTimeUpdateEmit=i;const t=this.duration>0?Math.round(this.internalCurrentTime/this.duration*100):0;this.coTimeUpdate.emit({currentTime:this.internalCurrentTime,duration:this.duration,progressPercent:t}),this.watchThreshold>0&&!this.thresholdFired&&t>=this.watchThreshold&&(this.thresholdFired=!0,this.coThresholdReached.emit({threshold:this.watchThreshold,currentTime:this.internalCurrentTime,duration:this.duration}))}},this.onWaiting=()=>{this.isLoading=!0},this.onCanPlay=()=>{this.isLoading=!1},this.onError=()=>{var i,t;if(!(null===(i=this.videoEl)||void 0===i?void 0:i.error))return;const e=this.videoEl.error.code,s=(null===(t=a[e])||void 0===t?void 0:t[this.locale])||this.t.error;this.hasError=!0,this.errorMessage=s,this.isLoading=!1,this.coError.emit({code:e,message:s})},this.onProgress=()=>{if(!this.videoEl||this.duration<=0)return;const i=this.videoEl.buffered;i.length>0&&(this.buffered=i.end(i.length-1)/this.duration*100)},this.onNativeVolumeChange=()=>{this.videoEl&&(this.volumeLevel=this.videoEl.volume,this.isMuted=this.videoEl.muted,this.volume=this.videoEl.volume,this.muted=this.videoEl.muted,this.coVolumeChange.emit({volume:this.volumeLevel,muted:this.isMuted}))},this.onNativeRateChange=()=>{this.videoEl&&(this.internalPlaybackRate=this.videoEl.playbackRate,this.playbackRate=this.videoEl.playbackRate,this.coPlaybackRateChange.emit({rate:this.internalPlaybackRate}))},this.handlePlayClick=()=>{!this.disabled&&this.videoEl&&(this.isPlaying?this.videoEl.pause():this.videoEl.play().catch((()=>{})))},this.handleBigPlayClick=()=>{this.disabled||this.handlePlayClick()},this.handleMuteClick=()=>{!this.disabled&&this.videoEl&&(this.videoEl.muted=!this.videoEl.muted)},this.isDraggingVolume=!1,this.handleVolumeMouseEnter=()=>{this.showVolumeSlider=!0},this.handleVolumeMouseLeave=()=>{this.isDraggingVolume||(this.showVolumeSlider=!1)},this.handleProgressPointerDown=i=>{if(this.disabled||!this.videoEl)return;i.preventDefault(),this.isSeeking=!0,this.seekFromTime=this.videoEl.currentTime,this.seekFromPointerEvent(i);const t=i=>this.seekFromPointerEvent(i),e=()=>{this.videoEl&&this.coSeeked.emit({from:this.seekFromTime,to:this.videoEl.currentTime}),this.isSeeking=!1,document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",e)};document.addEventListener("pointermove",t),document.addEventListener("pointerup",e)},this.handleVolumePointerDown=i=>{if(this.disabled||!this.videoEl)return;i.preventDefault(),i.stopPropagation(),this.isDraggingVolume=!0,this.showVolumeSlider=!0,this.setVolumeFromPointerEvent(i);const t=i=>this.setVolumeFromPointerEvent(i),e=()=>{this.isDraggingVolume=!1,document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",e)};document.addEventListener("pointermove",t),document.addEventListener("pointerup",e)},this.handleSpeedClick=i=>{i.stopPropagation(),this.showSpeedMenu=!this.showSpeedMenu},this.handleSpeedSelect=i=>{!this.disabled&&this.videoEl&&(this.videoEl.playbackRate=i,this.showSpeedMenu=!1)},this.handleFullscreenClick=()=>{if(!this.disabled)if(document.fullscreenElement||document.webkitFullscreenElement)document.exitFullscreen?document.exitFullscreen().catch((()=>{})):document.webkitExitFullscreen&&document.webkitExitFullscreen();else{const i=this.el;i.requestFullscreen?i.requestFullscreen().catch((()=>{})):i.webkitRequestFullscreen?i.webkitRequestFullscreen():this.videoEl&&this.videoEl.webkitEnterFullscreen&&this.videoEl.webkitEnterFullscreen()}},this.handleFullscreenChange=()=>{const i=document.fullscreenElement||document.webkitFullscreenElement;this.isFullscreen=i===this.el,this.coFullscreenChange.emit({fullscreen:this.isFullscreen})},this.handlePipClick=async()=>{if(!this.disabled&&this.videoEl)try{this.isPip?await document.exitPictureInPicture():await this.videoEl.requestPictureInPicture()}catch(i){}},this.handleEnterPip=()=>{this.isPip=!0,this.coPipChange.emit({pip:!0})},this.handleLeavePip=()=>{this.isPip=!1,this.coPipChange.emit({pip:!1})},this.handleDownloadClick=()=>{if(!this.allowDownload||!this.src)return;this.coDownload.emit({src:this.src});const i=document.createElement("a");i.href=this.src,i.download="",i.target="_blank",i.rel="noopener",document.body.appendChild(i),i.click(),document.body.removeChild(i)},this.handleRetryClick=()=>{this.videoEl&&(this.hasError=!1,this.errorMessage="",this.isLoading=!0,this.videoEl.load())},this.handleKeyDown=i=>{var t,e;if(this.disabled||!this.videoEl)return;const s=null===(e=null===(t=i.target)||void 0===t?void 0:t.tagName)||void 0===e?void 0:e.toLowerCase();if("input"!==s&&"textarea"!==s)switch(i.key){case" ":case"k":case"K":i.preventDefault(),this.handlePlayClick();break;case"ArrowRight":i.preventDefault(),this.videoEl.currentTime=Math.min(this.duration,this.videoEl.currentTime+5);break;case"ArrowLeft":i.preventDefault(),this.videoEl.currentTime=Math.max(0,this.videoEl.currentTime-5);break;case"ArrowUp":i.preventDefault(),this.videoEl.volume=Math.min(1,this.videoEl.volume+.1);break;case"ArrowDown":i.preventDefault(),this.videoEl.volume=Math.max(0,this.videoEl.volume-.1);break;case"m":case"M":i.preventDefault(),this.handleMuteClick();break;case"f":case"F":i.preventDefault(),this.handleFullscreenClick();break;case"Escape":this.showSpeedMenu&&(i.preventDefault(),this.showSpeedMenu=!1)}},this.handleVideoAreaClick=()=>{this.disabled||(this.handlePlayClick(),this.resetControlsTimer())}}get t(){return r[this.locale]||r.es}get progressPercent(){return this.duration<=0?0:this.internalCurrentTime/this.duration*100}get pipSupported(){return"undefined"!=typeof document&&"pictureInPictureEnabled"in document&&document.pictureInPictureEnabled}onSrcChange(){this.resetState()}onMutedChange(){this.videoEl&&(this.videoEl.muted=this.muted),this.isMuted=this.muted}onVolumeChange(){const i=Math.max(0,Math.min(1,this.volume));this.videoEl&&(this.videoEl.volume=i),this.volumeLevel=i}onCurrentTimeChange(){this.externalTimeUpdate?this.externalTimeUpdate=!1:this.videoEl&&Math.abs(this.videoEl.currentTime-this.currentTime)>.5&&(this.videoEl.currentTime=this.currentTime)}onPlaybackRateChange(){this.videoEl&&(this.videoEl.playbackRate=this.playbackRate),this.internalPlaybackRate=this.playbackRate}onPlaybackRatesChange(){this.parseRates()}componentWillLoad(){this.parseRates(),this.volumeLevel=Math.max(0,Math.min(1,this.volume)),this.isMuted=this.muted,this.internalPlaybackRate=this.playbackRate}componentDidLoad(){this.videoEl&&(this.bindVideoEvents(),this.videoEl.volume=this.volumeLevel,this.videoEl.muted=this.isMuted,this.videoEl.playbackRate=this.internalPlaybackRate,this.autoplay&&this.muted&&this.videoEl.play().catch((()=>{}))),document.addEventListener("fullscreenchange",this.handleFullscreenChange),document.addEventListener("webkitfullscreenchange",this.handleFullscreenChange)}disconnectedCallback(){this.controlsTimer&&clearTimeout(this.controlsTimer),document.removeEventListener("fullscreenchange",this.handleFullscreenChange),document.removeEventListener("webkitfullscreenchange",this.handleFullscreenChange),this.videoEl&&(this.videoEl.removeEventListener("loadedmetadata",this.onLoadedMetadata),this.videoEl.removeEventListener("play",this.onPlay),this.videoEl.removeEventListener("pause",this.onPause),this.videoEl.removeEventListener("ended",this.onEnded),this.videoEl.removeEventListener("timeupdate",this.onTimeUpdate),this.videoEl.removeEventListener("waiting",this.onWaiting),this.videoEl.removeEventListener("canplay",this.onCanPlay),this.videoEl.removeEventListener("error",this.onError),this.videoEl.removeEventListener("progress",this.onProgress),this.videoEl.removeEventListener("volumechange",this.onNativeVolumeChange),this.videoEl.removeEventListener("ratechange",this.onNativeRateChange),this.videoEl.removeEventListener("enterpictureinpicture",this.handleEnterPip),this.videoEl.removeEventListener("leavepictureinpicture",this.handleLeavePip))}async play(){var i;await(null===(i=this.videoEl)||void 0===i?void 0:i.play())}async pause(){var i;null===(i=this.videoEl)||void 0===i||i.pause()}async togglePlay(){var i,t;this.isPlaying?null===(i=this.videoEl)||void 0===i||i.pause():await(null===(t=this.videoEl)||void 0===t?void 0:t.play())}async seek(i){this.videoEl&&(this.videoEl.currentTime=i)}async setVolume(i){const t=Math.max(0,Math.min(1,i));this.volume=t,this.videoEl&&(this.videoEl.volume=t),this.volumeLevel=t}async toggleMute(){this.handleMuteClick()}async toggleFullscreen(){this.handleFullscreenClick()}async togglePip(){this.handlePipClick()}parseRates(){try{const i=JSON.parse(this.playbackRates);Array.isArray(i)&&(this.parsedRates=i.filter((i=>"number"==typeof i&&i>0)).sort(((i,t)=>i-t)))}catch(i){this.parsedRates=[.5,.75,1,1.25,1.5,2]}}resetState(){this.isPlaying=!1,this.internalCurrentTime=0,this.duration=0,this.buffered=0,this.hasError=!1,this.errorMessage="",this.thresholdFired=!1,this.hasStarted=!1,this.isLoading=!0,this.showSpeedMenu=!1}bindVideoEvents(){this.videoEl&&(this.videoEl.addEventListener("loadedmetadata",this.onLoadedMetadata),this.videoEl.addEventListener("play",this.onPlay),this.videoEl.addEventListener("pause",this.onPause),this.videoEl.addEventListener("ended",this.onEnded),this.videoEl.addEventListener("timeupdate",this.onTimeUpdate),this.videoEl.addEventListener("waiting",this.onWaiting),this.videoEl.addEventListener("canplay",this.onCanPlay),this.videoEl.addEventListener("error",this.onError),this.videoEl.addEventListener("progress",this.onProgress),this.videoEl.addEventListener("volumechange",this.onNativeVolumeChange),this.videoEl.addEventListener("ratechange",this.onNativeRateChange),this.videoEl.addEventListener("enterpictureinpicture",this.handleEnterPip),this.videoEl.addEventListener("leavepictureinpicture",this.handleLeavePip))}formatTime(i){if(!isFinite(i)||i<0)return"0:00";const t=Math.floor(i/3600),e=Math.floor(i%3600/60),s=Math.floor(i%60);return t>0?`${t}:${e.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}`:`${e}:${s.toString().padStart(2,"0")}`}seekFromPointerEvent(i){if(!this.progressTrackEl||!this.videoEl)return;const t=this.progressTrackEl.getBoundingClientRect(),e=Math.max(0,Math.min(1,(i.clientX-t.left)/t.width))*this.duration;this.videoEl.currentTime=e,this.internalCurrentTime=e}setVolumeFromPointerEvent(i){if(!this.volumeTrackEl||!this.videoEl)return;const t=this.volumeTrackEl.getBoundingClientRect(),e=Math.max(0,Math.min(1,(i.clientX-t.left)/t.width));this.videoEl.volume=e,e>0&&this.videoEl.muted&&(this.videoEl.muted=!1)}renderBigPlayButton(){return this.isPlaying||this.hasError||this.isLoading?null:e("button",{class:"co-video__big-play",part:"big-play",onClick:this.handleBigPlayClick,"aria-label":this.t.play,tabindex:"-1"},e("div",{class:"co-video__big-play-circle"},e("co-icon",{name:"play",size:32,weight:"fill"})))}renderPoster(){return!this.poster||this.hasStarted?null:e("div",{class:"co-video__poster",part:"poster",style:{backgroundImage:`url(${this.poster})`}})}renderLoader(){return!this.isLoading||this.hasError?null:e("div",{class:"co-video__loader"},e("div",{class:"co-video__spinner"}))}renderError(){return this.hasError?e("div",{class:"co-video__error"},e("co-icon",{name:"warning-circle",size:48,weight:"regular"}),e("p",{class:"co-video__error-text"},this.errorMessage||this.t.error),e("button",{class:"co-video__error-retry",onClick:this.handleRetryClick},e("co-icon",{name:"arrow-clockwise",size:16,weight:"bold"}),this.t.retry)):null}renderProgressBar(){if(!this.showProgress)return null;const i=this.progressPercent,t=this.buffered;return e("div",{class:"co-video__progress",part:"progress",role:"slider","aria-label":this.t.seek,"aria-valuenow":Math.round(this.internalCurrentTime),"aria-valuemin":0,"aria-valuemax":Math.round(this.duration),tabindex:0,ref:i=>this.progressTrackEl=i,onPointerDown:this.handleProgressPointerDown},e("div",{class:"co-video__progress-track"},e("div",{class:"co-video__progress-buffered",style:{width:`${t}%`}}),e("div",{class:"co-video__progress-played",style:{width:`${i}%`}})),e("div",{class:"co-video__progress-thumb",style:{left:`${i}%`}}))}renderVolumeControl(){if(!this.showVolume)return null;const i=this.isMuted?0:100*this.volumeLevel;return e("div",{class:"co-video__volume",onMouseEnter:this.handleVolumeMouseEnter,onMouseLeave:this.handleVolumeMouseLeave},e("button",{class:"co-video__btn",onClick:this.handleMuteClick,"aria-label":this.isMuted?this.t.unmute:this.t.mute},e("co-icon",{name:this.isMuted||0===this.volumeLevel?"speaker-x":this.volumeLevel<.5?"speaker-low":"speaker-high",size:20,weight:"fill"})),e("div",{class:{"co-video__volume-slider-wrap":!0,"co-video__volume-slider-wrap--visible":this.showVolumeSlider}},e("div",{class:"co-video__volume-slider",onPointerDown:this.handleVolumePointerDown,role:"slider","aria-label":this.t.volume,"aria-valuenow":Math.round(i),"aria-valuemin":0,"aria-valuemax":100},e("div",{class:"co-video__volume-track",ref:i=>this.volumeTrackEl=i},e("div",{class:"co-video__volume-fill",style:{width:`${i}%`}}),e("div",{class:"co-video__volume-thumb",style:{left:`${i}%`}})))))}renderSpeedMenu(){return this.showSpeed?e("div",{class:"co-video__speed-wrap"},e("button",{class:"co-video__btn co-video__btn--speed",onClick:this.handleSpeedClick,"aria-label":this.t.speed,"aria-haspopup":"listbox","aria-expanded":this.showSpeedMenu?"true":"false"},e("span",{class:"co-video__speed-label"},1===this.internalPlaybackRate?"1x":`${this.internalPlaybackRate}x`)),this.showSpeedMenu&&e("div",{class:"co-video__speed-menu",role:"listbox","aria-label":this.t.speed},this.parsedRates.map((i=>e("button",{class:{"co-video__speed-option":!0,"co-video__speed-option--active":i===this.internalPlaybackRate},role:"option","aria-selected":i===this.internalPlaybackRate?"true":"false",onClick:()=>this.handleSpeedSelect(i)},e("span",null,1===i?this.t.normal:`${i}x`),i===this.internalPlaybackRate&&e("co-icon",{name:"check",size:14,weight:"bold"})))))):null}renderControls(){return this.controls?e("div",{class:{"co-video__controls":!0,"co-video__controls--hidden":!this.showControlBar},part:"controls",onClick:i=>i.stopPropagation()},this.renderProgressBar(),e("div",{class:"co-video__toolbar",part:"toolbar"},e("div",{class:"co-video__toolbar-left"},this.showPlay&&e("button",{class:"co-video__btn",onClick:this.handlePlayClick,"aria-label":this.isPlaying?this.t.pause:this.t.play},e("co-icon",{name:this.isPlaying?"pause":"play",size:20,weight:"fill"})),this.renderVolumeControl(),this.showTime&&e("span",{class:"co-video__time","aria-live":"off"},this.formatTime(this.internalCurrentTime)," / ",this.formatTime(this.duration))),e("div",{class:"co-video__toolbar-right"},this.renderSpeedMenu(),this.showPip&&this.pipSupported&&e("button",{class:"co-video__btn",onClick:this.handlePipClick,"aria-label":this.isPip?this.t.exitPip:this.t.pip},e("co-icon",{name:"picture-in-picture",size:20,weight:this.isPip?"fill":"regular"})),this.showDownload&&e("button",{class:{"co-video__btn":!0,"co-video__btn--disabled":!this.allowDownload},onClick:this.handleDownloadClick,"aria-label":this.t.download,disabled:!this.allowDownload},e("co-icon",{name:"download-simple",size:20,weight:"regular"})),this.showFullscreen&&e("button",{class:"co-video__btn",onClick:this.handleFullscreenClick,"aria-label":this.isFullscreen?this.t.exitFullscreen:this.t.fullscreen},e("co-icon",{name:this.isFullscreen?"corners-in":"corners-out",size:20,weight:"regular"}))))):null}render(){const i=`co-video--${this.aspectRatio.replace(":","-")}`;return e(s,{key:"b9ec731de1166f1669cae03cb58ccdd7f2d7739c"},e("div",{key:"366893b040c2fe7a6bb79bfee6cf7750a768c2f3",class:{"co-video":!0,[i]:!0,[`co-video--rounded-${this.rounded}`]:!0,"co-video--disabled":this.disabled,"co-video--fullscreen":this.isFullscreen,"co-video--playing":this.isPlaying},part:"container",ref:i=>this.containerEl=i,role:"region","aria-label":this.t.player,tabindex:0,onKeyDown:this.handleKeyDown,onMouseMove:this.handleContainerMouseMove,onMouseLeave:this.handleContainerMouseLeave,onTouchStart:this.handleContainerTouchStart},e("video",{key:"017ef8e92b6bf6424cfc1582b518f8fc765d3b4d",ref:i=>this.videoEl=i,class:"co-video__native",part:"video",src:this.src||void 0,poster:void 0,preload:this.preload,loop:this.loop,playsinline:!0,tabindex:-1,controlsList:this.allowDownload?void 0:"nodownload"}),this.renderPoster(),this.renderLoader(),this.renderBigPlayButton(),this.renderError(),e("div",{key:"79de41cc82a7b55eeb33011e50574c8e1602f9dc",class:"co-video__click-area",onClick:this.handleVideoAreaClick}),this.renderControls()))}get el(){return o(this)}static get watchers(){return{src:[{onSrcChange:0}],muted:[{onMutedChange:0}],volume:[{onVolumeChange:0}],currentTime:[{onCurrentTimeChange:0}],playbackRate:[{onPlaybackRateChange:0}],playbackRates:[{onPlaybackRatesChange:0}]}}};h.style=":host{display:block;font-family:var(--co-font-family-primary);--co-video-controls-bg:linear-gradient(transparent, rgba(0, 0, 0, 0.75));--co-video-controls-color:#fff;--co-video-progress-height:4px;--co-video-progress-height-hover:8px;--co-video-accent:var(--co-color-base-blanco);--co-video-buffered:rgba(255, 255, 255, 0.25);--co-video-btn-hover:rgba(255, 255, 255, 0.16)}.co-video{position:relative;width:100%;background:#000;overflow:hidden;outline:none;user-select:none;-webkit-user-select:none}.co-video:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:2px}.co-video--16-9{aspect-ratio:16 / 9}.co-video--4-3{aspect-ratio:4 / 3}.co-video--1-1{aspect-ratio:1 / 1}.co-video--21-9{aspect-ratio:21 / 9}.co-video--auto{height:100%}.co-video--rounded-none{border-radius:0}.co-video--rounded-sm{border-radius:var(--co-border-radius-xs)}.co-video--rounded-md{border-radius:var(--co-border-radius-sm)}.co-video--rounded-lg{border-radius:var(--co-border-radius-lg)}.co-video--rounded-xl{border-radius:var(--co-border-radius-xl)}:host(:fullscreen){width:100%;height:100%}:host(:fullscreen) .co-video{border-radius:0 !important;aspect-ratio:unset;width:100%;height:100%}.co-video--disabled{opacity:0.5;pointer-events:none}.co-video__native{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.co-video__click-area{position:absolute;inset:0;z-index:1;cursor:pointer}.co-video__poster{position:absolute;inset:0;z-index:1;background-size:cover;background-position:center;background-repeat:no-repeat}.co-video__loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.co-video__spinner{width:40px;height:40px;border:3px solid rgba(255, 255, 255, 0.15);border-top-color:#fff;border-radius:50%;animation:co-video-spin 0.7s linear infinite}@keyframes co-video-spin{to{transform:rotate(360deg)}}.co-video__big-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;background:transparent;border:none;padding:0;color:#fff}.co-video__big-play-circle{width:72px;height:72px;border-radius:var(--co-border-radius-full);background:rgba(0, 0, 0, 0.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease, background 0.2s ease}.co-video__big-play:hover .co-video__big-play-circle{transform:scale(1.1);background:rgba(0, 0, 0, 0.7)}.co-video__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-md);z-index:4;background:rgba(0, 0, 0, 0.85);color:#fff}.co-video__error-text{font-size:var(--co-font-size-14);color:rgba(255, 255, 255, 0.7);margin:0;text-align:center;padding:0 var(--co-spacing-xl)}.co-video__error-retry{display:inline-flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-sm2) var(--co-spacing-lg);border:1px solid rgba(255, 255, 255, 0.3);border-radius:var(--co-border-radius-full);background:transparent;color:#fff;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);cursor:pointer;transition:background 0.15s ease, border-color 0.15s ease}.co-video__error-retry:hover{background:rgba(255, 255, 255, 0.1);border-color:rgba(255, 255, 255, 0.5)}.co-video__controls{position:absolute;bottom:0;left:0;right:0;background:var(--co-video-controls-bg);padding:var(--co-spacing-3xl) var(--co-spacing-lg) var(--co-spacing-md);z-index:5;opacity:1;transition:opacity 0.3s ease}.co-video__controls--hidden{opacity:0;pointer-events:none}.co-video__progress{position:relative;width:100%;height:var(--co-video-progress-height);cursor:pointer;transition:height 0.15s ease;margin-bottom:var(--co-spacing-sm);outline:none;touch-action:none}.co-video__progress:hover,.co-video__progress:focus-visible{height:var(--co-video-progress-height-hover)}.co-video__progress:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:4px;border-radius:var(--co-border-radius-full)}.co-video__progress-track{position:absolute;inset:0;background:rgba(255, 255, 255, 0.2);border-radius:var(--co-border-radius-full);overflow:hidden}.co-video__progress-buffered{position:absolute;top:0;left:0;height:100%;background:var(--co-video-buffered);border-radius:var(--co-border-radius-full);transition:width 0.3s ease}.co-video__progress-played{position:absolute;top:0;left:0;height:100%;background:var(--co-video-accent);border-radius:var(--co-border-radius-full)}.co-video__progress-thumb{position:absolute;top:50%;width:14px;height:14px;border-radius:var(--co-border-radius-full);background:var(--co-video-accent);transform:translate(-50%, -50%) scale(0);transition:transform 0.15s ease;pointer-events:none}.co-video__progress:hover .co-video__progress-thumb{transform:translate(-50%, -50%) scale(1)}.co-video__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm)}.co-video__toolbar-left,.co-video__toolbar-right{display:flex;align-items:center;gap:var(--co-spacing-sm)}.co-video__btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--co-video-controls-color);cursor:pointer;border-radius:var(--co-border-radius-xs);padding:0;transition:background 0.15s ease;flex-shrink:0}.co-video__btn:hover{background:var(--co-video-btn-hover)}.co-video__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.co-video__btn--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-video__time{font-size:var(--co-font-size-12);color:var(--co-video-controls-color);white-space:nowrap;padding:0 var(--co-spacing-xs);font-variant-numeric:tabular-nums}.co-video__volume{display:flex;align-items:center;position:relative}.co-video__volume-slider-wrap{width:0;overflow:hidden;transition:width 0.2s ease, opacity 0.2s ease;opacity:0}.co-video__volume-slider-wrap--visible{width:96px;opacity:1;overflow:visible}.co-video__volume-slider{width:96px;height:20px;display:flex;align-items:center;cursor:pointer;touch-action:none;padding:0 10px}.co-video__volume-track{position:relative;width:100%;height:4px;background:rgba(255, 255, 255, 0.2);border-radius:var(--co-border-radius-full)}.co-video__volume-fill{position:absolute;top:0;left:0;height:100%;background:var(--co-video-accent);border-radius:var(--co-border-radius-full)}.co-video__volume-thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:var(--co-border-radius-full);background:var(--co-video-accent);transform:translate(-50%, -50%);pointer-events:none}.co-video__speed-wrap{position:relative}.co-video__btn--speed{width:auto;padding:0 var(--co-spacing-sm)}.co-video__speed-label{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-13);font-weight:500;color:var(--co-video-controls-color)}.co-video__speed-menu{position:absolute;bottom:100%;right:0;margin-bottom:var(--co-spacing-xs);background:rgba(20, 20, 20, 0.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--co-border-radius-sm);padding:var(--co-spacing-xs) 0;min-width:130px;box-shadow:var(--co-shadow-lg);z-index:10}.co-video__speed-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--co-spacing-sm) var(--co-spacing-lg);color:#fff;font-size:var(--co-font-size-14);font-family:var(--co-font-family-primary);cursor:pointer;background:transparent;border:none;transition:background 0.1s ease;text-align:left}.co-video__speed-option:hover{background:rgba(255, 255, 255, 0.08)}.co-video__speed-option--active{font-weight:600}@media (max-width: 480px){.co-video__volume-slider-wrap{display:none}.co-video__toolbar{gap:var(--co-spacing-xxs)}.co-video__btn{width:32px;height:32px}.co-video__big-play-circle{width:56px;height:56px}.co-video__time{font-size:var(--co-font-size-11)}.co-video__controls{padding:var(--co-spacing-2xl) var(--co-spacing-sm2) var(--co-spacing-sm)}}";export{h as co_video}
+import{r as i,c as t,h as e,H as s,a as o}from"./p-tT-aZV0-.js";const r={es:{play:"Reproducir",pause:"Pausar",mute:"Silenciar",unmute:"Activar sonido",volume:"Volumen",fullscreen:"Pantalla completa",exitFullscreen:"Salir de pantalla completa",speed:"Velocidad",pip:"Imagen en imagen",exitPip:"Salir de imagen en imagen",download:"Descargar",seek:"Buscar",normal:"Normal",error:"Error al reproducir el video",retry:"Reintentar",player:"Reproductor de video"},en:{play:"Play",pause:"Pause",mute:"Mute",unmute:"Unmute",volume:"Volume",fullscreen:"Fullscreen",exitFullscreen:"Exit fullscreen",speed:"Speed",pip:"Picture in picture",exitPip:"Exit picture in picture",download:"Download",seek:"Seek",normal:"Normal",error:"Error playing video",retry:"Retry",player:"Video player"},pt:{play:"Reproduzir",pause:"Pausar",mute:"Silenciar",unmute:"Ativar som",volume:"Volume",fullscreen:"Tela cheia",exitFullscreen:"Sair da tela cheia",speed:"Velocidade",pip:"Imagem em imagem",exitPip:"Sair de imagem em imagem",download:"Baixar",seek:"Buscar",normal:"Normal",error:"Erro ao reproduzir o vídeo",retry:"Tentar novamente",player:"Reprodutor de vídeo"}},a={1:{es:"La carga del video fue interrumpida",en:"Video loading was aborted",pt:"O carregamento do vídeo foi interrompido"},2:{es:"Error de red al cargar el video",en:"Network error while loading video",pt:"Erro de rede ao carregar o vídeo"},3:{es:"Error al decodificar el video",en:"Error decoding video",pt:"Erro ao decodificar o vídeo"},4:{es:"Formato de video no soportado",en:"Video format not supported",pt:"Formato de vídeo não suportado"}},h=class{constructor(e){i(this,e),this.coPlay=t(this,"coPlay",7),this.coPause=t(this,"coPause",7),this.coEnded=t(this,"coEnded",7),this.coReady=t(this,"coReady",7),this.coError=t(this,"coError",7),this.coTimeUpdate=t(this,"coTimeUpdate",3),this.coSeeked=t(this,"coSeeked",7),this.coVolumeChange=t(this,"coVolumeChange",7),this.coFullscreenChange=t(this,"coFullscreenChange",7),this.coPlaybackRateChange=t(this,"coPlaybackRateChange",7),this.coPipChange=t(this,"coPipChange",7),this.coDownload=t(this,"coDownload",7),this.coThresholdReached=t(this,"coThresholdReached",7),this.src="",this.poster="",this.type="",this.preload="metadata",this.autoplay=!1,this.loop=!1,this.muted=!1,this.volume=1,this.currentTime=0,this.playbackRate=1,this.playbackRates="[0.5, 0.75, 1, 1.25, 1.5, 2]",this.controls=!0,this.showPlay=!0,this.showVolume=!0,this.showProgress=!0,this.showTime=!0,this.showFullscreen=!0,this.showSpeed=!1,this.showPip=!1,this.showDownload=!1,this.allowDownload=!1,this.aspectRatio="16:9",this.rounded="lg",this.controlsAutoHide=!0,this.controlsAutoHideDelay=3e3,this.disabled=!1,this.watchThreshold=0,this.locale="es",this.isPlaying=!1,this.internalCurrentTime=0,this.duration=0,this.buffered=0,this.volumeLevel=1,this.isMuted=!1,this.isFullscreen=!1,this.internalPlaybackRate=1,this.isLoading=!0,this.showControlBar=!0,this.hasError=!1,this.errorMessage="",this.showSpeedMenu=!1,this.isPip=!1,this.thresholdFired=!1,this.hasStarted=!1,this.isSeeking=!1,this.showVolumeSlider=!1,this.lastTimeUpdateEmit=0,this.parsedRates=[.5,.75,1,1.25,1.5,2],this.seekFromTime=0,this.externalTimeUpdate=!1,this.resetControlsTimer=()=>{this.controlsAutoHide&&this.controls&&(this.showControlBar=!0,this.controlsTimer&&clearTimeout(this.controlsTimer),this.controlsTimer=setTimeout((()=>{this.isPlaying&&!this.showSpeedMenu&&(this.showControlBar=!1)}),this.controlsAutoHideDelay))},this.handleContainerMouseMove=()=>{this.resetControlsTimer()},this.handleContainerMouseLeave=()=>{this.isPlaying&&this.controlsAutoHide&&(this.showControlBar=!1,this.showSpeedMenu=!1)},this.handleContainerTouchStart=()=>{this.showControlBar&&this.isPlaying?this.showControlBar=!1:this.resetControlsTimer()},this.onLoadedMetadata=()=>{this.videoEl&&(this.duration=this.videoEl.duration,this.hasError=!1,this.coReady.emit({duration:this.duration}),this.currentTime>0&&this.currentTime<this.duration&&(this.videoEl.currentTime=this.currentTime))},this.onPlay=()=>{this.isPlaying=!0,this.hasStarted=!0,this.coPlay.emit(),this.resetControlsTimer()},this.onPause=()=>{this.isPlaying=!1,this.showControlBar=!0,this.coPause.emit(),this.controlsTimer&&clearTimeout(this.controlsTimer)},this.onEnded=()=>{this.isPlaying=!1,this.showControlBar=!0,this.coEnded.emit()},this.onTimeUpdate=()=>{if(!this.videoEl||this.isSeeking)return;this.internalCurrentTime=this.videoEl.currentTime,this.externalTimeUpdate=!0,this.currentTime=this.videoEl.currentTime;const i=performance.now();if(i-this.lastTimeUpdateEmit>250){this.lastTimeUpdateEmit=i;const t=this.duration>0?Math.round(this.internalCurrentTime/this.duration*100):0;this.coTimeUpdate.emit({currentTime:this.internalCurrentTime,duration:this.duration,progressPercent:t}),this.watchThreshold>0&&!this.thresholdFired&&t>=this.watchThreshold&&(this.thresholdFired=!0,this.coThresholdReached.emit({threshold:this.watchThreshold,currentTime:this.internalCurrentTime,duration:this.duration}))}},this.onWaiting=()=>{this.isLoading=!0},this.onCanPlay=()=>{this.isLoading=!1},this.onError=()=>{var i,t;if(!(null===(i=this.videoEl)||void 0===i?void 0:i.error))return;const e=this.videoEl.error.code,s=(null===(t=a[e])||void 0===t?void 0:t[this.locale])||this.t.error;this.hasError=!0,this.errorMessage=s,this.isLoading=!1,this.coError.emit({code:e,message:s})},this.onProgress=()=>{if(!this.videoEl||this.duration<=0)return;const i=this.videoEl.buffered;i.length>0&&(this.buffered=i.end(i.length-1)/this.duration*100)},this.onNativeVolumeChange=()=>{this.videoEl&&(this.volumeLevel=this.videoEl.volume,this.isMuted=this.videoEl.muted,this.volume=this.videoEl.volume,this.muted=this.videoEl.muted,this.coVolumeChange.emit({volume:this.volumeLevel,muted:this.isMuted}))},this.onNativeRateChange=()=>{this.videoEl&&(this.internalPlaybackRate=this.videoEl.playbackRate,this.playbackRate=this.videoEl.playbackRate,this.coPlaybackRateChange.emit({rate:this.internalPlaybackRate}))},this.handlePlayClick=()=>{!this.disabled&&this.videoEl&&(this.isPlaying?this.videoEl.pause():this.videoEl.play().catch((()=>{})))},this.handleBigPlayClick=()=>{this.disabled||this.handlePlayClick()},this.handleMuteClick=()=>{!this.disabled&&this.videoEl&&(this.videoEl.muted=!this.videoEl.muted)},this.isDraggingVolume=!1,this.handleVolumeMouseEnter=()=>{this.showVolumeSlider=!0},this.handleVolumeMouseLeave=()=>{this.isDraggingVolume||(this.showVolumeSlider=!1)},this.handleProgressPointerDown=i=>{if(this.disabled||!this.videoEl)return;i.preventDefault(),this.isSeeking=!0,this.seekFromTime=this.videoEl.currentTime,this.seekFromPointerEvent(i);const t=i=>this.seekFromPointerEvent(i),e=()=>{this.videoEl&&this.coSeeked.emit({from:this.seekFromTime,to:this.videoEl.currentTime}),this.isSeeking=!1,document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",e)};document.addEventListener("pointermove",t),document.addEventListener("pointerup",e)},this.handleVolumePointerDown=i=>{if(this.disabled||!this.videoEl)return;i.preventDefault(),i.stopPropagation(),this.isDraggingVolume=!0,this.showVolumeSlider=!0,this.setVolumeFromPointerEvent(i);const t=i=>this.setVolumeFromPointerEvent(i),e=()=>{this.isDraggingVolume=!1,document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",e)};document.addEventListener("pointermove",t),document.addEventListener("pointerup",e)},this.handleSpeedClick=i=>{i.stopPropagation(),this.showSpeedMenu=!this.showSpeedMenu},this.handleSpeedSelect=i=>{!this.disabled&&this.videoEl&&(this.videoEl.playbackRate=i,this.showSpeedMenu=!1)},this.handleFullscreenClick=()=>{if(!this.disabled)if(document.fullscreenElement||document.webkitFullscreenElement)document.exitFullscreen?document.exitFullscreen().catch((()=>{})):document.webkitExitFullscreen&&document.webkitExitFullscreen();else{const i=this.el;i.requestFullscreen?i.requestFullscreen().catch((()=>{})):i.webkitRequestFullscreen?i.webkitRequestFullscreen():this.videoEl&&this.videoEl.webkitEnterFullscreen&&this.videoEl.webkitEnterFullscreen()}},this.handleFullscreenChange=()=>{const i=document.fullscreenElement||document.webkitFullscreenElement;this.isFullscreen=i===this.el,this.coFullscreenChange.emit({fullscreen:this.isFullscreen})},this.handlePipClick=async()=>{if(!this.disabled&&this.videoEl)try{this.isPip?await document.exitPictureInPicture():await this.videoEl.requestPictureInPicture()}catch(i){}},this.handleEnterPip=()=>{this.isPip=!0,this.coPipChange.emit({pip:!0})},this.handleLeavePip=()=>{this.isPip=!1,this.coPipChange.emit({pip:!1})},this.handleDownloadClick=()=>{if(!this.allowDownload||!this.src)return;this.coDownload.emit({src:this.src});const i=document.createElement("a");i.href=this.src,i.download="",i.target="_blank",i.rel="noopener",document.body.appendChild(i),i.click(),document.body.removeChild(i)},this.handleRetryClick=()=>{this.videoEl&&(this.hasError=!1,this.errorMessage="",this.isLoading=!0,this.videoEl.load())},this.handleKeyDown=i=>{var t,e;if(this.disabled||!this.videoEl)return;const s=null===(e=null===(t=i.target)||void 0===t?void 0:t.tagName)||void 0===e?void 0:e.toLowerCase();if("input"!==s&&"textarea"!==s)switch(i.key){case" ":case"k":case"K":i.preventDefault(),this.handlePlayClick();break;case"ArrowRight":i.preventDefault(),this.videoEl.currentTime=Math.min(this.duration,this.videoEl.currentTime+5);break;case"ArrowLeft":i.preventDefault(),this.videoEl.currentTime=Math.max(0,this.videoEl.currentTime-5);break;case"ArrowUp":i.preventDefault(),this.videoEl.volume=Math.min(1,this.videoEl.volume+.1);break;case"ArrowDown":i.preventDefault(),this.videoEl.volume=Math.max(0,this.videoEl.volume-.1);break;case"m":case"M":i.preventDefault(),this.handleMuteClick();break;case"f":case"F":i.preventDefault(),this.handleFullscreenClick();break;case"Escape":this.showSpeedMenu&&(i.preventDefault(),this.showSpeedMenu=!1)}},this.handleVideoAreaClick=()=>{this.disabled||(this.handlePlayClick(),this.resetControlsTimer())}}get t(){return r[this.locale]||r.es}get progressPercent(){return this.duration<=0?0:this.internalCurrentTime/this.duration*100}get pipSupported(){return"undefined"!=typeof document&&"pictureInPictureEnabled"in document&&document.pictureInPictureEnabled}onSrcChange(){this.resetState()}onMutedChange(){this.videoEl&&(this.videoEl.muted=this.muted),this.isMuted=this.muted}onVolumeChange(){const i=Math.max(0,Math.min(1,this.volume));this.videoEl&&(this.videoEl.volume=i),this.volumeLevel=i}onCurrentTimeChange(){this.externalTimeUpdate?this.externalTimeUpdate=!1:this.videoEl&&Math.abs(this.videoEl.currentTime-this.currentTime)>.5&&(this.videoEl.currentTime=this.currentTime)}onPlaybackRateChange(){this.videoEl&&(this.videoEl.playbackRate=this.playbackRate),this.internalPlaybackRate=this.playbackRate}onPlaybackRatesChange(){this.parseRates()}componentWillLoad(){this.parseRates(),this.volumeLevel=Math.max(0,Math.min(1,this.volume)),this.isMuted=this.muted,this.internalPlaybackRate=this.playbackRate}componentDidLoad(){this.videoEl&&(this.bindVideoEvents(),this.videoEl.volume=this.volumeLevel,this.videoEl.muted=this.isMuted,this.videoEl.playbackRate=this.internalPlaybackRate,this.autoplay&&this.muted&&this.videoEl.play().catch((()=>{}))),document.addEventListener("fullscreenchange",this.handleFullscreenChange),document.addEventListener("webkitfullscreenchange",this.handleFullscreenChange)}disconnectedCallback(){this.controlsTimer&&clearTimeout(this.controlsTimer),document.removeEventListener("fullscreenchange",this.handleFullscreenChange),document.removeEventListener("webkitfullscreenchange",this.handleFullscreenChange),this.videoEl&&(this.videoEl.removeEventListener("loadedmetadata",this.onLoadedMetadata),this.videoEl.removeEventListener("play",this.onPlay),this.videoEl.removeEventListener("pause",this.onPause),this.videoEl.removeEventListener("ended",this.onEnded),this.videoEl.removeEventListener("timeupdate",this.onTimeUpdate),this.videoEl.removeEventListener("waiting",this.onWaiting),this.videoEl.removeEventListener("canplay",this.onCanPlay),this.videoEl.removeEventListener("error",this.onError),this.videoEl.removeEventListener("progress",this.onProgress),this.videoEl.removeEventListener("volumechange",this.onNativeVolumeChange),this.videoEl.removeEventListener("ratechange",this.onNativeRateChange),this.videoEl.removeEventListener("enterpictureinpicture",this.handleEnterPip),this.videoEl.removeEventListener("leavepictureinpicture",this.handleLeavePip))}async play(){var i;await(null===(i=this.videoEl)||void 0===i?void 0:i.play())}async pause(){var i;null===(i=this.videoEl)||void 0===i||i.pause()}async togglePlay(){var i,t;this.isPlaying?null===(i=this.videoEl)||void 0===i||i.pause():await(null===(t=this.videoEl)||void 0===t?void 0:t.play())}async seek(i){this.videoEl&&(this.videoEl.currentTime=i)}async setVolume(i){const t=Math.max(0,Math.min(1,i));this.volume=t,this.videoEl&&(this.videoEl.volume=t),this.volumeLevel=t}async toggleMute(){this.handleMuteClick()}async toggleFullscreen(){this.handleFullscreenClick()}async togglePip(){this.handlePipClick()}parseRates(){try{const i=JSON.parse(this.playbackRates);Array.isArray(i)&&(this.parsedRates=i.filter((i=>"number"==typeof i&&i>0)).sort(((i,t)=>i-t)))}catch(i){this.parsedRates=[.5,.75,1,1.25,1.5,2]}}resetState(){this.isPlaying=!1,this.internalCurrentTime=0,this.duration=0,this.buffered=0,this.hasError=!1,this.errorMessage="",this.thresholdFired=!1,this.hasStarted=!1,this.isLoading=!0,this.showSpeedMenu=!1}bindVideoEvents(){this.videoEl&&(this.videoEl.addEventListener("loadedmetadata",this.onLoadedMetadata),this.videoEl.addEventListener("play",this.onPlay),this.videoEl.addEventListener("pause",this.onPause),this.videoEl.addEventListener("ended",this.onEnded),this.videoEl.addEventListener("timeupdate",this.onTimeUpdate),this.videoEl.addEventListener("waiting",this.onWaiting),this.videoEl.addEventListener("canplay",this.onCanPlay),this.videoEl.addEventListener("error",this.onError),this.videoEl.addEventListener("progress",this.onProgress),this.videoEl.addEventListener("volumechange",this.onNativeVolumeChange),this.videoEl.addEventListener("ratechange",this.onNativeRateChange),this.videoEl.addEventListener("enterpictureinpicture",this.handleEnterPip),this.videoEl.addEventListener("leavepictureinpicture",this.handleLeavePip))}formatTime(i){if(!isFinite(i)||i<0)return"0:00";const t=Math.floor(i/3600),e=Math.floor(i%3600/60),s=Math.floor(i%60);return t>0?`${t}:${e.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}`:`${e}:${s.toString().padStart(2,"0")}`}seekFromPointerEvent(i){if(!this.progressTrackEl||!this.videoEl)return;const t=this.progressTrackEl.getBoundingClientRect(),e=Math.max(0,Math.min(1,(i.clientX-t.left)/t.width))*this.duration;this.videoEl.currentTime=e,this.internalCurrentTime=e}setVolumeFromPointerEvent(i){if(!this.volumeTrackEl||!this.videoEl)return;const t=this.volumeTrackEl.getBoundingClientRect(),e=Math.max(0,Math.min(1,(i.clientX-t.left)/t.width));this.videoEl.volume=e,e>0&&this.videoEl.muted&&(this.videoEl.muted=!1)}renderBigPlayButton(){return this.isPlaying||this.hasError||this.isLoading?null:e("button",{class:"co-video__big-play",part:"big-play",onClick:this.handleBigPlayClick,"aria-label":this.t.play,tabindex:"-1"},e("div",{class:"co-video__big-play-circle"},e("co-icon",{name:"play",size:32,weight:"fill"})))}renderPoster(){return!this.poster||this.hasStarted?null:e("div",{class:"co-video__poster",part:"poster",style:{backgroundImage:`url(${this.poster})`}})}renderLoader(){return!this.isLoading||this.hasError?null:e("div",{class:"co-video__loader"},e("div",{class:"co-video__spinner"}))}renderError(){return this.hasError?e("div",{class:"co-video__error"},e("co-icon",{name:"warning-circle",size:48,weight:"regular"}),e("p",{class:"co-video__error-text"},this.errorMessage||this.t.error),e("button",{class:"co-video__error-retry",onClick:this.handleRetryClick},e("co-icon",{name:"arrow-clockwise",size:16,weight:"bold"}),this.t.retry)):null}renderProgressBar(){if(!this.showProgress)return null;const i=this.progressPercent,t=this.buffered;return e("div",{class:"co-video__progress",part:"progress",role:"slider","aria-label":this.t.seek,"aria-valuenow":Math.round(this.internalCurrentTime),"aria-valuemin":0,"aria-valuemax":Math.round(this.duration),tabindex:0,ref:i=>this.progressTrackEl=i,onPointerDown:this.handleProgressPointerDown},e("div",{class:"co-video__progress-track"},e("div",{class:"co-video__progress-buffered",style:{width:`${t}%`}}),e("div",{class:"co-video__progress-played",style:{width:`${i}%`}})),e("div",{class:"co-video__progress-thumb",style:{left:`${i}%`}}))}renderVolumeControl(){if(!this.showVolume)return null;const i=this.isMuted?0:100*this.volumeLevel;return e("div",{class:"co-video__volume",onMouseEnter:this.handleVolumeMouseEnter,onMouseLeave:this.handleVolumeMouseLeave},e("button",{class:"co-video__btn",onClick:this.handleMuteClick,"aria-label":this.isMuted?this.t.unmute:this.t.mute},e("co-icon",{name:this.isMuted||0===this.volumeLevel?"speaker-x":this.volumeLevel<.5?"speaker-low":"speaker-high",size:20,weight:"fill"})),e("div",{class:{"co-video__volume-slider-wrap":!0,"co-video__volume-slider-wrap--visible":this.showVolumeSlider}},e("div",{class:"co-video__volume-slider",onPointerDown:this.handleVolumePointerDown,role:"slider","aria-label":this.t.volume,"aria-valuenow":Math.round(i),"aria-valuemin":0,"aria-valuemax":100},e("div",{class:"co-video__volume-track",ref:i=>this.volumeTrackEl=i},e("div",{class:"co-video__volume-fill",style:{width:`${i}%`}}),e("div",{class:"co-video__volume-thumb",style:{left:`${i}%`}})))))}renderSpeedMenu(){return this.showSpeed?e("div",{class:"co-video__speed-wrap"},e("button",{class:"co-video__btn co-video__btn--speed",onClick:this.handleSpeedClick,"aria-label":this.t.speed,"aria-haspopup":"listbox","aria-expanded":this.showSpeedMenu?"true":"false"},e("span",{class:"co-video__speed-label"},1===this.internalPlaybackRate?"1x":`${this.internalPlaybackRate}x`)),this.showSpeedMenu&&e("div",{class:"co-video__speed-menu",role:"listbox","aria-label":this.t.speed},this.parsedRates.map((i=>e("button",{class:{"co-video__speed-option":!0,"co-video__speed-option--active":i===this.internalPlaybackRate},role:"option","aria-selected":i===this.internalPlaybackRate?"true":"false",onClick:()=>this.handleSpeedSelect(i)},e("span",null,1===i?this.t.normal:`${i}x`),i===this.internalPlaybackRate&&e("co-icon",{name:"check",size:14,weight:"bold"})))))):null}renderControls(){return this.controls?e("div",{class:{"co-video__controls":!0,"co-video__controls--hidden":!this.showControlBar},part:"controls",onClick:i=>i.stopPropagation()},this.renderProgressBar(),e("div",{class:"co-video__toolbar",part:"toolbar"},e("div",{class:"co-video__toolbar-left"},this.showPlay&&e("button",{class:"co-video__btn",onClick:this.handlePlayClick,"aria-label":this.isPlaying?this.t.pause:this.t.play},e("co-icon",{name:this.isPlaying?"pause":"play",size:20,weight:"fill"})),this.renderVolumeControl(),this.showTime&&e("span",{class:"co-video__time","aria-live":"off"},this.formatTime(this.internalCurrentTime)," / ",this.formatTime(this.duration))),e("div",{class:"co-video__toolbar-right"},this.renderSpeedMenu(),this.showPip&&this.pipSupported&&e("button",{class:"co-video__btn",onClick:this.handlePipClick,"aria-label":this.isPip?this.t.exitPip:this.t.pip},e("co-icon",{name:"picture-in-picture",size:20,weight:this.isPip?"fill":"regular"})),this.showDownload&&e("button",{class:{"co-video__btn":!0,"co-video__btn--disabled":!this.allowDownload},onClick:this.handleDownloadClick,"aria-label":this.t.download,disabled:!this.allowDownload},e("co-icon",{name:"download-simple",size:20,weight:"regular"})),this.showFullscreen&&e("button",{class:"co-video__btn",onClick:this.handleFullscreenClick,"aria-label":this.isFullscreen?this.t.exitFullscreen:this.t.fullscreen},e("co-icon",{name:this.isFullscreen?"corners-in":"corners-out",size:20,weight:"regular"}))))):null}render(){const i=`co-video--${this.aspectRatio.replace(":","-")}`;return e(s,{key:"d5045a4f7d216d6f9659d5e1d1ef690050385d6d"},e("div",{key:"b6406833cccf5746084dabb74600480175f95f87",class:{"co-video":!0,[i]:!0,[`co-video--rounded-${this.rounded}`]:!0,"co-video--disabled":this.disabled,"co-video--fullscreen":this.isFullscreen,"co-video--playing":this.isPlaying},part:"container",ref:i=>this.containerEl=i,role:"region","aria-label":this.t.player,tabindex:0,onKeyDown:this.handleKeyDown,onMouseMove:this.handleContainerMouseMove,onMouseLeave:this.handleContainerMouseLeave,onTouchStart:this.handleContainerTouchStart},e("video",{key:"84ea045dd93bd92a41550b311b742206ecce80fd",ref:i=>this.videoEl=i,class:"co-video__native",part:"video",src:this.src||void 0,poster:void 0,preload:this.preload,loop:this.loop,playsinline:!0,tabindex:-1,controlsList:this.allowDownload?void 0:"nodownload"}),this.renderPoster(),this.renderLoader(),this.renderBigPlayButton(),this.renderError(),e("div",{key:"b92bf1ce23819c09ecac179349dfde6c636e408d",class:"co-video__click-area",onClick:this.handleVideoAreaClick}),this.renderControls()))}get el(){return o(this)}static get watchers(){return{src:[{onSrcChange:0}],muted:[{onMutedChange:0}],volume:[{onVolumeChange:0}],currentTime:[{onCurrentTimeChange:0}],playbackRate:[{onPlaybackRateChange:0}],playbackRates:[{onPlaybackRatesChange:0}]}}};h.style=":host{display:block;font-family:var(--co-font-family-primary);--co-video-controls-bg:linear-gradient(transparent, rgba(0, 0, 0, 0.75));--co-video-controls-color:#fff;--co-video-progress-height:4px;--co-video-progress-height-hover:8px;--co-video-accent:var(--co-color-base-blanco);--co-video-buffered:rgba(255, 255, 255, 0.25);--co-video-btn-hover:rgba(255, 255, 255, 0.16)}.co-video{position:relative;width:100%;background:#000;overflow:hidden;outline:none;user-select:none;-webkit-user-select:none}.co-video:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:2px}.co-video--16-9{aspect-ratio:16 / 9}.co-video--4-3{aspect-ratio:4 / 3}.co-video--1-1{aspect-ratio:1 / 1}.co-video--21-9{aspect-ratio:21 / 9}.co-video--auto{height:100%}.co-video--rounded-none{border-radius:0}.co-video--rounded-sm{border-radius:var(--co-border-radius-xs)}.co-video--rounded-md{border-radius:var(--co-border-radius-sm)}.co-video--rounded-lg{border-radius:var(--co-border-radius-lg)}.co-video--rounded-xl{border-radius:var(--co-border-radius-xl)}:host(:fullscreen){width:100%;height:100%}:host(:fullscreen) .co-video{border-radius:0 !important;aspect-ratio:unset;width:100%;height:100%}.co-video--disabled{opacity:0.5;pointer-events:none}.co-video__native{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.co-video__click-area{position:absolute;inset:0;z-index:1;cursor:pointer}.co-video__poster{position:absolute;inset:0;z-index:1;background-size:cover;background-position:center;background-repeat:no-repeat}.co-video__loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.co-video__spinner{width:40px;height:40px;border:3px solid rgba(255, 255, 255, 0.15);border-top-color:#fff;border-radius:50%;animation:co-video-spin 0.7s linear infinite}@keyframes co-video-spin{to{transform:rotate(360deg)}}.co-video__big-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;background:transparent;border:none;padding:0;color:#fff}.co-video__big-play-circle{width:72px;height:72px;border-radius:var(--co-border-radius-full);background:rgba(0, 0, 0, 0.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease, background 0.2s ease}.co-video__big-play:hover .co-video__big-play-circle{transform:scale(1.1);background:rgba(0, 0, 0, 0.7)}.co-video__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-md);z-index:4;background:rgba(0, 0, 0, 0.85);color:#fff}.co-video__error-text{font-size:var(--co-font-size-14);color:rgba(255, 255, 255, 0.7);margin:0;text-align:center;padding:0 var(--co-spacing-xl)}.co-video__error-retry{display:inline-flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-sm2) var(--co-spacing-lg);border:1px solid rgba(255, 255, 255, 0.3);border-radius:var(--co-border-radius-full);background:transparent;color:#fff;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);cursor:pointer;transition:background 0.15s ease, border-color 0.15s ease}.co-video__error-retry:hover{background:rgba(255, 255, 255, 0.1);border-color:rgba(255, 255, 255, 0.5)}.co-video__controls{position:absolute;bottom:0;left:0;right:0;background:var(--co-video-controls-bg);padding:var(--co-spacing-3xl) var(--co-spacing-lg) var(--co-spacing-md);z-index:5;opacity:1;transition:opacity 0.3s ease}.co-video__controls--hidden{opacity:0;pointer-events:none}.co-video__progress{position:relative;width:100%;height:var(--co-video-progress-height);cursor:pointer;transition:height 0.15s ease;margin-bottom:var(--co-spacing-sm);outline:none;touch-action:none}.co-video__progress:hover,.co-video__progress:focus-visible{height:var(--co-video-progress-height-hover)}.co-video__progress:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:4px;border-radius:var(--co-border-radius-full)}.co-video__progress-track{position:absolute;inset:0;background:rgba(255, 255, 255, 0.2);border-radius:var(--co-border-radius-full);overflow:hidden}.co-video__progress-buffered{position:absolute;top:0;left:0;height:100%;background:var(--co-video-buffered);border-radius:var(--co-border-radius-full);transition:width 0.3s ease}.co-video__progress-played{position:absolute;top:0;left:0;height:100%;background:var(--co-video-accent);border-radius:var(--co-border-radius-full)}.co-video__progress-thumb{position:absolute;top:50%;width:14px;height:14px;border-radius:var(--co-border-radius-full);background:var(--co-video-accent);transform:translate(-50%, -50%) scale(0);transition:transform 0.15s ease;pointer-events:none}.co-video__progress:hover .co-video__progress-thumb{transform:translate(-50%, -50%) scale(1)}.co-video__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm)}.co-video__toolbar-left,.co-video__toolbar-right{display:flex;align-items:center;gap:var(--co-spacing-sm)}.co-video__btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--co-video-controls-color);cursor:pointer;border-radius:var(--co-border-radius-xs);padding:0;transition:background 0.15s ease;flex-shrink:0}.co-video__btn:hover{background:var(--co-video-btn-hover)}.co-video__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.co-video__btn--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-video__time{font-size:var(--co-font-size-12);color:var(--co-video-controls-color);white-space:nowrap;padding:0 var(--co-spacing-xs);font-variant-numeric:tabular-nums}.co-video__volume{display:flex;align-items:center;position:relative}.co-video__volume-slider-wrap{width:0;overflow:hidden;transition:width 0.2s ease, opacity 0.2s ease;opacity:0}.co-video__volume-slider-wrap--visible{width:96px;opacity:1;overflow:visible}.co-video__volume-slider{width:96px;height:20px;display:flex;align-items:center;cursor:pointer;touch-action:none;padding:0 10px}.co-video__volume-track{position:relative;width:100%;height:4px;background:rgba(255, 255, 255, 0.2);border-radius:var(--co-border-radius-full)}.co-video__volume-fill{position:absolute;top:0;left:0;height:100%;background:var(--co-video-accent);border-radius:var(--co-border-radius-full)}.co-video__volume-thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:var(--co-border-radius-full);background:var(--co-video-accent);transform:translate(-50%, -50%);pointer-events:none}.co-video__speed-wrap{position:relative}.co-video__btn--speed{width:auto;padding:0 var(--co-spacing-sm)}.co-video__speed-label{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-13, 13px);font-weight:500;color:var(--co-video-controls-color)}.co-video__speed-menu{position:absolute;bottom:100%;right:0;margin-bottom:var(--co-spacing-xs);background:rgba(20, 20, 20, 0.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--co-border-radius-sm);padding:var(--co-spacing-xs) 0;min-width:130px;box-shadow:var(--co-shadow-lg);z-index:10}.co-video__speed-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--co-spacing-sm) var(--co-spacing-lg);color:#fff;font-size:var(--co-font-size-14);font-family:var(--co-font-family-primary);cursor:pointer;background:transparent;border:none;transition:background 0.1s ease;text-align:left}.co-video__speed-option:hover{background:rgba(255, 255, 255, 0.08)}.co-video__speed-option--active{font-weight:600}@media (max-width: 480px){.co-video__volume-slider-wrap{display:none}.co-video__toolbar{gap:var(--co-spacing-xxs)}.co-video__btn{width:32px;height:32px}.co-video__big-play-circle{width:56px;height:56px}.co-video__time{font-size:var(--co-font-size-11, 11px)}.co-video__controls{padding:var(--co-spacing-2xl) var(--co-spacing-sm2) var(--co-spacing-sm)}}";export{h as co_video}

package/dist/cobalt/p-fd27c2bd.entry.js

@@ -0,0 +1 @@
+import{r as e,c as r,h as c}from"./p-tT-aZV0-.js";import{R as t}from"./p-7FZXeBK4.js";const a=class{constructor(c){e(this,c),this.coChange=r(this,"coChange",7),this.checked=!1,this.disabled=!1,this.required=!1,this.status="default",this.handleClick=()=>{this.disabled||(this.checked=!this.checked,this.coChange.emit(this.checked))}}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}render(){const e=this.label||this.secondaryLabel,r=!!this.helperText;return c("div",{key:"aa2690f72e8a64fcf835a58ed7b5a578e93dd6fa",class:{"co-switch-wrapper":!0,"co-switch-wrapper--disabled":this.disabled,[`co-switch-wrapper--${this.status}`]:"default"!==this.status}},c("div",{key:"fda38eadee3187b559ab343acd80de17d6f88da1",class:"co-switch-wrapper__row",onClick:this.handleClick},c("button",{key:"11c63216f459295d2858530f9d879913d205417d",role:"switch","aria-checked":String(this.checked),"aria-label":this.label||"",class:{"co-switch":!0,"co-switch--on":this.checked,"co-switch--off":!this.checked,"co-switch--disabled":this.disabled},disabled:this.disabled,part:"track"},c("span",{key:"6e6060ee3128697653bb11335e7ebd82a37d2960",class:"co-switch__thumb",part:"thumb"})),e&&c("div",{key:"10084cce0ded48f6188fe5bbba1e2058f2d6962c",class:"co-switch-wrapper__labels"},this.label&&c("span",{key:"87665730e8cf05f481f4835594fd912f4499b9c7",class:"co-switch-wrapper__label",part:"label"},this.label,c(t,{key:"0d121097ee0c5ca14f150a93a9f021ddf883667c",required:this.required})),this.secondaryLabel&&c("span",{key:"0bc01f629b4b62ba7c86e2ff229b127a3ac45537",class:"co-switch-wrapper__secondary-label",part:"secondary-label"},this.secondaryLabel))),r&&c("div",{key:"7447890f8f651445917e1b59166e827e1a0a52ca",class:`co-switch-wrapper__helper co-switch-wrapper__helper--${this.status}`},this.statusIcon&&c("co-icon",{key:"5759ca2e6b013743ce263a4b002214c03d8a202c",name:this.statusIcon,size:14,weight:"fill",class:"co-switch-wrapper__helper-icon"}),c("span",{key:"359a87a5865fde6d9db953e6e4554a7b5ae5cb5e",class:"co-switch-wrapper__helper-text"},this.helperText)))}};a.style=":host{display:inline-flex;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-switch-wrapper{display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-switch-wrapper__row{display:flex;align-items:center;gap:var(--co-switch-label-gap, var(--co-spacing-sm2));cursor:pointer}.co-switch-wrapper--disabled .co-switch-wrapper__row{cursor:not-allowed}.co-switch-wrapper__labels{display:flex;align-items:center;gap:var(--co-spacing-sm2);flex:1;min-width:0}.co-switch-wrapper__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-switch-wrapper__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;margin-left:auto}.co-switch-wrapper--disabled .co-switch-wrapper__label,.co-switch-wrapper--disabled .co-switch-wrapper__secondary-label{color:var(--co-semantic-text-disabled)}.co-switch-wrapper__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding-left:calc(44px + var(--co-spacing-sm2));}.co-switch-wrapper__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-switch-wrapper__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-switch-wrapper__helper--error .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--error .co-switch-wrapper__helper-text{color:var(--co-semantic-status-error)}.co-switch-wrapper__helper--success .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--success .co-switch-wrapper__helper-text{color:var(--co-semantic-status-success)}.co-switch-wrapper__helper--warning .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--warning .co-switch-wrapper__helper-text{color:var(--co-color-status-review)}.co-switch-wrapper__helper--info .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--info .co-switch-wrapper__helper-text{color:var(--co-semantic-status-info)}.co-switch{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;border-radius:var(--co-border-radius-full);border:none;outline:none;cursor:pointer;padding:0;overflow:hidden;transition:background 0.2s ease;box-sizing:border-box;flex-shrink:0}.co-switch--on{background:var(--co-semantic-surface-primary)}.co-switch--off{background:color-mix(in srgb, var(--co-semantic-surface-muted) 35%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))}.co-switch__thumb{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-control-thumb);transition:left 0.2s ease;box-shadow:0 1px 3px var(--co-semantic-control-shadow)}.co-switch--off .co-switch__thumb{left:2px}.co-switch--on .co-switch__thumb{left:22px}.co-switch--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}@supports not (background: color-mix(in srgb, red, transparent)){.co-switch--off{background:var(--co-semantic-surface-muted)}}";export{a as co_switch}

package/dist/cobalt/p-tT-aZV0-.js

@@ -0,0 +1,2 @@
+const o=()=>{},c=":root{--co-color-base-negro:#1f1c1b;--co-color-base-blanco:#ffffff;--co-color-base-off-white:#f7f6f0;--co-color-primary-verde:#02a270;--co-color-primary-amarillo:#fdbf00;--co-color-primary-azul:#2563eb;--co-color-primary-rosado:#f32a73;--co-color-azul-100:#eff4ff;--co-color-azul-200:#dbe6fe;--co-color-azul-300:#bfd3fe;--co-color-azul-400:#93b4fd;--co-color-azul-500:#6090fa;--co-color-azul-600:#3b76f6;--co-color-azul-700:#2563eb;--co-color-azul-800:#1d58d8;--co-color-azul-900:#1e408a;--co-color-rosado-100:#fef1f6;--co-color-rosado-200:#fde6f0;--co-color-rosado-300:#fdcde2;--co-color-rosado-400:#fda4c8;--co-color-rosado-500:#fb6ba3;--co-color-rosado-600:#f32a73;--co-color-rosado-700:#e41e5c;--co-color-rosado-800:#c61044;--co-color-rosado-900:#a41039;--co-color-amarillo-100:#ffffea;--co-color-amarillo-200:#fffbc5;--co-color-amarillo-300:#fff885;--co-color-amarillo-400:#ffe01b;--co-color-amarillo-500:#fdbf00;--co-color-amarillo-600:#e29500;--co-color-amarillo-700:#bb6902;--co-color-amarillo-800:#985108;--co-color-amarillo-900:#7c420b;--co-color-verde-100:#ecfdf5;--co-color-verde-200:#d0fbe5;--co-color-verde-300:#a5f5d0;--co-color-verde-400:#6beab8;--co-color-verde-500:#31d69a;--co-color-verde-600:#0cbd82;--co-color-verde-700:#02a270;--co-color-verde-800:#027a58;--co-color-verde-900:#046147;--co-color-neutral-100:#e6e5df;--co-color-neutral-200:#eeede7;--co-color-neutral-300:#f3f2ec;--co-color-gray-100:#f6f6f6;--co-color-gray-200:#e3e3e3;--co-color-gray-300:#c4c4c4;--co-color-gray-400:#a0a0a0;--co-color-gray-500:#888888;--co-color-gray-600:#585858;--co-color-gray-700:#1f1c1b;--co-color-gray-800:#0a0a0a;--co-color-secondary-rosado-100:#d74ba0;--co-color-secondary-rosado-50:#ffc8eb;--co-color-secondary-rosado-25:#ffe6f5;--co-color-secondary-rojo-100:#eb1e1e;--co-color-secondary-rojo-50:#ff878c;--co-color-secondary-rojo-25:#ffd7dc;--co-color-secondary-naranja-100:#f0821e;--co-color-secondary-naranja-50:#ffbe82;--co-color-secondary-naranja-25:#ffe6d2;--co-color-secondary-amarillo-100:#fad223;--co-color-secondary-amarillo-50:#ffe67d;--co-color-secondary-amarillo-25:#fffac3;--co-color-secondary-verde-100:#afe664;--co-color-secondary-verde-50:#d7ffb4;--co-color-secondary-verde-25:#ebffc8;--co-color-secondary-oliva-100:#aab43c;--co-color-secondary-oliva-50:#d2dc96;--co-color-secondary-oliva-25:#f0f0d2;--co-color-secondary-turquesa-100:#00afaf;--co-color-secondary-turquesa-50:#3ce1c8;--co-color-secondary-turquesa-25:#c8f0f0;--co-color-secondary-azul-claro-100:#00bee6;--co-color-secondary-azul-claro-50:#6ee6f0;--co-color-secondary-azul-claro-25:#befaff;--co-color-secondary-azul-electrico-100:#000aff;--co-color-secondary-azul-electrico-50:#8095ff;--co-color-secondary-azul-electrico-25:#cce0ff;--co-color-secondary-violeta-100:#5f4bd7;--co-color-secondary-violeta-50:#b9b4ff;--co-color-secondary-violeta-25:#e1e1ff;--co-color-secondary-marron-100:#af7355;--co-color-secondary-marron-50:#d7b9a5;--co-color-secondary-marron-25:#f0e1d7;--co-color-secondary-guinda-100:#811137;--co-color-secondary-guinda-50:#c0889c;--co-color-secondary-guinda-25:#e6cfd7;--co-color-status-success:#0a7724;--co-color-status-bg-success:#ebf9ec;--co-color-status-progress:#2d6cc5;--co-color-status-bg-progress:#eef3fa;--co-color-status-submitted:#7556ca;--co-color-status-bg-submitted:#f4f1fb;--co-color-status-review:#85571f;--co-color-status-bg-review:#fcf5db;--co-color-status-pending:#b45103;--co-color-status-bg-pending:#f9f1eb;--co-color-status-error:#aa2e1b;--co-color-status-bg-error:#ffefef;--co-color-opacity-negro-4:rgba(31, 28, 27, 0.04);--co-color-opacity-negro-8:rgba(31, 28, 27, 0.08);--co-color-opacity-negro-16:rgba(31, 28, 27, 0.16);--co-color-opacity-negro-25:rgba(31, 28, 27, 0.25);--co-color-opacity-negro-50:rgba(31, 28, 27, 0.50);--co-color-opacity-negro-80:rgba(31, 28, 27, 0.80);--co-color-opacity-blanco-4:rgba(255, 255, 255, 0.04);--co-color-opacity-blanco-8:rgba(255, 255, 255, 0.08);--co-color-opacity-blanco-16:rgba(255, 255, 255, 0.16);--co-color-opacity-blanco-25:rgba(255, 255, 255, 0.25);--co-color-opacity-blanco-50:rgba(255, 255, 255, 0.50);--co-color-opacity-blanco-80:rgba(255, 255, 255, 0.80);--co-border-radius-xxs:4px;--co-border-radius-xs:8px;--co-border-radius-sm:12px;--co-border-radius-lg:16px;--co-border-radius-xl:24px;--co-border-radius-2xl:32px;--co-border-radius-3xl:40px;--co-border-radius-4xl:48px;--co-border-radius-5xl:56px;--co-border-radius-6xl:64px;--co-border-radius-full:9999px;--co-shadow-sm:0 1px 2px 0 rgba(26, 26, 26, 0.04);--co-shadow-lg:0 10px 15px -3px rgba(26, 26, 26, 0.05), 0 4px 6px -4px rgba(26, 26, 26, 0.05);--co-spacing-xxs:2px;--co-spacing-xs:4px;--co-spacing-sm:6px;--co-spacing-sm2:8px;--co-spacing-md:12px;--co-spacing-lg:16px;--co-spacing-xl:20px;--co-spacing-2xl:24px;--co-spacing-3xl:32px;--co-spacing-4xl:40px;--co-spacing-5xl:48px;--co-spacing-6xl:56px;--co-spacing-7xl:64px;--co-spacing-8xl:72px;--co-spacing-9xl:80px;--co-spacing-10xl:88px;--co-spacing-11xl:96px;--co-spacing-12xl:104px;--co-spacing-13xl:112px;--co-spacing-14xl:120px;--co-spacing-full:9999px;--co-font-family-primary:'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--co-font-family-mono:'Geist Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;--co-font-size-10:10px;--co-font-size-12:12px;--co-font-size-14:14px;--co-font-size-16:16px;--co-font-size-18:18px;--co-font-size-20:20px;--co-font-size-22:22px;--co-font-size-24:24px;--co-font-size-26:26px;--co-font-size-30:30px;--co-font-size-32:32px;--co-font-size-36:36px;--co-font-size-40:40px;--co-font-size-44:44px;--co-font-size-48:48px;--co-font-size-50:50px;--co-font-size-56:56px;--co-font-size-64:64px;--co-font-size-72:72px;--co-font-size-80:80px;--co-font-size-96:96px;--co-font-size-104:104px;--co-font-size-112:112px;--co-font-size-128:128px;--co-font-size-144:144px;--co-font-size-160:160px;--co-font-size-180:180px;--co-font-size-200:200px;--co-font-size-220:220px;--co-font-weight-regular:400;--co-font-weight-medium:500;--co-font-weight-semibold:600;--co-font-weight-bold:700;--co-font-line-height-none:1;--co-font-line-height-tight:1.2;--co-font-line-height-snug:1.3;--co-font-line-height-normal:1.5;--co-font-line-height-relaxed:1.6;--co-font-letter-spacing-body:-0.03em;--co-font-letter-spacing-overline:0.08em;--co-semantic-surface-primary:var(--co-color-base-negro);--co-semantic-surface-inverse:var(--co-semantic-surface-primary);--co-semantic-surface-secondary:var(--co-color-base-blanco);--co-semantic-surface-page:var(--co-color-base-blanco);--co-semantic-surface-muted:var(--co-color-gray-200);--co-semantic-surface-hover:var(--co-color-opacity-negro-4);--co-semantic-surface-disabled:var(--co-color-gray-100);--co-semantic-on-primary:var(--co-color-base-blanco);--co-semantic-on-secondary:var(--co-color-base-negro);--co-semantic-text-default:var(--co-color-base-negro);--co-semantic-text-inverse:var(--co-color-base-blanco);--co-semantic-text-secondary:var(--co-color-gray-600);--co-semantic-text-muted:var(--co-color-gray-500);--co-semantic-text-disabled:var(--co-color-gray-400);--co-semantic-border-default:var(--co-color-opacity-negro-16);--co-semantic-border-subtle:var(--co-color-opacity-negro-8);--co-semantic-border-strong:var(--co-color-opacity-negro-50);--co-semantic-border-focus:var(--co-color-opacity-negro-25);--co-semantic-border-focus-ring:var(--co-color-opacity-negro-8);--co-semantic-control-thumb:var(--co-color-base-blanco);--co-semantic-control-shadow:var(--co-color-opacity-negro-16);--co-semantic-status-success:var(--co-color-status-success);--co-semantic-status-error:var(--co-color-status-error);--co-semantic-status-warning:var(--co-color-primary-amarillo);--co-semantic-status-info:var(--co-color-status-progress);--co-glass-blur:12px;--co-glass-saturate:1.3;--co-glass-panel-blur:18px}:root{--co-color-negro:var(--co-color-base-negro);--co-color-blanco:var(--co-color-base-blanco);--co-color-neutral-beige:var(--co-color-base-off-white);--co-color-secondary-rojo:var(--co-color-secondary-rojo-100);--co-color-secondary-naranja:var(--co-color-secondary-naranja-100);--co-color-secondary-oliva:var(--co-color-secondary-oliva-100);--co-color-secondary-violeta:var(--co-color-secondary-violeta-100);--co-color-secondary-marron:var(--co-color-secondary-marron-100);--co-color-status-success-bg:var(--co-color-status-bg-success);--co-font-family:var(--co-font-family-primary);--co-font-size-11:11px;--co-font-size-13:13px;--co-font-size-28:28px}";function e(o,c,e){const r="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;o&&o!==r;){const r=Object.getOwnPropertyDescriptor(o,c);if(r&&(!e||r.get))return r;o=Object.getPrototypeOf(o)}}var r,t=(o,c)=>{var r;Object.entries(null!=(r=c.t.o)?r:{}).map((([r,[t]])=>{if(31&t||32&t){const t=o[r],n=e(Object.getPrototypeOf(o),r,!0)||Object.getOwnPropertyDescriptor(o,r);n&&Object.defineProperty(o,r,{get(){return n.get.call(this)},set(o){n.set.call(this,o)},configurable:!0,enumerable:!0}),c.l.has(r)?o[r]=c.l.get(r):void 0!==t&&(o[r]=t)}}))},n=o=>{if(o.__stencil__getHostRef)return o.__stencil__getHostRef()},l=(o,c)=>{c&&(o.__stencil__getHostRef=()=>c,c.i=o,512&c.t.u&&t(o,c))},s=(o,c)=>c in o,a=(o,c)=>(0,console.error)(o,c),i=new Map,f=new Map,u="slot-fb{display:contents}slot-fb[hidden]{display:none}",d="http://www.w3.org/1999/xlink",p="undefined"!=typeof window?window:{},b={u:0,p:"",jmp:o=>o(),raf:o=>requestAnimationFrame(o),ael:(o,c,e,r)=>o.addEventListener(c,e,r),rel:(o,c,e,r)=>o.removeEventListener(c,e,r),ce:(o,c)=>new CustomEvent(o,c)},y=o=>Promise.resolve(o),v=(()=>{try{return!!p.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(o){}return!1})(),m=!!v&&(()=>!!p.document&&Object.getOwnPropertyDescriptor(p.document.adoptedStyleSheets,"length").writable)(),g=!1,h=[],x=[],w=(o,c)=>e=>{o.push(e),g||(g=!0,c&&4&b.u?j(z):b.raf(z))},$=o=>{for(let c=0;c<o.length;c++)try{o[c](performance.now())}catch(o){a(o)}o.length=0},z=()=>{$(h),$(x),(g=h.length>0)&&b.raf(z)},j=o=>y().then(o),S=w(x,!0);function O(){var o;const e=this.attachShadow({mode:"open"});if(void 0===r&&(r=null!=(o=function(o){if(!v)return;const c=new CSSStyleSheet;return c.replaceSync(o),c}(c))?o:null),r)m?e.adoptedStyleSheets.push(r):e.adoptedStyleSheets=[...e.adoptedStyleSheets,r];else if(!v){const o=document.createElement("style");o.innerHTML=c,e.prepend(o)}}var k=o=>{const c=L(o,"childNodes");o.tagName&&o.tagName.includes("-")&&o["s-cr"]&&"SLOT-FB"!==o.tagName&&M(c,o.tagName).forEach((o=>{1===o.nodeType&&"SLOT-FB"===o.tagName&&(o.hidden=!!N(o,E(o),!1).length)}));let e=0;for(e=0;e<c.length;e++){const o=c[e];1===o.nodeType&&L(o,"childNodes").length&&k(o)}};function M(o,c,e){let r,t=0,n=[];for(;t<o.length;t++){if(r=o[t],r["s-sr"]&&(!c||r["s-hn"]===c)&&(void 0===e||E(r)===e)&&(n.push(r),void 0!==e))return n;n=[...n,...M(r.childNodes,c,e)]}return n}var N=(o,c,e=!0)=>{const r=[];(e&&o["s-sr"]||!o["s-sr"])&&r.push(o);let t=o;for(;t=t.nextSibling;)E(t)!==c||!e&&t["s-sr"]||r.push(t);return r},C=(o,c)=>1===o.nodeType?null===o.getAttribute("slot")&&""===c||o.getAttribute("slot")===c:o["s-sn"]===c||""===c,E=o=>"string"==typeof o["s-sn"]?o["s-sn"]:1===o.nodeType&&o.getAttribute("slot")||void 0;function L(o,c){if("__"+c in o){const e=o["__"+c];return"function"!=typeof e?e:e.bind(o)}return"function"!=typeof o[c]?o[c]:o[c].bind(o)}function R(o){var c,e,r;return null!=(r=null==(e=null==(c=o.head)?void 0:c.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?r:void 0}var T,F,A=new WeakMap,P=o=>"sc-"+o.v,D=o=>"object"==(o=typeof o)||"function"===o,H=(o,c,...e)=>{let r=null,t=null,n=null,l=!1,s=!1;const a=[],i=c=>{for(let e=0;e<c.length;e++)r=c[e],Array.isArray(r)?i(r):null!=r&&"boolean"!=typeof r&&((l="function"!=typeof o&&!D(r))&&(r+=""),l&&s?a[a.length-1].m+=r:a.push(l?U(null,r):r),s=l)};if(i(e),c){c.key&&(t=c.key),c.name&&(n=c.name);{const o=c.className||c.class;o&&(c.class="object"!=typeof o?o:Object.keys(o).filter((c=>o[c])).join(" "))}}if("function"==typeof o)return o(null===c?{}:c,a,_);const f=U(o,null);return f.h=c,a.length>0&&(f.$=a),f.j=t,f.S=n,f},U=(o,c)=>({u:0,O:o,m:null!=c?c:null,k:null,$:null,h:null,j:null,S:null}),q={},_={forEach:(o,c)=>o.map(B).forEach(c),map:(o,c)=>o.map(B).map(c).map(W)},B=o=>({vattrs:o.h,vchildren:o.$,vkey:o.j,vname:o.S,vtag:o.O,vtext:o.m}),W=o=>{if("function"==typeof o.vtag){const c={...o.vattrs};return o.vkey&&(c.key=o.vkey),o.vname&&(c.name=o.vname),H(o.vtag,c,...o.vchildren||[])}const c=U(o.vtag,o.vtext);return c.h=o.vattrs,c.$=o.vchildren,c.j=o.vkey,c.S=o.vname,c},G=o=>{if(!o)return;const c=Object.keys(o);if(0===c.length)return;let e=!1;for(const r of c){if(e)break;for(const c of o[r])if("string"==typeof c){e=!0;break}}if(!e)return o;const r={};for(const e of c)r[e]=o[e].map((o=>"string"==typeof o?{[o]:0}:o));return r},V=(o,c)=>null==o||D(o)?o:4&c?"false"!==o&&(""===o||!!o):2&c?"string"==typeof o?parseFloat(o):"number"==typeof o?o:NaN:1&c?o+"":o,I=o=>{var c;return null==(c=n(o))?void 0:c.$hostElement$},Y=(o,c,e)=>{const r=I(o);return{emit:o=>Z(r,c,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:o})}},Z=(o,c,e)=>{const r=b.ce(c,e);return o.dispatchEvent(r),r},J=(o,c,e,r,t,l)=>{if(e===r)return;let a=s(o,c),i=c.toLowerCase();if("class"===c){const c=o.classList,t=Q(e);let n=Q(r);c.remove(...t.filter((o=>o&&!n.includes(o)))),c.add(...n.filter((o=>o&&!t.includes(o))))}else if("style"===c){for(const c in e)r&&null!=r[c]||(c.includes("-")?o.style.removeProperty(c):o.style[c]="");for(const c in r)e&&r[c]===e[c]||(c.includes("-")?o.style.setProperty(c,r[c]):o.style[c]=r[c])}else if("key"===c);else if("ref"===c)r&&wo(r,o);else if(a||"o"!==c[0]||"n"!==c[1]){if("a"===c[0]&&c.startsWith("attr:")){const e=c.slice(5);let t;{const c=n(o);if(c&&c.t&&c.t.o){const o=c.t.o[e];o&&o[1]&&(t=o[1])}}return t||(t=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==r||!1===r?!1===r&&""!==o.getAttribute(t)||o.removeAttribute(t):o.setAttribute(t,!0===r?"":r))}if("p"===c[0]&&c.startsWith("prop:")){const e=c.slice(5);try{o[e]=r}catch(o){}return}{const n=D(r);if((a||n&&null!==r)&&!t)try{if(o.tagName.includes("-"))o[c]!==r&&(o[c]=r);else{const t=null==r?"":r;"list"===c?a=!1:null!=e&&o[c]===t||("function"==typeof o.__lookupSetter__(c)?o[c]=t:o.setAttribute(c,t))}}catch(o){}let s=!1;i!==(i=i.replace(/^xlink\:?/,""))&&(c=i,s=!0),null==r||!1===r?!1===r&&""!==o.getAttribute(c)||(s?o.removeAttributeNS(d,c):o.removeAttribute(c)):(!a||4&l||t)&&!n&&1===o.nodeType&&(r=!0===r?"":r,s?o.setAttributeNS(d,c,r):o.setAttribute(c,r))}}else if(c="-"===c[2]?c.slice(3):s(p,i)?i.slice(2):i[2]+c.slice(3),e||r){const t=c.endsWith(X);c=c.replace(oo,""),e&&b.rel(o,c,e,t),r&&b.ael(o,c,r,t)}},K=/\s/,Q=o=>("object"==typeof o&&o&&"baseVal"in o&&(o=o.baseVal),o&&"string"==typeof o?o.split(K):[]),X="Capture",oo=RegExp(X+"$"),co=(o,c,e)=>{const r=11===c.k.nodeType&&c.k.host?c.k.host:c.k,t=o&&o.h||{},n=c.h||{};for(const o of eo(Object.keys(t)))o in n||J(r,o,t[o],void 0,e,c.u);for(const o of eo(Object.keys(n)))J(r,o,t[o],n[o],e,c.u)};function eo(o){return o.includes("ref")?[...o.filter((o=>"ref"!==o)),"ref"]:o}var ro=!1,to=!1,no=!1,lo=!1,so=[],ao=[],io=(o,c,e)=>{var r;const t=c.$[e];let n,l,s,a=0;if(ro||(no=!0,"slot"===t.O&&(t.u|=t.$?2:1)),null!=t.m)n=t.k=p.document.createTextNode(t.m);else if(1&t.u)n=t.k=p.document.createTextNode(""),co(null,t,lo);else{if(lo||(lo="svg"===t.O),!p.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(n=t.k=p.document.createElementNS(lo?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!ro&&2&t.u?"slot-fb":t.O),lo&&"foreignObject"===t.O&&(lo=!1),co(null,t,lo),t.$){const c="template"===t.O?n.content:n;for(a=0;a<t.$.length;++a)l=io(o,t,a),l&&c.appendChild(l)}"svg"===t.O?lo=!1:"foreignObject"===n.tagName&&(lo=!0)}return n["s-hn"]=F,3&t.u&&(n["s-sr"]=!0,n["s-cr"]=T,n["s-sn"]=t.S||"",n["s-rf"]=null==(r=t.h)?void 0:r.ref,function(o){if(o.assignedElements||o.assignedNodes||!o["s-sr"])return;const c=c=>function(o){const e=[],r=this["s-sn"];(null==o?void 0:o.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const t=this["s-cr"].parentElement;return(t.__childNodes?t.childNodes:(o=>{const c=[];for(let e=0;e<o.length;e++){const r=o[e]["s-nr"]||void 0;r&&r.isConnected&&c.push(r)}return c})(t.childNodes)).forEach((o=>{r===E(o)&&e.push(o)})),c?e.filter((o=>1===o.nodeType)):e}.bind(o);o.assignedElements=c(!0),o.assignedNodes=c(!1)}(n),s=o&&o.$&&o.$[e],s&&s.O===t.O&&o.k&&fo(o.k)),n},fo=o=>{b.u|=1;const c=o.closest(F.toLowerCase());if(null!=c){const e=Array.from(c.__childNodes||c.childNodes).find((o=>o["s-cr"])),r=Array.from(o.__childNodes||o.childNodes);for(const o of e?r.reverse():r)null!=o["s-sh"]&&($o(c,o,null!=e?e:null),o["s-sh"]=void 0,no=!0)}b.u&=-2},uo=(o,c)=>{b.u|=1;const e=Array.from(o.__childNodes||o.childNodes);if(o["s-sr"]){let c=o;for(;c=c.nextSibling;)c&&c["s-sn"]===o["s-sn"]&&c["s-sh"]===F&&e.push(c)}for(let o=e.length-1;o>=0;o--){const r=e[o];r["s-hn"]!==F&&r["s-ol"]&&($o(vo(r).parentNode,r,vo(r)),r["s-ol"].remove(),r["s-ol"]=void 0,r["s-sh"]=void 0,no=!0),c&&uo(r,c)}b.u&=-2},po=(o,c,e,r,t,n)=>{let l,s=o["s-cr"]&&o["s-cr"].parentNode||o;for(s.shadowRoot&&s.tagName===F&&(s=s.shadowRoot),"template"===e.O&&(s=s.content);t<=n;++t)r[t]&&(l=io(null,e,t),l&&(r[t].k=l,$o(s,l,vo(c))))},bo=(o,c,e)=>{for(let r=c;r<=e;++r){const c=o[r];if(c){const o=c.k;xo(c),o&&(to=!0,o["s-ol"]?o["s-ol"].remove():uo(o,!0),o.remove())}}},yo=(o,c,e=!1)=>o.O===c.O&&("slot"===o.O?o.S===c.S:e?(e&&!o.j&&c.j&&(o.j=c.j),!0):o.j===c.j),vo=o=>o&&o["s-ol"]||o,mo=(o,c,e=!1)=>{const r=c.k=o.k,t=o.$,n=c.$,l=c.O,s=c.m;let a;null==s?(lo="svg"===l||"foreignObject"!==l&&lo,"slot"!==l||ro||o.S!==c.S&&(c.k["s-sn"]=c.S||"",fo(c.k.parentElement)),co(o,c,lo),null!==t&&null!==n?((o,c,e,r,t=!1)=>{let n,l,s=0,a=0,i=0,f=0,u=c.length-1,d=c[0],p=c[u],b=r.length-1,y=r[0],v=r[b];const m="template"===e.O?o.content:o;for(;s<=u&&a<=b;)if(null==d)d=c[++s];else if(null==p)p=c[--u];else if(null==y)y=r[++a];else if(null==v)v=r[--b];else if(yo(d,y,t))mo(d,y,t),d=c[++s],y=r[++a];else if(yo(p,v,t))mo(p,v,t),p=c[--u],v=r[--b];else if(yo(d,v,t))"slot"!==d.O&&"slot"!==v.O||uo(d.k.parentNode,!1),mo(d,v,t),$o(m,d.k,p.k.nextSibling),d=c[++s],v=r[--b];else if(yo(p,y,t))"slot"!==d.O&&"slot"!==v.O||uo(p.k.parentNode,!1),mo(p,y,t),$o(m,p.k,d.k),p=c[--u],y=r[++a];else{for(i=-1,f=s;f<=u;++f)if(c[f]&&null!==c[f].j&&c[f].j===y.j){i=f;break}i>=0?(l=c[i],l.O!==y.O?n=io(c&&c[a],e,i):(mo(l,y,t),c[i]=void 0,n=l.k),y=r[++a]):(n=io(c&&c[a],e,a),y=r[++a]),n&&$o(vo(d.k).parentNode,n,vo(d.k))}s>u?po(o,null==r[b+1]?null:r[b+1].k,e,r,a,b):a>b&&bo(c,s,u)})(r,t,c,n,e):null!==n?(null!==o.m&&(r.textContent=""),po(r,null,c,n,0,n.length-1)):!e&&null!==t&&bo(t,0,t.length-1),lo&&"svg"===l&&(lo=!1)):(a=r["s-cr"])?a.parentNode.textContent=s:o.m!==s&&(r.data=s)},go=[],ho=o=>{let c,e,r;const t=o.__childNodes||o.childNodes;for(const o of t){if(o["s-sr"]&&(c=o["s-cr"])&&c.parentNode){e=c.parentNode.__childNodes||c.parentNode.childNodes;const t=o["s-sn"];for(r=e.length-1;r>=0;r--)if(c=e[r],!(c["s-cn"]||c["s-nr"]||c["s-hn"]===o["s-hn"]||c["s-sh"]&&c["s-sh"]===o["s-hn"]))if(C(c,t)){let e=go.find((o=>o.M===c));to=!0,c["s-sn"]=c["s-sn"]||t,e?(e.M["s-sh"]=o["s-hn"],e.N=o):(c["s-sh"]=o["s-hn"],go.push({N:o,M:c})),c["s-sr"]&&go.map((o=>{C(o.M,c["s-sn"])&&(e=go.find((o=>o.M===c)),e&&!o.N&&(o.N=e.N))}))}else go.some((o=>o.M===c))||go.push({M:c})}1===o.nodeType&&ho(o)}},xo=o=>{o.h&&o.h.ref&&so.push((()=>o.h.ref(null))),o.$&&o.$.map(xo)},wo=(o,c)=>{ao.push((()=>o(c)))},$o=(o,c,e,r)=>{if("string"==typeof c["s-sn"]){o.insertBefore(c,e);const{slotNode:t}=function(o,c){var e;if(!(c=c||(null==(e=o["s-ol"])?void 0:e.parentElement)))return{slotNode:null,slotName:""};const r=o["s-sn"]=E(o)||"";return{slotNode:M(L(c,"childNodes"),c.tagName,r)[0],slotName:r}}(c);return t&&!r&&function(o){o.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(t),c}return o.__insertBefore?o.__insertBefore(c,e):null==o?void 0:o.insertBefore(c,e)},zo=(o,c)=>{if(c&&!o.C&&c["s-p"]){const e=c["s-p"].push(new Promise((r=>o.C=()=>{c["s-p"].splice(e-1,1),r()})))}},jo=(o,c)=>{if(o.u|=16,4&o.u)return void(o.u|=512);zo(o,o.L);const e=()=>So(o,c);if(!c)return S(e);queueMicrotask((()=>{e()}))},So=(o,c)=>{const e=o.$hostElement$,r=o.i;if(!r)throw Error(`Can't render component <${e.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let t;return c?(o.R&&(o.R=!1,Lo(r,"connectedCallback",void 0,e)),o.u|=256,o.T&&(o.T.map((([o,c])=>Lo(r,o,c,e))),o.T=void 0),o.F.length&&o.F.forEach((o=>o(e))),t=Lo(r,"componentWillLoad",void 0,e)):t=Lo(r,"componentWillUpdate",void 0,e),t=Oo(t,(()=>Lo(r,"componentWillRender",void 0,e))),Oo(t,(()=>Mo(o,r,c)))},Oo=(o,c)=>ko(o)?o.then(c).catch((o=>{console.error(o),c()})):c(),ko=o=>o instanceof Promise||o&&o.then&&"function"==typeof o.then,Mo=async(o,c,e)=>{var r;const t=o.$hostElement$,n=t["s-rc"];e&&(o=>{const c=o.t,e=o.$hostElement$,r=c.u,t=((o,c)=>{var e,r,t;const n=P(c),l=f.get(n);if(!p.document)return n;if(o=11===o.nodeType?o:p.document,l)if("string"==typeof l){let t,s=A.get(o=o.head||o);if(s||A.set(o,s=new Set),!s.has(n)){t=p.document.createElement("style"),t.textContent=l;const a=null!=(e=b.A)?e:R(p.document);if(null!=a&&t.setAttribute("nonce",a),!(1&c.u))if("HEAD"===o.nodeName){const c=o.querySelectorAll("link[rel=preconnect]"),e=c.length>0?c[c.length-1].nextSibling:o.querySelector("style");o.insertBefore(t,(null==e?void 0:e.parentNode)===o?e:null)}else if("host"in o)if(v){const c=new(null!=(r=o.defaultView)?r:o.ownerDocument.defaultView).CSSStyleSheet;c.replaceSync(l),m?o.adoptedStyleSheets.unshift(c):o.adoptedStyleSheets=[c,...o.adoptedStyleSheets]}else{const c=o.querySelector("style");c?c.textContent=l+c.textContent:o.prepend(t)}else o.append(t);1&c.u&&o.insertBefore(t,null),4&c.u&&(t.textContent+=u),s&&s.add(n)}}else{let c=A.get(o);if(c||A.set(o,c=new Set),!c.has(n)){const e=null!=(t=o.defaultView)?t:o.ownerDocument.defaultView;let r;if(l.constructor===e.CSSStyleSheet)r=l;else{r=new e.CSSStyleSheet;for(let o=0;o<l.cssRules.length;o++)r.insertRule(l.cssRules[o].cssText,o)}m?o.adoptedStyleSheets.push(r):o.adoptedStyleSheets=[...o.adoptedStyleSheets,r],c.add(n)}}return n})(e.shadowRoot?e.shadowRoot:e.getRootNode(),c);10&r&&(e["s-sc"]=t,e.classList.add(t+"-h"))})(o);No(o,c,t,e),n&&(n.map((o=>o())),t["s-rc"]=void 0);{const c=null!=(r=t["s-p"])?r:[],e=()=>Co(o);0===c.length?e():(Promise.all(c).then(e).catch(e),o.u|=4,c.length=0)}},No=(o,c,e,r)=>{try{c=c.render(),o.u&=-17,o.u|=2,((o,c,e=!1)=>{var r,t,n,l,s;const a=o.$hostElement$,i=o.t,f=o.P||U(null,null),u=(o=>o&&o.O===q)(c)?c:H(null,null,c);if(F=a.tagName,i.D&&(u.h=u.h||{},i.D.forEach((([o,c])=>{u.h[c]=a[o]}))),e&&u.h)for(const o of Object.keys(u.h))a.hasAttribute(o)&&!["key","ref","style","class"].includes(o)&&(u.h[o]=a[o]);if(u.O=null,u.u|=4,o.P=u,u.k=f.k=a.shadowRoot||a,ro=!(!(1&i.u)||128&i.u),T=a["s-cr"],to=!1,mo(f,u,e),b.u|=1,no){ho(u.k);for(const o of go){const c=o.M;if(!c["s-ol"]&&p.document){const o=p.document.createTextNode("");o["s-nr"]=c,$o(c.parentNode,c["s-ol"]=o,c,e)}}for(const o of go){const c=o.M,s=o.N;if(1===c.nodeType&&e&&(c["s-ih"]=null!=(r=c.hidden)&&r),s){const o=s.parentNode;let r=s.nextSibling;if(r&&1===r.nodeType){let e=null==(t=c["s-ol"])?void 0:t.previousSibling;for(;e;){let t=null!=(n=e["s-nr"])?n:null;if(t&&t["s-sn"]===c["s-sn"]&&o===(t.__parentNode||t.parentNode)){for(t=t.nextSibling;t===c||(null==t?void 0:t["s-sr"]);)t=null==t?void 0:t.nextSibling;if(!t||!t["s-nr"]){r=t;break}}e=e.previousSibling}}if((!r&&o!==(c.__parentNode||c.parentNode)||(c.__nextSibling||c.nextSibling)!==r)&&c!==r){if($o(o,c,r,e),8===c.nodeType&&c.nodeValue.startsWith("s-nt-")){const o=p.document.createTextNode(c.nodeValue.replace(/^s-nt-/,""));o["s-hn"]=c["s-hn"],o["s-sn"]=c["s-sn"],o["s-sh"]=c["s-sh"],o["s-sr"]=c["s-sr"],o["s-ol"]=c["s-ol"],o["s-ol"]["s-nr"]=o,$o(c.parentNode,o,c,e),c.parentNode.removeChild(c)}1===c.nodeType&&"SLOT-FB"!==c.tagName&&(c.hidden=null!=(l=c["s-ih"])&&l)}c&&"function"==typeof s["s-rf"]&&s["s-rf"](s)}else 1===c.nodeType&&(c.hidden=!0)}}if(to&&k(u.k),b.u&=-2,go.length=0,!ro&&!(1&i.u)&&a["s-cr"]){const o=u.k.__childNodes||u.k.childNodes;for(const c of o)if(c["s-hn"]!==F&&!c["s-sh"])if(e&&null==c["s-ih"]&&(c["s-ih"]=null!=(s=c.hidden)&&s),1===c.nodeType)c.hidden=!0;else if(3===c.nodeType&&c.nodeValue.trim()){const o=p.document.createComment("s-nt-"+c.nodeValue);o["s-sn"]=c["s-sn"],$o(c.parentNode,o,c,e),c.parentNode.removeChild(c)}}T=void 0,so.forEach((o=>o())),so.length=0,ao.forEach((o=>o())),ao.length=0})(o,c,r)}catch(c){a(c,o.$hostElement$)}return null},Co=o=>{const c=o.$hostElement$,e=o.i,r=o.L;Lo(e,"componentDidRender",void 0,c),64&o.u?Lo(e,"componentDidUpdate",void 0,c):(o.u|=64,Ro(c),Lo(e,"componentDidLoad",void 0,c),o.H(c),r||Eo()),o.U(c),o.C&&(o.C(),o.C=void 0),512&o.u&&j((()=>jo(o,!1))),o.u&=-517},Eo=()=>{j((()=>Z(p,"appload",{detail:{namespace:"cobalt"}})))},Lo=(o,c,e,r)=>{if(o&&o[c])try{return o[c](e)}catch(o){a(o,r)}},Ro=o=>o.classList.add("hydrated"),To=(o,c,e,r)=>{const t=n(o);if(!t)return;if(!t)throw Error(`Couldn't find host element for "${r.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const l=t.$hostElement$,s=t.l.get(c),i=t.u,f=t.i;if(e=V(e,r.o[c][0]),!(8&i&&void 0!==s||e===s||Number.isNaN(s)&&Number.isNaN(e))){if(t.l.set(c,e),r.q){const o=r.q[c];o&&o.map((o=>{try{const[[r,n]]=Object.entries(o);(128&i||1&n)&&(f?f[r](e,s,c):t.F.push((()=>{t.i[r](e,s,c)})))}catch(o){a(o,l)}}))}if(2&i){if(f.componentShouldUpdate&&!1===f.componentShouldUpdate(e,s,c)&&!(16&i))return;16&i||jo(t,!1)}}},Fo=(o,c,r)=>{var t,l;const s=o.prototype;{o.watchers&&!c.q&&(c.q=G(o.watchers)),o.deserializers&&!c._&&(c._=o.deserializers),o.serializers&&!c.B&&(c.B=o.serializers);const a=Object.entries(null!=(t=c.o)?t:{});if(a.map((([o,[t]])=>{if(31&t||2&r&&32&t){const{get:l,set:a}=e(s,o)||{};l&&(c.o[o][0]|=2048),a&&(c.o[o][0]|=4096),(1&r||!l)&&Object.defineProperty(s,o,{get(){{if(!(2048&c.o[o][0]))return((o,c)=>n(this).l.get(c))(0,o);const e=n(this),r=e?e.i:s;if(!r)return;return r[o]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,o,{set(e){const l=n(this);if(l){if(a)return void 0===(32&t?this[o]:l.$hostElement$[o])&&l.l.get(o)&&(e=l.l.get(o)),a.call(this,V(e,t)),void To(this,o,e=32&t?this[o]:l.$hostElement$[o],c);{if(!(1&r&&4096&c.o[o][0]))return To(this,o,e,c),void(1&r&&!l.i&&l.F.push((()=>{4096&c.o[o][0]&&l.i[o]!==l.l.get(o)&&(l.i[o]=e)})));const n=()=>{const r=l.i[o];!l.l.get(o)&&r&&l.l.set(o,r),l.i[o]=V(e,t),To(this,o,l.i[o],c)};l.i?n():l.F.push((()=>{n()}))}}}})}else 1&r&&64&t&&Object.defineProperty(s,o,{value(...c){var e;const r=n(this);return null==(e=null==r?void 0:r.W)?void 0:e.then((()=>{var e;return null==(e=r.i)?void 0:e[o](...c)}))}})})),1&r){const e=new Map;s.attributeChangedCallback=function(o,r,t){b.jmp((()=>{var l;const i=e.get(o),f=n(this);if(this.hasOwnProperty(i)&&(t=this[i],delete this[i]),s.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==t)return;if(null==i){const e=null==f?void 0:f.u;if(f&&e&&!(8&e)&&t!==r){const n=f.i,s=null==(l=c.q)?void 0:l[o];null==s||s.forEach((c=>{const[[l,s]]=Object.entries(c);null!=n[l]&&(128&e||1&s)&&n[l].call(n,t,r,o)}))}return}const u=a.find((([o])=>o===i)),d=u&&4&u[1][0],p=d&&null===t&&void 0===this[i];d&&(t=null!==t&&"false"!==t);const b=Object.getOwnPropertyDescriptor(s,i);p||t==this[i]||b.get&&!b.set||(this[i]=t)}))},o.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=c.q)?l:{}),...a.filter((([o,c])=>31&c[0])).map((([o,r])=>{var t;const n=r[1]||o;return e.set(n,o),512&r[0]&&(null==(t=c.D)||t.push([o,n])),n}))]))}}return o},Ao=(o,c)=>{Lo(o,"connectedCallback",void 0,c)},Po=(o,c)=>{Lo(o,"disconnectedCallback",void 0,c||o)},Do=(o,c={})=>{var e;if(!p.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const r=[],t=c.exclude||[],l=p.customElements,s=p.document.head,d=s.querySelector("meta[charset]"),y=p.document.createElement("style"),m=[];let g,h=!0;Object.assign(b,c),b.p=new URL(c.resourcesUrl||"./",p.document.baseURI).href;let x=!1;if(o.map((o=>{o[1].map((c=>{var e,s;const u={u:c[0],v:c[1],o:c[2],G:c[3]};4&u.u&&(x=!0),u.o=c[2],u.G=c[3],u.D=[],u.q=G(c[4]),u.B=null!=(e=c[5])?e:{},u._=null!=(s=c[6])?s:{};const d=u.v,y=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(o){if(super(o),((o,c)=>{const e={u:0,$hostElement$:o,t:c,l:new Map,V:new Map};e.W=new Promise((o=>e.U=o)),e.I=new Promise((o=>e.H=o)),o["s-p"]=[],o["s-rc"]=[],e.F=[];const r=e;o.__stencil__getHostRef=()=>r})(o=this,u),1&u.u)if(o.shadowRoot){if("open"!==o.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${u.v}! Mode is set to ${o.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else O.call(o,u)}connectedCallback(){const o=n(this);o&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Ho(this,o,u.G)),g&&(clearTimeout(g),g=null),h?m.push(this):b.jmp((()=>(o=>{if(!(1&b.u)){const c=n(o);if(!c)return;const e=c.t,r=()=>{};if(1&c.u)Ho(o,c,e.G),(null==c?void 0:c.i)?Ao(c.i,o):(null==c?void 0:c.I)&&c.I.then((()=>Ao(c.i,o)));else{c.u|=1,12&e.u&&(o=>{if(!p.document)return;const c=o["s-cr"]=p.document.createComment("");c["s-cn"]=!0,$o(o,c,o.firstChild)})(o);{let e=o;for(;e=e.parentNode||e.host;)if(e["s-p"]){zo(c,c.L=e);break}}e.o&&Object.entries(e.o).map((([c,[e]])=>{if(31&e&&Object.prototype.hasOwnProperty.call(o,c)){const e=o[c];delete o[c],o[c]=e}})),(async(o,c,e)=>{let r;try{if(!(32&c.u)){if(c.u|=32,e.Y){const t=((o,c)=>{const e=o.v.replace(/-/g,"_"),r=o.Y;if(!r)return;const t=i.get(r);return t?t[e]:import(`./${r}.entry.js`).then((o=>(i.set(r,o),o[e])),(o=>{a(o,c.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(e,c);if(t&&"then"in t){const o=()=>{};r=await t,o()}else r=t;if(!r)throw Error(`Constructor for "${e.v}#${c.Z}" was not found`);r.isProxied||(e.q=G(r.watchers),e.B=r.serializers,e._=r.deserializers,Fo(r,e,2),r.isProxied=!0);const n=()=>{};c.u|=8;try{new r(c)}catch(c){a(c,o)}c.u&=-9,c.u|=128,n(),4&e.u?c.R=!0:Ao(c.i,o)}else r=o.constructor,customElements.whenDefined(o.localName).then((()=>c.u|=128));if(r&&r.style){let o;"string"==typeof r.style&&(o=r.style);const c=P(e);if(!f.has(c)){const r=()=>{};((o,c,e)=>{let r=f.get(o);v&&e?(r=r||new CSSStyleSheet,"string"==typeof r?r=c:r.replaceSync(c)):r=c,f.set(o,r)})(c,o,!!(1&e.u)),r()}}}const t=c.L,n=()=>jo(c,!0);t&&t["s-rc"]?t["s-rc"].push(n):n()}catch(e){a(e,o),c.C&&(c.C(),c.C=void 0),c.H&&c.H(o)}})(o,c,e)}r()}})(this))))}disconnectedCallback(){b.jmp((()=>(async o=>{if(!(1&b.u)){const c=n(o);(null==c?void 0:c.J)&&(c.J.map((o=>o())),c.J=void 0),(null==c?void 0:c.i)?Po(c.i,o):(null==c?void 0:c.I)&&c.I.then((()=>Po(c.i,o)))}A.has(o)&&A.delete(o),o.shadowRoot&&A.has(o.shadowRoot)&&A.delete(o.shadowRoot)})(this))),b.raf((()=>{var o;const c=n(this);if(!c)return;const e=m.findIndex((o=>o===this));e>-1&&m.splice(e,1),(null==(o=null==c?void 0:c.P)?void 0:o.k)instanceof Node&&!c.P.k.isConnected&&delete c.P.k}))}componentOnReady(){var o;return null==(o=n(this))?void 0:o.I}};u.Y=o[0],t.includes(d)||l.get(d)||(r.push(d),l.define(d,Fo(y,u,1)))}))})),r.length>0&&(x&&(y.textContent+=u),y.textContent+=r.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",y.innerHTML.length)){y.setAttribute("data-styles","");const o=null!=(e=b.A)?e:R(p.document);null!=o&&y.setAttribute("nonce",o),s.insertBefore(y,d?d.nextSibling:s.firstChild)}h=!1,m.length?m.map((o=>o.connectedCallback())):b.jmp((()=>g=setTimeout(Eo,30)))},Ho=(o,c,e)=>{e&&p.document&&e.map((([e,r,t])=>{const n=qo(p.document,o,e),l=Uo(c,t),s=_o(e);b.ael(n,r,l,s),(c.J=c.J||[]).push((()=>b.rel(n,r,l,s)))}))},Uo=(o,c)=>e=>{var r;try{256&o.u?null==(r=o.i)||r[c](e):(o.T=o.T||[]).push([c,e])}catch(c){a(c,o.$hostElement$)}},qo=(o,c,e)=>4&e?o:c,_o=o=>({passive:!!(1&o),capture:!!(2&o)}),Bo=o=>b.A=o;export{q as H,I as a,Do as b,Y as c,o as g,H as h,y as p,l as r,Bo as s}

package/dist/collection/collection-manifest.json

@@ -4,6 +4,7 @@
     "components/co-avatar-group/co-avatar-group.js",
     "components/co-checkbox-group/co-checkbox-group.js",
     "components/co-combobox/co-combobox.js",
+    "components/co-command-search/co-command-search.js",
     "components/co-data-table/co-data-table.js",
     "components/co-date-range-picker/co-date-range-picker.js",
     "components/co-popover/co-popover.js",
@@ -30,7 +31,6 @@
     "components/co-chip/co-chip.js",
     "components/co-color-picker/co-color-picker.js",
     "components/co-column-picker/co-column-picker.js",
-    "components/co-command-search/co-command-search.js",
     "components/co-data-table-pagination/co-data-table-pagination.js",
     "components/co-date-field/co-date-field.js",
     "components/co-date-picker/co-date-picker.js",

package/dist/collection/components/co-accordion/co-accordion.css

@@ -12,11 +12,8 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
+  gap: var(--co-spacing-sm, 6px);
   width: 100%;
-  padding: 0;
-  border: none;
-  background: transparent;
-  cursor: pointer;
   font-family: var(--co-font-family-primary);
   color: var(--co-semantic-text-default);
   text-align: left;
@@ -51,16 +48,29 @@
   white-space: nowrap;
 }
 
+/* The caret is the ONLY toggle trigger (the header text is not interactive).
+   Sized as a 32px ghost icon-button so the hit target stays comfortable. */
 .co-accordion__caret {
   flex-shrink: 0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border: none;
+  background: transparent;
+  border-radius: var(--co-border-radius-full, 9999px);
   color: var(--co-semantic-text-default);
-  transition: transform 0.2s ease;
+  cursor: pointer;
+  transition: transform 0.2s ease, background-color 0.15s ease;
   transform: rotate(180deg); /* caret-down when closed */
 }
 
+.co-accordion__caret:hover:not(:disabled) {
+  background: var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08));
+}
+
 .co-accordion--open .co-accordion__caret {
   transform: rotate(0deg); /* caret-up when open */
 }
@@ -99,13 +109,15 @@
   transition: visibility 0s linear 0s;
 }
 
-.co-accordion__header:focus-visible {
+.co-accordion__caret:focus-visible {
   outline: 2px solid var(--co-color-primary-azul, #2563eb);
-  outline-offset: 4px;
-  border-radius: var(--co-border-radius-xs, 8px);
+  outline-offset: 2px;
 }
 
 .co-accordion--disabled .co-accordion__header {
   opacity: 0.5;
+}
+
+.co-accordion--disabled .co-accordion__caret {
   cursor: not-allowed;
 }

package/dist/collection/components/co-accordion/co-accordion.js

@@ -1,5 +1,8 @@
 import { h } from "@stencil/core";
 /**
+ * Collapsible section. The caret button is the ONLY toggle trigger — clicking
+ * the header text does nothing (it may contain interactive content).
+ *
  * @slot header     - Optional override for the heading content (replaces `heading` prop).
  * @slot subheading - Optional secondary line under the heading (replaces `subheading` prop).
  *                    Handy for a collapsed summary/preview.
@@ -35,11 +38,11 @@ export class CoAccordion {
         return !!(this.subheading && this.subheading.trim()) || this.hasSubheadingSlot;
     }
     render() {
-        return (h("div", { key: 'b02710c9971c3ae95cbb4c40079d3ae1e418036d', class: {
+        return (h("div", { key: '4e2089349432ce39bb797397aacaebd022fcbcee', class: {
                 'co-accordion': true,
                 'co-accordion--open': this.open,
                 'co-accordion--disabled': this.disabled,
-            }, part: "accordion" }, h("button", { key: '86aff3f181dba95ab19746f965d0b447c9b4fa0b', class: "co-accordion__header", type: "button", "aria-expanded": this.open ? 'true' : 'false', disabled: this.disabled, onClick: this.handleToggle, part: "header" }, h("span", { key: 'd65d28f7da4020e2f239efbc6f9b39c102b7ee98', class: "co-accordion__heading-group" }, h("span", { key: 'ec0351bfc8b47d9492179956c2e36310f57c8ef6', class: "co-accordion__heading", part: "heading" }, h("slot", { key: 'e98a66c96a39e4c1921f51271d83a8df3a1f88d3', name: "header" }, this.heading)), this.showSubheading && (h("span", { key: 'b796a2b01a80a4d89dd91d227f526c55a7a0ca08', class: "co-accordion__subheading", part: "subheading" }, h("slot", { key: '38e432cee4086bd16f07d083f153e34185078bb5', name: "subheading" }, this.subheading)))), h("span", { key: '5e3b4337895abe78540707015a81cd2c70b0790e', class: "co-accordion__caret", part: "caret" }, h("co-icon", { key: 'aae96eacf3fecf33c01f7a3d606b7a940f8d6300', name: "caret-up", size: 20 }))), h("div", { key: 'e42966d61456ab7e28eec8d27133bf2e107f1d14', class: "co-accordion__body", part: "body" }, h("div", { key: 'cbe95c04acb6a05a0b23f04edc8b17089b6a41b3', class: "co-accordion__body-inner", part: "body-inner" }, h("slot", { key: 'dcad9757f8a37ea63fc70b861f6115651579c384' })))));
+            }, part: "accordion" }, h("div", { key: '4337878858bd31822201a925010f3150568fa056', class: "co-accordion__header", part: "header" }, h("span", { key: 'cf69c69cc786981ca6bd54bd0f6a6c38a3baa0b6', class: "co-accordion__heading-group" }, h("span", { key: '0e7efd52e6d48c35ce0270485e8ce6099c6a3302', class: "co-accordion__heading", part: "heading" }, h("slot", { key: 'b575ce7ae5611007490724f430819f083781f84d', name: "header" }, this.heading)), this.showSubheading && (h("span", { key: '996a58f3f3b5cd656849b413b0f998675452cc2f', class: "co-accordion__subheading", part: "subheading" }, h("slot", { key: 'a9029aa67f51162ad54c010d23bf20545883ef45', name: "subheading" }, this.subheading)))), h("button", { key: '757286aaf2914fe7d32fc14ab0f5de57ffeab48c', class: "co-accordion__caret", type: "button", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.heading || 'Toggle section', disabled: this.disabled, onClick: this.handleToggle, part: "caret" }, h("co-icon", { key: 'b4c3c96489a30607727a44955dbff2d504ef2b6e', name: "caret-up", size: 20 }))), h("div", { key: 'bd56b12cbd7484f61fec140740312800536d7b18', class: "co-accordion__body", part: "body" }, h("div", { key: '1f2ff56e7bd7a49f8484c988ecdf434d108ef4ed', class: "co-accordion__body-inner", part: "body-inner" }, h("slot", { key: '25ef25609ccece786a05709d90a32e7e135fec72' })))));
     }
     static get is() { return "co-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-app-shell/co-app-shell.js

@@ -16,10 +16,10 @@ export class CoAppShell {
         this.contentCard = true;
     }
     render() {
-        return (h(Host, { key: '36bab4f303ed9bb7a4dc884800b59e1c21bd5950' }, h("aside", { key: '6b60d962528d0416cb6d7f96726c09bc8f1fcb4f', class: "sidebar", part: "sidebar" }, h("div", { key: 'ff4707443560c1fbb428166011d6556140b4010d', class: "sidebar__header", part: "sidebar-header" }, h("slot", { key: '1a43fd68d866678faa456fe0c1b138123344ee12', name: "sidebar-header" })), h("div", { key: '908525892ae44cc57c555766fffdf2cc0a81d947', class: "sidebar__body", part: "sidebar-body" }, h("slot", { key: 'b35c857069a4de2d43eafbf26d17d137f2ef38d3', name: "sidebar" })), h("div", { key: '9254bee67169b01113c938aa772bdab31c47b731', class: "sidebar__footer", part: "sidebar-footer" }, h("slot", { key: 'f4b9b7f91743da056d1f349f20cf16bec8aca993', name: "sidebar-footer" }))), h("div", { key: '46efc8e873f0c9f985cad87bbb9aeac1ad97a827', class: "main", part: "main" }, h("div", { key: '5e43d38ca7383377025f19f65bd2c2c14828d758', class: "main__card", part: "card" }, h("header", { key: 'a34fa61e205561f40703c85d38101a46aca2c459', class: "main__header", part: "header" }, h("slot", { key: '179c73f3055ed8c58fe27f9e6429c1ee1b1ca51e', name: "navbar" })), h("main", { key: '9ce5147a0e8d003dbf469e776babee36dd5ad236', class: {
+        return (h(Host, { key: 'eba2c0de5107ee99f46dd0f58e93c7957b635fc6' }, h("aside", { key: 'd70fd877fb8b0341f1a93d0c96f7e94ccc67a5bc', class: "sidebar", part: "sidebar" }, h("div", { key: '712d562d0137d49073264464a4656efa13505080', class: "sidebar__header", part: "sidebar-header" }, h("slot", { key: '3414826e8939d2cd01f1fcdca7dadf1ec6c6921e', name: "sidebar-header" })), h("div", { key: '2f9ec77ce51b77048130c042a7c275b8f1169b68', class: "sidebar__body", part: "sidebar-body" }, h("slot", { key: '6291e33cce9afcfb59fac200629f899206d667eb', name: "sidebar" })), h("div", { key: 'e3314bda8652362d2570960a0ee65fb843d6e07f', class: "sidebar__footer", part: "sidebar-footer" }, h("slot", { key: 'e2b09d7a7435e0c29f3ac43b9a4200763964d52e', name: "sidebar-footer" }))), h("div", { key: '73081c14cf2f04ad4b0062007287edea09bb3a88', class: "main", part: "main" }, h("div", { key: '5e3dbe0b27716f815972ea39dda4479b2072872c', class: "main__card", part: "card" }, h("header", { key: '3df713d4c3a015ba14366433770cfba66e9b8bbc', class: "main__header", part: "header" }, h("slot", { key: '8e36000c6195f22fb7abe54d1adfb026374d9248', name: "navbar" })), h("main", { key: '63cda7e07239d551fb950e12cce998e2fe9271c7', class: {
                 'main__content': true,
                 'main__content--card': this.contentCard,
-            }, part: "content" }, h("slot", { key: '3c974bfff9cd265f45ebdf90a870ab0e294e8bf9' }))))));
+            }, part: "content" }, h("slot", { key: '7ccab85592e8e9efdc2802f0147ad8b5ad749899' }))))));
     }
     static get is() { return "co-app-shell"; }
     static get encapsulation() { return "shadow"; }