@dropi/ui 0.1.41 → 0.1.42

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

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-a2fb4CHk.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:"6ca92c176c87bfda1d551b98d9f14e8af0f4e4bb",class:"video-wrapper"+(this.isPlaying?" playing":"")},!this.isPlaying&&t("div",{key:"4386be2d083826ae32e36c952fb96aadc888e218",class:"thumbnail",onClick:()=>{this.isPlaying=!0}},t("img",{key:"5659aaabc1e25fb013205d8a5dc68a34d5d043fe",src:this.thumbnail,alt:`Video thumbnail ${this.videoId}`}),t("button",{key:"d1ff45c602d554d631bed82e91c0693d08194173",class:"play-button","aria-label":"Reproducir video"},t("dropi-icon",{key:"db29ae7800798e603964c6979735081fd2ef9e9c",name:"Play",iconWidth:"17px",iconHeight:"21px",color:"Neutral-White"}))),this.isPlaying&&t("iframe",{key:"a165c7bb1747d650e6c0370185c65835e07dd73a",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-c51fcf75.entry.js

@@ -0,0 +1 @@
+import{r as t,h as o}from"./p-a2fb4CHk.js";const i=class{constructor(o){t(this,o)}text="";title="";label="";position="bottom";arrowPosition="center";trigger="hover";maxWidth="280px";minWidth="300px";showDelay=0;disabled=!1;showIcon=!0;showX=!1;iconName="Tooltip";iconColor="#7B8190";iconSize="14";visible=!1;showTimer=null;timeoutTimer=null;componentDidLoad(){"static"===this.trigger&&this.show(),"timeout"===this.trigger&&this.showWithTimeout()}show=()=>{this.disabled||"hidden"===this.trigger||(this.text||this.title||this.label).trim()&&(this.showDelay>0?this.showTimer=setTimeout((()=>{this.visible=!0}),this.showDelay):this.visible=!0)};hide=()=>{this.showTimer&&(clearTimeout(this.showTimer),this.showTimer=null),this.timeoutTimer&&(clearTimeout(this.timeoutTimer),this.timeoutTimer=null),this.visible=!1};showWithTimeout(){this.show(),this.timeoutTimer=setTimeout((()=>this.hide()),6e3)}handleMouseEnter=()=>{"hover"===this.trigger&&this.show()};handleMouseLeave=()=>{"hover"===this.trigger&&setTimeout((()=>this.hide()),10)};handleClick=()=>{"click"===this.trigger&&(this.visible?this.hide():this.show())};handleFocusin=()=>{"focus"===this.trigger&&this.show()};handleFocusout=()=>{"focus"===this.trigger&&this.hide()};handleClose=()=>{"static"===this.trigger&&(this.trigger="hover",this.showX=!1),this.hide()};get displayContent(){return this.text?this.text:this.title&&this.label?`${this.title}\n${this.label}`:this.title||this.label||""}render(){const t={maxWidth:this.maxWidth};return this.minWidth&&(t.minWidth=this.minWidth),o("div",{key:"85f49bcb2af567a8fb70cd92afab893a2e0bf567",class:"tooltip-wrapper",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onClick:this.handleClick,onFocusin:this.handleFocusin,onFocusout:this.handleFocusout},this.showIcon&&o("dropi-icon",{key:"0ec2770a45d95e2dc655886d086f7f44c12fdda5",name:this.iconName,iconWidth:`${this.iconSize}px`,iconHeight:`${this.iconSize}px`,color:this.iconColor}),o("slot",{key:"caeff259dfaecdd7757d85bee3e93b15d8b53173"}),this.displayContent&&o("div",{key:"e1be3f25c37b978b79db639a245d1030e9de2d59",class:{"tooltip-bubble":!0,[`tooltip-bubble--${this.position}`]:!0,[`tooltip-bubble--arrow-${this.arrowPosition}`]:!0,"tooltip-bubble--visible":this.visible},style:t,role:"tooltip"},this.showX&&o("button",{key:"ba9f719b7066bb953a45b60f03fce20383c2eac5",class:"tooltip-close",onClick:this.handleClose,"aria-label":"Cerrar"},o("dropi-icon",{key:"8660e8130e643393c9cd70846247ccae8e3ebf24",name:"Close-small",iconWidth:"12px",iconHeight:"12px",color:"Gray-Gray-500"})),this.title&&!this.text&&o("strong",{key:"2d2a39d2d2a3993b62901497660a31193bcece12",class:"tooltip-title"},this.title),this.label&&!this.text&&o("span",{key:"b34e2e997629c5700b64a6ae527b71c44e8939f4",class:"tooltip-label"},this.label),this.text&&o("span",{key:"4cd22e60cce211b96cf8441a33dcd7afe5b88e40"},this.text),o("span",{key:"deb83c9f7c1a9cfbb3f68ec087cae81d0f64a56b",class:`tooltip-arrow tooltip-arrow--${this.position}`})))}};i.style=":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-bubble{position:absolute;z-index:9999;background:var(--Gray-Gray-800);color:var(--Neutral-White, #ffffff);font-size:var(--font-size-s,14px);line-height:1.5;padding:8px 12px;border-radius:8px;white-space:normal;pointer-events:none;opacity:0;transition:opacity 0.15s ease, transform 0.15s ease;word-break:break-word;box-shadow:var(--Shadow-medium);text-align:left;width:max-content}.tooltip-bubble--visible{opacity:1}.tooltip-bubble--top{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--bottom{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--left{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-bubble--right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:12px;height:6px}.tooltip-arrow::before{content:'';position:absolute;width:0;height:0}.tooltip-arrow--top{top:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--top::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--Gray-Gray-800)}.tooltip-arrow--bottom{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--bottom::before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--Gray-Gray-800)}.tooltip-arrow--left{left:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--left::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid var(--Gray-Gray-800)}.tooltip-arrow--right{right:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--right::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--Gray-Gray-800)}";export{i as dropi_tooltip_v2}

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

@@ -0,0 +1 @@
+import{r as e,c as i,h as t}from"./p-D5SAM1O2.js";const a=class{constructor(t){e(this,t),this.dropiProductClick=i(this,"dropiProductClick",7),this.dropiFavoriteChange=i(this,"dropiFavoriteChange",7),this.dropiAddProduct=i(this,"dropiAddProduct",7),this.dropiSupplierClick=i(this,"dropiSupplierClick",7)}image="";productName="";salePrice=0;suggestedPrice=0;currency="$";supplier="";category="";stock=0;supplierCategory="";showFavorite=!0;isFavorite=!1;showAddButton=!0;dropiProductClick;dropiFavoriteChange;dropiAddProduct;dropiSupplierClick;formatPrice(e){return null==e?"0":e.toLocaleString("es-CO")}get inStock(){return this.stock>0}getStockColor(){return 0===this.stock?"var(--Error-Error-500, #f46a6b)":this.stock<=10?"var(--Warning-Warning-500, #f59e0b)":"var(--Success-Success-500, #0abb87)"}render(){return t("div",{key:"bd67c2f626d145c0190edaa978bcff11da562a2e",class:"dropi-card-product",onClick:()=>this.dropiProductClick.emit()},t("div",{key:"0691cfaeaea0083710d88afd3b1c7f39edbd21a3",class:"product-image-container"},t("div",{key:"c46136fac8aa08985f06b82a66cb4cb83f6edb29",class:"product-image"},t("img",{key:"a7fe5b836e7b8924dc5a142fd8fa491c8e8af1a6",src:this.image||"",alt:this.productName,onError:e=>{e.target.src="./assets/utils/no-image.jpg"},class:this.image?"":"error-img"}),this.showFavorite&&t("button",{key:"ae2750db9cab79f1c7a74f7cba7e8d562b62f6d3",class:{"favorite-button":!0,"favorite-active":this.isFavorite},onClick:e=>{e.stopPropagation(),this.isFavorite=!this.isFavorite,this.dropiFavoriteChange.emit(this.isFavorite)},"aria-label":"Favorito"},t("dropi-icon",{key:"7dff218a9d0371e2ce1207a8ae7b6a82eb7b0bcf",name:this.isFavorite?"Heart-solid":"Heart",iconWidth:"18px",iconHeight:"18px",color:this.isFavorite?"#fff":"#858ea6"})))),t("div",{key:"0edac76d415f14b4e4d864180639f37ff2459beb",class:"product-info"},this.supplierCategory&&t("dropi-ilustration-icon",{key:"bfddcffc4d4b983c79541e874b5222b5a0f8eba9",class:"supplier-insignia",type:"insignia",stateInsignia:this.supplierCategory,tagProduct:!0}),t("div",{key:"203f8882d1e0659cede292448fef61d8f64ea273",class:"product-header"},this.category&&t("span",{key:"955044f7f67046fe4224c95189b13b29425c37bf",class:"category"},this.category),t("div",{key:"0e4fedb00bbbd1fc8cf4f61ee1fb2e74a5b4659d",class:"stock-info"},t("span",{key:"66945b084a7a36223133ca1427a01d665de01807",class:"stock-label"},"Stock:"),t("span",{key:"55148dddc68ddf1548d0b4bd38886004aa4844bf",class:"stock-value",style:{color:this.getStockColor()}},0===this.stock?"Agotado":this.stock))),t("h3",{key:"e7e3a1fde434e8bd7c666e2b451622883246eed3",class:"product-name"},this.productName),this.supplier&&t("div",{key:"bcf9012e7144c4dd030c95feaec639b2c040cc28",class:"supplier-info"},t("span",{key:"b0e72d6619e9a48d63b0b046e5dd14c736f74d6d",class:"supplier-label"},"Proveedor:"),t("span",{key:"23fd858350a111c276b92f4b81d4cff6136eb2f3",class:"supplier-name",onClick:e=>{e.stopPropagation(),this.dropiSupplierClick.emit()}},this.supplier)),t("div",{key:"ab4404c6fdc27e6c68622466afa27c8d3820cecd",class:"price-container"},t("div",{key:"11b80655d665384e5d959b3c30d8eac26f22b261",class:"price-item"},t("span",{key:"4a39439a08626dfea0ae3e2f8d33d67f19fa225e",class:"price-label"},"Precio proveedor"),t("span",{key:"8f6c99ea5c7b1dede1cb999667e457c16fe663ac",class:"price-value"},this.currency," ",this.formatPrice(this.salePrice))),t("div",{key:"c5cc6b1a77bb9553a0c2870af9e17dd5965836b1",class:"price-item"},t("span",{key:"4f003453fa555866cc12b74787a04d6643beacdf",class:"price-label"},"Precio sugerido"),t("span",{key:"da1c6366b4442461b28669a29c131bce98d476bb",class:"price-value"},this.currency," ",this.formatPrice(this.suggestedPrice))))),t("div",{key:"d0d4e4d7aea9650cfaefb4aa7b99b8ad8e9f1c9c",class:"separator"}),this.showAddButton&&t("div",{key:"ee9629d58b3afad70ed10ed74c3e239d918588c2",class:{"action-button":!0,"action-button--disabled":!this.inStock},onClick:e=>{e.stopPropagation(),this.inStock&&this.dropiAddProduct.emit()}},t("dropi-icon",{key:"dd589e75562d642c13532192b43826c6de0fdf4a",name:"Shopping-cart-arrow-rigth",iconWidth:"20px",iconHeight:"20px",color:"#f49a3d"}),t("span",{key:"c5f4fb38333d01e639a6c58842942f05b58cbe21",class:"button-text"},"Enviar a cliente")))}};a.style=":host{display:block;font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.dropi-card-product{position:relative;background:#ffffff;border-radius:8px;overflow:hidden;transition:all 0.2s ease-in-out;cursor:pointer;display:flex;flex-direction:column;height:100%;box-sizing:border-box;width:100%;max-width:450px;box-shadow:none}.product-image-container{padding:4px;flex-shrink:0}.product-image{position:relative;width:100%;aspect-ratio:1;border-radius:8px;border:1px solid #c3c9d9;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-image img.error-img{object-fit:contain}.favorite-button{position:absolute;bottom:5px;right:6px;border-radius:8px;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;z-index:2;display:flex;align-items:center;justify-content:center;width:42px;height:40px;background:#ffffff;border:1px solid #858ea6}.favorite-button.favorite-active{background:var(--Primary-Primary-500, #f49a3d);border:1px solid var(--Primary-Primary-500, #f49a3d)}.product-info{position:relative;padding:8px;display:flex;flex-direction:column;gap:4px;flex:1;justify-content:space-between}.supplier-insignia{position:absolute;top:-24px;left:0px}.product-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:26px}.category{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;flex:1}.stock-info{display:flex;align-items:center;gap:2px;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5}.stock-label{color:#69738c}.stock-value{font-weight:500}.product-name{color:#32394d;font-family:'Inter', sans-serif;font-size:16px;font-weight:500;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.supplier-info{font-family:'Inter', sans-serif;font-size:12px;line-height:1.2}.supplier-label{color:#69738c;font-weight:400}.supplier-name{color:#50a5f1;font-weight:400;margin-left:4px;cursor:pointer}.price-container{display:flex;gap:8px;margin-top:4px}.price-item{flex:1;display:flex;flex-direction:column}.price-label{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;height:18px;min-width:max-content}.price-value{color:#32394d;font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;margin-top:2px}.separator{height:1px;background:#e6eaf2;margin:0;flex-shrink:0}.action-button{background:#ffffff;border:none;border-top:1px solid #e6eaf2;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;flex-shrink:0}.action-button--disabled{opacity:0.3;cursor:not-allowed}.button-text{font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;color:#f49a3d;text-align:center;white-space:nowrap}";export{a as dropi_card_product}

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

@@ -0,0 +1 @@
+import{r as t,c as e,h as i}from"./p-a2fb4CHk.js";const a=class{constructor(i){t(this,i),this.dropiSort=e(this,"dropiSort"),this.dropiSelection=e(this,"dropiSelection"),this.dropiRowClick=e(this,"dropiRowClick"),this.dropiSearch=e(this,"dropiSearch"),this.dropiPageChange=e(this,"dropiPageChange"),this.dropiPageSizeChange=e(this,"dropiPageSizeChange"),this.dropiAction=e(this,"dropiAction"),this.dropiRowsSelected=e(this,"dropiRowsSelected"),this.dropiActionClick=e(this,"dropiActionClick"),this.dropiPageChangeAngular=e(this,"dropiPageChangeAngular"),this.dropiSizeChangeAngular=e(this,"dropiSizeChangeAngular"),this.dropiSortChangeAngular=e(this,"dropiSortChangeAngular"),this.dropiSearchChangeAngular=e(this,"dropiSearchChangeAngular"),this.expandChildren=e(this,"expandChildren")}columns=[];rows=[];showCheckbox=!1;loading=!1;emptyMessage="No hay datos disponibles";tableTitle="";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;dropiRowsSelected;dropiActionClick;dropiPageChangeAngular;dropiSizeChangeAngular;dropiSortChangeAngular;dropiSearchChangeAngular;expandChildren;columnsChanged(t){this.parsedColumns="string"==typeof t?JSON.parse(t):t||[]}rowsChanged(t){this.parsedRows="string"==typeof t?JSON.parse(t):t||[],this.selectedKeys=new Set}pageSizesChanged(t){this.parsedPageSizes="string"==typeof t?JSON.parse(t):t||[5,10,25,50],this.pageSize=this.parsedPageSizes[0]??5}rowActionsChanged(t){this.parsedRowActions="string"==typeof t?JSON.parse(t):t||[]}headersChanged(t){const e="string"==typeof t?JSON.parse(t):t||[];e.length>0&&(this.parsedColumns=e)}dataChanged(t){const e="string"==typeof t?JSON.parse(t):t||[];e.length>0&&(this.parsedRows=e,this.selectedKeys=new Set)}componentWillLoad(){if(null==this.data&&null==this.rows&&null==this.headers&&null==this.columns)return;const t=(Array.isArray(this.headers)?this.headers:[]).length?this.headers:this.columns,e=(Array.isArray(this.data)?this.data:[]).length?this.data:this.rows;this.columnsChanged(t),this.rowsChanged(e),this.pageSizesChanged(this.pageSizes),this.rowActionsChanged(this.rowActions)}get visibleColumns(){const t=this.hiddenColumns??new Set;return(this.parsedColumns??[]).filter((e=>!t.has(e.key)))}get filteredRows(){if(!this.searchTerm)return this.parsedRows;const t=this.searchTerm.toLowerCase();return this.parsedRows.filter((e=>Object.values(e).some((e=>String(e??"").toLowerCase().includes(t)))))}get sortedRows(){const t=this.filteredRows;if(!this.sortKey||!this.sortDir)return t;const e=this.sortKey,i="asc"===this.sortDir?1:-1;return[...t].sort(((t,a)=>{const r=t[e]??"",o=a[e]??"";return r<o?-i:r>o?i:0}))}get pagedRows(){if(!this.showPaginator)return this.sortedRows;const t=(this.currentPage-1)*this.pageSize;return this.sortedRows.slice(t,t+this.pageSize)}handleSort(t){t.sortable&&(this.sortKey===t.key?(this.sortDir="asc"===this.sortDir?"desc":"desc"===this.sortDir?null:"asc",this.sortAsc="desc"!==this.sortDir,null===this.sortDir&&(this.sortKey="")):(this.sortKey=t.key,this.sortDir="asc",this.sortAsc=!0),this.dropiSort.emit({key:this.sortKey,dir:this.sortDir}),this.dropiSortChangeAngular.emit({key:this.sortKey,dir:this.sortDir}))}toggleRow(t){const e=new Set(this.selectedKeys);e.has(t)?e.delete(t):e.add(t),this.selectedKeys=e;const i=Array.from(e);this.dropiSelection.emit(i),this.dropiRowsSelected.emit(i.map((t=>this.pagedRows[t])))}toggleAll(t){this.selectedKeys=t?new Set(this.pagedRows.map(((t,e)=>e))):new Set;const e=Array.from(this.selectedKeys);this.dropiSelection.emit(e),this.dropiRowsSelected.emit(e.map((t=>this.pagedRows[t])))}renderCellValue(t){if(null==t)return"—";if("object"==typeof t&&t.type)switch(t.type){case"tag":return i("dropi-tag",{type:"secondary",state:t.typeTag,text:t.value});case"date":return i("div",{class:"date-label"},i("span",null,new Date(t.value).toLocaleDateString("es-CO")),!t.hideTime&&i("span",null,new Date(t.value).toLocaleTimeString("es-CO",{hour:"2-digit",minute:"2-digit"})));case"country":return i("div",{class:"flag-container"},t.flag&&i("dropi-country-flags",{width:"24",height:"24",country:t.flag,style:{display:"inline-flex"}}),i("span",null,t.value));case"textIcon":return i("div",{class:"text-icon-label"},i("dropi-icon",{name:t.icon,iconWidth:"24px",iconHeight:"24px",color:t.iconColor||"Gray-Gray-500"}),t.value&&i("span",null,t.value));case"status":return i("div",{class:"status-label"},i("div",{class:"status-dot"},i("div",{class:`dot dot-${(t.status||"").toLowerCase()}`}),i("span",{class:"status-text"},t.status)),t.value&&i("span",{class:"status-description"},t.value));case"image":return i("div",{class:"image-label"},i("div",{class:"img-container"},i("img",{src:t.imageUrl,alt:t.value})),i("span",null,t.value));case"textWrap":return i("div",{class:"text-wrap-label",style:{maxWidth:t.maxWidth||"220px"}},t.value);case"textCopy":case"tokenAction":return i("div",{class:"text-icon-label",style:{display:"flex",alignItems:"center"}},i("div",{style:{display:"flex",alignItems:"center"}},i("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},t.value)),i("div",{style:{display:"flex",justifyContent:"flex-start",paddingLeft:"0.5rem"}},i("dropi-icon",{name:t.revealed?"Clon":"Eye",iconWidth:"18px",iconHeight:"18px",color:"Gray-Gray-500",style:{cursor:"pointer",flexShrink:"0"},onClick:e=>{e.stopPropagation();const i=t.revealed?"copy":"reveal";this.dropiAction.emit({row:t.row,action:{id:i,value:t.value}}),this.dropiActionClick.emit({row:t.row,action:{id:i,value:t.value}})}})));default:return i("span",{class:"table-labels"},String(t.value??"—"))}return i("span",{class:"table-labels"},String(t))}render(){if(void 0===this.parsedRows)return null;const t=this.pagedRows,e=t.length>0&&this.selectedKeys.size===t.length,a=this.parsedRowActions.length>0,r=this.visibleColumns;return i("div",{class:"table-container"},(this.showSearch||this.showColumnSelector||this.tableTitle)&&i("div",{class:"search-container"},this.tableTitle&&i("div",{class:"table-title Body-L-Bold"},this.tableTitle),i("div",{class:"search-actions"+(this.showSearch?"":" only-filter")},this.showSearch&&i("dropi-input",{placeholder:"Buscar",value:this.searchTerm,onDropiInput:t=>{this.searchTerm=t.detail,this.dropiSearch.emit(t.detail),this.dropiSearchChangeAngular.emit(t.detail)}}),this.showColumnSelector&&i("div",{class:"table-tools"},i("div",{class:"column-selector-container"},i("button",{class:"column-selector-btn",onClick:()=>this.showColumnMenu=!this.showColumnMenu},i("dropi-icon",{name:"list-table",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"})),this.showColumnMenu&&i("div",{class:"column-selector-menu"},this.parsedColumns.map((t=>i("div",{class:"column-selector-option",onClick:()=>{const e=new Set(this.hiddenColumns);e.has(t.key)?e.delete(t.key):e.add(t.key),this.hiddenColumns=e}},i("dropi-checkbox",{checked:!this.hiddenColumns.has(t.key)}),i("span",null,t.label)))),i("div",{class:"column-selector-footer"},i("div",{class:"column-selector-all",onClick:()=>{this.hiddenColumns=0===this.hiddenColumns.size?new Set(this.parsedColumns.map((t=>t.key))):new Set}},i("dropi-checkbox",{checked:0===this.hiddenColumns.size}),i("span",null,"Mostrar / Ocultar todo")))))))),i("div",{class:"table-wrapper"+(a?" has-sticky-actions":"")},i("table",{class:"custom-table"+(this.showCheckbox?" has-checkbox":"")},i("thead",null,i("tr",null,this.showCheckbox&&i("th",{class:"checkbox-header"},i("dropi-checkbox",{checked:e,onDropiChange:t=>this.toggleAll(t.detail)})),r.map((t=>i("th",{class:{sortable:!!t.sortable,"low-opacity":!!t.disabledColumn,"highlight-column":!!t.highlightColumn},style:{textAlign:t.align||"center",minWidth:t.minWidth,maxWidth:t.maxWidth},onClick:()=>this.handleSort(t)},i("div",{class:"headers-container"+("left"===t.align?" align-left":"right"===t.align?" align-right":"")},i("div",{class:"headers"+("left"===t.align?" align-left":"right"===t.align?" align-right":"")},i("span",null,t.label),t.sortable&&i("div",{class:"order-icons"},i("dropi-icon",{name:"Caret-up",iconWidth:"12px",iconHeight:"12px",color:this.sortAsc?"Gray-Gray-500":"Gray-Gray-200"}),i("dropi-icon",{name:"Caret-down",iconWidth:"12px",iconHeight:"12px",color:this.sortAsc?"Gray-Gray-200":"Gray-Gray-500"}))))))),a&&i("th",{class:"actions-header actions"},"Acciones"))),i("tbody",null,this.loading?Array.from({length:5}).map((()=>i("tr",{class:"table-row"},this.showCheckbox&&i("td",null,i("div",{class:"skeleton skeleton--sm"})),r.map((()=>i("td",null,i("div",{class:"skeleton"})))),a&&i("td",null)))):0===t.length?i("tr",null,i("td",{colSpan:r.length+(this.showCheckbox?1:0)+(a?1:0)},i("div",{class:"empty-table"},i("div",{class:"empty-message-container"},this.emptyMessage)))):t.map(((t,e)=>i("tr",{class:"table-row",onClick:()=>this.dropiRowClick.emit({row:t,index:e})},this.showCheckbox&&i("td",{onClick:t=>t.stopPropagation()},i("dropi-checkbox",{checked:this.selectedKeys.has(e),onDropiChange:()=>this.toggleRow(e)})),r.map((e=>i("td",{class:{"low-opacity":!!e.disabledColumn,"highlight-column":!!e.highlightColumn},style:{minWidth:e.minWidth,maxWidth:e.maxWidth,overflow:e.maxWidth?"hidden":void 0}},i("div",{class:"cell-content",style:{textAlign:e.align||"center"}},this.renderCellValue(t[e.key]))))),a&&i("td",{class:"action-button actions",onClick:t=>t.stopPropagation()},this.parsedRowActions.length>2?i("div",{style:{display:"flex",justifyContent:"center",width:"100%"}},i("dropi-icon",{class:"action-icon",name:"Menu-dots-vertical",iconWidth:"24px",iconHeight:"24px",color:"Gray-Gray-500",onClick:()=>this.openActionRow=this.openActionRow===e?-1:e}),this.openActionRow===e&&i("div",{class:"actions-menu"},this.parsedRowActions.map((e=>i("div",{class:"action-item",onClick:()=>{this.openActionRow=-1,this.dropiAction.emit({row:t,action:e}),this.dropiActionClick.emit({row:t,action:e})}},i("dropi-icon",{name:e.icon,iconWidth:"20px",iconHeight:"20px",color:e.iconColor||"Gray-Gray-500"}),e.label))))):i("div",{class:"short-actions"},this.parsedRowActions.map((e=>i("dropi-icon",{class:"action-icon",name:e.icon,iconWidth:"24px",iconHeight:"24px",color:e.iconColor||"Gray-Gray-500",onClick:()=>{this.dropiAction.emit({row:t,action:e}),this.dropiActionClick.emit({row:t,action:e})}}))))))))))),this.showPaginator&&i("div",{class:"pagination"},i("div",{class:"page-size-selector"},i("label",null,"Mostrar"),i("select",{onChange:t=>{this.pageSize=Number(t.target.value),this.currentPage=1,this.dropiPageSizeChange.emit(this.pageSize),this.dropiSizeChangeAngular.emit(this.pageSize)}},this.parsedPageSizes.map((t=>i("option",{value:t,selected:this.pageSize===t},t))))),i("dropi-paginator",{totalPages:this.totalPages,currentPage:this.currentPage,onDropiPageChange:t=>{this.currentPage=t.detail,this.dropiPageChange.emit(t.detail),this.dropiPageChangeAngular.emit(t.detail)}})))}static get watchers(){return{columns:[{columnsChanged:0}],rows:[{rowsChanged:0}],pageSizes:[{pageSizesChanged:0}],rowActions:[{rowActionsChanged:0}],headers:[{headersChanged:0}],data:[{dataChanged:0}]}}};a.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{a as dropi_table}

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

