@dropi/ui 0.1.21 → 0.1.23

package/dist/dropi-ui/p-392654b7.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,a as r,h as t}from"./p-TXz_09YZ.js";const a=class{constructor(r){e(this,r),this.dropiPlay=i(this,"dropiPlay",7),this.dropiEnded=i(this,"dropiEnded",7)}get el(){return r(this)}src="";mediaType="video";poster="";autoplay=!1;loop=!1;initialVolume=1;format="mobile-vertical";playing=!1;currentTimeStr="00:00";durationStr="00:00";duration=0;volume=1;muted=!1;showControls=!0;isFullscreen=!1;progress=0;speed=1;showSpeedMenu=!1;showVolumeSlider=!1;mediaEl;controlsTimeout;speeds=[1,2,3];dropiPlay;dropiEnded;componentDidLoad(){this.mediaEl&&(this.mediaEl.volume=this.initialVolume,this.muted=0===this.initialVolume,this.volume=this.initialVolume),document.addEventListener("fullscreenchange",this.handleFullscreenChange)}disconnectedCallback(){document.removeEventListener("fullscreenchange",this.handleFullscreenChange),clearTimeout(this.controlsTimeout)}handleFullscreenChange=()=>{this.isFullscreen=!!document.fullscreenElement};togglePlay(){if(this.mediaEl)if(this.playing)this.mediaEl.pause();else{const e=this.mediaEl.play();void 0!==e&&e.catch((e=>{console.warn("Play error:",e),this.playing=!1}))}}handleTimeUpdate(){this.duration&&(this.progress=this.mediaEl.currentTime/this.duration*100,this.currentTimeStr=this.formatTime(this.mediaEl.currentTime))}handleLoadedMetadata(){this.duration=this.mediaEl.duration,this.durationStr=this.formatTime(this.duration)}handleSeek(e){if(!this.duration)return;const i=e.currentTarget.getBoundingClientRect(),r=Math.max(0,Math.min(1,(e.clientX-i.left)/i.width));this.mediaEl.currentTime=r*this.duration}handleVolume(e){const i=parseFloat(e.target.value);this.mediaEl.volume=i,this.volume=i,this.muted=0===i,this.mediaEl.muted=this.muted}toggleSpeedMenu(){this.showSpeedMenu=!this.showSpeedMenu,this.showVolumeSlider=!1}selectSpeed(e){this.speed=e,this.mediaEl&&(this.mediaEl.playbackRate=e),this.showSpeedMenu=!1}toggleVolume(){this.showVolumeSlider=!this.showVolumeSlider,this.showSpeedMenu=!1}toggleFullscreen(){this.isFullscreen?document.exitFullscreen?.():this.el.shadowRoot.host.requestFullscreen?.()}onMouseMove(){this.showControls=!0,this.playing&&this.startHideControlsTimer()}onMouseLeave(){this.playing&&(this.showControls=!1,this.showVolumeSlider=!1,this.showSpeedMenu=!1)}startHideControlsTimer(){clearTimeout(this.controlsTimeout),this.controlsTimeout=setTimeout((()=>{this.playing&&(this.showControls=!1,this.showVolumeSlider=!1,this.showSpeedMenu=!1)}),5e3)}handleDocClick(e){this.el.contains(e.target)||(this.showVolumeSlider=!1,this.showSpeedMenu=!1)}formatTime(e){if(isNaN(e))return"00:00";const i=Math.floor(e/60),r=Math.floor(e%60);return`${i.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`}get playButtonSize(){return"desktop"===this.format?80:"mobile-compact"===this.format?40:60}get playIconSize(){return"desktop"===this.format?32:"mobile-compact"===this.format?17:26}get volumeIcon(){return this.muted||0===this.volume?"Volumen-silent":"Volumen"}get volumeGradient(){const e=100*(this.muted?0:this.volume);return`linear-gradient(to right, #ffffff ${e}%, #32394d ${e}%)`}render(){return"audio"===this.mediaType?t("audio",{src:this.src,autoplay:this.autoplay,loop:this.loop,controls:!0,style:{width:"100%"}}):t("div",{class:{"dropi-media-player":!0,[`dropi-media-player--${this.format}`]:!0,"is-fullscreen":this.isFullscreen},onMouseMove:()=>this.onMouseMove(),onMouseLeave:()=>this.onMouseLeave()},t("div",{class:"dropi-media-player__blur-bg",style:{backgroundImage:`url(${this.poster})`}}),t("div",{class:"dropi-media-player__blur-overlay"}),t("video",{class:"dropi-media-player__video",ref:e=>this.mediaEl=e,src:this.src,poster:this.poster,onClick:()=>this.togglePlay(),onPlay:()=>{this.playing=!0,this.startHideControlsTimer(),this.dropiPlay.emit(!0)},onPause:()=>{this.playing=!1,this.showControls=!0,clearTimeout(this.controlsTimeout),this.dropiPlay.emit(!1)},onEnded:()=>{this.playing=!1,this.showControls=!0,this.dropiEnded.emit()},onTimeUpdate:()=>this.handleTimeUpdate(),onLoadedMetaData:()=>this.handleLoadedMetadata()}),t("div",{class:{"dropi-media-player__center-play":!0,"dropi-media-player__center-play--hidden":this.playing&&!this.showControls},style:{width:`${this.playButtonSize}px`,height:`${this.playButtonSize}px`},onClick:e=>{e.stopPropagation(),this.togglePlay()}},this.playing?t("svg",{width:`${this.playIconSize}px`,height:`${this.playIconSize}px`,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5",style:{color:"#ffffff"}},t("rect",{x:"6.5",y:"4",width:"3.5",height:"16",rx:"1.75"}),t("rect",{x:"14",y:"4",width:"3.5",height:"16",rx:"1.75"})):t("dropi-icon",{name:"Play",color:"Neutral-White",width:`${this.playIconSize}px`,height:`${this.playIconSize}px`})),t("div",{class:{"dropi-media-player__controls-bar":!0,"dropi-media-player__controls-bar--hidden":!this.showControls},onClick:e=>e.stopPropagation()},t("span",{class:"dropi-media-player__timestamp"},this.currentTimeStr," / ",this.durationStr),t("div",{class:"dropi-media-player__progress",onClick:e=>{e.stopPropagation(),this.handleSeek(e)}},t("div",{class:"dropi-media-player__progress-track"},t("div",{class:"dropi-media-player__progress-fill",style:{width:`${this.progress}%`}}),t("div",{class:"dropi-media-player__progress-thumb",style:{left:`${this.progress}%`}}))),t("div",{class:"dropi-media-player__actions"},t("div",{class:"dropi-media-player__speed-control",onClick:e=>e.stopPropagation()},this.showSpeedMenu&&t("div",{class:"dropi-media-player__speed-menu"},this.speeds.map((e=>t("button",{type:"button",class:{"dropi-media-player__speed-option":!0,"dropi-media-player__speed-option--active":this.speed===e},onClick:i=>{i.stopPropagation(),this.selectSpeed(e)}},"x",e)))),t("button",{class:"dropi-media-player__btn dropi-media-player__btn--speed",onClick:e=>{e.stopPropagation(),this.toggleSpeedMenu()},type:"button"},"x",this.speed)),t("button",{class:"dropi-media-player__btn",onClick:e=>{e.stopPropagation(),this.toggleFullscreen()},type:"button"},t("dropi-icon",{name:this.isFullscreen?"Compress":"Expand",color:"Neutral-White",width:"20px",height:"20px"})),t("div",{class:"dropi-media-player__volume-control",onClick:e=>e.stopPropagation()},this.showVolumeSlider&&t("div",{class:"dropi-media-player__volume-popup"},t("input",{type:"range",class:"dropi-media-player__volume-slider",min:"0",max:"1",step:"0.01",value:this.muted?0:this.volume,style:{background:this.volumeGradient},onInput:e=>this.handleVolume(e)})),t("button",{class:"dropi-media-player__btn",onClick:e=>{e.stopPropagation(),this.toggleVolume()},type:"button"},t("dropi-icon",{name:this.volumeIcon,color:"Neutral-White",width:"20px",height:"20px"}))))))}};a.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.dropi-media-player{position:relative;width:100%;max-width:335px;height:auto;aspect-ratio:335 / 567;background-color:var(--Neutral-Black);border-radius:var(--Border-2, 8px);overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}.dropi-media-player--mobile-vertical{max-width:335px;aspect-ratio:335 / 567}.dropi-media-player--mobile-compact{max-width:335px;aspect-ratio:335 / 337}.dropi-media-player--desktop{max-width:587px;aspect-ratio:587 / 567}.dropi-media-player__video{width:100%;height:100%;object-fit:cover}.dropi-media-player__center-play{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:400px;background-color:rgba(14, 17, 26, 0.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;transition:opacity 0.3s ease;pointer-events:auto}.dropi-media-player__center-play--hidden{opacity:0;pointer-events:none}.dropi-media-player__controls-bar{position:absolute;bottom:0;left:0;width:100%;height:72px;padding:24px;display:flex;flex-direction:row;align-items:center;gap:10px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);transition:opacity 0.3s ease;box-sizing:border-box}.dropi-media-player__controls-bar--hidden{opacity:0;pointer-events:none}.dropi-media-player__timestamp{font-family:'Inter', sans-serif;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:var(--Neutral-White);white-space:nowrap;flex-shrink:0}.dropi-media-player__progress{flex:1;padding:6px 0;cursor:pointer;position:relative}.dropi-media-player__progress-track{position:relative;width:100%;height:5px;border-radius:var(--Border-2, 8px);background-color:var(--Gray-Gray-700, #32394d)}.dropi-media-player__progress-fill{height:100%;background-color:var(--Neutral-White);border-radius:var(--Border-2, 8px);will-change:width}.dropi-media-player__progress-thumb{position:absolute;top:50%;transform:translate(-50%, -50%);width:12px;height:12px;border-radius:50%;background-color:var(--Neutral-White);pointer-events:none;will-change:left}.dropi-media-player__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.dropi-media-player__btn{-webkit-appearance:none;appearance:none;background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--Neutral-White);transition:opacity 0.15s ease}.dropi-media-player__btn:hover{opacity:0.8}.dropi-media-player__btn--speed{font-family:'Inter', sans-serif;font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--Neutral-White);min-width:20px}.dropi-media-player__speed-control{position:relative;display:flex;align-items:center}.dropi-media-player__speed-menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--Gray-Gray-800, #1f2433);border-radius:var(--Border-2, 8px);padding:6px 0;min-width:44px;display:flex;flex-direction:column;z-index:20}.dropi-media-player__speed-option{-webkit-appearance:none;appearance:none;background:transparent;border:none;padding:6px 10px;font-family:'Inter', sans-serif;font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--Neutral-White);cursor:pointer;text-align:center;white-space:nowrap;transition:opacity 0.15s ease}.dropi-media-player__speed-option--active{color:var(--Primary-Primary-500, #f49a3d)}.dropi-media-player__speed-option:hover{opacity:0.8}.dropi-media-player__volume-control{position:relative;display:flex;align-items:center}.dropi-media-player__volume-popup{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:32px;height:108px;display:flex;align-items:center;justify-content:center;background:var(--Gray-Gray-800, #1f2433);border-radius:var(--Border-2, 8px);overflow:visible;z-index:20}.dropi-media-player__volume-slider{-webkit-appearance:none;appearance:none;width:97px;height:8px;transform:rotate(-90deg);border-radius:4px;cursor:pointer;outline:none;flex-shrink:0}.dropi-media-player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--Neutral-White);cursor:pointer}.dropi-media-player__volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--Neutral-White);border:none;cursor:pointer}.dropi-media-player__volume-slider::-webkit-slider-runnable-track{border-radius:4px}.dropi-media-player__volume-slider::-moz-range-track{height:8px;background:var(--Gray-Gray-700, #32394d);border-radius:4px}.dropi-media-player__blur-bg{display:none;position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(21px);transform:scale(1.15);z-index:0}.dropi-media-player__blur-overlay{display:none;position:absolute;inset:0;background-color:rgba(0, 0, 0, 0.7);z-index:0}.dropi-media-player.is-fullscreen,.dropi-media-player:fullscreen{max-width:none;aspect-ratio:auto;width:100vw;height:100vh;border-radius:0}.dropi-media-player.is-fullscreen .dropi-media-player__blur-bg,.dropi-media-player:fullscreen .dropi-media-player__blur-bg,.dropi-media-player.is-fullscreen .dropi-media-player__blur-overlay,.dropi-media-player:fullscreen .dropi-media-player__blur-overlay{display:block}.dropi-media-player.is-fullscreen .dropi-media-player__video,.dropi-media-player:fullscreen .dropi-media-player__video{object-fit:contain;position:relative;z-index:1}.dropi-media-player.is-fullscreen .dropi-media-player__center-play,.dropi-media-player:fullscreen .dropi-media-player__center-play,.dropi-media-player.is-fullscreen .dropi-media-player__controls-bar,.dropi-media-player:fullscreen .dropi-media-player__controls-bar{z-index:2}";export{a as dropi_media_player}

package/dist/dropi-ui/p-39904430.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,h as a}from"./p-TXz_09YZ.js";const e=class{constructor(a){t(this,a),this.onShow=o(this,"onShow",5),this.onHide=o(this,"onHide",5),this.visibleChange=o(this,"visibleChange",5)}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;draggable=!1;resizable=!1;onShow;onHide;visibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;visibleChanged(t){t?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),document.body.style.overflow=""}async hide(){this.visible=!1,this.visibleChange.emit(!1),this.startClose()}async show(){this.visible=!0,this.visibleChange.emit(!0),this.openModal()}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.mounted=!0,this.isClosing=!1,this.isOpen=!1,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.onShow.emit()})))),this.addKeyHandler(),this.modal&&document.body&&document.body.style&&document.body.style.setProperty("overflow","hidden")}startClose(){this.isClosing||(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,document.body&&document.body.style&&document.body.style.setProperty("overflow",""),this.onHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=t=>{"Escape"===t.key&&this.visible&&this.dismissable&&this.hide()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return this.mounted?a("div",{class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},this.modal&&a("div",{class:"modal-mask",onClick:()=>this.dismissable&&this.hide()}),a("div",{class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&a("div",{class:"modal-header"},this.header&&a("span",{class:"modal-title"},this.header),a("slot",{name:"header"}),this.showCloseIcon&&a("button",{class:"modal-close",onClick:()=>this.hide(),"aria-label":"Cerrar"},"×")),a("div",{class:"modal-content"},a("slot",null)),this.showFooter&&a("div",{class:"modal-footer"},a("slot",{name:"footer"})))):null}static get watchers(){return{visible:[{visibleChanged:0}]}}};e.style=":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:1100}.modal-root--open{opacity:1;pointer-events:auto}.modal-root--closing{opacity:1;pointer-events:none}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}";export{e as dropi_modal}

package/dist/dropi-ui/p-3a3b778f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,h as i}from"./p-TXz_09YZ.js";const r=class{constructor(i){t(this,i),this.onInput=a(this,"onInput",7),this.onChange=a(this,"onChange",7),this.onFocus=a(this,"onFocus",7),this.onBlur=a(this,"onBlur",7),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}internals;id="";name="";label="";placeholder=" ";value="";maxLength;disabled=!1;required=!1;showObligatoryAsterisk=!0;fixedLabel=!1;inputMode="text";isPasswordInput=!1;isMoneyInput=!1;isThousandSeparator=!1;isNumericInput=!1;allowDecimals=!1;isLettersOnly=!1;icon="";iconColor="Gray-Gray-400";hasError=!1;textHelper="";showHelperOnlyOnError=!1;inputProperties=null;showPassword=!1;touched=!1;onInput;onChange;onFocus;onBlur;inputPropertiesChanged(t){t&&(void 0!==t.id&&(this.id=t.id),void 0!==t.label&&(this.label=t.label),void 0!==t.placeholder&&(this.placeholder=t.placeholder),void 0!==t.maxLength&&(this.maxLength=t.maxLength),void 0!==t.textHelper&&(this.textHelper=t.textHelper),void 0!==t.isPasswordInput&&(this.isPasswordInput=t.isPasswordInput),void 0!==t.icon&&(this.icon=t.icon),void 0!==t.iconColor&&(this.iconColor=t.iconColor),void 0!==t.isMoneyInput&&(this.isMoneyInput=t.isMoneyInput),void 0!==t.showObligatoryAsterisk&&(this.showObligatoryAsterisk=t.showObligatoryAsterisk),void 0!==t.isNumericInput&&(this.isNumericInput=t.isNumericInput),void 0!==t.allowDecimals&&(this.allowDecimals=t.allowDecimals),void 0!==t.isThousandSeparator&&(this.isThousandSeparator=t.isThousandSeparator),void 0!==t.showHelperOnlyOnError&&(this.showHelperOnlyOnError=t.showHelperOnlyOnError),void 0!==t.isLettersOnly&&(this.isLettersOnly=t.isLettersOnly),void 0!==t.inputMode&&(this.inputMode=t.inputMode))}valueChanged(t){this.internals.setFormValue(t)}disabledChanged(t){this.internals.setValidity(t?{customError:!0}:{},t?"Field is disabled":"")}componentWillLoad(){this.internals.setFormValue(this.value??""),this.inputProperties&&this.inputPropertiesChanged(this.inputProperties)}handleInput(t){let a=t.target.value;this.isNumericInput&&(a=this.filterNumbers(a)),this.isLettersOnly&&(a=this.filterLetters(a)),(this.isMoneyInput||this.isThousandSeparator)&&(a=this.formatThousands(a,this.isMoneyInput)),this.value=a,this.internals.setFormValue(a),this.onInput.emit(a)}handleKeyDown(t){(this.isNumericInput||this.isMoneyInput||this.isThousandSeparator)&&!this.isAllowedNumberKey(t)&&t.preventDefault(),this.isLettersOnly&&!this.isAllowedLetterKey(t)&&t.preventDefault()}handleFocus(){this.onFocus.emit()}handleBlur(){this.touched=!0,this.onChange.emit(this.value),this.onBlur.emit()}togglePassword(){this.disabled||(this.showPassword=!this.showPassword)}filterNumbers(t){return t.replace(this.allowDecimals?/[^0-9.]/g:/[^0-9]/g,"")}filterLetters(t){return t.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑüÜ\s]/g,"")}isAllowedNumberKey(t){return!!(["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"].includes(t.key)||t.ctrlKey||t.metaKey||/^[0-9]$/.test(t.key)||this.allowDecimals&&"."===t.key)}isAllowedLetterKey(t){return!!["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"," "].includes(t.key)||!(!t.ctrlKey&&!t.metaKey)||/^[a-zA-ZáéíóúÁÉÍÓÚñÑüÜ]$/.test(t.key)}formatThousands(t,a){const i=t.replace(/[^0-9.]/g,""),[r,e]=i.split("."),o=r.replace(/\B(?=(\d{3})+(?!\d))/g,","),s=void 0!==e?`${o}.${e}`:o;return a?`$${s}`:s}get resolvedId(){return this.id||this.label}get inputType(){return this.isPasswordInput?this.showPassword?"text":"password":"text"}get showHelper(){return!!this.textHelper&&(!this.showHelperOnlyOnError||this.hasError&&this.touched)}get isInvalid(){return this.hasError&&this.touched}render(){const t=this.required&&this.showObligatoryAsterisk&&!this.disabled,a=!!this.icon;return i("div",{key:"2156d42c9c108aabf2089c0c786c1fb520457c05",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&i("div",{key:"6ccd102fe2873bb2c338a0e5e63b3622a2be1812",class:"input-label Body-S-Regular"},this.label,t&&i("span",{key:"d7057cd87b711e9b158ac847b5e85cb5058736a8",class:"asterisk"}," *")),i("div",{key:"b91973d056acf1c25bd220868a12d9d3afdba86f",class:"form-group"},i("div",{key:"5cb70a37814949372eeab77746bf609a6500cf0b",class:{"input-container":!0,"input-container--has-icon":a}},a&&i("dropi-icon",{key:"2bad8e8a23875531285d0321f4c629671b13dd84",class:"icon-input",name:this.icon,color:this.iconColor,width:"20px",height:"20px"}),this.isPasswordInput&&i("dropi-icon",{key:"e330216b12fdf771e891a207f60ffea359d81702",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",width:"20px",height:"20px",color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),i("input",{key:"17a548015deebd47d2f3e5751edbc596161fa836",id:this.resolvedId,class:{"form-control":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid,"padding-icon":a,"text-password":this.isPasswordInput&&!this.showPassword,"fixed-label-input":this.fixedLabel},type:this.inputType,value:this.value,placeholder:this.fixedLabel?this.placeholder:" ",disabled:this.disabled,required:this.required,maxLength:this.maxLength,inputMode:this.inputMode,"data-cy":void 0,onInput:t=>this.handleInput(t),onKeyDown:t=>this.handleKeyDown(t),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),!this.fixedLabel&&i("label",{key:"8dcc33eecd0b36188977c0f9139044f7d343c1c9",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,t&&i("span",{key:"8944ef639c328e0745b820b83fcf5c4772cae226",class:"asterisk"}," *")),this.showHelper&&i("div",{key:"7087f38a3bf05fa0514a4edbd8c6e1c6ae7ffcc6",class:"form-control-helper"},this.isInvalid&&i("dropi-icon",{key:"2c91fc6773478a592aa4940c7251f15d3026d07c",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),i("span",{key:"6ec4185eac0b8ea1fdfd810e366cec4616880eed",class:{"disabled-helper":this.disabled,"invalid-color":this.isInvalid}},this.textHelper)))))}static get formAssociated(){return!0}static get watchers(){return{inputProperties:[{inputPropertiesChanged:0}],value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}}};r.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.fixed-label-container{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:8px}.input-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);text-align:left}.asterisk{color:var(--Error-Error-500, #f46a6b)}.form-group{position:relative;width:100%}.input-container{position:relative}.icon-input{position:absolute;top:10px;left:5px;z-index:1}.icon-input-password{position:absolute;top:10px;right:13px;cursor:pointer;z-index:1}.form-control{box-sizing:border-box;width:100%;padding:var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);transition:border-color 0.3s ease-in-out;height:40px;outline:none;appearance:none;text-align:left}.form-control::placeholder{color:transparent;transition:color 0.2s ease-in-out}.form-control:focus::placeholder,.fixed-label-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.padding-icon{padding-left:28px}.input-container--has-icon label.label-bottom{left:28px}.input-container--has-icon .form-control:focus+label.label-bottom,.input-container--has-icon .form-control:not(:placeholder-shown)+label.label-bottom{left:0}.text-password{-webkit-text-security:disc;text-security:disc}label.label-bottom{position:absolute;font-weight:var(--font-weight-regular, 400);top:10px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);left:10px;transition:all 0.2s ease-in-out;pointer-events:none;overflow:hidden;width:90%;white-space:nowrap}.form-control:focus+label.label-bottom,.form-control:not(:placeholder-shown)+label.label-bottom{top:-22px;left:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);width:unset}.form-control:disabled+label.label-bottom{color:var(--Gray-Gray-400, #858ea6)}.form-control-helper{display:flex;position:absolute;top:100%;left:0;gap:4px;align-items:center;margin-top:4px}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}";const e=class{constructor(i){t(this,i),this.pageChange=a(this,"pageChange",7)}totalPages=1;currentPage=1;disabled=!1;maxVisiblePages=8;isNotTotalPages=!1;noLabels=!1;pageChange;get pageNumbers(){const t=this.totalPages,a=this.currentPage,i=this.maxVisiblePages;if(t<=i)return Array.from({length:t},((t,a)=>a+1));const r=Math.floor(i/2);let e=Math.max(1,a-r),o=Math.min(t,e+i-1);o-e<i-1&&(e=Math.max(1,o-i+1));const s=[];e>1&&(s.push(1),e>2&&s.push("..."));for(let t=e;t<=o;t++)s.push(t);return o<t&&(o<t-1&&s.push("..."),s.push(t)),s}goTo(t){this.disabled||t<1||t>this.totalPages||t===this.currentPage||(this.currentPage=t,this.pageChange.emit(this.currentPage))}render(){const t=this.pageNumbers,a=this.currentPage<=1,r=this.currentPage>=this.totalPages;return i("div",{key:"5f69b3abd4ddf98c2ab5df9c20361ba7f71addac",class:"paginator"},i("div",{key:"c050104ff12ec9c8b0cca40a75e0538cdd43d1e5",class:"paginator-pages"},!a&&!this.noLabels&&i("button",{key:"b03958b21bd015c6e80356172bea98f980c9eab4",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(1),"aria-label":"Primera página",disabled:this.disabled},i("dropi-icon",{key:"c1670fe542a342765f79efde0ac3bd754dad4798",name:"Arrow-double-small-left",width:"16px",height:"16px",color:"Gray-Gray-600"})),!a&&i("button",{key:"170d5b6c0f1f105682d9a8bd69d95d445af1c5ac",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage-1),"aria-label":"Anterior",disabled:this.disabled},i("dropi-icon",{key:"a5233c1025b3a7c96ae3d8a30a7a38fe4d009ce8",name:"Dropdown-left",width:"16px",height:"16px",color:"Gray-Gray-600"}),!this.noLabels&&i("span",{key:"074c645f02a26e1a1607aaccaa2a6c25b2d2e17a",class:"paginator-label"},"Anterior")),t.map(((t,a)=>"..."===t?i("span",{class:"paginator-ellipsis",key:`e${a}`},"…"):i("button",{key:t,class:{"paginator-btn":!0,"paginator-btn--active":t===this.currentPage},onClick:()=>this.goTo(t),"aria-current":t===this.currentPage?"page":void 0,disabled:this.disabled},t))),!r&&i("button",{key:"d02f057415086137540417bcd5762bc2f955885f",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage+1),"aria-label":"Siguiente",disabled:this.disabled},!this.noLabels&&i("span",{key:"4bfc14f3fa8ce553a61702bd5323b9554c99b05e",class:"paginator-label"},"Siguiente"),i("dropi-icon",{key:"c9e532e95dc78ac8e91ef43d64d98ef75a4b5fb8",name:"Dropdown-Right",width:"16px",height:"16px",color:"Gray-Gray-600"})),!r&&!this.noLabels&&i("button",{key:"fe498a605de588ce33ed4597fa09d6659f555790",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.totalPages),"aria-label":"Última página",disabled:this.disabled},i("dropi-icon",{key:"1e0d64045e390c5f934ea2c70c4ccc8f0c542b8a",name:"Arrow-double-small-right",width:"16px",height:"16px",color:"Gray-Gray-600"}))))}};e.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.paginator{display:flex;align-items:center;justify-content:flex-end;gap:var(--Size-4, 16px);flex-wrap:wrap}.paginator-pages{display:flex;align-items:center;gap:var(--Size-1, 4px)}.paginator-btn{width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s ease}.paginator-btn:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-btn:disabled{opacity:0.4;cursor:not-allowed}.paginator-btn--active{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.paginator-btn--active:hover{background:var(--Primary-Primary-500, #f49a3d)}.paginator-btn--arrow{width:auto;padding:0 var(--Size-2, 8px);border-radius:var(--Border-1, 4px);gap:4px}.paginator-btn--arrow:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-label{font-size:var(--font-size-s, 12px);color:inherit}.paginator-ellipsis{color:var(--Gray-Gray-400, #858ea6);padding:0 4px;font-size:var(--font-size-s, 12px);display:flex;align-items:center}.paginator-size{display:flex;align-items:center;gap:var(--Size-2, 8px)}.paginator-size-label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c)}.paginator-size-select{height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;outline:none}";const o=class{constructor(a){t(this,a)}type="primary";state="default";showIcon=!1;icon="";text="";colorMap={default:"Primary-Primary",success:"Success-Success",info:"Info-Info",warning:"Warning-Warning",error:"Error-Error",legacy:"Gray-Gray"};propsChanged(){}get bgColor(){const t=this.colorMap[this.state];return"primary"===this.type?`var(--${t}-500)`:`var(--${t}${"default"===this.state||"legacy"===this.state?"-100":"-50"})`}get textColor(){return"primary"===this.type?"var(--Neutral-White)":`var(--${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"})`}get iconColor(){return"primary"===this.type?"Neutral-White":`${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"}`}get hasContent(){return"string"==typeof this.text&&this.text.trim().length>0}render(){return i("div",{key:"b949409e06cf0ba23112c5cb5c2f49e605ddc730",class:"container-chips"},i("div",{key:"3013650803f96e0f77e1631ba824e378ad9d5296",class:{tags:!0,"icon-only":this.showIcon&&!this.hasContent},style:{backgroundColor:this.bgColor,color:this.textColor}},this.showIcon&&this.icon&&i("dropi-icon",{key:"5f8b72bef223fbf1ab47a1fcef7b016bfa8d7b91",class:"file-icon",name:this.icon,width:"16px",height:"16px",color:this.iconColor}),this.hasContent&&i("span",{key:"63921861c9549d70fc432bb1252c2af2b76cbaa1"},this.text)))}static get watchers(){return{type:[{propsChanged:0}],state:[{propsChanged:0}]}}};o.style=":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:inline-block}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--Size-5, 24px);animation:fade-in 200ms ease-out}.tags.icon-only{gap:0}.file-icon{display:flex}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}";export{r as dropi_input,e as dropi_paginator,o as dropi_tag}

package/dist/dropi-ui/p-3cbe953f.entry.js

@@ -1 +0,0 @@
-import{r as e,c as s,h as i}from"./p-TXz_09YZ.js";const t=class{constructor(i){e(this,i),this.checkedValues=s(this,"checkedValues",7),this.onSearch=s(this,"onSearch",7)}options=[];showFilter=!0;filterPlaceholder="Search";showNotFound=!0;notFoundMessage="No related results found";multiSelect=!0;searchDelay=100;filterText="";selected=[];parsedOptions=[];checkedValues;onSearch;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.options)}get filtered(){if(!this.filterText)return this.parsedOptions;const e=this.filterText.toLowerCase();return this.parsedOptions.filter((s=>s.label?.toLowerCase().includes(e)))}toggle(e){this.selected=this.multiSelect?this.selected.includes(e)?this.selected.filter((s=>s!==e)):[...this.selected,e]:this.selected.includes(e)?[]:[e],this.checkedValues.emit(this.selected)}render(){const e=this.filtered;return i("div",{key:"d2375e280c0cf0f6d46430bd027a8d03b32cd433",class:"csl"},this.showFilter&&i("div",{key:"efbc85d0c1b331c25ffa95c26336fef280633eef",class:"csl__search"},i("dropi-icon",{key:"2b428c87384af4d54cc081d63a1c78d480c006ee",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),i("input",{key:"3f8808e55a6dd9873e385b7046a56cc1121b77f7",class:"csl__search-input",type:"text",placeholder:this.filterPlaceholder,value:this.filterText,onInput:e=>{this.filterText=e.target.value,this.onSearch.emit(this.filterText)}}),this.filterText&&i("button",{key:"8460836fc527444f3f5a302f4b1856a1192882e2",class:"csl__clear",onClick:()=>{this.filterText="",this.onSearch.emit("")}},i("dropi-icon",{key:"442b9249d97adca6b8fbaf066bee3b0f2a0217e7",name:"Close-small",width:"14px",height:"14px",color:"Gray-Gray-400"}))),i("div",{key:"e1599fca9f98199f7bb0671bcb7f71bddcd0c9df",class:"csl__list"},0===e.length&&this.showNotFound?i("div",{class:"csl__empty"},this.notFoundMessage):e.map((e=>{const s=this.selected.includes(e.id);return i("div",{class:"csl__item",key:e.id,onClick:()=>this.toggle(e.id)},i("dropi-checkbox",{checked:s}),e.icon&&i("img",{class:"csl__icon",src:e.icon,alt:e.label}),i("span",{class:"csl__label"},e.label))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}};t.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.csl__search{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);margin-bottom:var(--Size-2, 8px)}.csl__search-input{flex:1;border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:transparent}.csl__clear{display:flex;background:none;border:none;padding:0;cursor:pointer}.csl__list{display:flex;flex-direction:column}.csl__item{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;border-radius:var(--Border-1, 4px);transition:background 0.15s}.csl__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.csl__icon{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.csl__label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);flex:1}.csl__empty{padding:var(--Size-4, 16px);text-align:center;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-400, #858ea6)}";export{t as dropi_checkbox_selection_list}

package/dist/dropi-ui/p-40b69ccd.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as i}from"./p-TXz_09YZ.js";const a=class{constructor(i){e(this,i),this.onChange=t(this,"onChange",7),this.onClick=t(this,"onClick",7)}title="title";description="Description";typeElement="dropdown";type="important";isChecked=!1;onChange;onClick;render(){return i("div",{key:"f0afbda9991af5b381a65dd5e620ca3d8e50791f",class:"card-section"},i("div",{key:"bb0a62ec9840a762ea3be5c342adbc431f26ba7e",class:"card-section__text"},"important"===this.type?i("h5",{class:"card-section__title card-section__title--important"},this.title):i("h6",{class:"card-section__title"},this.title),this.description&&i("p",{key:"d8ae14dfb52783a44c1f9edac1c9c388422f58e7",class:"card-section__desc"},this.description)),i("div",{key:"927e20c496006fa26fcbc533faa3b55b890008dd",class:"card-section__control"},"switch"===this.typeElement?i("dropi-switch",{isChecked:this.isChecked,onOnChange:e=>{this.isChecked=e.detail,this.onChange.emit(e.detail)}}):i("button",{class:"card-section__dropdown-btn",onClick:()=>this.onClick.emit(),"aria-label":"Expandir"},i("dropi-icon",{name:"Dropdown-down",width:"20px",height:"20px",color:"Gray-Gray-500"}))))}};a.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.card-section{display:flex;align-items:center;justify-content:space-between;gap:var(--Size-4, 16px);padding:var(--Size-3, 12px) var(--Size-4, 16px);background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-100, #e6eaf2);border-radius:var(--Border-2, 8px)}.card-section__text{flex:1}.card-section__title{margin:0 0 4px;font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433)}h5.card-section__title{font-size:var(--font-size-m, 14px)}h6.card-section__title{font-size:var(--font-size-s, 12px)}.card-section__desc{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}.card-section__control{flex-shrink:0}.card-section__dropdown-btn{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer}";export{a as dropi_card_section}

package/dist/dropi-ui/p-443ed5bd.entry.js

@@ -1 +0,0 @@
-import{r as e,c as r,a,h as i}from"./p-TXz_09YZ.js";const t=class{constructor(a){e(this,a),this.selectedCitiesChange=r(this,"selectedCitiesChange",7)}options=[];selectedCities=[];placeholder="Seleccione una ciudad";disabled=!1;selectedCitiesChange;isOpen=!1;selected=[];parsedOptions=[];searchTerm="";get el(){return a(this)}handleDocClick(e){this.isOpen&&!e.composedPath().includes(this.el)&&(this.isOpen=!1)}optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e}selectedChanged(e){this.selected="string"==typeof e?JSON.parse(e):[...e]}componentWillLoad(){this.optionsChanged(this.options),this.selectedChanged(this.selectedCities)}get filtered(){if(!this.searchTerm)return this.parsedOptions;const e=this.searchTerm.toLowerCase();return this.parsedOptions.map((r=>({...r,items:r.items.filter((r=>r.label.toLowerCase().includes(e)))}))).filter((e=>e.items.length>0))}toggle(){this.disabled||(this.isOpen=!this.isOpen)}toggleCity(e,r){r.stopPropagation(),this.selected=this.selected.includes(e)?this.selected.filter((r=>r!==e)):[...this.selected,e],this.selectedCitiesChange.emit([...this.selected])}removeCity(e,r){r.stopPropagation(),this.selected=this.selected.filter((r=>r!==e)),this.selectedCitiesChange.emit([...this.selected])}getLabel(e){for(const r of this.parsedOptions){const a=r.items.find((r=>r.value==e));if(a)return a.label}return String(e)}render(){const e=this.filtered;return i("div",{key:"af6acd88ea001105c036726bed11e0caa6012f10",class:{"city-selector":!0,"city-selector--disabled":this.disabled}},i("button",{key:"4a5c368ddea3f43ef9ef42dc68f28b47b642aadb",type:"button",class:"selector-trigger",disabled:this.disabled,onClick:()=>this.toggle(),"aria-haspopup":"listbox","aria-expanded":this.isOpen},i("div",{key:"769288d6567d2f6d453b81198e3ab456c5042443",class:"chips-area"},0===this.selected.length&&i("span",{key:"152b570fd02028d8e1788ced03d56f3853dd98d4",class:"placeholder"},this.placeholder),this.selected.map((e=>i("span",{class:"chip",key:String(e)},this.getLabel(e),i("button",{type:"button",class:"chip-remove","aria-label":"Quitar",onClick:r=>this.removeCity(e,r)},i("dropi-icon",{name:"Close-small",width:"10px",height:"10px",color:"Primary-Primary-500"})))))),i("dropi-icon",{key:"806ec368945b587fcb9125ca3a262ff2c6f9247c",name:this.isOpen?"Arrow-Up-2":"Arrow-Down-2",width:"16px",height:"16px",color:"Gray-Gray-500"})),this.isOpen&&i("div",{key:"1249ca520defb5fd21d5c5da098c93c3e66bebd3",class:"dropdown",role:"listbox"},i("div",{key:"244a7a22db381014da6672e310f2d21a9cf39a63",class:"search-wrap"},i("div",{key:"871a48407ec66d7e9e95a9ab32ff8d74842a4e6e",class:"search-field"},i("input",{key:"20d5543bae44e70fc4fd61470cae413f29c17687",class:"search-input",type:"text",placeholder:"Buscar...",value:this.searchTerm,onInput:e=>{this.searchTerm=e.target.value},autoComplete:"off"}),i("span",{key:"44bde8e0ddb6cbade01e4743c9d111fa7c65aa94",class:"search-icon"},i("dropi-icon",{key:"c577e87fd8ffd3d4d444541840a139430c96e503",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"})))),i("div",{key:"c7abe328e26838d49465d3b2767a2b90806e0e05",class:"options-list"},0===e.length&&i("div",{key:"1f583667dda2e6540254b3155029c97647cb58fb",class:"no-results"},"Sin resultados"),e.map((e=>i("div",{key:e.value,class:"group"},i("div",{class:"group-label"},e.label),e.items.map((e=>{const r=this.selected.includes(e.value);return i("div",{key:String(e.value),class:{"city-option":!0,"city-option--selected":r},onClick:r=>this.toggleCity(e.value,r),role:"option","aria-selected":r},i("span",{class:{checkbox:!0,"checkbox--checked":r}},r&&i("dropi-icon",{name:"Check",width:"10px",height:"10px",color:"Neutral-White"})),i("span",{class:"city-label"},e.label))}))))))))}static get watchers(){return{options:[{optionsChanged:0}],selectedCities:[{selectedChanged:0}]}}};t.style=":host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.city-selector{position:relative;width:100%}.selector-trigger{width:100%;min-height:44px;padding:6px 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color 0.15s}.selector-trigger:hover:not(:disabled){border-color:var(--Gray-Gray-300, #a3abbf)}.selector-trigger:focus{outline:none;border-color:var(--Info-Info-500, #50a5f1)}.city-selector--disabled .selector-trigger{background:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2);cursor:not-allowed;opacity:0.6}.chips-area{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-height:26px;align-items:center}.placeholder{color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-200, #fcd5a8);border-radius:var(--Border-1, 4px);padding:2px 6px;font-size:var(--font-size-xs, 12px);color:var(--Primary-Primary-700, #b85c00)}.chip-remove{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.10);z-index:200;overflow:hidden}.search-wrap{padding:10px 12px;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.search-field{position:relative;display:flex;align-items:center}.search-input{width:100%;height:36px;padding:0 36px 0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 14px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Gray-Gray-50, #f7f8fa);outline:none;transition:border-color 0.15s}.search-input:focus{border-color:var(--Info-Info-500, #50a5f1);background:var(--Neutral-White, #ffffff)}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-icon{position:absolute;right:10px;display:flex;align-items:center;pointer-events:none}.options-list{max-height:280px;overflow-y:auto;background:var(--Neutral-White, #ffffff)}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:transparent}.options-list::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:4px}.group-label{padding:14px 16px 8px;font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433);background:var(--Neutral-White, #ffffff)}.city-option{padding:10px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #ffffff);transition:background 0.1s;user-select:none}.city-option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.city-option--selected .city-label{color:var(--Gray-Gray-800, #1f2433);font-weight:var(--font-weight-medium, 500)}.checkbox{width:22px;height:22px;border:1.5px solid var(--Gray-Gray-300, #c3c9d9);border-radius:var(--Border-1, 6px);background:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color 0.15s, background 0.15s}.checkbox--checked{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-500, #f49a3d)}.city-label{flex:1}.no-results{padding:20px 16px;text-align:center;color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}";export{t as dropi_city_selector}

package/dist/dropi-ui/p-475a16f2.entry.js

@@ -1 +0,0 @@
-import{r as e,a,h as o}from"./p-TXz_09YZ.js";const t=class{constructor(a){e(this,a)}get el(){return a(this)}sectionTitle="";index;open=!1;disabled=!1;preIcon="";contentHeight="0px";contentRef;openChanged(e){this.updateHeight(e)}componentDidLoad(){this.updateHeight(this.open)}updateHeight(e){this.contentRef&&(this.contentHeight=e?`${this.contentRef.scrollHeight}px`:"0px")}handleToggle(){this.disabled||(this.el.closest("dropi-accordion"),this.open=!this.open,setTimeout((()=>this.updateHeight(this.open)),0))}render(){return o("div",{key:"33564d4efbb73ae0b3ec0195ebf0afed6b2a6cc0",class:{"accordion-item":!0,"accordion-item--open":this.open,"accordion-item--disabled":this.disabled}},o("button",{key:"9a7e7cc044027c4d427a712c5ed352991ef622b7",class:"accordion-header",onClick:()=>this.handleToggle(),"aria-expanded":String(this.open),disabled:this.disabled},o("span",{key:"17ffa01872142ab9a959104f884ce5cedada33c2",class:"accordion-header-left"},this.preIcon&&o("dropi-icon",{key:"8b02d875239d9ebaa42060e5dc1f4f8c6cfd3081",name:this.preIcon,width:"20px",height:"20px",color:"Gray-Gray-600"}),o("span",{key:"effa37d569bfcbc10774ff2a4a7787868cf83937",class:"accordion-title"},this.sectionTitle)),o("span",{key:"743aa0db06415f8b763099b53d234474c82cb8e6",class:{"accordion-chevron":!0,"accordion-chevron--open":this.open}},o("dropi-icon",{key:"2d66c4087eddaf3f139a063eadcd8b0fb668045d",name:"Dropdown-down",width:"20px",height:"20px",color:"Gray-Gray-500"}))),o("div",{key:"4621aafe6d4592830cdaa32672de357c026a0b14",class:"accordion-body",style:{maxHeight:this.contentHeight},ref:e=>this.contentRef=e},o("div",{key:"826b3ad470c9444ae2378e266332959f0f9f3529",class:"accordion-content"},o("slot",{key:"8982c5506ecd1ed3ee44190096848ccbf9638b95"}))))}static get watchers(){return{open:[{openChanged:0}]}}};t.style=":host{display:block;border-bottom:1px solid var(--Gray-Gray-100)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;background:white;border:none;cursor:pointer;text-align:left}.accordion-header-left{display:flex;align-items:center;gap:8px}.accordion-title{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-700)}.accordion-chevron{transition:transform 0.3s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{overflow:hidden;transition:max-height 0.3s ease-out}.accordion-content{padding:0 16px 16px 16px}";export{t as dropi_accordion_item}

package/dist/dropi-ui/p-4967b619.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i}from"./p-TXz_09YZ.js";const s=class{constructor(i){t(this,i),this.primaryButtonEvent=e(this,"primaryButtonEvent",7),this.secondaryButtonEvent=e(this,"secondaryButtonEvent",7),this.modalOpenChange=e(this,"modalOpenChange",7),this.onHide=e(this,"onHide",7)}visible=!1;type="question";tittle="";message="";primaryButton="Accept";secondaryButton="";loading=!1;closable=!1;displayButtons=!0;loadingTitle="Loading";loadingMessage="Please wait a moment";isStep=!1;baseZIndex=0;params=null;paramsChanged(t){t&&(void 0!==t.tittle&&(this.tittle=t.tittle),void 0!==t.type&&(this.type=t.type),void 0!==t.message&&(this.message=t.message),void 0!==t.primaryButton&&(this.primaryButton=t.primaryButton),void 0!==t.secondaryButton&&(this.secondaryButton=t.secondaryButton),void 0!==t.loadingTitle&&(this.loadingTitle=t.loadingTitle),void 0!==t.loadingMessage&&(this.loadingMessage=t.loadingMessage),void 0!==t.closable&&(this.closable=t.closable),void 0!==t.displayButtons&&(this.displayButtons=t.displayButtons))}primaryButtonEvent;secondaryButtonEvent;modalOpenChange;onHide;lottieMap={question:"/assets/lottie-files/question.json",warning:"/assets/lottie-files/warning.json",success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",loading:"/assets/lottie-files/loading.json"};componentWillLoad(){this.params&&this.paramsChanged(this.params)}async show(){this.visible=!0}async hide(){this.visible=!1}handlePrimary(){this.primaryButtonEvent.emit(!0),this.isStep||(this.visible=!1,this.modalOpenChange.emit(!1))}handleSecondary(){this.secondaryButtonEvent.emit(!0),this.visible=!1,this.modalOpenChange.emit(!1)}onModalHide(){this.visible=!1,this.modalOpenChange.emit(!1),this.onHide.emit()}render(){const t=this.loading?"loading":this.type;return i("dropi-modal",{key:"42c41a88060c1039af7f85d518d93e9f5e0e8489",visible:this.visible,showHeader:this.closable,showCloseIcon:this.closable,dismissable:!1,closeOnEscape:!1,showFooter:!1,size:"s",onOnHide:()=>this.onModalHide()},i("div",{key:"e62b897c0b6f8c3bee4f3992e003cb88577708f3",class:"body-alert"},this.lottieMap[t]&&i("div",{key:"0c1551477bcb926dc610f63a08542f3b8fc71a0d",class:"lottie-img"+("loading"===t?" lottie-img--loading":"")},i("lottie-player",{key:t,src:this.lottieMap[t],background:"transparent",speed:"1",loop:!0,autoplay:!0})),i("div",{key:"b03602610b8ff78b4a7d5e0fcaf4e541d9e7ece6",class:"content-alert"},i("h2",{key:"c50ea63352df03d49ce0811a97ca02f031e654c9"},this.loading?this.loadingTitle:this.tittle),i("p",{key:"3f699157283cb48eb3948afede7291d965ae7066"},this.loading?this.loadingMessage:this.message)),!this.loading&&this.displayButtons&&i("div",{key:"7d7c4282a726d82117b13ec23db36dd72b1327d5",class:"actions"},this.secondaryButton&&i("dropi-button",{key:"1a766fac9daded57f9b8a38ff3f5d43c7217210d",text:this.secondaryButton,severity:"secondary",onClick:()=>this.handleSecondary(),fullWidth:!0}),i("dropi-button",{key:"8c1053db7b35be9c5ceecd9c50a179f99efa9798",text:this.primaryButton,severity:"primary",onClick:()=>this.handlePrimary(),fullWidth:!0}))))}static get watchers(){return{params:[{paramsChanged:0}]}}};s.style=":host{display:contents}.body-alert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3);width:100%;flex:1;overflow:hidden;padding-bottom:var(--Size-2)}.lottie-img{width:120px;height:120px;overflow:hidden;flex-shrink:0;align-self:center;margin-top:-8px;margin-bottom:var(--Size-2)}.lottie-img lottie-player{display:block;width:120px;height:120px}.lottie-img--loading{width:100%;height:120px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lottie-img--loading lottie-player{width:300px;height:auto;flex-shrink:0}.content-alert{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.content-alert h2{color:var(--Gray-Gray-800);font-size:19px;font-weight:var(--font-weight-semibold);margin:0}.content-alert p{color:var(--Gray-Gray-500);font-size:var(--font-size-s);margin-bottom:var(--Size-2);overflow-wrap:anywhere;max-height:100px;overflow:auto}.actions{display:flex;gap:var(--Size-3);width:100%}.actions dropi-button{flex:1;display:flex;justify-content:center}@media (max-width: 768px){.actions{flex-direction:column}.actions dropi-button{width:100%}}";export{s as dropi_alert_modal}

package/dist/dropi-ui/p-4de83790.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t}from"./p-TXz_09YZ.js";const a=class{constructor(t){e(this,t)}state;stateText={pending:"Pendiente",active:"Activo",canceled:"Cancelado",frozen:"Congelado"};renderIcon(){return"active"===this.state?t("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M11.5444 5.87067L12.5389 6.88004L8.43554 10.9225C8.16142 11.1966 7.80087 11.3333 7.43892 11.3333C7.07696 11.3333 6.71287 11.1952 6.43592 10.919L4.46533 9.00929L5.45204 7.99142L7.43042 9.90887L11.5444 5.87067ZM17 8.5C17 13.187 13.187 17 8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5ZM15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5Z",fill:"currentColor"})):"pending"===this.state?t("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5C17 13.187 13.187 17 8.5 17ZM8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667ZM9.20833 8.5V4.25C9.20833 3.859 8.891 3.54167 8.5 3.54167C8.109 3.54167 7.79167 3.859 7.79167 4.25V7.79167H5.66667C5.27567 7.79167 4.95833 8.109 4.95833 8.5C4.95833 8.891 5.27567 9.20833 5.66667 9.20833H8.5C8.891 9.20833 9.20833 8.891 9.20833 8.5Z",fill:"currentColor"})):"canceled"===this.state?t("svg",{width:"12",height:"14",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.5497 4.86859V5.76046C12.1075 6.00391 12.5823 6.40464 12.916 6.91364C13.2497 7.42264 13.4279 8.01785 13.4287 8.62648V12.3844C13.4277 13.2146 13.0974 14.0106 12.5103 14.5976C11.9233 15.1847 11.1273 15.515 10.2971 15.516H4.03392C3.20368 15.515 2.40773 15.1847 1.82066 14.5976C1.23359 14.0106 0.903338 13.2146 0.902344 12.3844V8.62648C0.903144 8.01785 1.08129 7.42264 1.41498 6.91364C1.74868 6.40464 2.22347 6.00391 2.78129 5.76046V4.86859C2.78129 3.70582 3.2432 2.59068 4.0654 1.76848C4.8876 0.946282 6.00274 0.484375 7.1655 0.484375C8.32827 0.484375 9.44341 0.946282 10.2656 1.76848C11.0878 2.59068 11.5497 3.70582 11.5497 4.86859ZM4.95114 2.65422C4.36386 3.24151 4.03392 4.03804 4.03392 4.86859V5.4949H10.2971V4.86859C10.2971 4.03804 9.96715 3.24151 9.37986 2.65422C8.79258 2.06694 7.99605 1.73701 7.1655 1.73701C6.33496 1.73701 5.53843 2.06694 4.95114 2.65422ZM11.6257 13.713C11.9781 13.3606 12.176 12.8827 12.176 12.3844V8.62648C12.176 8.12815 11.9781 7.65023 11.6257 7.29786C11.2733 6.94549 10.7954 6.74753 10.2971 6.74753H4.03392C3.53559 6.74753 3.05768 6.94549 2.70531 7.29786C2.35294 7.65023 2.15498 8.12815 2.15498 8.62648V12.3844C2.15498 12.8827 2.35294 13.3606 2.70531 13.713C3.05768 14.0654 3.53559 14.2633 4.03392 14.2633H10.2971C10.7954 14.2633 11.2733 14.0654 11.6257 13.713ZM6.72263 9.43615C6.84009 9.31869 6.99939 9.25271 7.1655 9.25271C7.33161 9.25271 7.49092 9.31869 7.60837 9.43615C7.72583 9.55361 7.79182 9.71291 7.79182 9.87902V11.1317C7.79182 11.2978 7.72583 11.4571 7.60837 11.5745C7.49092 11.692 7.33161 11.758 7.1655 11.758C6.99939 11.758 6.84009 11.692 6.72263 11.5745C6.60517 11.4571 6.53919 11.2978 6.53919 11.1317V9.87902C6.53919 9.71291 6.60517 9.55361 6.72263 9.43615Z",fill:"currentColor"})):null}render(){return t("div",{key:"1b353257990bcb7f0869ef86e5ac1dd945d253d5",class:`tag-state ${this.state}`},this.renderIcon(),t("p",{key:"841b7abd4ff7519874f63b99d0ed8f452e621e63"},this.stateText[this.state]))}};a.style=":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.tag-state{border-radius:12px;padding:2px 10px;display:flex;align-items:center;gap:4px}.tag-state svg{width:13px}.tag-state p{font-size:13px;font-weight:var(--font-weight-medium);line-height:20px;margin:0;padding:0}.tag-state.active{background:var(--Success-Success-50, #e7f8f3);color:var(--Success-Success-500, #0abb87)}.tag-state.pending{color:var(--Orange-orange-500, #f49a3d);background:var(--Orange-orange-50, #fef5ec)}.tag-state.canceled,.tag-state.frozen{color:var(--Gray-Gray-500, #69738c);background:var(--Gray-Gray-50, #f7f8fa)}";export{a as dropi_badge}

package/dist/dropi-ui/p-59188dd5.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e}from"./p-TXz_09YZ.js";const r=class{constructor(e){t(this,e)}steps=[];get parsedSteps(){if("string"==typeof this.steps)try{return JSON.parse(this.steps)}catch{return[]}return this.steps||[]}render(){const t=this.parsedSteps;return e("div",{key:"988abfa70af8e37135bc70ca4f5727e5a5eb1295",class:"timeline"},t.map(((r,a)=>{const i=a===t.length-1;return e("div",{class:{"tl-step":!0,[`tl-step--${r.status}`]:!0},key:r.id||a},e("div",{class:"tl-step__marker"},e("div",{class:"tl-step__icon"},r.icon?e("dropi-icon",{name:r.icon,width:"16px",height:"16px",color:"done"===r.status?"Neutral-White":"active"===r.status?"Primary-Primary-500":"Gray-Gray-400"}):e("span",{class:"tl-step__dot"})),!i&&e("div",{class:"tl-step__line"})),e("div",{class:"tl-step__content"},e("span",{class:"tl-step__label"},r.label),r.subtitle&&e("span",{class:"tl-step__subtitle"},r.subtitle)))})))}};r.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.timeline{display:flex;flex-direction:column}.tl-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.tl-step__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tl-step__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s, border-color 0.2s}.tl-step--pending .tl-step__icon{background:var(--Gray-Gray-100, #e6eaf2);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.tl-step--active .tl-step__icon{background:var(--Neutral-White, #ffffff);border:2px solid var(--Primary-Primary-500, #f49a3d);box-shadow:0 0 0 4px var(--Primary-Primary-100, #fde9d0)}.tl-step--done .tl-step__icon{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.tl-step__dot{width:8px;height:8px;border-radius:50%;display:block}.tl-step--pending .tl-step__dot{background:var(--Gray-Gray-300, #a3abbf)}.tl-step--active .tl-step__dot{background:var(--Primary-Primary-500, #f49a3d)}.tl-step--done .tl-step__dot{background:var(--Neutral-White, #ffffff)}.tl-step__line{flex:1;width:2px;min-height:24px;margin:4px 0;background:var(--Gray-Gray-200, #c3c9d9)}.tl-step--done+.tl-step .tl-step__line,.tl-step--done .tl-step__line{background:var(--Primary-Primary-500, #f49a3d)}.tl-step__content{display:flex;flex-direction:column;gap:2px;padding-top:6px;padding-bottom:var(--Size-4, 16px)}.tl-step__label{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.tl-step--pending .tl-step__label{color:var(--Gray-Gray-400, #858ea6);font-weight:var(--font-weight-regular, 400)}.tl-step__subtitle{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}";export{r as dropi_time_line}

package/dist/dropi-ui/p-6178190b.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,h as r}from"./p-TXz_09YZ.js";const i=class{constructor(r){t(this,r),this.toggleFavorite=a(this,"toggleFavorite",7)}isFavorite=!1;toggleFavorite;hovered=!1;toggle(){this.isFavorite=!this.isFavorite,this.toggleFavorite.emit(this.isFavorite)}render(){return r("button",{key:"21002e383cadf61f37b072cdfeca50f9957d520e",class:{"fav-btn":!0,"fav-btn--active":this.isFavorite},onClick:()=>this.toggle(),onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,"aria-label":this.isFavorite?"Quitar de favoritos":"Agregar a favoritos","aria-pressed":String(this.isFavorite)},r("dropi-icon",{key:"5eab1ea853bc5d4b47543bfd2bdf4d45c949a47a",name:this.isFavorite||this.hovered?"Heart-solid":"Heart",width:"19px",height:"19px",color:this.isFavorite||this.hovered?"Primary-Primary-500":"Gray-Gray-800"}))}};i.style=":host{display:inline-flex}.fav-btn{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:8px;border:1px solid var(--Gray-Gray-200);background:var(--Neutral-White);cursor:pointer;transition:all 0.2s ease-in-out}.fav-btn:hover,.fav-btn--active{background:var(--Gray-Gray-50)}.fav-btn:active{transform:scale(0.95)}";export{i as dropi_favorite_button}

package/dist/dropi-ui/p-623759eb.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t}from"./p-TXz_09YZ.js";const i=class{constructor(t){e(this,t)}videoId="";thumbnailSrc="";videoTitle="";isPlaying=!1;get thumbnail(){return this.thumbnailSrc?`/assets/images/${this.thumbnailSrc}.png`:`https://img.youtube.com/vi/${this.videoId}/hqdefault.jpg`}get videoUrl(){return`https://www.youtube.com/embed/${this.videoId}?autoplay=1&rel=0&modestbranding=1`}render(){return t("div",{key:"6279fe0a6bea1280c1f11970acaccefefb1cb217",class:"video-wrapper"+(this.isPlaying?" playing":"")},!this.isPlaying&&t("div",{key:"3a10666782aa544a9a8803eb9971502f9d7d49eb",class:"thumbnail",onClick:()=>{this.isPlaying=!0}},t("img",{key:"c359f64ca794e0c881b4d86815afef5232ec39d1",src:this.thumbnail,alt:`Video thumbnail ${this.videoId}`}),t("button",{key:"0e0ece4ad0e4b7f3eefb908eb41e8d115846cf49",class:"play-button","aria-label":"Reproducir video"},t("dropi-icon",{key:"7303be2f675d2b51f7333889392fb291669210c7",name:"Play",width:"17px",height:"21px",color:"Neutral-White"}))),this.isPlaying&&t("iframe",{key:"166b4405676d578959188f0f50c882773f9afe63",src:this.videoUrl,title:this.videoTitle,frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,loading:"lazy"}))}};i.style=":host{display:block;width:100%}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:var(--Neutral-Black);overflow:hidden;border-radius:12px}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.thumbnail:hover img{transform:scale(1.05)}.play-button{position:absolute;color:white;border:none;border-radius:50%;width:70px;height:70px;cursor:pointer;transition:background 0.3s ease;background:rgba(14, 17, 26, 0.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.play-button:hover{background:rgba(0, 0, 0, 0.8)}@media screen and (max-width: 768px){.play-button{width:40px;height:40px}}";export{i as dropi_youtube_lazy_video}

package/dist/dropi-ui/p-645da978.entry.js

@@ -1 +0,0 @@
-import{r as e,c as a,a as n,h as o}from"./p-TXz_09YZ.js";const t=[{code:"57",name:"Colombia",flag:"CO",maxLength:10},{code:"52",name:"Mexico",flag:"MX",maxLength:10},{code:"507",name:"Panama",flag:"PA",maxLength:8},{code:"56",name:"Chile",flag:"CL",maxLength:9},{code:"593",name:"Ecuador",flag:"EC",maxLength:10},{code:"51",name:"Peru",flag:"PE",maxLength:9},{code:"34",name:"España",flag:"ES",maxLength:9},{code:"595",name:"Paraguay",flag:"PY",maxLength:9},{code:"58",name:"Venezuela",flag:"VE",maxLength:11},{code:"54",name:"Argentina",flag:"AR",maxLength:10},{code:"55",name:"Brasil",flag:"BR",maxLength:11},{code:"1",name:"United States",flag:"US",maxLength:10},{code:"502",name:"Guatemala",flag:"GT",maxLength:8},{code:"598",name:"Uruguay",flag:"UY",maxLength:9},{code:"501",name:"Belize",flag:"BZ",maxLength:7},{code:"81",name:"Japan",flag:"JP",maxLength:10},{code:"1",name:"Canada",flag:"CA",maxLength:9},{code:"1473",name:"Grenada",flag:"GD",maxLength:10},{code:"509",name:"Haiti",flag:"HT",maxLength:10},{code:"1809",name:"Dominican Republic",flag:"DO",maxLength:10},{code:"1829",name:"Dominican Republic",flag:"DO",maxLength:10},{code:"1849",name:"Dominican Republic",flag:"DO",maxLength:10},{code:"1869",name:"Saint Kitts And Nevis",flag:"KN",maxLength:10},{code:"1784",name:"Saint Vincent And The Grenadines",flag:"VC",maxLength:10},{code:"1758",name:"Saint Lucia",flag:"LC",maxLength:10},{code:"597",name:"Suriname",flag:"SR",maxLength:10},{code:"1868",name:"Trinidad and Tobago",flag:"TT",maxLength:10},{code:"505",name:"Nicaragua",flag:"NI",maxLength:8},{code:"506",name:"Costa Rica",flag:"CR",maxLength:8},{code:"591",name:"Bolivia",flag:"BO",maxLength:8},{code:"7",name:"Russia",flag:"RU",maxLength:11},{code:"20",name:"Egypt",flag:"EG",maxLength:9},{code:"27",name:"South Africa",flag:"ZA",maxLength:10},{code:"30",name:"Greece",flag:"GR",maxLength:10},{code:"31",name:"Netherlands",flag:"NL",maxLength:9},{code:"32",name:"Belgium",flag:"BE",maxLength:8},{code:"33",name:"France",flag:"FR",maxLength:9},{code:"36",name:"Hungary",flag:"HU",maxLength:9},{code:"40",name:"Romania",flag:"RO",maxLength:9},{code:"39",name:"Italy",flag:"IT",maxLength:10},{code:"41",name:"Switzerland",flag:"CH",maxLength:9},{code:"44",name:"United Kingdom",flag:"GB",maxLength:11},{code:"45",name:"Denmark",flag:"DK",maxLength:8},{code:"46",name:"Sweden",flag:"SE",maxLength:8},{code:"47",name:"Norway",flag:"NO",maxLength:8},{code:"48",name:"Poland",flag:"PL",maxLength:9},{code:"49",name:"Germany",flag:"DE",maxLength:11},{code:"53",name:"Malta",flag:"MT",maxLength:8},{code:"60",name:"Malaysia",flag:"MY",maxLength:9},{code:"61",name:"Australia",flag:"AU",maxLength:9},{code:"62",name:"Indonesia",flag:"ID",maxLength:12},{code:"63",name:"Philippines",flag:"PH",maxLength:10},{code:"64",name:"New Zealand",flag:"NZ",maxLength:12},{code:"65",name:"Singapore",flag:"SG",maxLength:8},{code:"66",name:"Thailand",flag:"TH",maxLength:9},{code:"82",name:"South Korea",flag:"KR",maxLength:9},{code:"84",name:"Vietnam",flag:"VN",maxLength:11},{code:"86",name:"China",flag:"CN",maxLength:11},{code:"90",name:"Turkey",flag:"TR",maxLength:10},{code:"91",name:"India",flag:"IN",maxLength:10},{code:"92",name:"Pakistan",flag:"PK",maxLength:9},{code:"93",name:"Afghanistan",flag:"AF",maxLength:10},{code:"94",name:"Sri Lanka",flag:"LK",maxLength:9},{code:"95",name:"Myanmar",flag:"MM",maxLength:9},{code:"98",name:"Iran",flag:"IR",maxLength:10},{code:"211",name:"South Sudan",flag:"SS",maxLength:10},{code:"212",name:"Morocco",flag:"MA",maxLength:9},{code:"213",name:"Algeria",flag:"DZ",maxLength:9},{code:"216",name:"Tunisia",flag:"TN",maxLength:8},{code:"218",name:"Libya",flag:"LY",maxLength:9},{code:"220",name:"Gambia",flag:"GM",maxLength:8},{code:"221",name:"Senegal",flag:"SN",maxLength:9},{code:"222",name:"Mauritania",flag:"MR",maxLength:9},{code:"223",name:"Mali",flag:"ML",maxLength:8},{code:"224",name:"Guinea",flag:"GN",maxLength:9},{code:"225",name:"Ivory Coast",flag:"CI",maxLength:10},{code:"226",name:"Burkina Faso",flag:"BF",maxLength:10},{code:"227",name:"Niger",flag:"NE",maxLength:8},{code:"228",name:"Togo",flag:"TG",maxLength:8},{code:"229",name:"Benin",flag:"BJ",maxLength:8},{code:"230",name:"Mauritius",flag:"MU",maxLength:10},{code:"231",name:"Liberia",flag:"LR",maxLength:8},{code:"232",name:"Sierra Leone",flag:"SL",maxLength:11},{code:"233",name:"Ghana",flag:"GH",maxLength:9},{code:"234",name:"Nigeria",flag:"NG",maxLength:11},{code:"235",name:"Chad",flag:"TD",maxLength:8},{code:"236",name:"Central African Republic",flag:"CF",maxLength:21},{code:"237",name:"Cameroon",flag:"CM",maxLength:10},{code:"238",name:"Cape Verde",flag:"CV",maxLength:9},{code:"239",name:"São Tomé and Príncipe",flag:"ST",maxLength:14},{code:"240",name:"Equatorial Guinea",flag:"GQ",maxLength:17},{code:"241",name:"Gabon",flag:"GA",maxLength:9}],r=class{constructor(n){e(this,n),this.ngModelChangeCod=a(this,"ngModelChangeCod",7),this.ngModelChangePhone=a(this,"ngModelChangePhone",7),this.verifiedField=a(this,"verifiedField",7),this.onChangeSelect=a(this,"onChangeSelect",7)}get el(){return n(this)}codArea="57";ngModelPhone="";phoneNumberPlaceholder=null;disabledInput=!1;isValidPhone=void 0;validateOnInit=!0;selectedOption=null;selectProperties=null;open=!1;ngModelChangeCod;ngModelChangePhone;verifiedField;onChangeSelect;codAreaChanged(){this.ngModelPhone=""}selectedOptionChanged(e){e&&(this.codArea=String(e.dialCode??e.code??this.codArea).replace("+",""))}componentWillLoad(){this.selectedOption&&this.selectedOptionChanged(this.selectedOption)}get selectedCountry(){const e=this.codArea.replace("+","");return t.find((a=>a.code===e))??t[0]}selectCountry(e){this.codArea=e.code,this.open=!1,this.ngModelChangeCod.emit(e.code),this.onChangeSelect.emit(e)}handleInput(e){const a=e.target.value.replace(/\D/g,"");this.ngModelPhone=a.slice(0,this.selectedCountry.maxLength),e.target.value=this.ngModelPhone,this.ngModelChangePhone.emit(this.ngModelPhone)}handleWindowClick(e){e.composedPath().includes(this.el)||(this.open=!1)}render(){const e=this.selectedCountry,a=!1===this.isValidPhone;return o("div",{key:"884ddc86a364c666e79c2e99501c607a5c332599",class:"phone-wrap"},o("div",{key:"e0b044ac41b640cddffe080c695b7fe2d4add574",class:"phone-input-container"},o("div",{key:"f9f8b6794fb73efff50e064550ce462e25bb4d51",class:"custom-select"},o("button",{key:"564675d4b89d33cc7cba743f77b4d96f7f6afea3",type:"button",class:{"select-button":!0,"select-invalid":a},disabled:this.disabledInput,onClick:()=>{this.disabledInput||(this.open=!this.open)}},o("span",{key:"884a8a6d688e9fae8bc62ace8ba1f870f3ebdedf",style:{display:"flex",gap:"0.5rem",alignItems:"center"}},o("img",{key:"4c263356870f8d2aaaa84ffe5f1a1bff49f98e34",src:`https://flagsapi.com/${e.flag}/flat/24.png`,alt:"flag"}),e.code),o("dropi-icon",{key:"589ff50ef5881a58586e9b08d9db3e0abcde5873",name:this.open?"Dropdown-up":"Dropdown-down",width:"14px",height:"14px",color:"Gray-Gray-500"})),o("ul",{key:"fed2ed2efc5be49ebeb8fe8c36557914eff439c7",class:{"select-dropdown":!0,"expanded-select":this.open,"collapsed-select":!this.open}},t.map((e=>o("li",null,o("button",{type:"button",class:"option",onMouseDown:a=>{a.preventDefault(),this.selectCountry(e)}},o("img",{src:`https://flagsapi.com/${e.flag}/flat/24.png`,alt:e.flag}),e.code)))))),o("input",{key:"dcefc1987643eab23dc5d9fbf211804fa90a9d82",id:"phone-input",type:"tel",inputmode:"numeric",class:{"form-control":!0,"is-invalid":a},placeholder:this.phoneNumberPlaceholder,value:this.ngModelPhone,disabled:this.disabledInput,maxLength:e.maxLength,onInput:e=>this.handleInput(e)})))}static get watchers(){return{codArea:[{codAreaChanged:0}],selectedOption:[{selectedOptionChanged:0}]}}};r.style=":host{display:block;width:100%;position:relative;font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type='number']{-moz-appearance:textfield;appearance:textfield}.phone-wrap{width:100%}.phone-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.phone-input-container{display:flex;align-items:center;gap:8px}.custom-select{position:relative;width:50%}.form-control{flex:1;width:100%;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:5px;font-size:14px;font-family:inherit;transition:border-color 0.3s ease-in-out;height:40px;padding:0 12px;outline:none;color:var(--Gray-Gray-700, #32394d);background-color:var(--Neutral-White, #ffffff)}.form-control::placeholder{color:var(--Gray-Gray-500, #69738c)}.form-control:focus::placeholder{color:var(--Gray-Gray-500, #69738c)}.form-control:focus{border-color:var(--Info-Info-500, #50a5f1);outline:none}.form-control:disabled{border:1px solid var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);outline:none}.form-control.is-invalid{background:#fffbfb;border-color:var(--Error-Error-500, #f46a6b) !important}.select-button{width:100%;height:40px;padding:0.47rem 0.75rem;padding-right:7px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);font-family:inherit;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer}.select-button img{width:20px;height:20px}.select-button:focus{border-color:var(--Info-Info-500, #50a5f1) !important;outline:none}.select-button:disabled{border-color:var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:unset}.select-button.select-completed{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066);background:var(--Neutral-White, #ffffff)}.select-button.select-invalid{border-color:var(--Error-Error-500, #f46a6b) !important}.select-dropdown{position:absolute;width:100%;overflow:hidden;list-style:none;padding:0;margin:4px 0 0 0;border:1px solid transparent;border-radius:var(--Border-2, 8px);overflow-y:scroll;z-index:100}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-thumb{background-color:var(--Gray-Gray-300, #d1d6e1);border-radius:4px}.expanded-select{max-height:250px;background:var(--Neutral-White, #ffffff);box-shadow:var(--Shadow-medium, 0 4px 16px rgba(0, 0, 0, 0.08));border:1px solid var(--Gray-Gray-200, #c3c9d9);transition:max-height 0.2s ease-in}.collapsed-select{max-height:0;background:transparent;box-shadow:none;border:1px solid transparent;transition:max-height 0.2s ease-out, background 0.6s ease-out, box-shadow 0.6s ease-out}.select-dropdown li{margin:0;padding:0}.option{width:100%;height:45px;border-radius:var(--Border-2, 8px);padding-top:var(--Size-3, 12px);padding-right:var(--Size-4, 16px);padding-bottom:var(--Size-3, 12px);padding-left:var(--Size-4, 16px);border:none;background:transparent;text-align:left;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:8px}.option img{width:20px;height:20px}.option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.option:disabled{color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:unset}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}.phone-error{margin:4px 0 0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b)}";export{r as dropi_phone_input}

package/dist/dropi-ui/p-6e727fb0.entry.js

@@ -1 +0,0 @@
-import{r as e,c as r,h as t}from"./p-TXz_09YZ.js";const i=class{constructor(t){e(this,t),this.stepClick=r(this,"stepClick",7)}steps=[];currentStep=1;clickable=!1;showCheckIcon=!0;stepClick;get parsedSteps(){if("string"==typeof this.steps)try{return JSON.parse(this.steps)}catch{return[]}return this.steps||[]}resolveState(e,r){if(r.state)return r.state;const t=e+1;return t<this.currentStep?"completed":t===this.currentStep?"current":"pending"}render(){const e=this.parsedSteps;return t("div",{key:"c73381c9db9f19ec7a7823c8301fd3dc5ebcd767",class:"vertical-steps"},e.map(((r,i)=>{const s=this.resolveState(i,r),a=i===e.length-1,c=this.clickable&&"completed"===s;return t("div",{class:{"v-step":!0,"v-step--clickable":c},key:i,onClick:()=>c&&this.stepClick.emit(i+1)},t("div",{class:"v-step__indicator"},t("div",{class:{"v-step__circle":!0,[`v-step__circle--${s}`]:!0}},"completed"===s&&this.showCheckIcon?t("dropi-icon",{name:"Check",width:"12px",height:"12px",color:"Neutral-White"}):t("span",{class:"v-step__number"},i+1)),!a&&t("div",{class:{"v-step__line":!0,"v-step__line--done":"completed"===s}})),t("span",{class:{"v-step__label":!0,[`v-step__label--${s}`]:!0}},r.label))})))}};i.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.vertical-steps{display:flex;flex-direction:column}.v-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.v-step--clickable{cursor:pointer}.v-step__indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.v-step__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, border-color 0.2s}.v-step__circle--pending{background:var(--Neutral-White, #ffffff);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.v-step__circle--current{background:var(--Neutral-White, #ffffff);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__number{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-500, #69738c)}.v-step__circle--current .v-step__number{color:var(--Primary-Primary-500, #f49a3d)}.v-step__line{flex:1;width:2px;min-height:24px;background:var(--Gray-Gray-200, #c3c9d9);margin:4px 0;transition:background 0.2s}.v-step__line--done{background:var(--Primary-Primary-500, #f49a3d)}.v-step__label{padding-top:4px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);line-height:1.4}.v-step__label--current{color:var(--Gray-Gray-800, #1f2433);font-weight:var(--font-weight-bold, 700)}.v-step__label--completed{color:var(--Gray-Gray-500, #69738c)}";export{i as dropi_vertical_steps}

package/dist/dropi-ui/p-7036c073.entry.js

@@ -1 +0,0 @@
-import{r,c as e,h as a}from"./p-TXz_09YZ.js";const s=class{constructor(a){r(this,a),this.valueChange=e(this,"valueChange",7),this.onSearch=e(this,"onSearch",7)}options=[];selectedOption="";showFilter=!1;filterPlaceholder="Search";alwaysShowDescription=!0;typeLayout="default";searchDelay=100;filterText="";parsedOptions=[];valueChange;onSearch;optionsChanged(r){this.parsedOptions="string"==typeof r?JSON.parse(r):r||[]}componentWillLoad(){this.optionsChanged(this.options)}get filtered(){if(!this.filterText)return this.parsedOptions;const r=this.filterText.toLowerCase();return this.parsedOptions.filter((e=>e.name?.toLowerCase().includes(r)))}render(){return a("div",{key:"25a4a4fcdb6915f6f09a33339adad159b49cba23",class:"rsl"},this.showFilter&&a("div",{key:"5aa576318ea9f8b848728684aaef96f58e4fee7b",class:"rsl__search"},a("dropi-icon",{key:"5c025e7a773ee5595e5beb86d337f5c0c9247c21",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),a("input",{key:"794a9fdab94dc32b9af1ebb4bef9f5864ef0613c",class:"rsl__search-input",type:"text",placeholder:this.filterPlaceholder,value:this.filterText,onInput:r=>{this.filterText=r.target.value,this.onSearch.emit({searchValue:this.filterText,filteredOptions:this.filtered})}})),a("div",{key:"bd450fdec58e77782d5617f6225870d4dbb38d9c",class:"rsl__list"},this.filtered.map((r=>{const e=r.id===this.selectedOption;return a("div",{class:{rsl__item:!0,"rsl__item--selected":e},key:r.id,onClick:()=>{this.selectedOption=r.id,this.valueChange.emit(r.id)}},a("div",{class:{rsl__radio:!0,"rsl__radio--checked":e}},e&&a("div",{class:"rsl__radio-dot"})),a("div",{class:"rsl__content"},a("span",{class:"rsl__name"},r.name),(e||this.alwaysShowDescription)&&r.description&&a("span",{class:"rsl__desc"},r.description)))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}};s.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.rsl__search{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);margin-bottom:var(--Size-2, 8px)}.rsl__search-input{flex:1;border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:transparent}.rsl__list{display:flex;flex-direction:column;gap:var(--Size-2, 8px)}.rsl__item{display:flex;align-items:flex-start;gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);cursor:pointer;transition:border-color 0.15s, background 0.15s}.rsl__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.rsl__item--selected{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fff5eb)}.rsl__radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--Gray-Gray-300, #a3abbf);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px;transition:border-color 0.15s}.rsl__radio--checked{border-color:var(--Primary-Primary-500, #f49a3d)}.rsl__radio-dot{width:8px;height:8px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d)}.rsl__content{display:flex;flex-direction:column;gap:2px}.rsl__name{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d)}.rsl__desc{font-size:var(--font-size-xs, 10px);line-height:1.4;color:var(--Gray-Gray-500, #69738c)}";export{s as dropi_radio_selection_list}

package/dist/dropi-ui/p-710312bd.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as a}from"./p-TXz_09YZ.js";const i=class{constructor(a){e(this,a),this.dropiSort=t(this,"dropiSort",7),this.dropiSelection=t(this,"dropiSelection",7),this.dropiRowClick=t(this,"dropiRowClick",7),this.dropiSearch=t(this,"dropiSearch",7),this.dropiPageChange=t(this,"dropiPageChange",7),this.dropiPageSizeChange=t(this,"dropiPageSizeChange",7),this.dropiAction=t(this,"dropiAction",7),this.rowsSelected=t(this,"rowsSelected",7),this.actionClicked=t(this,"actionClicked",7),this.onPageChange=t(this,"onPageChange",7),this.onSizeChange=t(this,"onSizeChange",7),this.onSortChange=t(this,"onSortChange",7),this.onSearchChange=t(this,"onSearchChange",7),this.expandChildren=t(this,"expandChildren",7)}columns=[];rows=[];showCheckbox=!1;loading=!1;emptyMessage="No hay datos disponibles";title="";showSearch=!1;showColumnSelector=!1;showPaginator=!1;pageSizes=[5,10,25,50];currentPage=1;totalPages=1;rowActions=[];headers=[];data=[];selectedRowIds=null;childData=[];visibleRowsChildrens=[];dropiTableConfiguration=null;dropiTableBackendParams=null;isCursorPagination=!1;parsedColumns=[];parsedRows=[];parsedPageSizes=[5,10,25,50];parsedRowActions=[];sortKey="";sortDir=null;sortAsc=!0;selectedKeys=new Set;searchTerm="";pageSize=5;showColumnMenu=!1;hiddenColumns=new Set;openActionRow=-1;dropiSort;dropiSelection;dropiRowClick;dropiSearch;dropiPageChange;dropiPageSizeChange;dropiAction;rowsSelected;actionClicked;onPageChange;onSizeChange;onSortChange;onSearchChange;expandChildren;columnsChanged(e){this.parsedColumns="string"==typeof e?JSON.parse(e):e||[]}rowsChanged(e){this.parsedRows="string"==typeof e?JSON.parse(e):e||[],this.selectedKeys=new Set}pageSizesChanged(e){this.parsedPageSizes="string"==typeof e?JSON.parse(e):e||[5,10,25,50],this.pageSize=this.parsedPageSizes[0]??5}rowActionsChanged(e){this.parsedRowActions="string"==typeof e?JSON.parse(e):e||[]}headersChanged(e){const t="string"==typeof e?JSON.parse(e):e||[];t.length>0&&(this.parsedColumns=t)}dataChanged(e){const t="string"==typeof e?JSON.parse(e):e||[];t.length>0&&(this.parsedRows=t,this.selectedKeys=new Set)}componentWillLoad(){const e=(Array.isArray(this.headers)?this.headers:[]).length?this.headers:this.columns,t=(Array.isArray(this.data)?this.data:[]).length?this.data:this.rows;this.columnsChanged(e),this.rowsChanged(t),this.pageSizesChanged(this.pageSizes),this.rowActionsChanged(this.rowActions)}get visibleColumns(){return this.parsedColumns.filter((e=>!this.hiddenColumns.has(e.key)))}get filteredRows(){if(!this.searchTerm)return this.parsedRows;const e=this.searchTerm.toLowerCase();return this.parsedRows.filter((t=>Object.values(t).some((t=>String(t??"").toLowerCase().includes(e)))))}get sortedRows(){const e=this.filteredRows;if(!this.sortKey||!this.sortDir)return e;const t=this.sortKey,a="asc"===this.sortDir?1:-1;return[...e].sort(((e,i)=>{const r=e[t]??"",s=i[t]??"";return r<s?-a:r>s?a:0}))}get pagedRows(){if(!this.showPaginator)return this.sortedRows;const e=(this.currentPage-1)*this.pageSize;return this.sortedRows.slice(e,e+this.pageSize)}handleSort(e){e.sortable&&(this.sortKey===e.key?(this.sortDir="asc"===this.sortDir?"desc":"desc"===this.sortDir?null:"asc",this.sortAsc="desc"!==this.sortDir,null===this.sortDir&&(this.sortKey="")):(this.sortKey=e.key,this.sortDir="asc",this.sortAsc=!0),this.dropiSort.emit({key:this.sortKey,dir:this.sortDir}),this.onSortChange.emit({key:this.sortKey,dir:this.sortDir}))}toggleRow(e){const t=new Set(this.selectedKeys);t.has(e)?t.delete(e):t.add(e),this.selectedKeys=t;const a=Array.from(t);this.dropiSelection.emit(a),this.rowsSelected.emit(a.map((e=>this.pagedRows[e])))}toggleAll(e){this.selectedKeys=e?new Set(this.pagedRows.map(((e,t)=>t))):new Set;const t=Array.from(this.selectedKeys);this.dropiSelection.emit(t),this.rowsSelected.emit(t.map((e=>this.pagedRows[e])))}renderCellValue(e){if(null==e)return"—";if("object"==typeof e&&e.type)switch(e.type){case"tag":return a("dropi-tag",{type:"secondary",state:e.typeTag,text:e.value});case"date":return a("div",{class:"date-label"},a("span",null,new Date(e.value).toLocaleDateString("es-CO")),!e.hideTime&&a("span",null,new Date(e.value).toLocaleTimeString("es-CO",{hour:"2-digit",minute:"2-digit"})));case"country":return a("div",{class:"flag-container"},e.flag&&a("dropi-country-flags",{width:"24",height:"24",country:e.flag,style:{display:"inline-flex"}}),a("span",null,e.value));case"textIcon":return a("div",{class:"text-icon-label"},a("dropi-icon",{name:e.icon,width:"24px",height:"24px",color:e.iconColor||"Gray-Gray-500"}),e.value&&a("span",null,e.value));case"status":return a("div",{class:"status-label"},a("div",{class:"status-dot"},a("div",{class:`dot dot-${(e.status||"").toLowerCase()}`}),a("span",{class:"status-text"},e.status)),e.value&&a("span",{class:"status-description"},e.value));case"image":return a("div",{class:"image-label"},a("div",{class:"img-container"},a("img",{src:e.imageUrl,alt:e.value})),a("span",null,e.value));case"textWrap":return a("div",{class:"text-wrap-label",style:{maxWidth:e.maxWidth||"220px"}},e.value);default:return a("span",{class:"table-labels"},String(e.value??"—"))}return a("span",{class:"table-labels"},String(e))}render(){const e=this.pagedRows,t=e.length>0&&this.selectedKeys.size===e.length,i=this.parsedRowActions.length>0,r=this.visibleColumns;return a("div",{key:"0568597a39d8f4b111c99e38a3559c0ebabe3f7d",class:"table-container"},(this.showSearch||this.showColumnSelector||this.title)&&a("div",{key:"6b47b6eb27cb3354fae130a642515ee4efbe96e6",class:"search-container"},this.title&&a("h3",{key:"e88c0cfccd3008cebd479069e6ebf28135aa30dc",class:"table-title"},this.title),a("div",{key:"9798ab26988d090edd5c14c0dc62c9d0273995cf",class:"search-actions"+(this.showSearch?"":" only-filter")},this.showSearch&&a("dropi-input",{key:"c8871b9eae75d6fb24d4161c2e38278697d23ac0",placeholder:"Buscar",value:this.searchTerm,onOnInput:e=>{this.searchTerm=e.detail,this.dropiSearch.emit(e.detail),this.onSearchChange.emit(e.detail)}}),this.showColumnSelector&&a("div",{key:"dc96780a72dca620aa1ed7349f59d837a31602fc",class:"table-tools"},a("div",{key:"e0b71a0018af5bba4e56b51e5df98c149f547b22",class:"column-selector-container"},a("button",{key:"3b5639c4df44eb5f15d69999dae601e639afa2e4",class:"column-selector-btn",onClick:()=>this.showColumnMenu=!this.showColumnMenu},a("dropi-icon",{key:"3c8eb5df52c0494b1080d2e5fc6cf8b219b7b56d",name:"list-table",width:"20px",height:"20px",color:"Gray-Gray-500"})),this.showColumnMenu&&a("div",{key:"a8229fa0100fe68a4b232a06584c3de1a9a90b6f",class:"column-selector-menu"},this.parsedColumns.map((e=>a("div",{class:"column-selector-option",onClick:()=>{const t=new Set(this.hiddenColumns);t.has(e.key)?t.delete(e.key):t.add(e.key),this.hiddenColumns=t}},a("dropi-checkbox",{checked:!this.hiddenColumns.has(e.key)}),a("span",null,e.label)))),a("div",{key:"6a8fa71f8540202baaa24e2facf797149efd353b",class:"column-selector-footer"},a("div",{key:"70b646908dcd172ae459cca680b0dcc7c5663cb8",class:"column-selector-all",onClick:()=>{this.hiddenColumns=0===this.hiddenColumns.size?new Set(this.parsedColumns.map((e=>e.key))):new Set}},a("dropi-checkbox",{key:"295ad4f783c7a1737d7ad0e488881b37919c40f6",checked:0===this.hiddenColumns.size}),a("span",{key:"838ffe74c4c35363127e9e5daacc25da8cccf76d"},"Mostrar / Ocultar todo")))))))),a("div",{key:"9cd8d7cc6ce997d53b3459065b5b8bef275ec5ea",class:"table-wrapper"+(i?" has-sticky-actions":"")},a("table",{key:"dd65672ad724cc2becf91099383b2892022b9f25",class:"custom-table"+(this.showCheckbox?" has-checkbox":"")},a("thead",{key:"d509b97f349b30e08380a3d1e7470d609e854539"},a("tr",{key:"f5e27a7b1e191e569f2a396bcaf118e338ff36a6"},this.showCheckbox&&a("th",{key:"c99ac20618519207e15556b706c4872bc92edf42",class:"checkbox-header"},a("dropi-checkbox",{key:"affd77ad7b0fdaece95e83993d6acff582161cf5",checked:t,onOnChange:e=>this.toggleAll(e.detail)})),r.map((e=>a("th",{class:{sortable:!!e.sortable,"low-opacity":!!e.disabledColumn,"highlight-column":!!e.highlightColumn},style:{textAlign:e.align||"center"},onClick:()=>this.handleSort(e)},a("div",{class:"headers-container"+("left"===e.align?" align-left":"right"===e.align?" align-right":"")},a("div",{class:"headers"+("left"===e.align?" align-left":"right"===e.align?" align-right":"")},a("span",null,e.label),e.sortable&&a("div",{class:"order-icons"},a("dropi-icon",{name:"Caret-up",width:"12px",height:"12px",color:this.sortAsc?"Gray-Gray-500":"Gray-Gray-200"}),a("dropi-icon",{name:"Caret-down",width:"12px",height:"12px",color:this.sortAsc?"Gray-Gray-200":"Gray-Gray-500"}))))))),i&&a("th",{key:"ad41355f347d7d94ea6de4ddfa4e23ebffd7a7b8",class:"actions-header actions"},"Acciones"))),a("tbody",{key:"7f3dfbd3fd7aa0b29eb55c5a5825492a1ed0e063"},this.loading?Array.from({length:5}).map((()=>a("tr",{class:"table-row"},this.showCheckbox&&a("td",null,a("div",{class:"skeleton skeleton--sm"})),r.map((()=>a("td",null,a("div",{class:"skeleton"})))),i&&a("td",null)))):0===e.length?a("tr",null,a("td",{colSpan:r.length+(this.showCheckbox?1:0)+(i?1:0)},a("div",{class:"empty-table"},a("div",{class:"empty-message-container"},this.emptyMessage)))):e.map(((e,t)=>a("tr",{class:"table-row",onClick:()=>this.dropiRowClick.emit({row:e,index:t})},this.showCheckbox&&a("td",{onClick:e=>e.stopPropagation()},a("dropi-checkbox",{checked:this.selectedKeys.has(t),onOnChange:()=>this.toggleRow(t)})),r.map((t=>a("td",{class:{"low-opacity":!!t.disabledColumn,"highlight-column":!!t.highlightColumn}},a("div",{class:"cell-content",style:{textAlign:t.align||"center"}},this.renderCellValue(e[t.key]))))),i&&a("td",{class:"action-button actions",onClick:e=>e.stopPropagation()},this.parsedRowActions.length>3?a("div",{style:{display:"flex",justifyContent:"center",width:"100%"}},a("dropi-icon",{class:"action-icon",name:"Menu-dots-vertical",width:"24px",height:"24px",color:"Gray-Gray-500",onClick:()=>this.openActionRow=this.openActionRow===t?-1:t}),this.openActionRow===t&&a("div",{class:"actions-menu"},this.parsedRowActions.map((t=>a("div",{class:"action-item",onClick:()=>{this.openActionRow=-1,this.dropiAction.emit({row:e,action:t}),this.actionClicked.emit({row:e,action:t})}},a("dropi-icon",{name:t.icon,width:"20px",height:"20px",color:t.iconColor||"Gray-Gray-500"}),t.label))))):a("div",{class:"short-actions"},this.parsedRowActions.map((t=>a("dropi-icon",{class:"action-icon",name:t.icon,width:"24px",height:"24px",color:t.iconColor||"Gray-Gray-500",onClick:()=>{this.dropiAction.emit({row:e,action:t}),this.actionClicked.emit({row:e,action:t})}}))))))))))),this.showPaginator&&a("div",{key:"20e2f504d995f8875e42ceedfeb3977d777044a6",class:"pagination"},a("div",{key:"898f69b7801af32df0bdfa9a23cfc7fc5adcac84",class:"page-size-selector"},a("label",{key:"4871de9ed4a35fa60ac2ac824c96a278ffdf7496"},"Mostrar"),a("select",{key:"8c2cb250c724ff0914c69135c054c25c9aa857f2",onChange:e=>{this.pageSize=Number(e.target.value),this.currentPage=1,this.dropiPageSizeChange.emit(this.pageSize),this.onSizeChange.emit(this.pageSize)}},this.parsedPageSizes.map((e=>a("option",{value:e,selected:this.pageSize===e},e))))),a("dropi-paginator",{key:"82a4e645ab197a52ec7985614e53fcae749e8ed4",totalPages:this.totalPages,currentPage:this.currentPage,onPageChange:e=>{this.currentPage=e.detail,this.dropiPageChange.emit(e.detail),this.onPageChange.emit(e.detail)}})))}static get watchers(){return{columns:[{columnsChanged:0}],rows:[{rowsChanged:0}],pageSizes:[{pageSizesChanged:0}],rowActions:[{rowActionsChanged:0}],headers:[{headersChanged:0}],data:[{dataChanged:0}]}}};i.style=":host{display:block;width:100%;min-width:0}*,*::before,*::after{box-sizing:border-box}.table-container{width:100%;min-width:0;border-radius:var(--Border-3);padding:0 var(--Size-4) var(--Size-4) var(--Size-4);background-color:var(--Neutral-White)}.search-container{margin-block:var(--Size-5);display:flex;flex-direction:column;gap:var(--Size-4)}.table-title{padding-block:var(--Size-2);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--Gray-Gray-700);margin:0}.search-actions{display:flex;align-items:flex-end;gap:var(--Size-3);width:100%}.search-actions dropi-input{flex:1}.search-actions.only-filter{justify-content:flex-end}.table-tools{display:flex;justify-content:flex-end}.column-selector-container{position:relative}.column-selector-btn{min-width:40px;width:40px;height:40px;padding:0;border:1px solid var(--Gray-Gray-200);border-radius:var(--Border-2);background:var(--Neutral-White);cursor:pointer;display:flex;align-items:center;justify-content:center}.column-selector-btn:hover{background:var(--Gray-Gray-50)}.column-selector-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(320px, 88vw);border:1px solid var(--Gray-Gray-200);border-radius:var(--Border-2);background:var(--Neutral-White);box-shadow:var(--Shadow-medium);z-index:20;padding:var(--Size-1)}.column-selector-footer{border-top:1px solid var(--Gray-Gray-100);margin-top:var(--Size-1);padding:var(--Size-2) var(--Size-4);display:flex;align-items:center}.column-selector-all{display:inline-flex;align-items:center;gap:var(--Size-2);color:var(--Gray-Gray-700);font-size:var(--font-size-s);cursor:pointer;user-select:none}.column-selector-option{display:flex;align-items:center;gap:var(--Size-2);padding:var(--Size-2) var(--Size-3);font-size:var(--font-size-s);color:var(--Gray-Gray-700);cursor:pointer;border-radius:var(--Border-1)}.column-selector-option:hover{background:var(--Gray-Gray-50)}.table-wrapper{overflow-x:auto;width:100%;position:relative}.table-wrapper.has-sticky-actions{width:100%}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table-wrapper::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--Gray-Gray-400, #858ea6)}.custom-table{width:100%;border-collapse:collapse}.custom-table th,.custom-table td{position:relative;padding:var(--Size-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--Gray-Gray-700)}.custom-table th::after,.custom-table td::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--Gray-Gray-100)}.custom-table th{height:55px;user-select:none}.custom-table th.sortable{cursor:pointer}.custom-table td{height:80px;min-width:100px;font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.headers-container{display:flex;flex-direction:column;align-items:center;gap:var(--Size-1)}.headers-container.align-left{align-items:flex-start}.headers-container.align-right{align-items:flex-end}.headers{display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center;gap:4px}.headers span{font-weight:var(--font-weight-bold);color:var(--Gray-Gray-600);font-size:var(--font-size-xs);text-align:center}.headers.align-left span{text-align:left}.headers.align-right span{text-align:right}.order-icons{display:flex;flex-direction:column}.order-icons dropi-icon{height:6px;display:flex}.checkbox-header{width:fit-content;min-width:fit-content;max-width:fit-content;text-align:center;padding:var(--Size-3) !important}.custom-table.has-checkbox td:first-child{width:fit-content;min-width:fit-content;max-width:fit-content;text-align:center;padding:8px !important}.table-row:hover{background-color:var(--Gray-Gray-50);transition:background-color 0.3s ease}.table-row:hover td:last-child{background-color:var(--Gray-Gray-50);transition:background-color 0.3s ease}.table-row.sub-row td:first-child{padding-left:2rem !important}.cell-content{display:inline-block;width:100%;text-align:left}td.actions,th.actions{position:sticky;right:0;z-index:2;background-color:var(--Neutral-White);width:120px;min-width:120px;max-width:120px;text-align:center}td.actions{vertical-align:middle}td.actions>div{display:flex !important;justify-content:center !important;align-items:center !important;width:100%;height:100%}.table-row:hover td.actions{background-color:var(--Gray-Gray-50);transition:background-color 0.3s ease}.actions-header{width:100%;text-align:center;user-select:none}.short-actions{display:flex;gap:var(--Size-2);align-items:center;justify-content:center}.action-icon{cursor:pointer}.action-button{position:relative}.actions-menu{position:absolute;top:0;right:80px;padding:var(--Size-2);border-radius:var(--Border-2);background-color:var(--Neutral-White);box-shadow:var(--Shadow-medium);z-index:10;animation:fadeIn 0.3s ease-in-out forwards}.action-item{padding:var(--Size-2);font-size:var(--font-size-xs);color:var(--Gray-Gray-600);height:45px;width:190px;display:flex;gap:var(--Size-4);align-items:center;justify-content:left;cursor:pointer;border-radius:var(--Border-1)}.action-item:hover{background-color:var(--Gray-Gray-50)}.table-labels{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);white-space:nowrap}.table-labels.multiline{white-space:pre;line-height:1.6}.text-wrap-label{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);white-space:normal;word-break:break-word;overflow-wrap:break-word;line-height:1.5}.date-label{display:inline-flex;flex-direction:column}.date-label span{font-weight:var(--font-weight-regular);color:var(--Gray-Gray-600);white-space:nowrap;font-size:var(--font-size-s)}.flag-container{display:inline-flex;align-items:center;gap:var(--Size-3)}.flag-container span{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.text-icon-label{display:inline-flex;flex-wrap:nowrap;gap:var(--Size-2);align-items:center}.text-icon-label span{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.image-label{display:inline-flex;flex-direction:column;justify-content:center}.img-container{display:flex;width:24px;padding-bottom:var(--Size-1);align-items:center}.img-container img{border-radius:60px;height:24px;width:24px;object-fit:cover}.container-cell{display:inline-flex;flex-direction:column}.status-label{display:inline-flex;flex-direction:column;gap:var(--Size-1)}.status-dot{display:flex;gap:var(--Size-2);align-items:center}.status-text{font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);color:var(--Gray-Gray-700)}.status-description{font-weight:var(--font-weight-regular);font-size:var(--font-size-s);color:var(--Gray-Gray-600)}.dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot-low{background-color:var(--Success-Success-500)}.dot-medium{background-color:var(--Warning-Warning-500)}.dot-high{background-color:var(--Error-Error-500)}.low-opacity{opacity:0.5}.highlight-column{background:var(--Primary-Primary-50)}.text-link-label{display:flex;flex-wrap:nowrap;white-space:nowrap;gap:var(--Size-1)}.text-link-label span{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.text-link-label a{color:var(--Info-Info-500);font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.empty-table{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:400px}.empty-message-container{display:flex;width:420px;padding:var(--Size-4);flex-direction:column;align-items:center;gap:var(--Size-4);text-align:center;color:var(--Gray-Gray-500);font-size:var(--font-size-s)}.pagination{margin-top:var(--Size-4);display:flex;justify-content:space-between;align-items:center}.page-size-selector{display:flex;gap:5px;align-items:baseline}.page-size-selector label{font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);color:var(--Gray-Gray-700)}.page-size-selector select{width:fit-content;height:29px;border-radius:var(--Border-2);padding:var(--Size-1);border:1px solid var(--Gray-Gray-200);color:var(--Gray-Gray-500);background:var(--Neutral-White);font-size:var(--font-size-xs);cursor:pointer}.total-results{font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);color:var(--Gray-Gray-600)}.skeleton{height:14px;background:linear-gradient(90deg, var(--Gray-Gray-100) 25%, var(--Gray-Gray-50) 50%, var(--Gray-Gray-100) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--Border-1)}.skeleton--sm{width:20px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.search-actions{flex-direction:column;align-items:stretch}.column-selector-menu{left:0;right:0;width:100%;max-height:45vh;overflow-y:auto}.pagination{flex-direction:column;align-items:center;gap:var(--Size-3)}td.actions,th.actions{width:60px;min-width:60px}.table-wrapper.has-sticky-actions{width:calc(100% - 60px)}}";export{i as dropi_table}

package/dist/dropi-ui/p-74dfe8d1.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,a as e,h as o}from"./p-TXz_09YZ.js";const r=class{constructor(e){t(this,e),this.colorChange=i(this,"colorChange",7)}get el(){return e(this)}currentColor="#ffffff";position="right";colorChange;color="";hue=0;saturation=0;currentVal=0;opacity=100;showEdit=!1;isDragging=!1;isHueDragging=!1;isOpacityDragging=!1;colorCanvas;hueCanvas;opacityCanvas;onValueChange(t){this.showEdit||(this.color=t,this.syncFromHex())}componentWillLoad(){this.color=this.currentColor,this.syncFromHex()}componentDidLoad(){document.addEventListener("mousemove",this.onMouseMove.bind(this)),document.addEventListener("mouseup",this.onMouseUp.bind(this)),document.addEventListener("click",this.handleClickOutside.bind(this)),setTimeout((()=>{this.hueCanvas&&this.drawHueCanvas(),this.colorCanvas&&this.drawColorCanvas(),this.opacityCanvas&&this.drawOpacityCanvas()}),50)}disconnectedCallback(){document.removeEventListener("mousemove",this.onMouseMove.bind(this)),document.removeEventListener("mouseup",this.onMouseUp.bind(this)),document.removeEventListener("click",this.handleClickOutside.bind(this))}onMouseMove(t){this.isDragging?this.updateColorFromPosition(t):this.isHueDragging?this.updateHueFromPosition(t):this.isOpacityDragging&&this.updateOpacityFromPosition(t)}onMouseUp(){this.isDragging=!1,this.isHueDragging=!1,this.isOpacityDragging=!1}handleClickOutside(t){!t.composedPath().includes(this.el)&&this.showEdit&&(this.showEdit=!1,this.currentColor=this.color,this.colorChange.emit(this.color))}drawColorCanvas(){if(!this.colorCanvas)return;const t=this.colorCanvas.getContext("2d"),i=this.colorCanvas.width,e=this.colorCanvas.height,o=t.createLinearGradient(0,0,i,0);o.addColorStop(0,"#FFFFFF"),o.addColorStop(1,`hsl(${this.hue}, 100%, 50%)`);const r=t.createLinearGradient(0,0,0,e);r.addColorStop(0,"rgba(0, 0, 0, 0)"),r.addColorStop(1,"#000000"),t.fillStyle=o,t.fillRect(0,0,i,e),t.fillStyle=r,t.fillRect(0,0,i,e)}drawHueCanvas(){if(!this.hueCanvas)return;const t=this.hueCanvas.getContext("2d"),i=this.hueCanvas.width,e=this.hueCanvas.height,o=t.createLinearGradient(0,0,i,0);for(let t=0;t<=360;t+=60)o.addColorStop(t/360,`hsl(${t}, 100%, 50%)`);t.fillStyle=o,t.fillRect(0,0,i,e)}drawOpacityCanvas(){if(!this.opacityCanvas)return;const t=this.opacityCanvas.getContext("2d"),i=this.opacityCanvas.width,e=this.opacityCanvas.height;t.clearRect(0,0,i,e),t.fillStyle="#FFFFFF",t.fillRect(0,0,i,e);const o=this.hsvToRgb(this.hue,this.saturation,this.currentVal),r=t.createLinearGradient(0,0,i,0);r.addColorStop(0,`rgba(${o.r}, ${o.g}, ${o.b}, 0)`),r.addColorStop(1,`rgba(${o.r}, ${o.g}, ${o.b}, 1)`),t.fillStyle=r,t.fillRect(0,0,i,e)}updateColor(){const t=this.hsvToRgb(this.hue,this.saturation,this.currentVal),i=this.rgbToHex(t.r,t.g,t.b,this.opacity);this.color=i,this.drawColorCanvas(),this.drawOpacityCanvas(),this.currentColor=i,this.colorChange.emit(this.color)}hsvToRgb(t,i,e){const o=(e/=100)*(i/=100),r=o*(1-Math.abs(t/60%2-1)),s=e-o;let a=0,n=0,c=0;return t>=0&&t<60?(a=o,n=r,c=0):t>=60&&t<120?(a=r,n=o,c=0):t>=120&&t<180?(a=0,n=o,c=r):t>=180&&t<240?(a=0,n=r,c=o):t>=240&&t<300?(a=r,n=0,c=o):t>=300&&t<=360&&(a=o,n=0,c=r),{r:Math.round(255*(a+s)),g:Math.round(255*(n+s)),b:Math.round(255*(c+s))}}rgbToHex(t,i,e,o=100){const r=t=>Math.round(t).toString(16).padStart(2,"0");return`#${r(t)}${r(i)}${r(e)}${r(Math.round(o/100*255))}`}syncFromHex(){if(/^#?[0-9A-F]{6}([0-9A-F]{2})?$/i.test(this.color)){this.color.startsWith("#")||(this.color="#"+this.color);const t=this.color.substring(1),i=parseInt(t.substring(0,2),16),e=parseInt(t.substring(2,4),16),o=parseInt(t.substring(4,6),16),r=8===t.length?parseInt(t.substring(6,8),16)/255:1,s=this.rgbToHsv(i,e,o,r);this.hue=s.h,this.saturation=s.s,this.currentVal=s.v,this.opacity=100*r,this.drawColorCanvas(),this.drawOpacityCanvas()}}onHexInputChange(t){this.color=t.target.value,this.syncFromHex()}rgbToHsv(t,i,e,o=1){t/=255,i/=255,e/=255;const r=Math.max(t,i,e),s=r-Math.min(t,i,e);let a=0;0!==s&&(r===t?a=(i-e)/s%6*60:r===i?a=60*((e-t)/s+2):r===e&&(a=60*((t-i)/s+4))),a<0&&(a+=360);const n=0===r?0:s/r*100,c=100*r;return{h:Math.round(a),s:Math.round(n),v:Math.round(c),a:parseFloat(o.toFixed(3))}}getCanvasPosition(t,i){const e=t.getBoundingClientRect();return{x:t.width/e.width*(i.clientX-e.left),y:t.height/e.height*(i.clientY-e.top)}}onColorMouseDown(t){this.isDragging=!0,this.updateColorFromPosition(t)}onHueMouseDown(t){this.isHueDragging=!0,this.updateHueFromPosition(t)}onOpacityMouseDown(t){this.isOpacityDragging=!0,this.updateOpacityFromPosition(t)}updateColorFromPosition(t){if(!this.colorCanvas)return;const i=this.getCanvasPosition(this.colorCanvas,t),e=Math.max(0,Math.min(i.x,256)),o=Math.max(0,Math.min(i.y,150));this.saturation=Math.round(e/256*100),this.currentVal=100-Math.round(o/150*100),this.updateColor()}updateHueFromPosition(t){if(!this.hueCanvas)return;const i=this.getCanvasPosition(this.hueCanvas,t),e=Math.max(0,Math.min(i.x,256));this.hue=Math.round(e/256*360),this.drawColorCanvas(),this.updateColor()}updateOpacityFromPosition(t){if(!this.opacityCanvas)return;const i=this.getCanvasPosition(this.opacityCanvas,t),e=Math.max(0,Math.min(i.x,256));this.opacity=Math.round(e/256*100),this.updateColor()}showEditor(){this.showEdit=!this.showEdit,this.color=this.currentColor,this.showEdit&&setTimeout((()=>{this.drawHueCanvas(),this.drawColorCanvas(),this.drawOpacityCanvas(),this.syncFromHex()}),100)}render(){return o("div",{key:"9b5f9753c014b33a75fdf35460b3f2b40f12f5c6",class:"general-container"},o("div",{key:"2547ef57ac6fc35eb65012729d613ac819918c02",class:"main-input-container"},o("div",{key:"f8f45ef7fba7d889b72af34973f51cd39f7541ec",class:"overlay",onClick:()=>this.showEditor()}),o("div",{key:"76f6a0b4f5abf04e02778166f7f568a106ccbda6",class:"line-color-preview"},o("div",{key:"4a9d7b92303dc21c39dd2271d1fbf9719bb4e012",class:"color-preview",style:{background:this.currentColor}})),o("div",{key:"47d4986bd93f8ac590014b3ad4251547be86bf76",class:"color-info"},o("input",{key:"0f0265276fb482a5053a328daf4888f577e9fed2",type:"text",class:"color-input",value:this.currentColor,maxLength:9,readOnly:!0}))),o("div",{key:"b944ba1094125f85f78529804549d02a4af15a98",class:`color-picker-container position-${this.position} ${this.showEdit?"show":""}`},o("div",{key:"b1cfc5ae3e082533562685eee34246972d226ee8",class:"main-color-canvas-container"},o("canvas",{key:"6d91d698213b04aed7a14d0ea77876ec81d54a9c",ref:t=>this.colorCanvas=t,width:256,height:150,onMouseDown:t=>this.onColorMouseDown(t)}),o("div",{key:"a35cbf720261d42a476ff86a4d3230eb41c60158",class:"color-selector-pointer",style:{left:this.saturation/100*256+"px",top:(100-this.currentVal)/100*150+"px"}})),o("div",{key:"a3a28711ce1b7d550ace8cdefce1170d1cfab6b7",class:"slider-container"},o("div",{key:"1a7e080019254df35871874d4f682be49ccb1c2d",class:"slider-group"},o("div",{key:"ab472e420e2dde23eaf797e0962234f06b831350",class:"hue-slider-container"},o("canvas",{key:"84fa8b097826ca461913ef5c1a363fed51fea46a",ref:t=>this.hueCanvas=t,width:256,height:20,onMouseDown:t=>this.onHueMouseDown(t)}),o("div",{key:"47e740225ac80d3daee6781e0a3d55840dbf6e3a",class:"slider-pointer",style:{left:this.hue/360*234+"px"}}))),o("div",{key:"408dccb26d895cbf3c648e959a0a748340b9d7ad",class:"slider-group"},o("div",{key:"bd1c6eb89183c0a3f194601413e840cd3576955c",class:"opacity-slider-container"},o("canvas",{key:"8bef0d97d8f88471929876ffb4fb3dfb8eee950a",ref:t=>this.opacityCanvas=t,width:256,height:20,onMouseDown:t=>this.onOpacityMouseDown(t)}),o("div",{key:"394b6a5aac4d2924e5dd3e2fe898fe1761c6358f",class:"slider-pointer",style:{left:this.opacity/100*234+"px"}}))),o("div",{key:"7bd122ab15ed2534586d5e0d2cf4a33174bb0385",class:"color-info"},o("div",{key:"4dc391044f0cd3a72ee14e5c0f7279c81140c5f3",class:"color-label"},"HEX"),o("input",{key:"f197c630e94ccebab9e9f75a615b3a2fd09ffc0f",type:"text",class:"color-input",value:this.color,onInput:t=>this.onHexInputChange(t),maxLength:9})))))}static get watchers(){return{value:[{onValueChange:0}]}}};r.style=":host{display:block}.general-container{position:relative;width:fit-content}.main-input-container{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--Size-3);position:relative;width:fit-content}.main-input-container .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;cursor:pointer}.line-color-preview{width:40px;height:40px;border-radius:50%;border:1px solid var(--Gray-Gray-200);display:flex;justify-content:center;align-items:center;padding:5px}.line-color-preview .color-preview{width:100%;height:100%;border-radius:50%;border:1px solid var(--Gray-Gray-200)}.position-right{top:0;left:250px}.position-left{top:0;right:200px}.position-top{bottom:55px}.position-bottom{top:55px}.position-bottom::before{transform:rotate(90deg);left:50%;top:-15px}.position-right::before{left:-6px;top:10px}.position-top::before{transform:rotate(270deg);left:50%;bottom:-15px}.position-left::before{transform:rotate(180deg);right:-9px}.color-picker-container::before{content:'';position:absolute;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid var(--Neutral-White);z-index:1}.color-picker-container{width:280px;padding:var(--Size-4);background:var(--Neutral-White);border-radius:var(--Size-2);box-shadow:var(--Shadow-large);position:absolute;z-index:100;transform-origin:top left;opacity:0;transition:transform 0.2s ease-out,     opacity 0.2s ease-out;pointer-events:none}.color-picker-container .main-color-canvas-container{position:relative;margin-bottom:var(--Size-4);border:1px solid var(--Gray-Gray-200);border-radius:var(--Size-1);display:flex;justify-self:center;align-items:center}.color-picker-container .main-color-canvas-container canvas{display:block;border-radius:var(--Size-1)}.color-picker-container .main-color-canvas-container .color-selector-pointer{position:absolute;width:var(--Size-3);height:var(--Size-3);border:2px solid var(--Neutral-White);border-radius:50%;transform:translate(-6px, -6px);pointer-events:none}.color-picker-container .slider-container{display:flex;flex-direction:column;gap:var(--Size-3)}.color-picker-container .slider-container .slider-group{display:flex;flex-direction:column;gap:var(--Size-1)}.color-picker-container .slider-container .slider-group label{font-size:var(--font-size-xs);color:var(--Gray-Gray-500);font-weight:var(--font-weight-bold)}.color-picker-container .slider-container .slider-group .hue-slider-container,.color-picker-container .slider-container .slider-group .opacity-slider-container{position:relative;height:var(--Size-3);border-radius:var(--Size-4);overflow:hidden}.color-picker-container .slider-container .slider-group .hue-slider-container canvas,.color-picker-container .slider-container .slider-group .opacity-slider-container canvas{display:block;width:100%;height:100%}.color-picker-container .slider-container .slider-group .hue-slider-container .slider-pointer,.color-picker-container .slider-container .slider-group .opacity-slider-container .slider-pointer{position:absolute;top:0;height:var(--Size-3);width:var(--Size-3);background:transparent;border:2px solid var(--Neutral-White);border-radius:50%;pointer-events:none}.color-picker-container.show{transform:scale(1);opacity:1;pointer-events:auto}.color-info .color-label{font-size:var(--font-size-xs);color:var(--Gray-Gray-500);font-weight:var(--font-weight-bold);text-transform:uppercase;margin-bottom:var(--Size-2)}.color-info .color-input{border:1px solid var(--Gray-Gray-200, #ddd);border-radius:var(--Size-1);padding:6px 8px;font-size:var(--font-size-s);width:100%;font-family:monospace;text-transform:uppercase;background-color:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-800, #1f2433);outline:none}";export{r as dropi_color_picker}

package/dist/dropi-ui/p-770afae3.entry.js

@@ -1 +0,0 @@
-import{r,c as i,h as e}from"./p-TXz_09YZ.js";const n=class{constructor(e){r(this,e),this.bannerClick=i(this,"bannerClick",7),this.isVisible=i(this,"isVisible",7)}imageUrl="";link="";alt="";backgroundColor="transparent";slugName="";viewOnWhiteBrand=!1;viewOnlyCountries=[];closed=!1;bannerClick;isVisible;handleClick(r){this.link||(r.preventDefault(),this.bannerClick.emit())}closeBanner(r){r.preventDefault(),r.stopPropagation(),this.closed=!0,this.isVisible.emit(!1)}render(){if(this.closed||!this.imageUrl)return null;const r=e("div",{class:"inner"},e("img",{src:this.imageUrl,alt:this.alt,loading:"lazy"}),e("button",{class:"close-btn","aria-label":"Cerrar banner",onClick:r=>this.closeBanner(r)},e("dropi-icon",{name:"Close-small",width:"20px",height:"20px",color:"Gray-Gray-600"})));return e("div",{class:"dropi-banner-external",style:{background:this.backgroundColor}},this.link?e("a",{href:this.link,target:"_blank",rel:"noopener noreferrer",onClick:r=>this.handleClick(r)},r):e("div",{class:"click-wrapper",onClick:r=>this.handleClick(r)},r))}};n.style=":host{display:block;width:100%}.dropi-banner-external{display:block;width:100%;position:relative;margin-bottom:16px;border-radius:var(--Border-2, 8px)}.dropi-banner-external a{display:block;text-decoration:none}.click-wrapper{cursor:pointer}.inner{position:relative;display:block}.inner img{display:block;width:100%;height:auto;border-radius:var(--Border-2, 8px);max-width:1220px;margin:auto}.close-btn{position:absolute;top:4px;right:4px;background:rgba(255, 255, 255, 0.8);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background 0.15s ease}.close-btn:hover{background:rgba(255, 255, 255, 1)}";export{n as dropi_banner_external}

package/dist/dropi-ui/p-7c0bc6dd.entry.js

@@ -1 +0,0 @@
-import{r as i,c as e,h as a}from"./p-TXz_09YZ.js";const t=class{constructor(a){i(this,a),this.dropiImageClick=e(this,"dropiImageClick",7)}label="";images=[];width="88px";height="88px";dropiImageClick;get parsedImages(){if("string"==typeof this.images)try{return JSON.parse(this.images)}catch{return[]}return this.images||[]}handleError(i){i.target.src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4OCA4OCI+PHJlY3Qgd2lkdGg9Ijg4IiBoZWlnaHQ9Ijg4IiBmaWxsPSIjZjdmOGZhIi8+PHRleHQgeD0iNDQiIHk9IjQ4IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjYzNjOWQ5IiBmb250LXNpemU9IjEyIj5TaW4gaW1hZ2VuPC90ZXh0Pjwvc3ZnPg=="}render(){const i=this.parsedImages;return a("div",{key:"dce259f33f9cd9314c2b43a01a58a150567cf6c7",class:"miniature"},this.label&&a("span",{key:"b8eaf4c77c4d488a01870e5aa42822823af8d941",class:"miniature__label"},this.label),a("div",{key:"80bbca393884ebf25ece231f766846b2d7547ce0",class:"miniature__grid"},i.map(((e,t)=>a("div",{class:"miniature__item",style:{width:this.width,height:this.height},key:t,onClick:()=>this.dropiImageClick.emit({images:i,index:t})},a("img",{src:e,alt:`imagen ${t+1}`,loading:"lazy",onError:i=>this.handleError(i)}),a("div",{class:"miniature__zoom"},a("dropi-icon",{name:"Search",width:"16px",height:"16px",color:"Neutral-White"})))))))}};t.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.miniature__label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:var(--Size-2, 8px)}.miniature__grid{display:flex;flex-wrap:wrap;gap:var(--Size-2, 8px)}.miniature__item{position:relative;border-radius:var(--Border-2, 8px);overflow:hidden;cursor:pointer;flex-shrink:0}.miniature__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.2s}.miniature__zoom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.35);opacity:0;transition:opacity 0.2s}.miniature__item:hover img{transform:scale(1.05)}.miniature__item:hover .miniature__zoom{opacity:1}";export{t as dropi_image_miniature}

package/dist/dropi-ui/p-7f8d3642.entry.js

@@ -1 +0,0 @@
-import{r as e,h as o}from"./p-TXz_09YZ.js";const r=class{constructor(o){e(this,o)}multiple=!1;render(){return o("div",{key:"b4d44bde9b982a2e11cc074600f9de9424592fde",class:"accordion-container"},o("slot",{key:"631732f3726d81dac4d188542180a1286c69258b"}))}};r.style=":host{display:block;width:100%;margin-bottom:-1px}*,*::before,*::after{box-sizing:border-box}.accordion{border-top:1px solid var(--Gray-Gray-100,#e6eaf2);border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2);overflow:hidden}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--Size-4,16px) var(--Size-5,20px);background:transparent;border:none;cursor:pointer;gap:12px;text-align:left}.accordion-header:disabled{cursor:not-allowed;opacity:0.5}.accordion--open .accordion-header{border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2)}.accordion-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.accordion-title{font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-600, #475066);line-height:1.4}.accordion-chevron{display:flex;align-items:center;flex-shrink:0;transition:transform 0.22s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height 0.28s ease}.accordion-content{padding:0 var(--Size-5,20px) var(--Size-4,16px);color:var(--Gray-Gray-600,#475066);font-size:var(--font-size-s,12px);line-height:1.6}";export{r as dropi_accordion}

package/dist/dropi-ui/p-7fc02d98.entry.js

@@ -1 +0,0 @@
-import{r as e,c as r,h as i}from"./p-TXz_09YZ.js";const o=class{constructor(i){e(this,i),this.onChange=r(this,"onChange",7)}checked=!1;disabled=!1;onChange;changeState(){this.disabled||(this.checked=!this.checked,this.onChange.emit(this.checked))}render(){return i("div",{key:"2bf224c57c9b0b48d3d2a28f2cf52713b532110f",class:"container-dropi-checkbox",onClick:()=>this.changeState()},i("div",{key:"7dfbc936f1a6e641a3e18c9ffc769e8a25fd9328",class:{check:!0,isCheck:this.checked,noCheck:!this.checked,disabled:this.disabled}},i("svg",{key:"647d2f6b000569906812f1bddbcc69198a2774cc",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none"},i("path",{key:"3bbf796769463ebad1e7710beadc0433816ce189",d:"M20.5991 5.69251L9.08325 17.2075C9.00583 17.2852 8.91382 17.3469 8.8125 17.389C8.71118 17.4311 8.60255 17.4527 8.49283 17.4527C8.38312 17.4527 8.27449 17.4311 8.17317 17.389C8.07185 17.3469 7.97984 17.2852 7.90242 17.2075L3.44908 12.75C3.37166 12.6723 3.27965 12.6106 3.17833 12.5685C3.07701 12.5264 2.96838 12.5048 2.85867 12.5048C2.74896 12.5048 2.64032 12.5264 2.53901 12.5685C2.43769 12.6106 2.34568 12.6723 2.26825 12.75C2.19052 12.8274 2.12884 12.9194 2.08676 13.0208C2.04467 13.1221 2.02301 13.2307 2.02301 13.3404C2.02301 13.4501 2.04467 13.5588 2.08676 13.6601C2.12884 13.7614 2.19052 13.8534 2.26825 13.9308L6.72325 18.385C7.19321 18.8541 7.83008 19.1175 8.49408 19.1175C9.15809 19.1175 9.79496 18.8541 10.2649 18.385L21.7799 6.87251C21.8575 6.7951 21.9191 6.70314 21.9611 6.6019C22.0031 6.50065 22.0247 6.39212 22.0247 6.28251C22.0247 6.17289 22.0031 6.06436 21.9611 5.96312C21.9191 5.86188 21.8575 5.76992 21.7799 5.69251C21.7025 5.61478 21.6105 5.5531 21.5092 5.51101C21.4078 5.46893 21.2992 5.44727 21.1895 5.44727C21.0798 5.44727 20.9712 5.46893 20.8698 5.51101C20.7685 5.5531 20.6765 5.61478 20.5991 5.69251Z",fill:"#FFFFFF"}))))}static get formAssociated(){return!0}};o.style=":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.container-dropi-checkbox{display:inline-block}.check{width:20px;height:20px;border-radius:var(--Border-1, 4px);cursor:pointer;transition:background-color 0.3s ease-in-out,     border-style 0.3s ease-in-out}.noCheck{border-style:solid;border-width:2px;border-color:var(--Gray-Gray-200, #c3c9d9);display:flex;justify-content:center;align-items:center}.noCheck svg{visibility:hidden}.isCheck{display:flex;background-color:var(--Primary-Primary-500, #f49a3d);justify-content:center;align-items:center}.disabled{background-color:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2);cursor:not-allowed}";export{o as dropi_checkbox}

package/dist/dropi-ui/p-8188cca4.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i}from"./p-TXz_09YZ.js";const s=class{constructor(i){t(this,i),this.buttonClickEvent=e(this,"buttonClickEvent",7)}title="";description="";imageUrl="";imageAlt="Sin resultados";buttonText="";buttonIcon="";dropiIcon="default";buttonSeverity="tertiary";buttonClickEvent;render(){return i("div",{key:"504b4ac16374bc3d54ab02a0729d867508dee0ba",class:"empty-state"},i("div",{key:"11cbef9d7a1d57bffa68ef4d055c29453c9d050b",class:"empty-state-visual"},i("img",this.imageUrl?{class:"empty-state-img",src:this.imageUrl,alt:this.imageAlt}:{class:"empty-state-img",src:`assets/icons/ilustration/${this.dropiIcon}.svg`,alt:this.imageAlt,onError:t=>t.target.src="assets/icons/ilustration/default.svg"})),this.title&&i("h3",{key:"398a1e5958e1008875391053a82f77db586aaad8",class:"empty-state-title"},this.title),this.description&&i("p",{key:"a51b76390add2ffbfcdf5288a1daf8a872c1bfc0",class:"empty-state-description"},this.description),i("slot",{key:"1024f4efdc69ed513384b8b0082bb9915673e724"}),this.buttonText&&i("div",{key:"6706d58d3380e7c6668c8b465d19249cd24cd7f8",class:"empty-state-actions"},i("dropi-button",{key:"4440e6ca851d27b84cab67ee24466be0a89e8e9e",text:this.buttonText,preIcon:this.buttonIcon,severity:this.buttonSeverity,onClick:()=>this.buttonClickEvent.emit()})))}};s.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--Size-3, 12px);padding:var(--Size-6, 32px) var(--Size-5, 20px);text-align:center}.empty-state-img{max-width:200px;width:100%;height:auto;object-fit:contain;filter:brightness(0) saturate(100%) invert(73%) sepia(9%) saturate(503%) hue-rotate(187deg) brightness(91%) contrast(88%)}.empty-state-svg{width:80px;height:80px}.empty-state-placeholder{display:flex;align-items:center;justify-content:center}.empty-state-title{margin:0;font-size:var(--font-size-l, 18px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);line-height:1.3}.empty-state-description{margin:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);line-height:1.6;max-width:400px}.empty-state-actions{display:flex;align-items:center;gap:var(--Size-3, 12px);flex-wrap:wrap;justify-content:center;margin-top:var(--Size-2, 8px)}";export{s as dropi_empty_state}

package/dist/dropi-ui/p-858bedcf.entry.js

@@ -1 +0,0 @@
-import{r,h as e}from"./p-TXz_09YZ.js";const a=class{constructor(e){r(this,e)}visible=!1;message="";type="success";autoClose=!1;timer;componentDidLoad(){this.autoClose&&this.visible&&this.startTimer()}startTimer(){clearTimeout(this.timer),this.timer=setTimeout((()=>{this.visible=!1}),7e3)}render(){return this.visible?e("div",{class:{"alert-legacy":!0,[`alert-legacy--${this.type}`]:!0}},e("div",{class:"alert-legacy__content"},e("span",{class:"alert-legacy__message"},this.message)),e("button",{class:"alert-legacy__close",onClick:()=>this.visible=!1},"×")):null}};a.style=":host{display:block;margin:10px 0}.alert-legacy{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--Border-2);font-size:var(--font-size-s)}.alert-legacy--success{background:var(--Success-Success-50);color:var(--Success-Success-700);border:1px solid var(--Success-Success-200)}.alert-legacy--error{background:var(--Error-Error-50);color:var(--Error-Error-700);border:1px solid var(--Error-Error-200)}.alert-legacy--warning{background:var(--Warning-Warning-50);color:var(--Warning-Warning-700);border:1px solid var(--Warning-Warning-200)}.alert-legacy--info{background:var(--Info-Info-50);color:var(--Info-Info-700);border:1px solid var(--Info-Info-200)}.alert-legacy__close{background:transparent;border:none;font-size:20px;cursor:pointer;color:currentColor;opacity:0.6}.alert-legacy__close:hover{opacity:1}";export{a as dropi_alert_legacy}

package/dist/dropi-ui/p-87e9ba6d.entry.js

@@ -1 +0,0 @@
-import{r as e,c as r,h as a}from"./p-TXz_09YZ.js";const t=class{constructor(a){e(this,a),this.dropiClose=r(this,"dropiClose",7)}drawerTitle="";drawerIsOpen=!1;open=!1;position="right";size="";width="400px";height="50vh";headless=!1;closeOnBackdrop=!0;dropiClose;openChanged(e){this.open=e,this.drawerIsOpen=e,"undefined"!=typeof document&&(document.body.style.overflow=e?"hidden":"")}componentWillLoad(){this.drawerIsOpen&&(this.open=!0),this.open&&(this.drawerIsOpen=!0)}close(){this.open=!1,this.dropiClose.emit()}render(){const e=this.size?`drawer-panel--size-${this.size}`:"",r={};return this.size||("left"===this.position||"right"===this.position?r.width=this.width:r.height=this.height),a("div",{key:"2236d22981ab82b57de3d442194403d5d79ce1c8",class:{"drawer-host":!0,"drawer-host--open":this.open}},a("div",{key:"c0132eefbe379fab8c6dc2fb084acf0390fc8d7a",class:"drawer-backdrop",onClick:()=>{this.closeOnBackdrop&&this.close()}}),a("div",{key:"111dbff06af3627ef8e9c593b2fb8598da636009",class:`drawer-panel drawer-panel--${this.position}${e?" "+e:""}`,style:r,role:"dialog","aria-modal":"true"},a("div",{key:"41e891fe77ba69f3e5f3a450da6e4017f0764b59",class:{"drawer-header":!0,"drawer-header--headless":this.headless}},a("h3",{key:"10212f728327670142b23949eb2698e4937d7c27",class:"drawer-header__title"},this.drawerTitle),a("button",{key:"0736447705965fb9222edeb993d85c5e1d567476",class:"drawer-header__close",onClick:()=>this.close(),"aria-label":"Cerrar"},a("dropi-icon",{key:"1d8d27869bd79c5095f56f85b56127673e89d509",name:"Close-small",width:"32px",height:"32px",color:"Gray-Gray-400"}))),a("div",{key:"398f9a7e3e5dd1bf861ca7b14961a0d1a217a229",class:"drawer-body"},a("slot",{key:"2555a218f61c56c017ae1ed2ea1f34048d5e5b51"})),a("div",{key:"88e430bdcba47e50760051e0310788336f11a8c1",class:"drawer-footer"},a("slot",{key:"2de19e6270c61ba5a43d39707db6ea669d9037d1",name:"footer"}))))}static get watchers(){return{open:[{openChanged:0}],drawerIsOpen:[{openChanged:0}]}}};t.style=":host{display:contents;font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.drawer-host{position:fixed;inset:0;z-index:1000;pointer-events:none;visibility:hidden}.drawer-host--open{pointer-events:all;visibility:visible}.drawer-backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.5);opacity:0;transition:opacity 0.25s}.drawer-host--open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;background:var(--Neutral-White, #ffffff);display:flex;flex-direction:column;transition:transform 0.25s ease;overflow:hidden;max-width:100%;min-width:auto}.drawer-panel--right{top:0;right:0;bottom:0;transform:translateX(100%);box-shadow:-4px 0 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--right{transform:translateX(0)}.drawer-panel--left{top:0;left:0;bottom:0;transform:translateX(-100%);box-shadow:4px 0 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--left{transform:translateX(0)}.drawer-panel--bottom{bottom:0;left:0;right:0;transform:translateY(100%);border-radius:var(--Border-2, 8px) var(--Border-2, 8px) 0 0;box-shadow:0 -4px 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--bottom{transform:translateY(0)}.drawer-panel--top{top:0;left:0;right:0;transform:translateY(-100%);border-radius:0 0 var(--Border-2, 8px) var(--Border-2, 8px);box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--top{transform:translateY(0)}.drawer-panel--size-m{width:550px}.drawer-panel--size-l{width:1137px}.drawer-panel--size-xl{width:1280px}.drawer-panel--size-xxl{width:1330px}.drawer-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--Size-4, 16px) var(--Size-4, 16px) var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);flex-shrink:0}.drawer-header--headless{display:none}.drawer-header__title{color:var(--Gray-700, #32394d);font-family:Inter, sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:110%;margin:0}.drawer-header__close{width:var(--Size-6, 32px);height:var(--Size-6, 32px);background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--Gray-400, #858ea6);border-radius:var(--Border-1, 4px);transition:background 0.15s;flex-shrink:0}.drawer-header__close:hover{background:var(--Gray-Gray-50, #f7f8fa)}.drawer-body{flex:1;overflow-y:auto;padding:var(--Size-4, 16px);display:flex;flex-direction:column}.drawer-footer{display:none}";export{t as dropi_drawer}

package/dist/dropi-ui/p-8b4d4d2d.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as s}from"./p-TXz_09YZ.js";const i=class{constructor(s){e(this,s),this.onInput=t(this,"onInput",7),this.onBlur=t(this,"onBlur",7),this.onKeyEnter=t(this,"onKeyEnter",7),this.onChange=t(this,"onChange",7),this.onClear=t(this,"onClear",7),this.modelChange=t(this,"modelChange",7)}type="default";placeholder="Search...";textInput="";typeInput="text";maxLength;showIcon=!0;showClear=!0;dataToSearch=[];dataName="name";position="down";multipleSelectModel=!0;heightOverlay=230;label="";model=[];open=!1;selected=[];parsedOptions=[];onInput;onBlur;onKeyEnter;onChange;onClear;modelChange;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.dataToSearch)}get filtered(){if(!this.textInput)return this.parsedOptions;const e=this.textInput.toLowerCase();return this.parsedOptions.filter((t=>String(t[this.dataName]??"").toLowerCase().includes(e)))}handleInput(e){this.textInput=e.target.value,this.open=this.parsedOptions.length>0,this.onInput.emit(this.textInput),this.onChange.emit(this.textInput)}handleKeyDown(e){"Enter"===e.key&&this.onKeyEnter.emit(this.textInput),"Escape"===e.key&&(this.open=!1)}handleClear(){this.textInput="",this.open=!1,this.onClear.emit(),this.onInput.emit("")}isSelected(e){return this.selected.some((t=>t[this.dataName]===e[this.dataName]))}selectOption(e){this.multipleSelectModel?this.selected=this.isSelected(e)?this.selected.filter((t=>t[this.dataName]!==e[this.dataName])):[...this.selected,e]:(this.textInput=e[this.dataName]??"",this.selected=[e],this.open=!1),this.modelChange.emit(this.selected)}render(){const e=this.open&&this.parsedOptions.length>0;return s("div",{key:"3a191ce6fcdede699dcc707411c4f901a4c16e49",class:"search-wrap"},this.label&&s("label",{key:"41049aa159d5bdb89d07b94821bbfe41bb12c2c7",class:"search-label"},this.label),s("div",{key:"fba00db1ed11f78cefc0a12ca4d3be780989a48e",class:`search-input-row search-input-row--${this.type}`},this.showIcon&&s("dropi-icon",{key:"7b9d9a9c91eb88161492e4fb8f0c87e89c0f24cb",class:"search-icon",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),s("input",{key:"0340848a8c7cdb336fca7e70a863b83a8e8e31ef",class:"search-input",type:this.typeInput,placeholder:this.placeholder,value:this.textInput,maxLength:this.maxLength,onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e),onFocus:()=>{this.parsedOptions.length&&(this.open=!0)},onBlur:()=>{setTimeout((()=>this.open=!1),150),this.onBlur.emit()}}),this.showClear&&this.textInput&&s("button",{key:"80b5c05828f5f67c861b2f05db4e11f3282c995c",class:"search-clear",onClick:()=>this.handleClear(),"aria-label":"Limpiar"},s("dropi-icon",{key:"b83d1998021e65431225e73d1edd0388e01b07ce",name:"Close-small",width:"16px",height:"16px",color:"Gray-Gray-400"}))),e&&s("div",{key:"1800618fb2f8f2a47c9a8ddbb9c9649c254a03d2",class:`search-dropdown search-dropdown--${this.position}`,style:{"--dropdown-height":`${this.heightOverlay}px`}},0===this.filtered.length?s("div",{class:"search-no-results"},"Sin resultados"):this.filtered.map(((e,t)=>s("div",{class:{"search-option":!0,"search-option--selected":this.isSelected(e)},key:t,onMouseDown:t=>{t.preventDefault(),this.selectOption(e)}},this.multipleSelectModel&&s("dropi-checkbox",{checked:this.isSelected(e)}),s("span",{class:"search-option__label"},e[this.dataName]))))))}static get watchers(){return{dataToSearch:[{optionsChanged:0}]}}};i.style=":host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.search-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.search-input-row{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:10px;pointer-events:none;z-index:1}.search-input{width:100%;height:40px;padding:0 36px 0 34px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);outline:none;transition:border-color 0.2s}.search-input:focus{border-color:var(--Info-Info-500, #50a5f1)}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-clear{position:absolute;right:10px;display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;z-index:1}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:var(--dropdown-height, 240px);overflow-y:auto;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.08);z-index:100}.search-option{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;transition:background 0.15s;user-select:none}.search-option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.search-option--selected{background:var(--Primary-Primary-50, #fff5eb)}.search-option__label{flex:1;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-no-results{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-400, #858ea6);text-align:center}";export{i as dropi_search}

package/dist/dropi-ui/p-9062f0de.entry.js

@@ -1 +0,0 @@
-import{r as a,c as r,h as e}from"./p-TXz_09YZ.js";const i=class{constructor(e){a(this,e),this.clickLoadItem=r(this,"clickLoadItem",7),this.dropiNotificationsClick=r(this,"dropiNotificationsClick",7),this.dropiUserClick=r(this,"dropiUserClick",7),this.dropiMenuToggle=r(this,"dropiMenuToggle",7)}logoUrl="";logoAlt="Logo";data=[];title="";activeId="";userName="";userAvatar="";notifications=0;showMenuToggle=!0;clickLoadItem;dropiNotificationsClick;dropiUserClick;dropiMenuToggle;get parsedData(){const a=this.data;return"string"==typeof a?JSON.parse(a):a||[]}render(){const a=this.parsedData;return e("nav",{key:"7309fb8df82f8d3fb17f7bde2791d9442a7b07b3",class:"navbar"},e("div",{key:"a32dc538c37aef53bc25146ff4a42a5ee0a68a48",class:"navbar__left"},this.showMenuToggle&&e("button",{key:"943f67d583ba37abb09bdf9db816ff06871591d6",class:"navbar__menu-btn",onClick:()=>this.dropiMenuToggle.emit(),"aria-label":"Menú"},e("dropi-icon",{key:"5e1365b03f3aaeb1515fbd206ebd868706897818",name:"Menu",width:"20px",height:"20px",color:"Gray-Gray-700"})),this.logoUrl&&e("img",{key:"1572e5f2ccd930caba4c207a7f945b5e54709c9b",class:"navbar__logo",src:this.logoUrl,alt:this.logoAlt}),this.title&&e("span",{key:"9822f3e3d05eca7aee36ca4a0d41ea0d7a1b0971",class:"navbar__title"},this.title)),a.length>0&&e("ul",{key:"6734921e0d83825c0dca5681b35c4a98e85dd33f",class:"navbar__items"},a.map((a=>e("li",null,e("button",{class:{navbar__item:!0,"navbar__item--active":a.id===this.activeId},onClick:()=>this.clickLoadItem.emit(a),type:"button"},a.icon&&e("dropi-icon",{name:a.icon,width:"16px",height:"16px",color:a.id===this.activeId?"Primary-Primary-500":"Gray-Gray-600"}),e("span",null,a.name?.value||a.label),null!=a.badge&&"0"!==String(a.badge)&&e("span",{class:"navbar__badge"},a.badge)))))),e("div",{key:"2efb80c64b439bb8af4bfaad2af2a2e82eac8dbf",class:"navbar__right"},e("button",{key:"d07cf88c4ea1714187f0e0d9b4fb90b828d5ee10",class:"navbar__icon-btn",onClick:()=>this.dropiNotificationsClick.emit(),"aria-label":"Notificaciones"},e("dropi-icon",{key:"7f0c09a30363fcf4cd019250261e2f5f0fd362c1",name:"Bell",width:"20px",height:"20px",color:"Gray-Gray-600"}),this.notifications>0&&e("span",{key:"916b683d0e12ee0d5851b8c53a0cefffbd15b59a",class:"navbar__notif-badge"},this.notifications>99?"99+":this.notifications)),e("button",{key:"adda21458f6f7aac056beac14d59dcbe0a5c6cb5",class:"navbar__user-btn",onClick:()=>this.dropiUserClick.emit(),type:"button"},this.userAvatar?e("img",{class:"navbar__avatar",src:this.userAvatar,alt:this.userName}):e("div",{class:"navbar__avatar-placeholder"},this.userName?this.userName[0].toUpperCase():"?"),this.userName&&e("span",{key:"0a59f395793ceede59e52ef92ac37c71f6099f24",class:"navbar__user-name"},this.userName),e("dropi-icon",{key:"8f430373d4a8f887a8c5da89f86bb3cc0aa5205a",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"}))))}};i.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.navbar{display:flex;align-items:center;height:56px;padding:0 var(--Size-4, 16px);background:var(--Neutral-White, #ffffff);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);gap:var(--Size-4, 16px);position:relative}.navbar__left{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.navbar__menu-btn{background:none;border:none;padding:6px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.navbar__menu-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__logo{height:28px;object-fit:contain}.navbar__items{flex:1;list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--Size-1, 4px)}.navbar__item{display:flex;align-items:center;gap:var(--Size-1, 4px);padding:6px var(--Size-3, 12px);background:none;border:none;border-radius:var(--Border-1, 4px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-600, #475066);cursor:pointer;transition:background 0.15s, color 0.15s;white-space:nowrap}.navbar__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__item--active{background:var(--Primary-Primary-50, #fff5eb);color:var(--Primary-Primary-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.navbar__badge{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);min-width:16px;height:16px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 4px}.navbar__right{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.navbar__icon-btn{position:relative;background:none;border:none;padding:6px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.navbar__icon-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__notif-badge{position:absolute;top:2px;right:2px;background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff);font-size:9px;font-weight:var(--font-weight-bold);min-width:14px;height:14px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 3px}.navbar__user-btn{display:flex;align-items:center;gap:var(--Size-1, 4px);background:none;border:none;padding:4px 8px;border-radius:var(--Border-1, 4px);cursor:pointer;transition:background 0.15s;font-family:inherit}.navbar__user-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.navbar__avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700)}.navbar__user-name{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";export{i as dropi_navbar}

package/dist/dropi-ui/p-925852b1.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i}from"./p-TXz_09YZ.js";const e=class{constructor(i){t(this,i)}country="";customStyle="flat";width="";height="";get src(){const t=(this.country||"").toUpperCase();return"circle"===this.customStyle?`https://hatscripts.github.io/circle-flags/flags/${t.toLowerCase()}.svg`:`https://flagsapi.com/${t}/flat/64.png`}render(){const t={};return this.width&&(t.width=this.width.includes("px")?this.width:`${this.width}px`),this.height&&(t.height=this.height.includes("px")?this.height:`${this.height}px`),i("figure",{key:"08e6efa91f51eb4c408ae868cef6a2c449e7ac2f",class:`flag ${this.customStyle}`},i("img",{key:"d0c24fdb98b1c2561f36dc70663e07ccea7802ca",src:this.src,style:t,alt:`flag-${this.country}`}))}};e.style=":host{display:inline-flex}.flag{max-width:40px;max-height:40px;margin:0;display:flex;align-items:center;justify-content:center}.flag img{width:100%;height:100%;object-fit:cover}.circle{border-radius:50%;overflow:hidden}.rectangle{border-radius:4px;overflow:hidden;max-width:32px !important;max-height:24px !important}";export{e as dropi_country_flags}

package/dist/dropi-ui/p-99943b7d.entry.js

@@ -1 +0,0 @@
-import{r as a,h as i}from"./p-TXz_09YZ.js";const r="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiI+PGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IiNlNmVhZjIiLz48Y2lyY2xlIGN4PSIxOCIgY3k9IjE0IiByPSI2IiBmaWxsPSIjODU4ZWE2Ii8+PHBhdGggZD0iTTYgMzJjMC04IDI0LTggMjQgMCIgZmlsbD0iIzg1OGVhNiIvPjwvc3ZnPg==",t=class{constructor(i){a(this,i)}image="";alt="Avatar";type="users";initials="";handleError(a){a.target.src=r}render(){const a=this.initials?.slice(0,2).toUpperCase(),t=!this.image&&a;return i("figure",{key:"207390b678faada7a5c276b23246573b04c0416c",class:{avatar:!0,[`avatar--${this.type}`]:!0}},t?i("div",{class:"avatar__initials"},a):i("img",{src:this.image||r,alt:this.alt,onError:a=>this.handleError(a)}))}};t.style=":host{display:inline-block}.avatar{margin:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar--users,.avatar--transport,.avatar--payment{width:35px;height:35px}.avatar--supplier{width:70px;height:70px}.avatar--counter{width:33px;height:33px}.avatar__initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background-color:var(--Primary-Primary-100, #fde9d0);color:var(--Primary-Primary-600, #d4872e);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.5px}";export{t as dropi_avatars}

package/dist/dropi-ui/p-TXz_09YZ.js

@@ -1,2 +0,0 @@
-const e=()=>{},n=":root{--Primary-Primary-50:#fef8f2;--Primary-Primary-100:#ffecda;--Primary-Primary-200:#fcddbd;--Primary-Primary-300:#f2bc85;--Primary-Primary-400:#f7b46f;--Primary-Primary-500:#f49a3d;--Primary-Primary-600:#e58017;--Primary-Primary-700:#99540f;--Primary-Primary-800:#66380a;--Primary-Primary-900:#331c05;--Secondary-Secondary-50:#f0fafc;--Secondary-Secondary-100:#cee8f2;--Secondary-Secondary-200:#95d0e5;--Secondary-Secondary-300:#62bad9;--Secondary-Secondary-400:#33a4cc;--Secondary-Secondary-500:#008dbf;--Secondary-Secondary-600:#007199;--Secondary-Secondary-700:#005573;--Secondary-Secondary-800:#00384d;--Secondary-Secondary-900:#001c26;--Neutral-White:#ffffff;--Neutral-Black:#000000;--Gray-Gray-50:#f7f8fa;--Gray-Gray-100:#e6eaf2;--Gray-Gray-200:#c3c9d9;--Gray-Gray-300:#a3abbf;--Gray-Gray-400:#858ea6;--Gray-Gray-500:#69738c;--Gray-Gray-600:#475066;--Gray-Gray-700:#32394d;--Gray-Gray-800:#1f2433;--Gray-Gray-900:#0e111a;--Success-Success-50:#e7f8f3;--Success-Success-100:#b3eada;--Success-Success-200:#8ee0c8;--Success-Success-300:#5bd1af;--Success-Success-400:#3bc99f;--Success-Success-500:#0abb87;--Success-Success-600:#09aa7b;--Success-Success-700:#078560;--Success-Success-800:#06674a;--Success-Success-900:#044f39;--Error-Error-50:#fef0f0;--Error-Error-100:#fcd1d1;--Error-Error-200:#fababb;--Error-Error-300:#f89b9c;--Error-Error-400:#f68889;--Error-Error-500:#f46a6b;--Error-Error-600:#de6061;--Error-Error-700:#ad4b4c;--Error-Error-800:#863a3b;--Error-Error-900:#662d2d;--Info-Info-50:#eef6fe;--Info-Info-100:#c9e3fb;--Info-Info-200:#afd6f9;--Info-Info-300:#8ac3f6;--Info-Info-400:#73b7f4;--Info-Info-500:#50a5f1;--Info-Info-600:#4996db;--Info-Info-700:#3975ab;--Info-Info-800:#2c5b85;--Info-Info-900:#224565;--Warning-Warning-50:#fef8ed;--Warning-Warning-100:#fbe8c8;--Warning-Warning-200:#f9ddad;--Warning-Warning-300:#f6cd87;--Warning-Warning-400:#f4c370;--Warning-Warning-500:#f1b44c;--Warning-Warning-600:#dba445;--Warning-Warning-700:#ab8036;--Warning-Warning-800:#85632a;--Warning-Warning-900:#654c20;--Orange-orange-50:#fef5ec;--Orange-orange-500:#f49a3d;--Size-1:4px;--Size-2:8px;--Size-3:12px;--Size-4:16px;--Size-5:24px;--Size-6:32px;--Size-7:40px;--Size-8:48px;--Size-9:56px;--Size-10:64px;--Border-1:4px;--Border-2:8px;--Border-3:12px;--Border-4:24px;--Border-5:32px;--Border-full:9999px;--font-size-xxxxl:36px;--font-size-xxxl:30px;--font-size-xxl:24px;--font-size-xl:20px;--font-size-l:18px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px;--lineheight-simple:110%;--lineheight-large:150%;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-regular:400;--font-weight-light:300;--font-family-01:'Inter', sans-serif;--breakpoint-extra-small:576px;--breakpoint-small:600px;--breakpoint-medium:1000px;--breakpoint-large:1200px;--breakpoint-extra-large:1536px;--breakpoint-full-width:1920px;--Shadow-small:0px 0px 12px rgba(0, 0, 0, 0.04);--Shadow-medium:0.5px 4px 8px rgba(0, 0, 0, 0.08);--Shadow-large:0px 4px 16px rgba(0, 0, 0, 0.16);--Shadow-icon:0px 0px 4px rgba(0, 0, 0, 0.16);--Interrapidisimo:#383637;--Domina:#464ffe;--Coordinadora:#2686c5;--Servientrega:#1ba558;--99-minutos:#9cd453;--TCC:#f8dd49;--Veloces:#dc2e76;--Envia:#e7484e;--Restlogix:#90dd92;--Tiui:#0596a5;--Fedex:#4d148c;--Laarcourier:#faf063;--Gintracom:#ff3939;--Blue-express:#1542a3;--Lulu:#f03a3e;--Urbano:#e53237;--Tipsa:#1d3681}@media (max-width: 600px){:root{--font-size-xxxxl:32px;--font-size-xxxl:26px;--font-size-xxl:20px;--font-size-xl:18px;--font-size-l:16px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px}}*{font-family:var(--font-family-01);box-sizing:border-box;text-align:left}h1{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h2{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h3{color:var(--Gray-Gray-700);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h4{color:var(--Gray-Gray-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h5{color:var(--Gray-Gray-700);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Body-L-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-L-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-M-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-M-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-S-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-S-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Caption-M{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Caption-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-L{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-M{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}";function t(e,n,t){const r="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==r;){const r=Object.getOwnPropertyDescriptor(e,n);if(r&&(!t||r.get))return r;e=Object.getPrototypeOf(e)}}var r,o=(e,n)=>{var r;Object.entries(null!=(r=n.o.t)?r:{}).map((([r,[o]])=>{if(31&o||32&o){const o=e[r],i=t(Object.getPrototypeOf(e),r,!0)||Object.getOwnPropertyDescriptor(e,r);i&&Object.defineProperty(e,r,{get(){return i.get.call(this)},set(e){i.set.call(this,e)},configurable:!0,enumerable:!0}),n.i.has(r)?e[r]=n.i.get(r):void 0!==o&&(e[r]=o)}}))},i=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},l=(e,n)=>{n&&(e.__stencil__getHostRef=()=>n,n.l=e,512&n.o.u&&o(e,n))},a=(e,n)=>n in e,s=(e,n)=>(0,console.error)(e,n),c=new Map,f=new Map,u=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],d="undefined"!=typeof window?window:{},h={u:0,h:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,r)=>e.addEventListener(n,t,r),rel:(e,n,t,r)=>e.removeEventListener(n,t,r),ce:(e,n)=>new CustomEvent(e,n)},p=e=>Promise.resolve(e),y=(()=>{try{return!!d.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),g=!!y&&(()=>!!d.document&&Object.getOwnPropertyDescriptor(d.document.adoptedStyleSheets,"length").writable)(),v=!1,m=[],b=[],x=(e,n)=>t=>{e.push(t),v||(v=!0,n&&4&h.u?z(S):h.raf(S))},w=e=>{for(let n=0;n<e.length;n++)try{e[n](performance.now())}catch(e){s(e)}e.length=0},S=()=>{w(m),w(b),(v=m.length>0)&&h.raf(S)},z=e=>p().then(e),G=x(b,!0);function $(){var e;const t=this.attachShadow({mode:"open"});if(void 0===r&&(r=null!=(e=function(e){if(!y)return;const n=new CSSStyleSheet;return n.replaceSync(e),n}(n))?e:null),r)g?t.adoptedStyleSheets.push(r):t.adoptedStyleSheets=[...t.adoptedStyleSheets,r];else if(!y){const e=document.createElement("style");e.innerHTML=n,t.prepend(e)}}function E(e){var n,t,r;return null!=(r=null==(t=null==(n=e.head)?void 0:n.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?r:void 0}var j,O=new WeakMap,P=e=>"sc-"+e.p,k=e=>"object"==(e=typeof e)||"function"===e,W=(e,n,...t)=>{let r=null,o=null,i=!1,l=!1;const a=[],s=n=>{for(let t=0;t<n.length;t++)r=n[t],Array.isArray(r)?s(r):null!=r&&"boolean"!=typeof r&&((i="function"!=typeof e&&!k(r))&&(r+=""),i&&l?a[a.length-1].v+=r:a.push(i?C(null,r):r),l=i)};if(s(t),n){n.key&&(o=n.key);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}const c=C(e,null);return c.m=n,a.length>0&&(c.S=a),c.G=o,c},C=(e,n)=>({u:0,$:e,v:null!=n?n:null,j:null,S:null,m:null,G:null}),I={},M=(e,n,t)=>null==e||k(e)?e:4&n?(t&&"string"==typeof e||"false"!==e)&&(""===e||!!e):2&n?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&n?e+"":e,L=e=>{var n;return null==(n=i(e))?void 0:n.$hostElement$},B=(e,n,t)=>{const r=L(e);return{emit:e=>R(r,n,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:e})}},R=(e,n,t)=>{const r=h.ce(n,t);return e.dispatchEvent(r),r},N=(e,n,t,r,o,l)=>{if(t===r)return;let s=a(e,n),c=n.toLowerCase();if("class"===n){const n=e.classList,o=A(t);let i=A(r);n.remove(...o.filter((e=>e&&!i.includes(e)))),n.add(...i.filter((e=>e&&!o.includes(e))))}else if("style"===n){for(const n in t)r&&null!=r[n]||(n.includes("-")?e.style.removeProperty(n):e.style[n]="");for(const n in r)t&&r[n]===t[n]||(n.includes("-")?e.style.setProperty(n,r[n]):e.style[n]=r[n])}else if("key"===n);else if("ref"===n)r&&ne(r,e);else if(s||"o"!==n[0]||"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const t=n.slice(5);let o;{const n=i(e);if(n&&n.o&&n.o.t){const e=n.o.t[t];e&&e[1]&&(o=e[1])}}return o||(o=t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==r||!1===r?!1===r&&""!==e.getAttribute(o)||e.removeAttribute(o):e.setAttribute(o,!0===r?"":r))}if("p"===n[0]&&n.startsWith("prop:")){const t=n.slice(5);try{e[t]=r}catch(e){}return}{const i=k(r);if((s||i&&null!==r)&&!o)try{if(e.tagName.includes("-"))e[n]!==r&&(e[n]=r);else{const o=null==r?"":r;"list"===n?s=!1:null!=t&&e[n]===o||("function"==typeof e.__lookupSetter__(n)?e[n]=o:e.setAttribute(n,o))}}catch(e){}null==r||!1===r?!1===r&&""!==e.getAttribute(n)||e.removeAttribute(n):(!s||4&l||o)&&!i&&1===e.nodeType&&e.setAttribute(n,r=!0===r?"":r)}}else if(n="-"===n[2]?n.slice(3):a(d,c)?c.slice(2):c[2]+n.slice(3),t||r){const o=n.endsWith(D);n=n.replace(U,""),t&&h.rel(e,n,t,o),r&&h.ael(e,n,r,o)}},T=/\s/,A=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(T):[]),D="Capture",U=RegExp(D+"$"),H=(e,n,t)=>{const r=11===n.j.nodeType&&n.j.host?n.j.host:n.j,o=e&&e.m||{},i=n.m||{};for(const e of F(Object.keys(o)))e in i||N(r,e,o[e],void 0,t,n.u);for(const e of F(Object.keys(i)))N(r,e,o[e],i[e],t,n.u)};function F(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var V=!1,q=!1,Y=[],Z=[],_=(e,n,t)=>{const r=n.S[t];let o,i,l=0;if(null!=r.v)o=r.j=d.document.createTextNode(r.v);else{if(q||(q="svg"===r.$),!d.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(o=r.j=d.document.createElementNS(q?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",r.$),q&&"foreignObject"===r.$&&(q=!1),H(null,r,q),r.S){const n="template"===r.$?o.content:o;for(l=0;l<r.S.length;++l)i=_(e,r,l),i&&n.appendChild(i)}"svg"===r.$?q=!1:"foreignObject"===o.tagName&&(q=!0)}return o["s-hn"]=j,o},J=(e,n,t,r,o,i)=>{let l,a=e;for(a.shadowRoot&&a.tagName===j&&(a=a.shadowRoot),"template"===t.$&&(a=a.content);o<=i;++o)r[o]&&(l=_(null,t,o),l&&(r[o].j=l,te(a,l,n)))},K=(e,n,t)=>{for(let r=n;r<=t;++r){const n=e[r];if(n){const e=n.j;ee(n),e&&e.remove()}}},Q=(e,n,t=!1)=>e.$===n.$&&(t?(t&&!e.G&&n.G&&(e.G=n.G),!0):e.G===n.G),X=(e,n,t=!1)=>{const r=n.j=e.j,o=e.S,i=n.S,l=n.$,a=n.v;null==a?(q="svg"===l||"foreignObject"!==l&&q,"slot"!==l||V||e.O!==n.O&&(n.j["s-sn"]=n.O||"",(e=>{h.u|=1;const n=e.closest(j.toLowerCase());if(null!=n){const t=Array.from(n.__childNodes||n.childNodes).find((e=>e["s-cr"])),r=Array.from(e.__childNodes||e.childNodes);for(const e of t?r.reverse():r)null!=e["s-sh"]&&(te(n,e,null!=t?t:null),e["s-sh"]=void 0)}h.u&=-2})(n.j.parentElement)),H(e,n,q),null!==o&&null!==i?((e,n,t,r,o=!1)=>{let i,l,a=0,s=0,c=0,f=0,u=n.length-1,d=n[0],h=n[u],p=r.length-1,y=r[0],g=r[p];const v="template"===t.$?e.content:e;for(;a<=u&&s<=p;)if(null==d)d=n[++a];else if(null==h)h=n[--u];else if(null==y)y=r[++s];else if(null==g)g=r[--p];else if(Q(d,y,o))X(d,y,o),d=n[++a],y=r[++s];else if(Q(h,g,o))X(h,g,o),h=n[--u],g=r[--p];else if(Q(d,g,o))X(d,g,o),te(v,d.j,h.j.nextSibling),d=n[++a],g=r[--p];else if(Q(h,y,o))X(h,y,o),te(v,h.j,d.j),h=n[--u],y=r[++s];else{for(c=-1,f=a;f<=u;++f)if(n[f]&&null!==n[f].G&&n[f].G===y.G){c=f;break}c>=0?(l=n[c],l.$!==y.$?i=_(n&&n[s],t,c):(X(l,y,o),n[c]=void 0,i=l.j),y=r[++s]):(i=_(n&&n[s],t,s),y=r[++s]),i&&te(d.j.parentNode,i,d.j)}a>u?J(e,null==r[p+1]?null:r[p+1].j,t,r,s,p):s>p&&K(n,a,u)})(r,o,n,i,t):null!==i?(null!==e.v&&(r.textContent=""),J(r,null,n,i,0,i.length-1)):!t&&null!==o&&K(o,0,o.length-1),q&&"svg"===l&&(q=!1)):e.v!==a&&(r.data=a)},ee=e=>{e.m&&e.m.ref&&Y.push((()=>e.m.ref(null))),e.S&&e.S.map(ee)},ne=(e,n)=>{Z.push((()=>e(n)))},te=(e,n,t)=>e.__insertBefore?e.__insertBefore(n,t):null==e?void 0:e.insertBefore(n,t),re=(e,n)=>{if(n&&!e.P&&n["s-p"]){const t=n["s-p"].push(new Promise((r=>e.P=()=>{n["s-p"].splice(t-1,1),r()})))}},oe=(e,n)=>{if(e.u|=16,4&e.u)return void(e.u|=512);re(e,e.k);const t=()=>ie(e,n);if(!n)return G(t);queueMicrotask((()=>{t()}))},ie=(e,n)=>{const t=e.$hostElement$,r=e.l;if(!r)throw Error(`Can't render component <${t.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 o;return n?(e.u|=256,e.W&&(e.W.map((([e,n])=>de(r,e,n,t))),e.W=void 0),e.C.length&&e.C.forEach((e=>e(t))),o=de(r,"componentWillLoad",void 0,t)):o=de(r,"componentWillUpdate",void 0,t),o=le(o,(()=>de(r,"componentWillRender",void 0,t))),le(o,(()=>se(e,r,n)))},le=(e,n)=>ae(e)?e.then(n).catch((e=>{console.error(e),n()})):n(),ae=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,se=async(e,n,t)=>{var r;const o=e.$hostElement$,i=o["s-rc"];t&&(e=>{const n=e.o,t=e.$hostElement$,r=n.u,o=((e,n)=>{var t,r,o;const i=P(n),l=f.get(i);if(!d.document)return i;if(e=11===e.nodeType?e:d.document,l)if("string"==typeof l){let o,a=O.get(e=e.head||e);if(a||O.set(e,a=new Set),!a.has(i)){o=d.document.createElement("style"),o.textContent=l;const s=null!=(t=h.I)?t:E(d.document);if(null!=s&&o.setAttribute("nonce",s),!(1&n.u))if("HEAD"===e.nodeName){const n=e.querySelectorAll("link[rel=preconnect]"),t=n.length>0?n[n.length-1].nextSibling:e.querySelector("style");e.insertBefore(o,(null==t?void 0:t.parentNode)===e?t:null)}else if("host"in e)if(y){const n=new(null!=(r=e.defaultView)?r:e.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(l),g?e.adoptedStyleSheets.unshift(n):e.adoptedStyleSheets=[n,...e.adoptedStyleSheets]}else{const n=e.querySelector("style");n?n.textContent=l+n.textContent:e.prepend(o)}else e.append(o);1&n.u&&e.insertBefore(o,null),4&n.u&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),a&&a.add(i)}}else{let n=O.get(e);if(n||O.set(e,n=new Set),!n.has(i)){const t=null!=(o=e.defaultView)?o:e.ownerDocument.defaultView;let r;if(l.constructor===t.CSSStyleSheet)r=l;else{r=new t.CSSStyleSheet;for(let e=0;e<l.cssRules.length;e++)r.insertRule(l.cssRules[e].cssText,e)}g?e.adoptedStyleSheets.push(r):e.adoptedStyleSheets=[...e.adoptedStyleSheets,r],n.add(i)}}return i})(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);10&r&&(t["s-sc"]=o,t.classList.add(o+"-h"))})(e);ce(e,n,o,t),i&&(i.map((e=>e())),o["s-rc"]=void 0);{const n=null!=(r=o["s-p"])?r:[],t=()=>fe(e);0===n.length?t():(Promise.all(n).then(t).catch(t),e.u|=4,n.length=0)}},ce=(e,n,t,r)=>{try{n=n.render(),e.u&=-17,e.u|=2,((e,n,t=!1)=>{const r=e.$hostElement$,o=e.o,i=e.M||C(null,null),l=(e=>e&&e.$===I)(n)?n:W(null,null,n);if(j=r.tagName,o.L&&(l.m=l.m||{},o.L.forEach((([e,n])=>{l.m[n]=r[e]}))),t&&l.m)for(const e of Object.keys(l.m))r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(l.m[e]=r[e]);l.$=null,l.u|=4,e.M=l,l.j=i.j=r.shadowRoot||r,V=!(!(1&o.u)||128&o.u),X(i,l,t),Y.forEach((e=>e())),Y.length=0,Z.forEach((e=>e())),Z.length=0})(e,n,r)}catch(n){s(n,e.$hostElement$)}return null},fe=e=>{const n=e.$hostElement$,t=e.l,r=e.k;de(t,"componentDidRender",void 0,n),64&e.u?de(t,"componentDidUpdate",void 0,n):(e.u|=64,he(n),de(t,"componentDidLoad",void 0,n),e.B(n),r||ue()),e.R(n),e.P&&(e.P(),e.P=void 0),512&e.u&&z((()=>oe(e,!1))),e.u&=-517},ue=()=>{z((()=>R(d,"appload",{detail:{namespace:"dropi-ui"}})))},de=(e,n,t,r)=>{if(e&&e[n])try{return e[n](t)}catch(e){s(e,r)}},he=e=>e.classList.add("hydrated"),pe=(e,n,t,r)=>{const o=i(e);if(!o)return;if(!o)throw Error(`Couldn't find host element for "${r.p}" 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=o.$hostElement$,a=o.i.get(n),c=o.u,f=o.l;if(t=M(t,r.t[n][0],!!(64&r.u)),!(8&c&&void 0!==a||t===a||Number.isNaN(a)&&Number.isNaN(t))){if(o.i.set(n,t),r.N){const e=r.N[n];e&&e.map((e=>{try{const[[r,i]]=Object.entries(e);(128&c||1&i)&&(f?f[r](t,a,n):o.C.push((()=>{o.l[r](t,a,n)})))}catch(e){s(e,l)}}))}if(2&c){if(f.componentShouldUpdate&&!1===f.componentShouldUpdate(t,a,n)&&!(16&c))return;16&c||oe(o,!1)}}},ye=(e,n,r)=>{var o,l;const a=e.prototype;64&n.u&&1&r&&u.forEach((e=>{Object.defineProperty(a,e,{value(...n){var t;const r=i(this),o=null==r?void 0:r.l;if(o){const t=o[e];"function"==typeof t&&t.call(o,...n)}else null==(t=null==r?void 0:r.T)||t.then((t=>{const r=t[e];"function"==typeof r&&r.call(t,...n)}))}})}));{e.watchers&&!n.N&&(n.N=e.watchers),e.deserializers&&!n.A&&(n.A=e.deserializers),e.serializers&&!n.D&&(n.D=e.serializers);const s=Object.entries(null!=(o=n.t)?o:{});if(s.map((([e,[o]])=>{if(31&o||2&r&&32&o){const{get:l,set:s}=t(a,e)||{};l&&(n.t[e][0]|=2048),s&&(n.t[e][0]|=4096),(1&r||!l)&&Object.defineProperty(a,e,{get(){{if(!(2048&n.t[e][0]))return((e,n)=>i(this).i.get(n))(0,e);const t=i(this),r=t?t.l:a;if(!r)return;return r[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(a,e,{set(t){const l=i(this);if(l){if(s)return void 0===(32&o?this[e]:l.$hostElement$[e])&&l.i.get(e)&&(t=l.i.get(e)),s.call(this,M(t,o,!!(64&n.u))),void pe(this,e,t=32&o?this[e]:l.$hostElement$[e],n);{if(!(1&r&&4096&n.t[e][0]))return pe(this,e,t,n),void(1&r&&!l.l&&l.C.push((()=>{4096&n.t[e][0]&&l.l[e]!==l.i.get(e)&&(l.l[e]=t)})));const i=()=>{const r=l.l[e];!l.i.get(e)&&r&&l.i.set(e,r),l.l[e]=M(t,o,!!(64&n.u)),pe(this,e,l.l[e],n)};l.l?i():l.C.push((()=>{i()}))}}}})}else 1&r&&64&o&&Object.defineProperty(a,e,{value(...n){var t;const r=i(this);return null==(t=null==r?void 0:r.U)?void 0:t.then((()=>{var t;return null==(t=r.l)?void 0:t[e](...n)}))}})})),1&r){const t=new Map;a.attributeChangedCallback=function(e,r,o){h.jmp((()=>{var l;const c=t.get(e),f=i(this);if(this.hasOwnProperty(c)&&(o=this[c],delete this[c]),a.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==o)return;if(null==c){const t=null==f?void 0:f.u;if(f&&t&&!(8&t)&&o!==r){const i=f.l,a=null==(l=n.N)?void 0:l[e];null==a||a.forEach((n=>{const[[l,a]]=Object.entries(n);null!=i[l]&&(128&t||1&a)&&i[l].call(i,o,r,e)}))}return}const u=s.find((([e])=>e===c));u&&4&u[1][0]&&(o=null!==o&&"false"!==o);const d=Object.getOwnPropertyDescriptor(a,c);o==this[c]||d.get&&!d.set||(this[c]=o)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=n.N)?l:{}),...s.filter((([e,n])=>31&n[0])).map((([e,r])=>{var o;const i=r[1]||e;return t.set(i,e),512&r[0]&&(null==(o=n.L)||o.push([e,i])),i}))]))}}return e},ge=(e,n)=>{de(e,"connectedCallback",void 0,n)},ve=(e,n)=>{de(e,"disconnectedCallback",void 0,n||e)},me=(e,n={})=>{var t;if(!d.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const r=[],o=n.exclude||[],l=d.customElements,a=d.document.head,u=a.querySelector("meta[charset]"),p=d.document.createElement("style"),g=[];let v,m=!0;if(Object.assign(h,n),h.h=new URL(n.resourcesUrl||"./",d.document.baseURI).href,e.map((e=>{e[1].map((n=>{var t,a,u;const d={u:n[0],p:n[1],t:n[2],H:n[3]};d.t=n[2],d.H=n[3],d.L=[],d.N=null!=(t=n[4])?t:{},d.D=null!=(a=n[5])?a:{},d.A=null!=(u=n[6])?u:{};const p=d.p,b=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(e){if(super(e),((e,n)=>{const t={u:0,$hostElement$:e,o:n,i:new Map,F:new Map};t.U=new Promise((e=>t.R=e)),t.T=new Promise((e=>t.B=e)),e["s-p"]=[],e["s-rc"]=[],t.C=[];const r=t;e.__stencil__getHostRef=()=>r})(e=this,d),1&d.u)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${d.p}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else $.call(e,d)}connectedCallback(){const e=i(this);e&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,be(this,e,d.H)),v&&(clearTimeout(v),v=null),m?g.push(this):h.jmp((()=>(e=>{if(!(1&h.u)){const n=i(e);if(!n)return;const t=n.o,r=()=>{};if(1&n.u)be(e,n,t.H),(null==n?void 0:n.l)?ge(n.l,e):(null==n?void 0:n.T)&&n.T.then((()=>ge(n.l,e)));else{n.u|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){re(n,n.k=t);break}}t.t&&Object.entries(t.t).map((([n,[t]])=>{if(31&t&&Object.prototype.hasOwnProperty.call(e,n)){const t=e[n];delete e[n],e[n]=t}})),(async(e,n,t)=>{let r;try{if(!(32&n.u)){if(n.u|=32,t.V){const o=((e,n)=>{const t=e.p.replace(/-/g,"_"),r=e.V;if(!r)return;const o=c.get(r);return o?o[t]:import(`./${r}.entry.js`).then((e=>(c.set(r,e),e[t])),(e=>{s(e,n.$hostElement$)}))
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(t,n);if(o&&"then"in o){const e=()=>{};r=await o,e()}else r=o;if(!r)throw Error(`Constructor for "${t.p}#${n.q}" was not found`);r.isProxied||(t.N=r.watchers,t.D=r.serializers,t.A=r.deserializers,ye(r,t,2),r.isProxied=!0);const i=()=>{};n.u|=8;try{new r(n)}catch(n){s(n,e)}n.u&=-9,n.u|=128,i(),ge(n.l,e)}else r=e.constructor,customElements.whenDefined(e.localName).then((()=>n.u|=128));if(r&&r.style){let e;"string"==typeof r.style&&(e=r.style);const n=P(t);if(!f.has(n)){const r=()=>{};((e,n,t)=>{let r=f.get(e);y&&t?(r=r||new CSSStyleSheet,"string"==typeof r?r=n:r.replaceSync(n)):r=n,f.set(e,r)})(n,e,!!(1&t.u)),r()}}}const o=n.k,i=()=>oe(n,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()}catch(t){s(t,e),n.P&&(n.P(),n.P=void 0),n.B&&n.B(e)}})(e,n,t)}r()}})(this))))}disconnectedCallback(){h.jmp((()=>(async e=>{if(!(1&h.u)){const n=i(e);(null==n?void 0:n.Y)&&(n.Y.map((e=>e())),n.Y=void 0),(null==n?void 0:n.l)?ve(n.l,e):(null==n?void 0:n.T)&&n.T.then((()=>ve(n.l,e)))}O.has(e)&&O.delete(e),e.shadowRoot&&O.has(e.shadowRoot)&&O.delete(e.shadowRoot)})(this))),h.raf((()=>{var e;const n=i(this);if(!n)return;const t=g.findIndex((e=>e===this));t>-1&&g.splice(t,1),(null==(e=null==n?void 0:n.M)?void 0:e.j)instanceof Node&&!n.M.j.isConnected&&delete n.M.j}))}componentOnReady(){var e;return null==(e=i(this))?void 0:e.T}};64&d.u&&(b.formAssociated=!0),d.V=e[0],o.includes(p)||l.get(p)||(r.push(p),l.define(p,ye(b,d,1)))}))})),r.length>0&&(p.textContent+=r.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",p.innerHTML.length)){p.setAttribute("data-styles","");const e=null!=(t=h.I)?t:E(d.document);null!=e&&p.setAttribute("nonce",e),a.insertBefore(p,u?u.nextSibling:a.firstChild)}m=!1,g.length?g.map((e=>e.connectedCallback())):h.jmp((()=>v=setTimeout(ue,30)))},be=(e,n,t)=>{t&&d.document&&t.map((([t,r,o])=>{const i=we(d.document,e,t),l=xe(n,o),a=Se(t);h.ael(i,r,l,a),(n.Y=n.Y||[]).push((()=>h.rel(i,r,l,a)))}))},xe=(e,n)=>t=>{var r;try{256&e.u?null==(r=e.l)||r[n](t):(e.W=e.W||[]).push([n,t])}catch(n){s(n,e.$hostElement$)}},we=(e,n,t)=>4&t?e:8&t?d:n,Se=e=>({passive:!!(1&e),capture:!!(2&e)}),ze=e=>h.I=e;export{L as a,me as b,B as c,e as g,W as h,p,l as r,ze as s}

package/dist/dropi-ui/p-a1f2383d.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as o}from"./p-TXz_09YZ.js";const i=class{constructor(o){e(this,o),this.onChange=t(this,"onChange",7)}isChecked=!1;disabled=!1;onChange;onToggleChange(e){this.isChecked=e.target.checked,this.onChange.emit(this.isChecked)}render(){return o("label",{key:"15d604adb71cbe0c4d7e3627b8ee58380749c4df",class:"toggle-switch"},o("input",{key:"5ff458aa0c536d88e2ee44576e7b5cbfdb15e990",type:"checkbox",checked:this.isChecked,disabled:this.disabled,onChange:e=>this.onToggleChange(e)}),o("span",{key:"a0dbc3f038af17fcea903fccd5f1e1638192c89a",class:"slider"}))}static get formAssociated(){return!0}};i.style=":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.toggle-switch{position:relative;display:inline-block;width:40px;height:21px;margin-bottom:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--Gray-Gray-200, #c3c9d9);transition:0.4s;border-radius:34px}.slider::before{position:absolute;content:'';height:17px;width:17px;left:3px;bottom:2px;background-color:var(--Neutral-White, #ffffff);transition:0.4s;border-radius:50%}input:checked+.slider{background-color:var(--Primary-Primary-500, #f49a3d)}input:checked+.slider::before{transform:translateX(17px)}:host([disabled]) .toggle-switch{cursor:not-allowed;opacity:0.5}";export{i as dropi_switch}

package/dist/dropi-ui/p-a6939701.entry.js

@@ -1 +0,0 @@
-import{r as a,c as t,h as e}from"./p-TXz_09YZ.js";const r=class{constructor(e){a(this,e),this.onIndexChanged=t(this,"onIndexChanged",7)}configuration=[];activeTab=0;showIcon=!1;stopAction=!1;onIndexChanged;parsedTabs=[];tabsChanged(a){this.parsedTabs="string"==typeof a?JSON.parse(a):a??[]}componentWillLoad(){this.tabsChanged(this.configuration)}handleClick(a){a.disabled||this.stopAction||(this.activeTab=a.id,this.onIndexChanged.emit(a))}render(){return e("div",{key:"35d0e29a1b788e7895d31ed6040cd86ecc6a28b3",class:"tabs-container",role:"tablist"},this.parsedTabs.map((a=>{const t=a.id===this.activeTab;return e("div",{role:"tab","aria-selected":String(t),class:{"tab-item":!0,"tab-item--active":t&&!a.disabled,"tab-item--disabled":!!a.disabled},onClick:()=>this.handleClick(a)},e("span",{class:"tab-label-row"},e("span",{class:"tab-label"},a.label),null!=a.counter&&e("span",{class:{"tab-counter":!0,"tab-counter--active":t}},a.counter)),this.showIcon&&(a.completed?e("dropi-icon",{name:"Check-circle",width:"12px",height:"12px",color:"Success-Success-500"}):e("span",{class:"tab-status-dot"})))})))}static get watchers(){return{configuration:[{tabsChanged:0}]}}};r.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.tabs-container{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;height:52px;scrollbar-width:none}.tabs-container::-webkit-scrollbar{width:0;height:0}.tab-item{padding:var(--Size-4,16px) var(--Size-5,20px);background:var(--Neutral-White, #ffffff);border-bottom:2px solid var(--Gray-Gray-100,#e6eaf2);cursor:pointer;display:flex;gap:16px;align-items:center;white-space:nowrap;flex-shrink:0;transition:border-color 0.15s ease;user-select:none}.tab-item:hover:not(.tab-item--disabled):not(.tab-item--active){border-color:var(--Gray-Gray-300,#a3abbf)}.tab-item--active{border-bottom:2px solid var(--Primary-Primary-500,#f49a3d)}.tab-item--disabled{background:rgba(223,228,237,0.22);cursor:not-allowed;opacity:0.7;pointer-events:none}.tab-label-row{display:flex;align-items:center;gap:8px}.tab-label{font-size:var(--font-size-s,14px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-400,#858ea6);line-height:20px}.tab-item--active .tab-label{color:var(--Gray-Gray-600,#475066)}.tab-item--disabled .tab-label{font-weight:var(--font-weight-light);color:var(--Gray-Gray-300,#a3abbf)}.tab-counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:20px;font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple);background:var(--Gray-Gray-100,#e6eaf2);color:var(--Gray-Gray-500,#69738c)}.tab-counter--active{background-color:var(--Primary-Primary-500, #F49A3D);color:var(--Neutral-White)}.tab-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--Primary-Primary-500, #f49a3d);flex-shrink:0}";export{r as dropi_tabs}

package/dist/dropi-ui/p-aa8d2aec.entry.js

@@ -1 +0,0 @@
-import{r as e,c as r,h as i}from"./p-TXz_09YZ.js";const t=class{constructor(i){e(this,i),this.onChange=r(this,"onChange",7)}label="";name="name";id="radioButton";checked=!1;resetTrigger=!1;onChange;onResetTrigger(e){e&&(this.checked=!1)}handleChange(e){this.checked=e.target.checked,this.onChange.emit(e)}render(){return i("div",{key:"560f5edef6d0646d8797dfc3add17003ea847d0b",class:"dropi-radio-button"},i("label",{key:"aeb5159c64643485457ffe083bbeb78a97da8b50",htmlFor:this.id},i("input",{key:"78ff657aee559c1230e2e16c01adfea0382e4979",id:this.id,type:"radio",name:this.name,checked:this.checked,onChange:e=>this.handleChange(e)}),this.label))}static get formAssociated(){return!0}static get watchers(){return{resetTrigger:[{onResetTrigger:0}]}}};t.style=":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.dropi-radio-button{display:flex;align-items:center;justify-content:flex-start;gap:20px}label{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-regular, 400);line-height:1.5}input[type='radio']{appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;border:2px solid var(--Gray-Gray-200, #c3c9d9);border-radius:50%;background-color:transparent;position:relative;cursor:pointer;outline:none;flex-shrink:0;align-self:center;vertical-align:middle;margin:0}input[type='radio']::before{content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;background-color:var(--Primary-Primary-400, #f7b46f);border-radius:50%;display:none}input[type='radio']:checked{border:2px solid var(--Primary-Primary-500, #f49a3d)}input[type='radio']:checked::before{display:block}";export{t as dropi_radio_button}

package/dist/dropi-ui/p-aafaffa3.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,h as a}from"./p-TXz_09YZ.js";const r=class{constructor(a){e(this,a),this.dropiClose=i(this,"dropiClose",7)}visible=!1;images=[];activeIndex=0;current=0;parsedImages=[];dropiClose;imagesChanged(e){this.parsedImages="string"==typeof e?JSON.parse(e):e||[]}indexChanged(e){this.current=e}visibleChanged(e){e&&(this.current=this.activeIndex)}componentWillLoad(){this.imagesChanged(this.images),this.current=this.activeIndex}close(){this.visible=!1,this.dropiClose.emit()}prev(){this.current=(this.current-1+this.parsedImages.length)%this.parsedImages.length}next(){this.current=(this.current+1)%this.parsedImages.length}handleError(e){e.target.src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgMzAwIj48cmVjdCB3aWR0aD0iNDAwIiBoZWlnaHQ9IjMwMCIgZmlsbD0iIzFhMjAzMyIvPjx0ZXh0IHg9IjIwMCIgeT0iMTU1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjNDc1MDY2IiBmb250LXNpemU9IjE0Ij5TaW4gaW1hZ2VuPC90ZXh0Pjwvc3ZnPg=="}render(){if(!this.visible)return null;const e=this.parsedImages,i=e.length>1;return a("div",{class:"overlay",onClick:()=>this.close()},a("button",{class:"overlay__close",onClick:e=>{e.stopPropagation(),this.close()},"aria-label":"Cerrar"},a("dropi-icon",{name:"Close-large",width:"24px",height:"24px",color:"Neutral-White"})),a("div",{class:{overlay__body:!0,"overlay__body--single":!i},onClick:e=>e.stopPropagation()},i&&a("div",{class:"overlay__thumbs"},e.map(((e,i)=>a("div",{key:i,class:{"overlay__thumb-box":!0,"overlay__thumb-box--active":i===this.current},onClick:()=>this.current=i},a("img",{src:e,alt:`miniatura ${i+1}`,class:"overlay__thumb-img",onError:e=>this.handleError(e)}))))),a("div",{class:"overlay__content"},i&&a("button",{class:"overlay__nav overlay__nav--prev",onClick:()=>this.prev(),"aria-label":"Anterior"},a("dropi-icon",{name:"Dropdown-left",width:"18px",height:"18px",color:"Gray-Gray-500"})),a("img",{class:"overlay__main-image",src:e[this.current],alt:`imagen ${this.current+1}`,onError:e=>this.handleError(e)}),i&&a("button",{class:"overlay__nav overlay__nav--next",onClick:()=>this.next(),"aria-label":"Siguiente"},a("dropi-icon",{name:"Dropdown-Right",width:"18px",height:"18px",color:"Gray-Gray-500"})))))}static get watchers(){return{images:[{imagesChanged:0}],activeIndex:[{indexChanged:0}],visible:[{visibleChanged:0}]}}};r.style=":host{display:block}.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.92);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fade-in 0.3s ease-out}.overlay__close{position:absolute;top:24px;right:24px;background:rgba(255, 255, 255, 0.1);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10010;transition:background 0.15s}.overlay__close:hover{background:rgba(255, 255, 255, 0.2)}.overlay__body{display:flex;width:90%;height:80%;max-width:1200px;gap:32px;align-items:center}.overlay__body--single{justify-content:center}.overlay__thumbs{display:flex;flex-direction:column;gap:12px;height:100%;overflow-y:auto;padding-right:8px;width:100px;flex-shrink:0}.overlay__thumbs::-webkit-scrollbar{width:4px}.overlay__thumbs::-webkit-scrollbar-thumb{background:var(--Gray-Gray-600);border-radius:4px}.overlay__thumb-box{width:80px;height:80px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;flex-shrink:0;transition:border-color 0.2s}.overlay__thumb-box--active{border-color:var(--Primary-Primary-500, #f49a3d)}.overlay__thumb-img{width:100%;height:100%;object-fit:cover}.overlay__content{flex:1;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.overlay__main-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.5);animation:scale-up 0.3s ease-out}.overlay__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255, 255, 255, 0.1);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s;z-index:5}.overlay__nav:hover{background:rgba(255, 255, 255, 0.2)}.overlay__nav--prev{left:-24px}.overlay__nav--next{right:-24px;background:var(--Neutral-White)}.overlay__nav--next:hover{background:var(--Neutral-White)}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes scale-up{from{transform:scale(0.9);opacity:0}to{transform:scale(1);opacity:1}}";export{r as dropi_image_overlay}

package/dist/dropi-ui/p-ac345a0e.entry.js

@@ -1 +0,0 @@
-import{r as t,a as i,h as r}from"./p-TXz_09YZ.js";const e=class{constructor(i){t(this,i)}get el(){return i(this)}name="";width="24px";height="24px";color="currentColor";colorChanged(){this.applyColor()}componentDidLoad(){this.applyColor()}applyColor(){const t=this.color.startsWith("#")?this.color:"currentColor"===this.color?"currentColor":`var(--${this.color})`;this.el.style.setProperty("--icon-fill",t)}render(){return r("svg",{key:"e63c917a7029f33d6c56e50bcc798057c66d4625",width:this.width,height:this.height,class:{spin:"Spinner"===this.name},"aria-hidden":"true"},r("use",{key:"92be9c3b0279d0b9a82f0a42d18fcecd2ff85f41",href:`/assets/icons/symbol/svg/sprite.css.svg#${this.name}`}))}static get watchers(){return{color:[{colorChanged:0}]}}};e.style=":host{display:inline-flex;align-items:center;justify-content:center;fill:var(--icon-fill, currentColor)}svg{fill:inherit;display:block;vertical-align:middle}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";export{e as dropi_icon}