@@ -0,0 +1 @@
+import{r as e,c as r,h as i}from"./p-a2fb4CHk.js";const c=class{constructor(i){e(this,i),this.dropiChange=r(this,"dropiChange")}checked=!1;disabled=!1;dropiChange;changeState(){this.disabled||(this.checked=!this.checked,this.dropiChange.emit(this.checked))}render(){return i("div",{key:"eed4032b9864c51d779601e076190fc6be9f492d",class:"container-dropi-checkbox",onClick:()=>this.changeState()},i("div",{key:"b81f64424eac2e0efe5c4fb0631768032de7263c",class:{check:!0,isCheck:this.checked,noCheck:!this.checked,disabled:this.disabled}},i("svg",{key:"e0d6e9b85c4dcea819bcab7632d5dee7c4e92570",xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none"},i("path",{key:"8fcc02f7bc0ffadb8a8f52a54956f9f37d38dcad",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}};c.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{c as dropi_checkbox}

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

@@ -0,0 +1 @@
+import{r as e,c as i,h as a}from"./p-a2fb4CHk.js";const r=class{constructor(a){e(this,a),this.dropiClose=i(this,"dropiClose")}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(!0!==this.visible&&"true"!==String(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",iconWidth:"24px",iconHeight:"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",iconWidth:"18px",iconHeight:"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",iconWidth:"18px",iconHeight:"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-cb87d3c7.entry.js

@@ -0,0 +1 @@
+import{r as e,c as r,h as t}from"./p-a2fb4CHk.js";const i=class{constructor(t){e(this,t),this.stepClick=r(this,"stepClick")}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:"c1ffd563da957d398f064ee0423f50f21d7e45b6",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",iconWidth:"12px",iconHeight:"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-cc954850.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-a2fb4CHk.js";const r=class{constructor(t){e(this,t)}text="";maxWords=20;showSeeLess=!0;textStyle="";buttonStyle="";expanded=!1;get words(){return(this.text||"").split(/\s+/).filter(Boolean)}get needsTruncation(){return this.words.length>this.maxWords}get displayText(){return!this.needsTruncation||this.expanded?this.text:this.words.slice(0,this.maxWords).join(" ")}render(){return t("div",{key:"6accf9aa0a6f7377c7de6e8cbcb9e2a7ee99573a",class:"read-more"},t("p",{key:"96e5493df8b065008f9bc45cea1ba768eabfc0a2",class:"read-more__text",style:this.textStyle?this.textStyle:void 0},this.displayText,this.needsTruncation&&(!this.expanded||this.showSeeLess)&&t("button",{key:"195d962715c5c618701c3e86df618289915e3a9b",class:"read-more__toggle",style:this.buttonStyle?this.buttonStyle:void 0,onClick:()=>this.expanded=!this.expanded},this.expanded?" Ver menos":"... Ver más")))}};r.style=":host{display:block}.read-more__text{margin:0;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-800, #1f2433);line-height:1.5}.read-more__toggle{all:unset;display:inline;font-size:var(--font-size-s, 12px);font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-600);cursor:pointer}.read-more__toggle:hover{color:var(--Primary-Primary-600, #d4872e)}";export{r as dropi_read_more}

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

@@ -0,0 +1 @@
+import{r as e,c as r,h as t}from"./p-a2fb4CHk.js";const i=class{constructor(t){e(this,t),this.stepClick=r(this,"stepClick")}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:"9b0e19a21eaa78b51d82994747604623f9431d56",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",iconWidth:"12px",iconHeight:"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-d02dfc6a.entry.js

@@ -0,0 +1 @@
+import{r as i,c as r,a as e,h as t}from"./p-a2fb4CHk.js";const n=class{constructor(e){i(this,e),this.bannerClick=r(this,"bannerClick"),this.isVisible=r(this,"isVisible")}imageUrl="";link="";alt="";backgroundColor="transparent";slugName="";viewOnWhiteBrand=!1;viewOnlyCountries=[];closed=!1;get el(){return e(this)}componentWillLoad(){this.imageUrl||(this.imageUrl=this.el.getAttribute("imageUrl")||this.el.getAttribute("image-url")||this.el.getAttribute("imageurl")||"")}bannerClick;isVisible;handleClick(i){this.link||(i.preventDefault(),this.bannerClick.emit())}closeBanner(i){i.preventDefault(),i.stopPropagation(),this.closed=!0,this.isVisible.emit(!1)}render(){if(this.closed||!this.imageUrl)return null;const i=t("div",{class:"inner"},t("img",{src:this.imageUrl,alt:this.alt}),t("button",{class:"close-btn","aria-label":"Cerrar banner",onClick:i=>this.closeBanner(i)},t("dropi-icon",{name:"Close-small",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"})));return t("div",{class:"dropi-banner-external",style:{background:this.backgroundColor}},this.link?t("a",{href:this.link,target:"_blank",rel:"noopener noreferrer",onClick:i=>this.handleClick(i)},i):t("div",{class:"click-wrapper",onClick:i=>this.handleClick(i)},i))}};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-d11524ca.entry.js

@@ -0,0 +1 @@
+import{r as t,c as a,h as i}from"./p-a2fb4CHk.js";const r=class{constructor(i){t(this,i),this.dropiInput=a(this,"dropiInput"),this.dropiChange=a(this,"dropiChange"),this.dropiFocus=a(this,"dropiFocus"),this.dropiBlur=a(this,"dropiBlur"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}internals;inputId="";name="";label="";placeholder=" ";value="";maxLength;disabled=!1;required=!1;showObligatoryAsterisk=!0;fixedLabel=!1;inputMode="text";passwordInput=!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;dropiInput;dropiChange;dropiFocus;dropiBlur;inputPropertiesChanged(t){t&&(void 0!==t.id&&(this.inputId=t.id),void 0!==t.inputId&&(this.inputId=t.inputId),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.passwordInput&&(this.passwordInput=t.passwordInput),void 0!==t.isPasswordInput&&(this.passwordInput=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.dropiInput.emit(a)}handleKeyDown(t){(this.isNumericInput||this.isMoneyInput||this.isThousandSeparator)&&!this.isAllowedNumberKey(t)&&t.preventDefault(),this.isLettersOnly&&!this.isAllowedLetterKey(t)&&t.preventDefault()}handleFocus(){this.dropiFocus.emit()}handleBlur(){this.touched=!0,this.dropiChange.emit(this.value),this.dropiBlur.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.inputId||this.label}get inputType(){return this.passwordInput?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:"36a33fdb7048e3ba43dae3c2d3d71c9f69643cac",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&i("div",{key:"699adfe37d662ed328cd13fdad428e857b70f01d",class:"input-label Body-S-Regular"},this.label,t&&i("span",{key:"b2d6f4757cdb50eacfb7879e4a878e30adf5235d",class:"asterisk"}," *")),i("div",{key:"dc080fc5d0ab12f0eadf7e1bb30cae5539f76640",class:"form-group"},i("div",{key:"cf228d5e4c7e0a04735d38ba239a2b989f5247ca",class:{"input-container":!0,"input-container--has-icon":a}},a&&i("dropi-icon",{key:"049e396ea1f2f11625de73bc074c0e0aecea96ab",class:"icon-input",name:this.icon,color:this.iconColor,iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"}}),this.passwordInput&&i("dropi-icon",{key:"544316f6e7a284acf65d3a2b7fb3a2654c80d95b",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"},color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),i("input",{key:"6d23ac748d0768d6eea0eb347bde7b13d8f20321",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.passwordInput&&!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:"8f26c9430cbc1c6b55286d62c2a350724dd0101f",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,t&&i("span",{key:"95d953c160cf22457b0e1d6265b8137a24d4092b",class:"asterisk"}," *")),this.showHelper&&i("div",{key:"ad3d4b5230fd32e97c661c64deadf97830caa550",class:"form-control-helper"},this.isInvalid&&i("dropi-icon",{key:"7c28120d1cc46ccd288948b1d2d9e5cc24521af7",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),i("span",{key:"40eb1eedd2a204975aed61fcd24ccadd26d8aaef",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:50%;left:12px;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center}.icon-input-password{position:absolute;top:50%;right:13px;transform:translateY(-50%);cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}.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:40px}.input-container--has-icon label.label-bottom{left:40px}.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.dropiPageChange=a(this,"dropiPageChange")}totalPages=1;currentPage=1;disabled=!1;maxVisiblePages=8;isNotTotalPages=!1;noLabels=!1;dropiPageChange;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.dropiPageChange.emit(this.currentPage))}render(){const t=this.pageNumbers,a=this.currentPage<=1,r=this.currentPage>=this.totalPages;return i("div",{key:"af6614df5a241ef536b6723d30bde12c8a6f474f",class:"paginator"},i("div",{key:"8b5405baa717a36042fc03ca2e68370799c01ff7",class:"paginator-pages"},!a&&!this.noLabels&&i("button",{key:"c340304b29d658ef9eaa8105a91540660c829048",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(1),"aria-label":"Primera página",disabled:this.disabled},i("dropi-icon",{key:"3adfc1508cbcedbb91f99e467db2270c40a4ac83",name:"Arrow-double-small-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!a&&i("button",{key:"5936642c4b9e5b72546229996fbc72fe973e6f5f",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage-1),"aria-label":"Anterior",disabled:this.disabled},i("dropi-icon",{key:"c9f7eb1c0c27a738ee31e859617964fc75e514cc",name:"Dropdown-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}),!this.noLabels&&i("span",{key:"5d448a9a6536c90c56fafd700e7c5998a85d6fdf",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:"1a43d8dde37cdbc40527eb1c66bc5001a64cf59f",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:"f76ccd791d02b25d78c509341b73e1c1bca0b986",class:"paginator-label"},"Siguiente"),i("dropi-icon",{key:"822a3a7e4ac651e00c469b565e300a7efcc5614b",name:"Dropdown-Right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!r&&!this.noLabels&&i("button",{key:"2b4f7435f9083ab9c4d9ce81be5c259eda830e4a",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:"63ab5568c44ed3cbda917842defe4dc4254bb3f1",name:"Arrow-double-small-right",iconWidth:"16px",iconHeight:"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)}variant="tag";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"dot"===this.variant?"secondary"===this.type?"var(--Gray-Gray-500)":"var(--Gray-Gray-700)":"primary"===this.type&&"tag"===this.variant?"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:"1f514ecf647822f053ba4570fb06ea094c336986",class:"container-chips"},i("div",{key:"bc9185884d7ef04efcd8c5ff373cd62aa957bd52",class:{tags:!0,"icon-only":this.showIcon&&!this.hasContent,"dot-variant":"dot"===this.variant,"text-variant":"text"===this.variant},style:{backgroundColor:"dot"===this.variant||"text"===this.variant?"transparent":this.bgColor,color:this.textColor}},"dot"===this.variant&&i("div",{key:"c13fcd511a4580b4564e4402d32a18ee6f1d5f53",class:"dot-indicator",style:{backgroundColor:this.bgColor}}),"tag"===this.variant&&this.showIcon&&this.icon&&i("dropi-icon",{key:"7baee61c64e6fefacd07858bbb2365db921e2d67",class:"file-icon",name:this.icon,iconWidth:"16px",iconHeight:"16px",color:this.iconColor}),this.hasContent&&i("span",{key:"6f8511f2c564093daf5204032354751168594e01"},this.text)))}static get watchers(){return{type:[{propsChanged:0}],state:[{propsChanged:0}],variant:[{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.dot-variant,.tags.text-variant{padding:0;gap:8px;background-color:transparent !important;line-height:normal}.dot-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}@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-d46f3328.entry.js

@@ -0,0 +1 @@
+import{r as a,h as c}from"./p-a2fb4CHk.js";const e=class{constructor(c){a(this,c)}type="state";state="check";variant="primary";count=0;render(){const a="counter"===this.type;return c("div",{key:"58bb5c6625539109f010cccdcaafc37ab6da38ba",class:{"badge-legacy":!0,[`badge-legacy--${this.variant}`]:!0,[`badge-legacy--${this.type}`]:!0}},a?c("span",{class:"badge-count"},this.count):c("span",{class:{"badge-state-icon":!0,[`badge-state--${this.state}`]:!0}},"check"===this.state?"✓":"..."))}};e.style=":host{display:inline-block}.badge-legacy{display:flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.badge-legacy--primary{background:var(--Primary-Primary-50);color:var(--Primary-Primary-500)}.badge-legacy--secondary{background:var(--Gray-Gray-100);color:var(--Gray-Gray-600)}.badge-legacy--tertiary{background:var(--Success-Success-50);color:var(--Success-Success-500)}";export{e as dropi_badge_legacy}

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

@@ -0,0 +1 @@
+import{r as t,c as a,h as i}from"./p-a2fb4CHk.js";const r=class{constructor(i){t(this,i),this.dropiInput=a(this,"dropiInput"),this.dropiChange=a(this,"dropiChange"),this.dropiFocus=a(this,"dropiFocus"),this.dropiBlur=a(this,"dropiBlur"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}internals;inputId="";name="";label="";placeholder=" ";value="";maxLength;disabled=!1;required=!1;showObligatoryAsterisk=!0;fixedLabel=!1;inputMode="text";passwordInput=!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;dropiInput;dropiChange;dropiFocus;dropiBlur;inputPropertiesChanged(t){t&&(void 0!==t.id&&(this.inputId=t.id),void 0!==t.inputId&&(this.inputId=t.inputId),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.passwordInput&&(this.passwordInput=t.passwordInput),void 0!==t.isPasswordInput&&(this.passwordInput=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.dropiInput.emit(a)}handleKeyDown(t){(this.isNumericInput||this.isMoneyInput||this.isThousandSeparator)&&!this.isAllowedNumberKey(t)&&t.preventDefault(),this.isLettersOnly&&!this.isAllowedLetterKey(t)&&t.preventDefault()}handleFocus(){this.dropiFocus.emit()}handleBlur(){this.touched=!0,this.dropiChange.emit(this.value),this.dropiBlur.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.inputId||this.label}get inputType(){return this.passwordInput?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:"36a33fdb7048e3ba43dae3c2d3d71c9f69643cac",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&i("div",{key:"699adfe37d662ed328cd13fdad428e857b70f01d",class:"input-label Body-S-Regular"},this.label,t&&i("span",{key:"b2d6f4757cdb50eacfb7879e4a878e30adf5235d",class:"asterisk"}," *")),i("div",{key:"dc080fc5d0ab12f0eadf7e1bb30cae5539f76640",class:"form-group"},i("div",{key:"cf228d5e4c7e0a04735d38ba239a2b989f5247ca",class:{"input-container":!0,"input-container--has-icon":a}},a&&i("dropi-icon",{key:"049e396ea1f2f11625de73bc074c0e0aecea96ab",class:"icon-input",name:this.icon,color:this.iconColor,iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"}}),this.passwordInput&&i("dropi-icon",{key:"544316f6e7a284acf65d3a2b7fb3a2654c80d95b",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"},color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),i("input",{key:"6d23ac748d0768d6eea0eb347bde7b13d8f20321",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.passwordInput&&!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:"8f26c9430cbc1c6b55286d62c2a350724dd0101f",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,t&&i("span",{key:"95d953c160cf22457b0e1d6265b8137a24d4092b",class:"asterisk"}," *")),this.showHelper&&i("div",{key:"ad3d4b5230fd32e97c661c64deadf97830caa550",class:"form-control-helper"},this.isInvalid&&i("dropi-icon",{key:"7c28120d1cc46ccd288948b1d2d9e5cc24521af7",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),i("span",{key:"40eb1eedd2a204975aed61fcd24ccadd26d8aaef",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:50%;left:12px;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center}.icon-input-password{position:absolute;top:50%;right:13px;transform:translateY(-50%);cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}.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:40px}.input-container--has-icon label.label-bottom{left:40px}.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.dropiPageChange=a(this,"dropiPageChange")}totalPages=1;currentPage=1;disabled=!1;maxVisiblePages=8;isNotTotalPages=!1;noLabels=!1;dropiPageChange;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.dropiPageChange.emit(this.currentPage))}render(){const t=this.pageNumbers,a=this.currentPage<=1,r=this.currentPage>=this.totalPages;return i("div",{key:"af6614df5a241ef536b6723d30bde12c8a6f474f",class:"paginator"},i("div",{key:"8b5405baa717a36042fc03ca2e68370799c01ff7",class:"paginator-pages"},!a&&!this.noLabels&&i("button",{key:"c340304b29d658ef9eaa8105a91540660c829048",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(1),"aria-label":"Primera página",disabled:this.disabled},i("dropi-icon",{key:"3adfc1508cbcedbb91f99e467db2270c40a4ac83",name:"Arrow-double-small-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!a&&i("button",{key:"5936642c4b9e5b72546229996fbc72fe973e6f5f",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage-1),"aria-label":"Anterior",disabled:this.disabled},i("dropi-icon",{key:"c9f7eb1c0c27a738ee31e859617964fc75e514cc",name:"Dropdown-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}),!this.noLabels&&i("span",{key:"5d448a9a6536c90c56fafd700e7c5998a85d6fdf",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:"1a43d8dde37cdbc40527eb1c66bc5001a64cf59f",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:"f76ccd791d02b25d78c509341b73e1c1bca0b986",class:"paginator-label"},"Siguiente"),i("dropi-icon",{key:"822a3a7e4ac651e00c469b565e300a7efcc5614b",name:"Dropdown-Right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!r&&!this.noLabels&&i("button",{key:"2b4f7435f9083ab9c4d9ce81be5c259eda830e4a",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:"63ab5568c44ed3cbda917842defe4dc4254bb3f1",name:"Arrow-double-small-right",iconWidth:"16px",iconHeight:"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)}variant="tag";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"dot"===this.variant?"secondary"===this.type?"var(--Gray-Gray-400)":"var(--Gray-Gray-700)":"primary"===this.type&&"tag"===this.variant?"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:"1f514ecf647822f053ba4570fb06ea094c336986",class:"container-chips"},i("div",{key:"bc9185884d7ef04efcd8c5ff373cd62aa957bd52",class:{tags:!0,"icon-only":this.showIcon&&!this.hasContent,"dot-variant":"dot"===this.variant,"text-variant":"text"===this.variant},style:{backgroundColor:"dot"===this.variant||"text"===this.variant?"transparent":this.bgColor,color:this.textColor}},"dot"===this.variant&&i("div",{key:"c13fcd511a4580b4564e4402d32a18ee6f1d5f53",class:"dot-indicator",style:{backgroundColor:this.bgColor}}),"tag"===this.variant&&this.showIcon&&this.icon&&i("dropi-icon",{key:"7baee61c64e6fefacd07858bbb2365db921e2d67",class:"file-icon",name:this.icon,iconWidth:"16px",iconHeight:"16px",color:this.iconColor}),this.hasContent&&i("span",{key:"6f8511f2c564093daf5204032354751168594e01"},this.text)))}static get watchers(){return{type:[{propsChanged:0}],state:[{propsChanged:0}],variant:[{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.dot-variant,.tags.text-variant{padding:0;gap:8px;background-color:transparent !important;line-height:normal}.dot-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}@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-d813969b.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as i}from"./p-a2fb4CHk.js";const o=class{constructor(i){e(this,i),this.dropiChange=t(this,"dropiChange")}isChecked=!1;disabled=!1;dropiChange;onToggleChange(e){this.isChecked=e.target.checked,this.dropiChange.emit(this.isChecked)}render(){return i("label",{key:"9e3f3a51f4458b7e97e1ade0590c38c6b654f840",class:"toggle-switch"},i("input",{key:"6a3cb5bcdc03c356c4eebc927a18731cac95c870",type:"checkbox",checked:this.isChecked,disabled:this.disabled,onChange:e=>this.onToggleChange(e)}),i("span",{key:"f739e55a5ac311d0ced99ae1b0bb877edbcd2056",class:"slider"}))}static get formAssociated(){return!0}};o.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{o as dropi_switch}

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

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

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

@@ -0,0 +1 @@
+import{r as t,c as e,h as r}from"./p-a2fb4CHk.js";const i=class{constructor(r){t(this,r),this.codeCompleted=e(this,"codeCompleted"),this.codeAccepted=e(this,"codeAccepted"),this.dropiResend=e(this,"dropiResend")}engine="email";labelContact="";showLabelContact=!1;errorMessage="";digits=Array(6).fill("");digitStates=Array(6).fill("idle");countdown=30;canResend=!1;error=!1;inputs=[];timer;codeCompleted;codeAccepted;dropiResend;componentDidLoad(){this.startCountdown()}disconnectedCallback(){clearInterval(this.timer)}startCountdown(){this.countdown=30,this.canResend=!1,clearInterval(this.timer),this.timer=setInterval((()=>{this.countdown--,this.countdown<=0&&(clearInterval(this.timer),this.canResend=!0)}),1e3)}handleInput(t,e){const r=t.target.value.replace(/\D/g,"").slice(-1),i=[...this.digits??Array(6).fill("")];i[e]=r,this.digits=i;const o=[...this.digitStates??Array(6).fill("idle")];if(o[e]=r?"filled":"idle",this.digitStates=o,r&&e<5&&this.inputs[e+1]?.focus(),i.every((t=>""!==t))){const t=i.join("");this.codeCompleted.emit(t),this.codeAccepted.emit(t)}}handleKeyDown(t,e){"Backspace"===t.key&&!(this.digits??[])[e]&&e>0&&this.inputs[e-1]?.focus()}handlePaste(t){t.preventDefault();const e=t.clipboardData?.getData("text")?.replace(/\D/g,"").slice(0,6)||"",r=Array(6).fill("");if(e.split("").forEach(((t,e)=>{r[e]=t})),this.digits=r,this.digitStates=r.map((t=>t?"filled":"idle")),this.inputs[Math.min(e.length,5)]?.focus(),r.every((t=>""!==t))){const t=r.join("");this.codeCompleted.emit(t),this.codeAccepted.emit(t)}}render(){return r("div",{key:"09eb961c43257d0a2a852ec05bafa7c050d9e4ec",class:"otp"},this.showLabelContact&&r("p",{key:"46b215b5343892c5bca4d5aab6590e8da791fc9d",class:"otp__label"},"Ingresa el código enviado a tu ","sms"===this.engine?"SMS":"2fa"===this.engine?"autenticador":"correo",this.labelContact&&r("strong",{key:"0c0871dbb99ad85a15275be1ed7f698cf9e4a808"}," ",this.labelContact)),r("div",{key:"d11d2c4f094a82240b3bde49039ff2e2d027f5d5",class:"otp__inputs",onPaste:t=>this.handlePaste(t)},Array.from({length:6},((t,e)=>r("input",{key:e,ref:t=>{t&&(this.inputs[e]=t)},class:{otp__digit:!0,"otp__digit--filled":"filled"===(this.digitStates??[])[e],"otp__digit--error":this.error},type:"text",inputMode:"numeric",maxLength:1,value:(this.digits??[])[e]??"",onInput:t=>this.handleInput(t,e),onKeyDown:t=>this.handleKeyDown(t,e)})))),this.error&&this.errorMessage&&r("p",{key:"a9156a4da398eeeec8128a012978e8e2c5f7eef4",class:"otp__error"},this.errorMessage),r("div",{key:"9c685306ba97d19907b92bbf6c203f0473a809fb",class:"otp__resend"},this.canResend?r("button",{class:"otp__resend-btn",onClick:()=>{this.startCountdown(),this.dropiResend.emit()}},"Reenviar código"):r("span",{class:"otp__countdown"},"Reenviar en ",this.countdown,"s")))}};i.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.otp{display:flex;flex-direction:column;align-items:center;gap:var(--Size-4, 16px)}.otp__label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);text-align:center;margin:0}.otp__inputs{display:flex;gap:var(--Size-4, 16px)}.otp__digit{width:56px;height:56px;border:1.5px solid var(--Gray-Gray-200, #d3d7de);border-radius:var(--Border-2, 8px);text-align:center;font-size:22px;font-weight:var(--font-weight-bold, 700);font-family:inherit;color:var(--Gray-Gray-800, #1f2433);outline:none;transition:border-color 0.15s ease;background:var(--Neutral-White, #ffffff)}.otp__digit:focus{border:2px solid var(--Primary-Primary-500, #f49a3d)}.otp__digit--filled{border:1px solid var(--Success-Success-500, #0abb87);color:var(--Neutral-Neutral-900, #0e111a)}.otp__digit--error{border:1px solid var(--Error-Error-500, #f46a6b)}.otp__error{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b);text-align:center}.otp__resend{text-align:center}.otp__countdown{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6)}.otp__resend-btn{background:none;border:none;padding:0;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);cursor:pointer;text-decoration:underline}";export{i as dropi_otp_send_code}

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

@@ -0,0 +1 @@
+import{r as e,c as i,h as r}from"./p-a2fb4CHk.js";const a=class{constructor(r){e(this,r),this.deleteFile=i(this,"deleteFile"),this.uploadComplete=i(this,"uploadComplete"),this.viewFile=i(this,"viewFile")}textFile="Nombre del archivo.xlsx";progress=0;type="file";urlImage="assets/img/LOGO-250-PX.png";isPreview=!0;disabled=!1;fileExtension="";deleteFile;uploadComplete;viewFile;handleProgress(e){100===e&&this.uploadComplete.emit()}handleTextFile(e){this.updateFileInfo(e)}componentWillLoad(){this.updateFileInfo(this.textFile),100===this.progress&&this.uploadComplete.emit()}updateFileInfo(e){const i=this.getFileExtensionInfo(e);this.fileExtension=i.extension,this.type=i.isImage?"image":"file"}getFileExtensionInfo(e){if(!e)return{extension:"",isImage:!1};const i=e.lastIndexOf("."),r=i>0?e.substring(i+1).toLowerCase():"";return{extension:r,isImage:["jpg","jpeg","png","gif","bmp","webp","svg","tiff","ico","jfif"].includes(r)}}render(){return r("div",{key:"7de4db6162b6c7cea620c37bbd9dca5ae48ac26c",class:"container-progress-bar"},r("div",{key:"17f46bfb02d60643be4fea506aec6b00947a3700",class:"container-icon-info",style:{display:"pdf"!==this.fileExtension?"flex":"none"}},"image"!==this.type&&r("dropi-icon",{key:"43a34efb7bb1f5915758c9f04f06d354c028c8fd",name:"File-text",iconWidth:"24px",iconHeight:"24px",color:"Info-Info-600"}),"image"===this.type&&!this.urlImage&&r("div",{key:"a55ea895221f090db621162a265373c4cb71879b",style:{width:"34px",height:"34px",borderRadius:"8px",background:"var(--Gray-Gray-100)"}}),"image"===this.type&&this.urlImage&&r("img",{key:"85a7a6b045aa4447c03aef43060189eab84743d3",src:this.urlImage,class:"image-to-view",width:"34",height:"34",alt:""})),"pdf"===this.fileExtension&&r("div",{key:"4736fdefc583b44b9d19e397cc6662aa4bb71ef6",class:"icon-pdf"},r("svg",{key:"9e6e7074855d676bac56d856c94ed37534256193",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},r("g",{key:"91fd32e4f2946a6cf4ddfbb7febbc43977d7a3e4","clip-path":"url(#clip0_6227_22223)"},r("path",{key:"bb19f6eea9ccc07d2c74cca23a20902e228ec876",d:"M16.6243 4.61667L13.716 1.70833C12.616 0.608333 11.1493 0 9.59102 0H5.83268C3.53268 0 1.66602 1.86667 1.66602 4.16667V15.8333C1.66602 18.1333 3.53268 20 5.83268 20H14.166C16.466 20 18.3327 18.1333 18.3327 15.8333V8.74167C18.3327 7.18333 17.7243 5.71667 16.6243 4.61667ZM15.4493 5.79167C15.716 6.05833 15.941 6.35 16.1243 6.66667H12.5077C12.0493 6.66667 11.6743 6.29167 11.6743 5.83333V2.21667C11.991 2.4 12.2827 2.625 12.5493 2.89167L15.4577 5.8L15.4493 5.79167ZM16.666 15.8333C16.666 17.2083 15.541 18.3333 14.166 18.3333H5.83268C4.45768 18.3333 3.33268 17.2083 3.33268 15.8333V4.16667C3.33268 2.79167 4.45768 1.66667 5.83268 1.66667H9.59102C9.72435 1.66667 9.86602 1.66667 9.99935 1.68333V5.83333C9.99935 7.20833 11.1243 8.33333 12.4993 8.33333H16.6493C16.666 8.46667 16.666 8.6 16.666 8.74167V15.8333ZM5.90768 10.8333H4.99935C4.54102 10.8333 4.16602 11.2083 4.16602 11.6667V15.3667C4.16602 15.6583 4.39935 15.8833 4.68268 15.8833C4.96602 15.8833 5.19935 15.65 5.19935 15.3667V14.35H5.89935C6.88268 14.35 7.68268 13.5583 7.68268 12.5917C7.68268 11.625 6.88268 10.8333 5.89935 10.8333H5.90768ZM5.90768 13.3083H5.21602V11.875H5.91602C6.31602 11.875 6.65768 12.2 6.65768 12.5917C6.65768 12.9833 6.31602 13.3083 5.91602 13.3083H5.90768ZM15.8493 11.3583C15.8493 11.65 15.616 11.875 15.3327 11.875H13.9243V12.825H14.9577C15.2493 12.825 15.4743 13.0583 15.4743 13.3417C15.4743 13.625 15.241 13.8583 14.9577 13.8583H13.9243V15.3583C13.9243 15.65 13.691 15.875 13.4077 15.875C13.1243 15.875 12.891 15.6417 12.891 15.3583V11.35C12.891 11.0583 13.1243 10.8333 13.4077 10.8333H15.3327C15.6243 10.8333 15.8493 11.0667 15.8493 11.35V11.3583ZM10.0743 10.8417H9.16602C8.70768 10.8417 8.33268 11.2167 8.33268 11.675V15.375C8.33268 15.6667 8.56602 15.8417 8.84935 15.8417C9.13268 15.8417 10.066 15.8417 10.066 15.8417C11.0493 15.8417 11.8493 15.05 11.8493 14.0833V12.6C11.8493 11.6333 11.0493 10.8417 10.066 10.8417H10.0743ZM10.816 14.0833C10.816 14.475 10.4743 14.8 10.0743 14.8H9.38268V11.8833H10.0827C10.4827 11.8833 10.8243 12.2083 10.8243 12.6V14.0833H10.816Z",fill:"#DE6061"})),r("defs",{key:"6b761a9e96b13b85dbd2d87b0b1c108450f3c3a0"},r("clipPath",{key:"c019250b1926e389eb053c10f9c1c67e0b11e55a",id:"clip0_6227_22223"},r("rect",{key:"ced06b676a19158d7e93f41a8c4a47c7cd355dd2",width:"20",height:"20",fill:"white"}))))),r("div",{key:"c1ddf6e727ce42bf5be1f534f706195fae7fdd3d",class:"container-bar-title"},r("p",{key:"a6707326b8351ba93f61d969347db84c9627d597"},this.textFile),r("progress",{key:"b118931b77a2f51b3a8813bfc7676147d189d566",value:this.progress,max:"100"})),100===this.progress&&this.isPreview&&r("div",{key:"648edb23c1a2cba83ea7fda5dd02471b5e4dfb35",class:"view-icon",onClick:()=>this.viewFile.emit()},r("svg",{key:"134717d673466a552625eaf167951f1d6c0942c0",xmlns:"http://www.w3.org/2000/svg",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none"},r("path",{key:"a80c09f43697d6fe264fdd6df7e43e004dce9f0c","fill-rule":"evenodd","clip-rule":"evenodd",d:"M7.07148 4.14758C7.64227 3.76618 8.31334 3.56262 8.99983 3.56262C9.92004 3.56372 10.8022 3.92976 11.4529 4.58045C12.1036 5.23114 12.4697 6.11334 12.4708 7.03355C12.4708 7.72004 12.2672 8.39111 11.8858 8.9619C11.5044 9.53269 10.9623 9.97757 10.3281 10.2403C9.69387 10.503 8.99598 10.5717 8.32268 10.4378C7.64939 10.3039 7.03092 9.9733 6.54551 9.48788C6.06009 9.00246 5.72951 8.384 5.59558 7.7107C5.46166 7.0374 5.53039 6.33951 5.7931 5.70528C6.05581 5.07105 6.50069 4.52897 7.07148 4.14758ZM7.84282 8.76514C8.18529 8.99398 8.58794 9.11612 8.99983 9.11612C9.55216 9.11612 10.0819 8.8967 10.4724 8.50615C10.863 8.11559 11.0824 7.58588 11.0824 7.03355C11.0824 6.62166 10.9602 6.21902 10.7314 5.87654C10.5026 5.53407 10.1773 5.26714 9.79679 5.10952C9.41625 4.95189 8.99752 4.91065 8.59354 4.99101C8.18956 5.07136 7.81849 5.26971 7.52723 5.56096C7.23598 5.85221 7.03764 6.22329 6.95728 6.62727C6.87693 7.03124 6.91817 7.44998 7.07579 7.83052C7.23342 8.21105 7.50034 8.53631 7.84282 8.76514Z",fill:"#475066"}),r("path",{key:"12fc2332c38fd8c41319d47744e0f5e0b40c1f6b","fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.99996 0.546387C13.2984 0.546387 15.7475 3.48835 16.8241 5.24187C17.157 5.78022 17.3333 6.40064 17.3333 7.03357C17.3333 7.6665 17.157 8.28692 16.8241 8.82526C15.7475 10.5788 13.2984 13.5207 8.99996 13.5207C4.70155 13.5207 2.25246 10.5788 1.17577 8.82526C0.842931 8.28692 0.666626 7.6665 0.666626 7.03357C0.666626 6.40064 0.842931 5.78022 1.17577 5.24187C2.25246 3.48835 4.70155 0.546387 8.99996 0.546387ZM8.99996 12.1324C12.6229 12.1324 14.7159 9.60206 15.6406 8.09845C15.8383 7.77846 15.943 7.40973 15.943 7.03357C15.943 6.6574 15.8383 6.28867 15.6406 5.96868C14.7159 4.4623 12.6229 1.93476 8.99996 1.93476C5.377 1.93476 3.28402 4.46507 2.35936 5.96868C2.16161 6.28867 2.05687 6.6574 2.05687 7.03357C2.05687 7.40973 2.16161 7.77846 2.35936 8.09845C3.28402 9.60206 5.377 12.1324 8.99996 12.1324Z",fill:"#475066"}))),100===this.progress&&!this.disabled&&r("div",{key:"1b93e90541615b5b45cabff2262cfc1668563f82",class:"container-icon-trash",onClick:()=>this.deleteFile.emit()},r("svg",{key:"b95127b8ee2ba3aeb6aaeb4050f194097a8dfa05",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"21",viewBox:"0 0 20 21",fill:"none"},r("path",{key:"33534ae79504bfa0c1d1ee3f9c132ba4bc1a3a82",d:"M16.2501 4.94477H14.0973C13.9362 4.16103 13.5097 3.45682 12.8899 2.95082C12.27 2.44483 11.4947 2.168 10.6946 2.16699H9.30566C8.50552 2.168 7.73019 2.44483 7.11035 2.95082C6.49051 3.45682 6.06406 4.16103 5.90289 4.94477H3.75011C3.56593 4.94477 3.3893 5.01793 3.25906 5.14817C3.12883 5.2784 3.05566 5.45504 3.05566 5.63921C3.05566 5.82339 3.12883 6.00003 3.25906 6.13026C3.3893 6.26049 3.56593 6.33366 3.75011 6.33366H4.44455V15.3614C4.44566 16.282 4.81183 17.1645 5.46276 17.8155C6.11369 18.4664 6.99622 18.8326 7.91677 18.8337H12.0834C13.004 18.8326 13.8865 18.4664 14.5375 17.8155C15.1884 17.1645 15.5546 16.282 15.5557 15.3614V6.33366H16.2501C16.4343 6.33366 16.6109 6.26049 16.7412 6.13026C16.8714 6.00003 16.9446 5.82339 16.9446 5.63921C16.9446 5.45504 16.8714 5.2784 16.7412 5.14817C16.6109 5.01793 16.4343 4.94477 16.2501 4.94477ZM9.30566 3.55588H10.6946C11.1253 3.55641 11.5453 3.69017 11.8971 3.93883C12.2488 4.18749 12.515 4.53886 12.6591 4.94477H7.34108C7.48524 4.53886 7.75143 4.18749 8.10315 3.93883C8.45488 3.69017 8.87492 3.55641 9.30566 3.55588ZM14.1668 15.3614C14.1668 15.914 13.9473 16.4439 13.5566 16.8346C13.1659 17.2253 12.636 17.4448 12.0834 17.4448H7.91677C7.36424 17.4448 6.83434 17.2253 6.44364 16.8346C6.05294 16.4439 5.83344 15.914 5.83344 15.3614V6.33366H14.1668V15.3614Z",fill:"#DE6061"}),r("path",{key:"56a2b6323d63c9d06fcb5044cb4aae51823fb357",d:"M8.61128 14.6666C8.79545 14.6666 8.97209 14.5934 9.10232 14.4632C9.23256 14.3329 9.30572 14.1563 9.30572 13.9721V9.80545C9.30572 9.62127 9.23256 9.44464 9.10232 9.3144C8.97209 9.18417 8.79545 9.11101 8.61128 9.11101C8.4271 9.11101 8.25046 9.18417 8.12023 9.3144C7.99 9.44464 7.91683 9.62127 7.91683 9.80545V13.9721C7.91683 14.1563 7.99 14.3329 8.12023 14.4632C8.25046 14.5934 8.4271 14.6666 8.61128 14.6666Z",fill:"#DE6061"}),r("path",{key:"2487b04fb28c8d9f6e4cc2d325b9983e2c8c4cf5",d:"M11.389 14.6666C11.5731 14.6666 11.7498 14.5934 11.88 14.4632C12.0102 14.3329 12.0834 14.1563 12.0834 13.9721V9.80545C12.0834 9.62127 12.0102 9.44464 11.88 9.3144C11.7498 9.18417 11.5731 9.11101 11.389 9.11101C11.2048 9.11101 11.0281 9.18417 10.8979 9.3144C10.7677 9.44464 10.6945 9.62127 10.6945 9.80545V13.9721C10.6945 14.1563 10.7677 14.3329 10.8979 14.4632C11.0281 14.5934 11.2048 14.6666 11.389 14.6666Z",fill:"#DE6061"}))))}static get watchers(){return{progress:[{handleProgress:0}],textFile:[{handleTextFile:0}]}}};a.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.container-progress-bar{width:100%;height:100%;display:flex;padding:var(--Size-4);gap:var(--Size-3);border-radius:var(--Size-2);border:1px solid var(--Gray-Gray-100);background-color:var(--Neutral-White);min-width:0;overflow:hidden;align-items:center}.container-icon-info{background:var(--Info-Info-50);width:32px;height:32px;border-radius:var(--Size-2);display:flex;justify-content:center;align-items:center;flex-shrink:0}.icon-pdf{background:var(--Error-Error-50);border-radius:var(--Border-2);width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-to-view{width:34px;height:34px;border-radius:var(--Border-2);object-fit:cover;flex-shrink:0}.container-bar-title{display:flex;gap:8px;flex:1;flex-direction:column;justify-content:center;min-width:0;p{margin:0;font-size:var(--font-size-s);color:var(--Gray-Gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}progress{width:100%;height:4px;-webkit-appearance:none;appearance:none;border-radius:4.5px;max-width:100%;display:block}progress::-webkit-progress-bar{background-color:var(--Gray-Gray-100);border-radius:4.5px}progress::-webkit-progress-value{background-color:var(--Primary-Primary-500);border-radius:4.5px;transition:width 0.3s ease}progress::-moz-progress-bar{background-color:var(--Primary-Primary-500);border-radius:4.5px}.view-icon,.container-icon-trash{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:4px;border-radius:var(--Border-1);transition:background 0.2s}.view-icon:hover,.container-icon-trash:hover{background-color:var(--Gray-Gray-50)}";export{a as dropi_file_upload_progress_bar}

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

@@ -0,0 +1 @@
+import{r as i,h as e}from"./p-D5SAM1O2.js";const t=class{constructor(e){i(this,e)}type="dropi";state="default";stateInsignia="verified";tagProduct=!1;insigniaIcons={verified:"assets/icons/ilustration/verified-new.svg",premium:"assets/icons/ilustration/premium-new.svg",exclusive:"assets/icons/ilustration/exclusive.svg"};getIconName(i){return{success:"Check-circle",error:"Cross-circle",info:"Comment-round_info",warning:"Comment-round_info"}[i]||"Comment-round_info"}render(){return e("div",{key:"d7fa7fce7346d3496ae99c580dee9de5fea934b8",class:"dropi-ilustration"},"dropi"===this.type&&e("figure",{key:"faa5686e775ac3a373037b6e1f9bf32076cfb495",class:"dropi-ilustration__image"},e("img",{key:"209017a72b774b3e14c8e34f7e3bface75ba592b",src:`assets/icons/ilustration/${this.state&&"undefined"!==String(this.state)&&"null"!==String(this.state)?this.state:"default"}.svg`,alt:this.state??"default",onError:i=>{i.target.src="assets/icons/ilustration/default.svg"}})),"mb"===this.type&&e("figure",{key:"75c82f5356c427d4ed35db3e9697d232e7f1b132",class:`dropi-ilustration__image-mb ${this.state}`},["success","error","info","warning"].includes(this.state)&&e("dropi-icon",{key:"86a371bef276d6c945959405d39cea3a8dcecde3",name:this.getIconName(this.state),iconWidth:"24px",iconHeight:"24px",color:"Neutral-White"})),"insignia"===this.type&&e("figure",{key:"c1bef5162ba49d8493a1c8d6b16d886543215046",class:this.tagProduct?"dropi-ilustration-insignia-tag":"dropi-ilustration-insignia"},e("img",{key:"8d1313457cda0f356f278f095b42d75d960a1c27",src:this.insigniaIcons[this.stateInsignia],alt:this.stateInsignia}),this.tagProduct&&e("p",{key:"303cce4a3a632e9e36f8c7e6d186b56cec9c5ed6",class:`tag tag--${this.stateInsignia}`},e("span",{key:"3c2b051198e41dcfc2944aa7b1f869ba30e56c2a",class:"Caption-S"},this.stateInsignia.charAt(0).toUpperCase()+this.stateInsignia.slice(1)))))}};t.style=":host{display:inline-flex}.dropi-ilustration{display:inline-flex;align-items:center;justify-content:center}.dropi-ilustration__image,.dropi-ilustration-insignia{margin:0;display:flex;align-items:center;justify-content:center}.dropi-ilustration__image img{max-width:100%;height:auto}.dropi-ilustration__image-mb{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0}.dropi-ilustration__image-mb.success{background:var(--Success-Success-500, #22c55e)}.dropi-ilustration__image-mb.error{background:var(--Error-Error-500, #ef4444)}.dropi-ilustration__image-mb.info{background:var(--Info-Info-500, #3b82f6)}.dropi-ilustration__image-mb.warning{background:url('assets/icons/ilustration/bg-warning.svg') no-repeat center;background-size:contain;border-radius:0}.dropi-ilustration-insignia-tag{display:flex;align-items:center;margin:0}.dropi-ilustration-insignia-tag img{position:relative;z-index:2;height:32px;width:auto}.tag{border-radius:32px;color:var(--Neutral-White, #ffffff);text-transform:capitalize;margin:0 0 0 -20px;display:flex;align-items:center;justify-content:flex-start}.tag span{color:var(--Neutral-White, #ffffff);padding:4px 8px 4px 18px;font-size:var(--font-size-xxs)}.tag--verified{background:linear-gradient(90deg, #ffc10d 41.3%, #ff6102 112.32%)}.tag--premium{background:linear-gradient(90deg, #ff6102 56.52%, #ffc10d 107.25%)}.tag--exclusive{background:linear-gradient(90deg, var(--Gray-900, #0e111a) 26.09%, #ff6102 116.67%)}";export{t as dropi_ilustration_icon}

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

@@ -0,0 +1 @@
+import{r as e,c as r,h as o}from"./p-a2fb4CHk.js";const t=class{constructor(o){e(this,o),this.modelChange=r(this,"modelChange")}options=[];valueModel="name";height="";isInSelect=!1;parameters={type:"checkbox",icon:"",iconCurrier:!1};selected=[];parsedOptions=[];modelChange;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.options)}isSelected(e){return(this.selected??[]).some((r=>JSON.stringify(r)===JSON.stringify(e)))}toggleOption(e){this.selected=this.isSelected(e)?this.selected.filter((r=>JSON.stringify(r)!==JSON.stringify(e))):[...this.selected,e],this.modelChange.emit(this.selected)}render(){return o("div",{key:"274caba83e2f697257e3803b85517a31d4f0aea8",class:this.isInSelect?"container-dropi-dropdown-select":"container-dropi-dropdown",style:{"--custom-height":this.height||"388px"}},this.parsedOptions.map(((e,r)=>{const t=e[this.valueModel]??String(e),i=!!e.checked||this.isSelected(e);return o("div",{class:"content-dropdown",key:r},o("div",{class:{"container-check-dropdown":!0,"active-option":i},onClick:()=>this.toggleOption(e)},"checkbox"===this.parameters.type&&o("dropi-checkbox",{checked:i}),this.parameters.iconCurrier&&o("dropi-avatars",{image:e[this.valueModel],type:"transport"}),this.parameters.icon&&o("dropi-avatars",{image:e.image,type:"transport"}),o("span",{class:"Body-M-Regular"},t)))})))}static get watchers(){return{options:[{optionsChanged:0}]}}};t.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.dropdown{display:flex;flex-direction:column;overflow-y:auto;max-height:var(--dropdown-height, 300px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff)}.dropdown__item{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}.dropdown__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dropdown__item--active{background:var(--Primary-Primary-50, #fff5eb)}.dropdown__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.dropdown__label{flex:1;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";export{t as dropi_dropdown}

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

@@ -0,0 +1 @@
+import{r as i,a as o,h as e}from"./p-a2fb4CHk.js";const l="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgNDAiPjx0ZXh0IHk9IjMwIiBmb250LXNpemU9IjI0IiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZmlsbD0iIzg1OGVhNiI+ZHJvcGk8L3RleHQ+PC9zdmc+",r=class{constructor(o){i(this,o)}get el(){return o(this)}urlLogo="";size="large";theme="light";componentWillLoad(){this.urlLogo||(this.urlLogo=this.el.getAttribute("urlLogo")||this.el.getAttribute("url-logo")||this.el.getAttribute("urllogo")||"")}handleError(i){i.target.src=l}render(){return e("figure",{key:"2a5ed49bd2ac8592db5b06256ff4e911e26ee6fd",class:{"dropi-logo":!0,[`dropi-logo--${this.size}`]:!0}},e("img",{key:"f0f63e2e5ceb30c24eac3f7f5a3446858b632f90",src:this.urlLogo||l,alt:"Dropi logo",onError:i=>this.handleError(i)}))}};r.style=":host{display:inline-block}.dropi-logo{margin:0;padding:0;display:flex;align-items:center;justify-content:center}.dropi-logo img{display:block;object-fit:contain}.dropi-logo--large img{width:256px;height:84px}.dropi-logo--small img{width:86px;height:81px}";export{r as dropi_logo}

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

@@ -0,0 +1 @@
+import{r as t,h as e}from"./p-a2fb4CHk.js";const i=class{constructor(e){t(this,e)}position="top-right";life=3e3;items=[];idCounter=0;async show(t){console.log("DropiToast show() called with:",t);const e=t.id??"t"+ ++this.idCounter,i={msg:{...t,id:e,closable:t.closable??!0},leaving:!1};this.items=[...this.items||[],i];const o=void 0!==t.life?t.life:this.life;o>0&&(i.timer=setTimeout((()=>this.remove(e)),o))}async clear(){(this.items||[]).forEach((t=>{t.timer&&clearTimeout(t.timer)})),this.items=[]}remove(t){this.items=this.items.map((e=>e.msg.id===t?{...e,leaving:!0}:e)),setTimeout((()=>{this.items=this.items.filter((e=>e.msg.id!==t))}),320)}lottieMap={success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",warn:"/assets/lottie-files/warning.json",info:"/assets/lottie-files/question.json"};getLottieHtml(t){return`<lottie-player src="${this.lottieMap[t]}" background="transparent" speed="1" loop autoplay></lottie-player>`}render(){return e("div",{key:"962972e53e84a968b538feb28c2588f9051276ff",class:`toast-container toast-container--${this.position}`},(this.items??[]).map((t=>e("div",{key:t.msg.id,class:{"toast-wrapper":!0,"toast-wrapper--leaving":t.leaving}},e("div",{class:`toast toast--${t.msg.severity}`},e("div",{class:"toast-content"},e("div",{class:"lottie-img"},e("div",{class:"lottie-player-container",innerHTML:this.getLottieHtml(t.msg.severity)})),e("div",{class:"info-container"},e("p",{class:"title"},t.msg.summary),t.msg.detail&&e("p",{class:"description"},t.msg.detail))),t.msg.closable&&e("button",{class:"toast-close",onClick:()=>this.remove(t.msg.id)},e("dropi-icon",{name:"Close-small",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-400"})))))))}};i.style=":host{display:contents}*,*::before,*::after{box-sizing:border-box}.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:380px;width:100%;pointer-events:none}.toast-container--top-right{top:80px;right:0;padding:var(--Size-2, 8px)}.toast-container--top-left{top:80px;left:0;padding:var(--Size-2, 8px)}.toast-container--bottom-right{bottom:24px;right:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-container--bottom-left{bottom:24px;left:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-container--top-center{top:80px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px)}.toast-container--bottom-center{bottom:24px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-wrapper{pointer-events:auto;animation:toast-in 0.28s ease;transition:opacity 0.28s ease, transform 0.28s ease, max-height 0.32s ease;overflow:hidden;max-height:200px}.toast-wrapper--leaving{opacity:0;transform:translateX(20px);max-height:0;pointer-events:none}@keyframes toast-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.toast{position:relative;display:flex;align-items:flex-start;border-radius:var(--Border-2,8px);background:var(--Neutral-White, #ffffff);box-shadow:0.5px -1px 7px 0px rgba(0, 0, 0, 0.06), 0px 4px 20px 0px rgba(0, 0, 0, 0.12);border-left:var(--Size-2, 8px) solid;overflow:hidden;min-width:300px}.toast--success{border-color:var(--Success-Success-500,#34c38f)}.toast--error{border-color:var(--Error-Error-500,#f46a6b)}.toast--warn{border-color:var(--Warning-Warning-500,#f1b44c)}.toast--info{border-color:var(--Info-Info-500,#50a5f1)}.toast-content{display:flex;flex-direction:row;align-items:flex-start;padding:var(--Size-5) var(--Size-5) var(--Size-5) calc(var(--Size-5) - var(--Size-2, 8px));gap:var(--Size-4, 16px)}.lottie-img{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.lottie-player-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center}lottie-player{width:100%;height:100%;display:block}.info-container{flex:1;min-width:0;align-self:center;display:flex;flex-direction:column;gap:var(--Size-1, 4px)}.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.1;text-align:left;max-width:250px}.description{margin:0;font-size:var(--font-size-s,14px);color:var(--Gray-Gray-500, #69738c);line-height:1.4;text-align:left;max-width:250px}.toast-close{position:absolute;top:18px;right:10px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-close:hover{opacity:0.7}";export{i as dropi_toast}

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

@@ -0,0 +1 @@
+import{r as i,c as t,h as e}from"./p-D5SAM1O2.js";const s=class{constructor(e){i(this,e),this.dropiPrimaryClick=t(this,"dropiPrimaryClick",7),this.dropiSecondaryClick=t(this,"dropiSecondaryClick",7),this.dropiVisibleChange=t(this,"dropiVisibleChange",7),this.dropiHide=t(this,"dropiHide",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;isWhiteLabel=!1;params=null;paramsChanged(i){i&&(void 0!==i.tittle&&(this.tittle=i.tittle),void 0!==i.type&&(this.type=i.type),void 0!==i.message&&(this.message=i.message),void 0!==i.primaryButton&&(this.primaryButton=i.primaryButton),void 0!==i.secondaryButton&&(this.secondaryButton=i.secondaryButton),void 0!==i.loadingTitle&&(this.loadingTitle=i.loadingTitle),void 0!==i.loadingMessage&&(this.loadingMessage=i.loadingMessage),void 0!==i.closable&&(this.closable=i.closable),void 0!==i.displayButtons&&(this.displayButtons=i.displayButtons))}dropiPrimaryClick;dropiSecondaryClick;dropiVisibleChange;dropiHide;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.dropiPrimaryClick.emit(!0),this.isStep||(this.visible=!1,this.dropiVisibleChange.emit(!1))}handleSecondary(){this.dropiSecondaryClick.emit(!0),this.visible=!1,this.dropiVisibleChange.emit(!1)}onModalHide(){this.visible=!1,this.dropiVisibleChange.emit(!1),this.dropiHide.emit()}render(){const i=this.loading?"loading":this.type;return e("dropi-modal",{key:"322c59ea0a067a4c0cb28a5ffbe9cbc0c642eee6",visible:this.visible,showHeader:this.closable,showCloseIcon:this.closable,dismissable:!1,closeOnEscape:!1,showFooter:!1,size:"s",onDropiHide:()=>this.onModalHide()},e("div",{key:"06530f3da45738d1ed75a4e8b5b8b0b80dfd2647",class:"body-alert"},this.lottieMap[i]&&e("div",{key:"7a4ab4fbbdf3cbbacfa22f918d212b788f4392a4",class:"lottie-img"+("loading"===i?" lottie-img--loading":"")},e("lottie-player",{key:i,src:this.lottieMap[i],background:"transparent",speed:"1",loop:!0,autoplay:!0})),e("div",{key:"0e72f42d10c59047e82df8b2842affd38ab60fc7",class:"content-alert"},e("h2",{key:"8262de8fbcf5b87fbac34740d34d99d0b6ff921d"},this.loading?this.loadingTitle:this.tittle),e("p",{key:"ca9c734e0b9686bff7e2616ae98224446ac0ca33"},this.loading?this.loadingMessage:this.message)),e("div",{key:"1b5edb3af1044cb0dd0b57a425517b1d824672be",class:"custom-content"},e("slot",{key:"57f4a8acdbcf8a11445f7c8233355bb4ac46c9ab"})),!this.loading&&this.displayButtons&&e("div",{key:"32580f42d98f628b4c1d1f300b5a3aaaa1be2486",class:"actions"},this.secondaryButton&&e("dropi-button",{key:"dcf8707a7f4d8b80126a10022dd6de1c0ea44dc7",text:this.secondaryButton,severity:"secondary",onDropiClick:()=>this.handleSecondary(),fullWidth:!0}),e("dropi-button",{key:"3ed494fc7a83021174c4d006ae4327348d400e93",text:this.primaryButton,severity:"primary",onDropiClick:()=>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:visible;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}.custom-content{width:100%;text-align:left;margin-top:var(--Size-2);display:flex;flex-direction:column;gap:var(--Size-3)}.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-e524fed1.entry.js

@@ -0,0 +1 @@
+import{r as e,a as o,h as a}from"./p-a2fb4CHk.js";const i=class{constructor(o){e(this,o)}get el(){return o(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 a("div",{key:"43f4ce6c38338a90a3b866a449f14e48b478e738",class:{"accordion-item":!0,"accordion-item--open":this.open,"accordion-item--disabled":this.disabled}},a("button",{key:"b5150a903bf75b82ffea9707e5906dc17f0bcd1c",class:"accordion-header",onClick:()=>this.handleToggle(),"aria-expanded":String(this.open),disabled:this.disabled},a("span",{key:"53f5c6a4e5a9d02412145395112368ddea9af746",class:"accordion-header-left"},this.preIcon&&a("dropi-icon",{key:"28acd44875849665dfc58a5b3040a7ef78e92b6e",name:this.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),a("span",{key:"c19a8f8b33ce36c1903fc428400b2e1bf9b20971",class:"accordion-title"},this.sectionTitle)),a("span",{key:"7163175dca488646dd13de60978cd623cfc61d12",class:{"accordion-chevron":!0,"accordion-chevron--open":this.open}},a("dropi-icon",{key:"10c1ea131aaaa8d0fe6542b9d8effe8b3319e3c8",name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}))),a("div",{key:"2d514054e305d92ac97bf661f85d795ff4cc04a9",class:"accordion-body",style:{maxHeight:this.contentHeight},ref:e=>this.contentRef=e},a("div",{key:"3ff920a3cd55f22af681b90f220ce05d15db09e1",class:"accordion-content"},a("slot",{key:"f703b47dc51acb41b7d455c991a08c8286d53fc2"}))))}static get watchers(){return{open:[{openChanged:0}]}}};i.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{i as dropi_accordion_item}

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

@@ -0,0 +1 @@
+import{r as t,c as o,B as a,h as e}from"./p-D5SAM1O2.js";const i=class{constructor(a){t(this,a),this.dropiShow=o(this,"dropiShow",5),this.dropiHide=o(this,"dropiHide",5),this.dropiVisibleChange=o(this,"dropiVisibleChange",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;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(t){t?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&a.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&a.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=t=>{"Escape"===t.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return e("div",{key:"084a3feecc511d3d33f15a70cbe0ca35971b7cec",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&e("div",{key:"15140f5a43b39677ac59992ed62ce184e9fe9471",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),e("div",{key:"7ac1084378a4357ba738b505c58dea4044f0b89e",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&e("div",{key:"a39703362f56a38571c8ddb3b28f3ffd7351999c",class:"modal-header"},this.header&&e("span",{key:"001e7afbf3f3d4d3b269440d931689141555d501",class:"modal-title"},this.header),e("slot",{key:"783d6fd3bc56fe268f313647d35bbd9d425a7124",name:"header"}),this.showCloseIcon&&e("button",{key:"72d8f925bd0dce00f050058b240d9a3bc0684d7d",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),e("div",{key:"73f322ca07b5c2898a22a58d9387e253451634d9",class:"modal-content"},e("slot",{key:"149ab610f362b85a21ef36b0c37e0c5f74aa824a"})),this.showFooter&&e("div",{key:"5d8a0e86f24351a55a2f78056b4ea17fc14b05b4",class:"modal-footer"},e("slot",{key:"e24df27b8c5056969e0ff62dba91b085f9f689aa",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}};i.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:9999;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.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%;margin-top:auto;flex-shrink:0}.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{i as dropi_modal}

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

@@ -0,0 +1 @@
+import{r as t,h as e}from"./p-a2fb4CHk.js";const i=class{constructor(e){t(this,e)}visible=!0;loadingAnimation="/assets/lottie-files/loading.json";title="Cargando...";message="Por favor, espere un momento";render(){return this.visible?e("div",{class:"loader-overlay"},e("div",{class:"loader-container"},e("div",{class:"lottie-animation"},e("lottie-player",{src:this.loadingAnimation,background:"transparent",speed:"1",style:{width:"300px",height:"300px"},loop:!0,autoplay:!0})),(this.title||this.message)&&e("div",{class:"loader-text"},this.title&&e("h3",{class:"loader-title"},this.title),this.message&&e("p",{class:"loader-message"},this.message)))):null}};i.style=":host{display:block}.loader-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.85);z-index:9999}.loader-container{display:flex;flex-direction:column;align-items:center;gap:var(--Size-4, 16px)}.lottie-animation{display:flex;align-items:center;justify-content:center;width:300px;height:300px}.lottie-animation lottie-player{display:block;width:300px !important;height:300px !important}.loader-text{display:flex;flex-direction:column;align-items:center;gap:var(--Size-2, 8px);text-align:center}.loader-title{margin:0;font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.loader-message{margin:0;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-500, #69738c)}";export{i as dropi_lottie_loader}

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

@@ -0,0 +1 @@
+import{r as o,c as t,B as e,h as a}from"./p-a2fb4CHk.js";const i=class{constructor(e){o(this,e),this.dropiShow=t(this,"dropiShow"),this.dropiHide=t(this,"dropiHide"),this.dropiVisibleChange=t(this,"dropiVisibleChange")}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;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(o){console.log("[DropiModal] visibleChanged:",o),o?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){console.log("[DropiModal] Opening Modal..."),this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&e.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){console.log("[DropiModal] Starting close sequence..."),!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&e.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),console.log("[DropiModal] Emitting dropiHide"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=o=>{"Escape"===o.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return a("div",{key:"ce402e441341e99c2e068c1a0320f2de9adbab5b",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&a("div",{key:"76c12463f0f8d1161d52b05766d82954f0c8a541",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),a("div",{key:"e2c4125e41eb16e32c47ff1c98da4b2bb4bebdd2",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&a("div",{key:"d0355ebeb4e21991987682376899fdbe7f50b7ec",class:"modal-header"},this.header&&a("span",{key:"96653cde16d872004a83e261385434b4b40308ad",class:"modal-title"},this.header),a("slot",{key:"fcf6ecb320597ae6e9fc6e877f9fcc30e4fea8f0",name:"header"}),this.showCloseIcon&&a("button",{key:"aae7a35d76a2220481fa1faff9a3a66317577d56",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),a("div",{key:"c58b7db393ccf1a5f854692de8255847087d7ea2",class:"modal-content"},a("slot",{key:"50a03151908756d7615791f7ba665c01c21db4b6"})),this.showFooter&&a("div",{key:"add00765e26d84b1a38551598f2d6985a1e52b6d",class:"modal-footer"},a("slot",{key:"50291ebfee03f980ae05da6cd503ec7304fca580",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}};i.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:9999;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.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%;margin-top:auto;flex-shrink:0}.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{i as dropi_modal}

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

@@ -0,0 +1 @@
+import{r as i,c as t,a as e,h as r}from"./p-a2fb4CHk.js";const o=class{constructor(e){i(this,e),this.dropiChangeSelect=t(this,"dropiChangeSelect"),this.dropiClear=t(this,"dropiClear"),this.dropiSearch=t(this,"dropiSearch"),this.dropiScrollEnd=t(this,"dropiScrollEnd"),this.dropiKeyEnter=t(this,"dropiKeyEnter"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}get el(){return e(this)}internals;buttonRef;scrollDebounce;hasEmittedScrollEnd=!1;lastScrollTop=0;label="";placeholder="Select";options=[];name="";disabled=!1;hasError=!1;errorText="";textHelper="";showObligatory=!1;searchEnabled=!1;multiSelect=!1;dropdownType=!1;showCountryFlags=!1;radioOptions=!1;placeHolderSearch="Buscar";preIcon="";defaultSelectedId;selectedOption=null;overlayClass="";withinModal=!1;selectProperties=null;isOpen=!1;_selectedOption=null;multiSelected=[];filteredOptions=[];searchTerm="";dropdownStyle={top:"0px",left:"0px",width:"0px"};dropiChangeSelect;dropiClear;dropiSearch;dropiScrollEnd;dropiKeyEnter;componentWillLoad(){this.selectProperties&&this.selectPropertiesChanged(this.selectProperties),this.normalizeOptions(),this.filteredOptions=[...this.options],this.applyDefaultSelection()}selectPropertiesChanged(i){i&&(void 0!==i.label&&(this.label=i.label),void 0!==i.placeholder&&(this.placeholder=i.placeholder),void 0!==i.options&&(this.options=i.options),void 0!==i.showObligatory&&(this.showObligatory=i.showObligatory),void 0!==i.textHelper&&(this.textHelper=i.textHelper),void 0!==i.searchEnabled&&(this.searchEnabled=i.searchEnabled),void 0!==i.multiSelect&&(this.multiSelect=i.multiSelect),void 0!==i.dropdownType&&(this.dropdownType=i.dropdownType),void 0!==i.hasError&&(this.hasError=i.hasError),void 0!==i.errorText&&(this.errorText=i.errorText),void 0!==i.radioOptions&&(this.radioOptions=i.radioOptions),void 0!==i.preIcon&&(this.preIcon=i.preIcon))}optionsChanged(){this.normalizeOptions(),this.filteredOptions=[...this.options],this.applyDefaultSelection()}normalizeOptions(){if(this.options){if("string"==typeof this.options)try{this.options=JSON.parse(this.options)}catch(i){this.options=[]}}else this.options=[]}defaultChanged(i){this.applyDefaultSelection(i)}valueChanged(i){this._selectedOption=i,this.internals.setFormValue(i?String(i.id):"")}async setById(i){const t=this.options.find((t=>t.id===i||String(t.id)===String(i)));t&&this.selectOption(t)}async setByLabel(i){const t=this.options.find((t=>t.label===i));t&&this.selectOption(t)}async clearSelection(){this._selectedOption=null,this.multiSelected=[],this.internals.setFormValue(""),this.dropiClear.emit()}async resetMultiSelect(i){this.multiSelected=[],this.internals.setFormValue("")}handleOutsideClick(i){this.isOpen&&!i.composedPath().includes(this.el)&&this.closeDropdown()}applyDefaultSelection(i){const t=i??this.defaultSelectedId;if(""===t||null==t)return;const e=this.flatOptions().find((i=>i.id===t||String(i.id)===String(t)));e&&(this._selectedOption=e,this.internals.setFormValue(String(e.id)))}flatOptions(){return this.options?.length?"category"in this.options[0]?this.options.flatMap((i=>i.options)):this.options:[]}get isGrouped(){return this.options?.length>0&&"category"in this.options[0]}get triggerLabel(){return this.multiSelect?this.multiSelected.length?this.multiSelected.map((i=>i.label)).join(", "):this.placeholder:this._selectedOption?this.showCountryFlags&&this._selectedOption.shortLabel?this._selectedOption.shortLabel:this._selectedOption.label:this.placeholder}openDropdown(){if(this.withinModal)this.dropdownStyle={top:`${this.el.offsetHeight}px`,left:"0px",width:"100%"};else{const i=this.buttonRef.getBoundingClientRect(),t=window.innerHeight,e=250;this.dropdownStyle={top:`${t-i.bottom>=e?i.bottom+4:i.top-e-4}px`,left:`${i.left}px`,width:`${i.width}px`}}this.isOpen=!0,this.searchEnabled&&setTimeout((()=>{const i=this.el.shadowRoot?.querySelector(".search-input");i?.focus()}),50)}closeDropdown(){this.isOpen=!1,this.searchTerm="",this.filteredOptions=[...this.options]}toggleDropdown(){this.isOpen?this.closeDropdown():this.openDropdown()}selectOption(i){if(!i.disabled)if(this.multiSelect){const t=this.multiSelected.findIndex((t=>t.id===i.id));this.multiSelected=t>=0?this.multiSelected.filter((t=>t.id!==i.id)):[...this.multiSelected,i],this.internals.setFormValue(this.multiSelected.map((i=>i.id)).join(",")),this.dropiChangeSelect.emit([...this.multiSelected])}else this._selectedOption=i,this.internals.setFormValue(String(i.id)),this.dropiChangeSelect.emit(i),this.closeDropdown()}isOptionChecked(i){return this.multiSelected.some((t=>t.id===i.id))}handleSearch(i){this.searchTerm=i,this.dropiSearch.emit(i);const t=i.toLowerCase().trim();this.filteredOptions=t?this.isGrouped?this.options.map((i=>({...i,options:i.options.filter((i=>i.label.toLowerCase().includes(t)))}))).filter((i=>i.options.length>0)):this.options.filter((i=>i.label.toLowerCase().includes(t))):[...this.options]}handleScroll(i){const t=i.target;clearTimeout(this.scrollDebounce),this.scrollDebounce=setTimeout((()=>{if(!t)return;const i=t.scrollHeight-t.scrollTop-t.clientHeight,e=Math.min(50,t.clientHeight/2);t.scrollTop<this.lastScrollTop&&(this.hasEmittedScrollEnd=!1),this.lastScrollTop=t.scrollTop,i<=e&&!this.hasEmittedScrollEnd&&(this.dropiScrollEnd.emit(),this.hasEmittedScrollEnd=!0,setTimeout((()=>{this.hasEmittedScrollEnd=!1}),1e3))}),100)}renderTrigger(){const i=this.disabled?"Gray-Gray-300":this.dropdownType?"Gray-Gray-600":"Gray-Gray-400",t=this.dropdownType?"24px":"20px";return r("button",{type:"button",class:{"select-button":!0,"select-completed":this.multiSelect?this.multiSelected.length>0:!!this._selectedOption,"select-button-error":this.hasError,"no-border":this.dropdownType},disabled:this.disabled,ref:i=>this.buttonRef=i,onClick:()=>this.toggleDropdown()},r("div",{class:{"button-content":!0,"option-radio":this.radioOptions&&!!this._selectedOption&&!this.multiSelect}},this.preIcon&&r("dropi-icon",{name:this.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}),this.radioOptions&&this._selectedOption&&!this.multiSelect&&[this._selectedOption.imageUrl&&!this._selectedOption.isFallback?r("img",{class:"option-image small-image",src:this._selectedOption.imageUrl,alt:"",onError:()=>{this._selectedOption&&(this._selectedOption={...this._selectedOption,isFallback:!0})}}):this._selectedOption.isFallback?r("span",{class:"option-image-fallback small-image"},this._selectedOption.label.charAt(0).toUpperCase()):null,r("div",{class:"labels-container elipsis"},r("span",null,this._selectedOption.label),this._selectedOption.secondLabel&&r("span",{class:"option-second-label"},this._selectedOption.secondLabel))],!(this.radioOptions&&this._selectedOption&&!this.multiSelect)&&r("div",{class:"elipsis"},this.triggerLabel)),r("dropi-icon",{name:this.isOpen?"Dropdown-up":"Dropdown-down",iconWidth:t,iconHeight:t,color:i}))}renderOption(i){const t=this.multiSelect?this.isOptionChecked(i):this._selectedOption?.id===i.id;return r("li",{key:i.id},r("button",{type:"button",class:{option:!0,"option-radio":this.radioOptions,"option-with-flag":this.showCountryFlags&&!!i.countryCode,"disabled-option":!!i.disabled,"selected-option":t},disabled:i.disabled,onClick:()=>this.selectOption(i)},this.multiSelect&&r("span",{class:{"multi-checkbox":!0,checked:t}},t&&r("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none"},r("path",{d:"M20.6 5.7L9.1 17.2c-.2.2-.5.3-.8.3s-.6-.1-.8-.3L3 12.8c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l3.9 3.9L19.2 4.3c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4z",fill:"white"}))),this.radioOptions&&r("div",{class:{radio:!0,selected:t}},t&&r("div",{class:"circle"})),!this.radioOptions&&i.preIcon&&r("dropi-icon",{name:i.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}),this.radioOptions&&i.imageUrl&&!i.isFallback&&r("img",{class:"option-image",src:i.imageUrl,alt:"",onError:()=>{i.isFallback=!0,this.options=[...this.options]}}),this.radioOptions&&i.isFallback&&r("span",{class:"option-image-fallback"},i.label.charAt(0).toUpperCase()),this.showCountryFlags&&i.countryCode&&r("span",{class:"flag-placeholder"},i.countryCode),this.radioOptions?r("div",{class:"labels-container"},r("span",{class:"elipsis"},i.label),i.secondLabel&&r("span",{class:"option-second-label"},i.secondLabel)):r("span",{class:"elipsis"},this.showCountryFlags&&i.shortLabel?i.shortLabel:i.label)))}renderDropdown(){return this.isOpen?r("ul",{class:`select-dropdown-overlay ${this.overlayClass} ${this.withinModal?"within-modal":""}`,style:this.dropdownStyle,onScroll:i=>this.handleScroll(i)},this.searchEnabled&&r("li",{class:"sticky-search"},r("div",{class:"search-wrapper"},r("dropi-icon",{name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),r("input",{class:"search-input",type:"text",placeholder:this.placeHolderSearch,value:this.searchTerm,onInput:i=>this.handleSearch(i.target.value),onKeyDown:i=>{"Enter"===i.key&&this.dropiKeyEnter.emit(i)}}),this.searchTerm&&r("button",{type:"button",class:"search-clear",onClick:()=>this.handleSearch("")},r("dropi-icon",{name:"Close",iconWidth:"14px",iconHeight:"14px",color:"Gray-Gray-400"})))),this.isGrouped&&this.filteredOptions.map((i=>[r("li",{class:"option-group-title"},i.category),...i.options.map((i=>r("li",{key:i.id},r("button",{type:"button",class:{option:!0,"option-group":!0,"disabled-option":!!i.disabled},disabled:i.disabled,onClick:()=>this.selectOption(i)},i.preIcon&&r("dropi-icon",{name:i.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}),r("span",{class:"elipsis"},i.label)))))])),!this.isGrouped&&this.filteredOptions.map((i=>this.renderOption(i))),0===this.filteredOptions.length&&r("li",{class:"no-results"},"Sin resultados")):null}render(){return r("div",{key:"0354e3d5c7f62197cf7257f9355c90b4310f5800",class:"custom-select"},!this.dropdownType&&this.label&&r("label",{key:"8dc73544974818101d72d96897a1567135001b14",class:{"disabled-label":this.disabled}},this.label,this.showObligatory&&!this.disabled&&r("span",{key:"28f77d9978d5a8c16567dac9b000fe80c6ef611b",class:"asterisk"}," *")),r("div",{key:"63fd26b77f5452782132f804c21e2ff2ce8e4c6a",class:"dropdown-container"},this.dropdownType&&this.label&&r("div",{key:"06f7a4b07d3532c0180926328864b233d3c1abef",class:"left-label"},this.label),this.renderTrigger()),this.textHelper&&!this.hasError&&r("div",{key:"e0781236b77ccef9fb21bb938f7305428a7f5ed7",class:"select-helper"},r("span",{key:"e7d811af4b60046b042c99f0371fa114b25b32b6"},this.textHelper)),this.hasError&&this.errorText&&r("div",{key:"61dbb5aaa8242d9eb96a2c4530da9408eab559f4",class:"select-helper-error"},r("dropi-icon",{key:"aea5bd23aedfde0926693da32b07e1cc847e703c",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),r("span",{key:"a7b72ea2bc495074c26fa44415478606b0b29347"},this.errorText)),this.renderDropdown())}static get formAssociated(){return!0}static get watchers(){return{selectProperties:[{selectPropertiesChanged:0}],options:[{optionsChanged:0}],defaultSelectedId:[{defaultChanged:0}],selectedOption:[{valueChanged:0}]}}};o.style=":host{display:block;width:100%;text-align:left}*,*::before,*::after{box-sizing:border-box}.custom-select{position:relative;width:100%}.custom-select label{display:block;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066)}.disabled-label{color:var(--Gray-Gray-400, #858ea6) !important}.asterisk{color:var(--Error-Error-500, #f46a6b)}.dropdown-container{display:flex;align-items:center;gap:4px}.left-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-m, 14px);white-space:nowrap}.select-button{box-sizing:border-box;width:100%;height:40px;padding:0 0.75rem;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;transition:border-color 0.2s ease;gap:8px}.select-button:focus{outline:none;border-color:var(--Info-Info-500, #50a5f1)}.select-button:disabled{border-color:var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.select-completed{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066)}.select-button-error{border-color:var(--Error-Error-500, #f46a6b) !important}.no-border{border:none !important;color:var(--Gray-Gray-600, #475066);padding:var(--Size-4, 16px);background-color:transparent !important;gap:var(--Size-2, 8px)}.no-border:disabled{background-color:transparent !important}.button-content{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1;min-width:0}.elipsis{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-dropdown-overlay{position:fixed;max-height:250px;overflow-y:auto;list-style:none;padding:var(--Size-4, 16px) var(--Size-4, 16px) var(--Size-3, 12px);margin:0;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0px 8px 24px rgba(0, 0, 0, 0.12);z-index:9999;animation:dropdown-open 120ms ease-out}.select-dropdown-overlay.within-modal{position:absolute}@keyframes dropdown-open{from{opacity:0;transform:scaleY(0.95);transform-origin:top}to{opacity:1;transform:scaleY(1);transform-origin:top}}.option{box-sizing:border-box;width:100%;min-height:40px;border-radius:var(--Border-2, 8px);padding:var(--Size-3, 12px) 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:var(--Size-2, 8px);transition:background 0.15s ease}.option:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.option:disabled,.disabled-option{opacity:0.5;cursor:not-allowed}.option.selected-option:not(.option-radio){background:var(--Primary-Primary-50, #fef8f2);color:var(--Primary-Primary-500, #f49a3d)}.option-group-title{padding:var(--Size-3, 12px) var(--Size-4, 16px);font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);color:var(--Gray-Gray-500, #69738c);list-style:none}.option-group{padding-left:var(--Size-6, 32px)}.sticky-search{position:sticky;top:calc(-1 * var(--Size-4, 16px));background:var(--Neutral-White, #ffffff);z-index:10;margin:calc(-1 * var(--Size-4, 16px)) calc(-1 * var(--Size-4, 16px)) 0;padding:var(--Size-2, 8px) var(--Size-4, 16px);border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2);list-style:none}.search-wrapper{display:flex;align-items:center;gap:8px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);padding:6px 10px;background:var(--Neutral-White, #ffffff)}.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}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-clear{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.multi-checkbox{width:18px;height:18px;min-width:18px;border-radius:var(--Border-1, 4px);border:2px solid var(--Gray-Gray-200, #c3c9d9);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.15s, border-color 0.15s}.multi-checkbox.checked{background:var(--Primary-Primary-500, #f49a3d);border-color:var(--Primary-Primary-500, #f49a3d)}.option-radio{display:flex;align-items:center;gap:12px}.option-radio.selected-option{border-radius:var(--Border-2, 8px);background:var(--Primary-Primary-50, #fef8f2);color:var(--Primary-Primary-500, #f49a3d)}.option-radio.selected-option .option-second-label{color:var(--Primary-Primary-500, #f49a3d)}.radio{width:20px;height:20px;min-width:20px;border-radius:50%;border:2px solid var(--Gray-Gray-200, #c3c9d9);display:flex;align-items:center;justify-content:center;flex-shrink:0}.radio.selected{border-color:var(--Primary-Primary-500, #f49a3d)}.circle{width:12px;height:12px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d)}.labels-container{display:flex;justify-content:space-between;width:100%;min-width:0}.option-image{width:24px;height:24px;border-radius:60px;object-fit:cover;flex-shrink:0}.small-image{width:20px;height:20px}.option-image-fallback{width:24px;height:24px;border-radius:60px;background:var(--Primary-Primary-500, #f49a3d);color:white;font-size:13px;font-weight:var(--font-weight-bold);display:flex;justify-content:center;align-items:center;flex-shrink:0}.small-image.option-image-fallback{width:20px;height:20px}.option-second-label{color:var(--Gray-Gray-700, #32394d);font-weight:var(--font-weight-bold);white-space:nowrap}.flag-placeholder{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-500, #69738c);flex-shrink:0}.select-helper,.select-helper-error{display:flex;gap:var(--Size-1, 4px);align-items:center;margin-top:var(--Size-1, 4px)}.select-helper span{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.select-helper-error span{color:var(--Error-Error-500, #f46a6b);font-size:var(--font-size-xs, 10px)}.no-results{padding:var(--Size-3, 12px) var(--Size-4, 16px);color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 12px);list-style:none;text-align:center}";export{o as dropi_select}

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

@@ -0,0 +1 @@
+import{r as e,c as r,h as a}from"./p-a2fb4CHk.js";const t=class{constructor(a){e(this,a),this.dropiClose=r(this,"dropiClose")}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&&(e?document.body.classList.add("dropi-modal-open"):document.body.classList.remove("dropi-modal-open"))}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:"e5138752d1821a27ec3b0396cdc3d09bc15f7c73",class:{"drawer-host":!0,"drawer-host--open":this.open}},a("div",{key:"ca7f2dff57eee0cc1d5a71486c8ce765b27c7307",class:"drawer-backdrop",onClick:()=>{this.closeOnBackdrop&&this.close()}}),a("div",{key:"985b7c295391fa2326ee5880bed829910c56d082",class:`drawer-panel drawer-panel--${this.position}${e?" "+e:""}`,style:r,role:"dialog","aria-modal":"true"},a("div",{key:"be62a0009ab8c829cd20643552a66d17b8e877cf",class:{"drawer-header":!0,"drawer-header--headless":this.headless}},a("h3",{key:"e6f6a03c224c83fe8de9a2895a07bf93b9dbdea4",class:"drawer-header__title"},this.drawerTitle),a("button",{key:"66c251c8d8da1e0a0036f9bdeaeb6f09514dbfd4",class:"drawer-header__close",onClick:()=>this.close(),"aria-label":"Cerrar"},a("dropi-icon",{key:"150a59e552636ec623d31926fc419ec36443cc22",name:"Close-small",iconWidth:"32px",iconHeight:"32px",color:"Gray-Gray-400"}))),a("div",{key:"6982100fcf4e5ce4193bbff79baea9c557ad0722",class:"drawer-body"},a("slot",{key:"6ae61a0451322969ddb4684b77eb5851b942dd9a"})),a("div",{key:"5d4df79ea4044d86edd51331a6c1cdd3a43bfc5d",class:"drawer-footer"},a("slot",{key:"49de1183444123c36076e20e882952b9d802a567",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-edcf5623.entry.js

@@ -0,0 +1 @@
+import{r as t,c as a,B as o,h as e}from"./p-a2fb4CHk.js";const i=class{constructor(o){t(this,o),this.dropiShow=a(this,"dropiShow"),this.dropiHide=a(this,"dropiHide"),this.dropiVisibleChange=a(this,"dropiVisibleChange")}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;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(t){t?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&o.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&o.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=t=>{"Escape"===t.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return e("div",{key:"afa5e48e56be5263ee7730fe532c1cf25d178b73",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&e("div",{key:"2f469b86ec4294e0e73aa6a853eb2186e8f8d142",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),e("div",{key:"019271295ea8bd221dd33f3c643ba5ba290a2b6d",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&e("div",{key:"52d22a6d389a874c52de0640c2102356ec01f00e",class:"modal-header"},this.header&&e("span",{key:"8bc171fc24b191535b49f21c235ac78b9e0da828",class:"modal-title"},this.header),e("slot",{key:"bad3234aed329d12882148f1493152cf361cb2e6",name:"header"}),this.showCloseIcon&&e("button",{key:"ca2e6373a96e02363228139138304bafb6abd5c9",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),e("div",{key:"d725c7ea9fbf08b442be136c917e7a5d29a19697",class:"modal-content"},e("slot",{key:"5a80fa52be41009b519ee826f32d4fa22ab9e56d"})),this.showFooter&&e("div",{key:"b5eea1fa4e0de034ea511616b918f85575e69b54",class:"modal-footer"},e("slot",{key:"29aff99f75c5a32d02ab941f27d4c9f2ada614a8",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}};i.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:9999;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.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%;margin-top:auto;flex-shrink:0}.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:flex-end}.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{i as dropi_modal}

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

@@ -0,0 +1 @@
+import{r as t,c as e,h as i}from"./p-a2fb4CHk.js";const a=class{constructor(i){t(this,i),this.buttonClickEvent=e(this,"buttonClickEvent")}title="";description="";imageUrl="";imageAlt="Sin resultados";buttonText="";buttonIcon="";dropiIcon="default";buttonSeverity="tertiary";buttonClickEvent;render(){return i("div",{key:"50a720a8b293a19dbabccce8f7aa0fa996e5fd63",class:"empty-state"},i("div",{key:"d13894b011225337234301bd514891d89caac3d7",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&&"undefined"!==String(this.dropiIcon)&&"null"!==String(this.dropiIcon)?this.dropiIcon:"default"}.svg`,alt:this.imageAlt,onError:t=>t.target.src="assets/icons/ilustration/default.svg"})),this.title&&i("h3",{key:"eb40395b4bd3c623f27bc3290bb37427420c5e94",class:"empty-state-title"},this.title),this.description&&i("p",{key:"f942c17f7a8d320bbe81dfcd45d13e56d7ea8eba",class:"empty-state-description"},this.description),i("slot",{key:"513f49ffeeb77e2be1318d6d251a1bcabff2689a"}),this.buttonText&&i("div",{key:"f6d9c391feee26eac44a8904e1768678bbb1604c",class:"empty-state-actions"},i("dropi-button",{key:"f9ea9563a76a80bd29b6e6aaf8405092046a62a8",text:this.buttonText,preIcon:this.buttonIcon,severity:this.buttonSeverity,onClick:()=>this.buttonClickEvent.emit()})))}};a.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{a as dropi_empty_state}

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

@@ -0,0 +1 @@
+import{r as a,c as t,h as e}from"./p-a2fb4CHk.js";const r=class{constructor(e){a(this,e),this.dropiIndexChange=t(this,"dropiIndexChange")}configuration=[];activeTab=0;showIcon=!1;stopAction=!1;dropiIndexChange;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.dropiIndexChange.emit(a))}render(){return e("div",{key:"5e8facb7611d02c9b7fad97f676a50ce419c6852",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",iconWidth:"12px",iconHeight:"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}