@dropi/ui 0.1.37 → 0.1.42

package/dist/dropi-ui/p-7140309a.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);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>3?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-719a01cb.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.onProductClick=i(this,"onProductClick",7),this.changeFavorite=i(this,"changeFavorite",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;onProductClick;changeFavorite;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:"42990ea883dcd6cc72e1f62771f7b9554c36bdba",class:"dropi-card-product",onClick:()=>this.onProductClick.emit()},t("div",{key:"59295427ddc350ec3c70d7d1bd4803ffa6bf26b0",class:"product-image-container"},t("div",{key:"9d10e18f2eadf16f0c0b1b7cb7860d08f2ca778f",class:"product-image"},t("img",{key:"19f7af8eddcbea880d32ef30603d55bfe9337f17",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:"a6e13eea7c211fd772fe5ee7c13c7d475d54986c",class:{"favorite-button":!0,"favorite-active":this.isFavorite},onClick:e=>{e.stopPropagation(),this.isFavorite=!this.isFavorite,this.changeFavorite.emit(this.isFavorite)},"aria-label":"Favorito"},t("dropi-icon",{key:"35300a450b8fff37e7c469b5b8a1f39ebfb717dc",name:this.isFavorite?"Heart-solid":"Heart",iconWidth:"18px",iconHeight:"18px",color:this.isFavorite?"#fff":"#858ea6"})))),t("div",{key:"b6792c07dbcc37f636add6bd0f9bfbb88b28fc6b",class:"product-info"},this.supplierCategory&&t("dropi-ilustration-icon",{key:"f4074d38a1e7999ffde2b4906de21b91348b4a63",class:"supplier-insignia",type:"insignia",stateInsignia:this.supplierCategory,tagProduct:!0}),t("div",{key:"7a085de7400576ba2595770268845916eecfa3cf",class:"product-header"},this.category&&t("span",{key:"c5002b0b82d8483e3ea88d884cdeaa015341e7ca",class:"category"},this.category),t("div",{key:"4c24e0f3dc3ea31764290e97a600beb411ce7b50",class:"stock-info"},t("span",{key:"453b6b6ba34aa1c060052ec6a1aa4b6aeabe454b",class:"stock-label"},"Stock:"),t("span",{key:"46733d6335c72a16411b27c1cae7dbb1e46a26cc",class:"stock-value",style:{color:this.getStockColor()}},0===this.stock?"Agotado":this.stock))),t("h3",{key:"69179b355604ffbf594f192c47ba8ac18964d1c8",class:"product-name"},this.productName),this.supplier&&t("div",{key:"b53d6667872f959cc5e48b365b42b5744c4c0ae8",class:"supplier-info"},t("span",{key:"e2cb385de94697533b0ac8f8832246dac955efb1",class:"supplier-label"},"Proveedor:"),t("span",{key:"17e2d2ce7a5d6113fbef89a5c49ec183e189aeee",class:"supplier-name",onClick:e=>{e.stopPropagation(),this.dropiSupplierClick.emit()}},this.supplier)),t("div",{key:"eb146caf735601d1ed0f3ff0f81e234a9a768d04",class:"price-container"},t("div",{key:"0516aaeb1f4d087b262b5692abfac9993c8b378a",class:"price-item"},t("span",{key:"837eb19a5bb50dbd05d999a5c3fb0d642f2701b7",class:"price-label"},"Precio proveedor"),t("span",{key:"4bdba27153a06e39d5449b61eed4707a90123336",class:"price-value"},this.currency," ",this.formatPrice(this.salePrice))),t("div",{key:"82040761c0b63df23fbc80d0e990d3a1c610d8eb",class:"price-item"},t("span",{key:"c93307dba668d60e22e6b7d9215abf289495935c",class:"price-label"},"Precio sugerido"),t("span",{key:"d9aca439201e07756e298b0be7d41aa9396cf67d",class:"price-value"},this.currency," ",this.formatPrice(this.suggestedPrice))))),t("div",{key:"79e9e143ddb87209a550069abe839b89ec703e22",class:"separator"}),this.showAddButton&&t("div",{key:"b3261c8db5e3fd9c97f9894f6aea420495f0577b",class:{"action-button":!0,"action-button--disabled":!this.inStock},onClick:e=>{e.stopPropagation(),this.inStock&&this.dropiAddProduct.emit()}},t("dropi-icon",{key:"89cf58b72a1500616eb47b9f6e0bcf1e67229d94",name:"Shopping-cart-arrow-rigth",iconWidth:"20px",iconHeight:"20px",color:"#f49a3d"}),t("span",{key:"60843cb9e54337eae7e570827190f1d60a8f0450",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-72ec96d0.entry.js

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

package/dist/dropi-ui/p-7369b3b4.entry.js

@@ -0,0 +1 @@
+import{r,c as a,h as o}from"./p-D5SAM1O2.js";const e=class{constructor(o){r(this,o),this.onClick=a(this,"onClick",7)}type="default";severity="primary";size="normal";state="default";fullWidth=!1;preIcon="";postIcon="";customIconColor="";text="";onClick;colorMap={default:"Primary-Primary-",success:"Success-Success-",error:"Error-Error-",info:"Info-Info-",legacy:"Secondary-Secondary-",warning:"Warning-Warning-",dropdown:"Gray-Gray-","default-light":"Gray-Gray-"};get iconSize(){return"large"===this.size?"24px":"small"===this.size?"16px":"18px"}get color(){return(this.colorMap[this.type]??"Primary-Primary-")+("disabled"===this.state?"300":"500")}get fontColor(){return"tertiary"===this.severity?"default"===this.type||"legacy"===this.type?"Gray-Gray-500":this.color:"secondary"===this.severity?this.color:"Neutral-White"}handleClick(r){"disabled"!==this.state&&"loading"!==this.state&&this.onClick.emit(r)}renderLoadingSpinner(){return o("svg",{class:"spin",width:this.iconSize,height:this.iconSize,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"M22.8 12C23.4627 12 24.0062 11.4614 23.9401 10.802C23.8232 9.6371 23.5362 8.49339 23.0866 7.4078C22.4835 5.95189 21.5996 4.62902 20.4853 3.51472C19.371 2.40042 18.0481 1.5165 16.5922 0.913445C15.5066 0.463778 14.3629 0.17683 13.198 0.0599502C12.5386 -0.00621439 12 0.537258 12 1.2C12 1.86274 12.5393 2.39227 13.1969 2.4749C14.0463 2.58164 14.8795 2.80176 15.6738 3.13076C16.8385 3.6132 17.8968 4.32033 18.7882 5.21177C19.6797 6.10322 20.3868 7.16151 20.8692 8.32624C21.1982 9.12051 21.4184 9.95367 21.5251 10.8031C21.6077 11.4607 22.1373 12 22.8 12Z",fill:`var(--${this.fontColor})`}))}render(){const r="disabled"===this.state||"loading"===this.state,a=""!==(this.text??""),e=""!==(this.postIcon??"")||"dropdown"===(this.type??"default"),n="dropdown"===(this.type??"default")?"Dropdown-down":this.postIcon??"";return o("button",{key:"a8771ab61e78941d1bfd7b987a02dfe2e9d22a31",class:{btn:!0,"without-text":!a,[this.severity??"primary"]:!0,[this.type??"default"]:!0,[this.size??"normal"]:!0,[this.state??"default"]:!0,"full-width":this.fullWidth},disabled:r,onClick:r=>this.handleClick(r)},this.preIcon&&o("dropi-icon",{key:"374403bce1d33e39f3834d6e10dfec5ac7ca7e0c",name:this.preIcon,iconWidth:this.iconSize,iconHeight:this.iconSize,color:this.fontColor}),a&&o("span",{key:"65d5e45f4df8df2795be3b6bf09c9576f8497664",class:"text"},this.text),e&&o("dropi-icon",{key:"b3d1459260a3d7159ddf1193aa29672e8d8d3800",name:n,iconWidth:this.iconSize,iconHeight:this.iconSize,color:this.fontColor}),"loading"===this.state&&this.renderLoadingSpinner(),o("slot",{key:"ae37b4195f35b02d70e166fcba27939f38d35326"}))}};e.style=":host{display:inline-block}:host([full-width]){display:flex;width:100%}:host([full-width]) .btn{width:100%}*,*::before,*::after{box-sizing:border-box}.btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);border-radius:var(--Border-2, 8px);font-weight:var(--font-weight-bold);min-width:33px;line-height:110%;cursor:pointer;white-space:nowrap;transition:background 0.25s ease,     color 0.25s ease,     border-color 0.25s ease,     transform 0.25s ease}.btn:active{transition:transform 0.01s ease-out;transform:scale(0.98)}.btn:hover:not(:active){transform:scale(1.01)}.btn.without-text{gap:0}.btn.large{padding:var(--Size-4, 16px);font-size:var(--Size-4, 16px);height:48px}.btn.normal{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);height:40px}.btn.small{padding:var(--Size-2, 8px);font-size:var(--font-size-s, 12px);height:29px}.btn.disabled,.btn.loading{cursor:not-allowed;pointer-events:none}.btn.primary.default{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.btn.primary.default:hover{background:var(--Primary-Primary-600, #e58017)}.btn.primary.success{background:var(--Success-Success-500, #0abb87);color:var(--Neutral-White, #ffffff)}.btn.primary.success:hover{background:var(--Success-Success-600, #09aa7b)}.btn.primary.info{background:var(--Info-Info-500, #50a5f1);color:var(--Neutral-White, #ffffff)}.btn.primary.info:hover{background:var(--Info-Info-600, #4996db)}.btn.primary.error{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff)}.btn.primary.error:hover{background:var(--Error-Error-600, #de6061)}.btn.primary.warning{background:var(--Warning-Warning-500, #f1b44c);color:var(--Neutral-White, #ffffff)}.btn.primary.warning:hover{background:var(--Warning-Warning-600, #dba445)}.btn.primary.legacy{background:var(--Secondary-Secondary-500, #008dbf);color:var(--Neutral-White, #ffffff)}.btn.primary.legacy:hover{background:var(--Secondary-Secondary-600, #007199)}.btn.primary.disabled.default{background:var(--Primary-Primary-300, #f2bc85);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.success{background:var(--Success-Success-300, #5bd1af);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.info{background:var(--Info-Info-300, #8ac3f6);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.error{background:var(--Error-Error-300, #f89b9c);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.warning{background:var(--Warning-Warning-300, #f6cd87);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.legacy{background:var(--Secondary-Secondary-300, #62bad9);color:var(--Neutral-White, #ffffff)}.btn.secondary{background:var(--Neutral-White, #ffffff);border:1px solid}.btn.secondary.default{border-color:var(--Primary-Primary-500, #f49a3d);color:var(--Primary-Primary-500, #f49a3d)}.btn.secondary.default:hover{color:var(--Primary-Primary-600, #e58017);border-color:var(--Primary-Primary-600, #e58017)}.btn.secondary.success{border-color:var(--Success-Success-500, #0abb87);color:var(--Success-Success-500, #0abb87)}.btn.secondary.success:hover{color:var(--Success-Success-600, #09aa7b);border-color:var(--Success-Success-600, #09aa7b)}.btn.secondary.info{border-color:var(--Info-Info-500, #50a5f1);color:var(--Info-Info-500, #50a5f1)}.btn.secondary.info:hover{color:var(--Info-Info-600, #4996db);border-color:var(--Info-Info-600, #4996db)}.btn.secondary.error{border-color:var(--Error-Error-500, #f46a6b);color:var(--Error-Error-500, #f46a6b)}.btn.secondary.error:hover{color:var(--Error-Error-600, #de6061);border-color:var(--Error-Error-600, #de6061)}.btn.secondary.warning{border-color:var(--Warning-Warning-500, #f1b44c);color:var(--Warning-Warning-500, #f1b44c)}.btn.secondary.warning:hover{color:var(--Warning-Warning-600, #dba445);border-color:var(--Warning-Warning-600, #dba445)}.btn.secondary.legacy{border-color:var(--Secondary-Secondary-500, #008dbf);color:var(--Secondary-Secondary-500, #008dbf)}.btn.secondary.legacy:hover{color:var(--Secondary-Secondary-600, #007199);border-color:var(--Secondary-Secondary-600, #007199)}.btn.secondary.disabled.default{border-color:var(--Primary-Primary-300, #f2bc85);color:var(--Primary-Primary-300, #f2bc85)}.btn.secondary.disabled.success{border-color:var(--Success-Success-300, #5bd1af);color:var(--Success-Success-300, #5bd1af)}.btn.secondary.disabled.info{border-color:var(--Info-Info-300, #8ac3f6);color:var(--Info-Info-300, #8ac3f6)}.btn.secondary.disabled.error{border-color:var(--Error-Error-300, #f89b9c);color:var(--Error-Error-300, #f89b9c)}.btn.secondary.disabled.warning{border-color:var(--Warning-Warning-300, #f6cd87);color:var(--Warning-Warning-300, #f6cd87)}.btn.secondary.disabled.legacy{border-color:var(--Secondary-Secondary-300, #62bad9);color:var(--Secondary-Secondary-300, #62bad9)}.btn.tertiary{background:none;border:none}.btn.tertiary.default,.btn.tertiary.legacy{border:1px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-500, #69738c)}.btn.tertiary.default:hover,.btn.tertiary.legacy:hover{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066)}.btn.tertiary.success{color:var(--Success-Success-500, #0abb87)}.btn.tertiary.success:hover{background:var(--Success-Success-50, #e7f8f3)}.btn.tertiary.info{color:var(--Info-Info-500, #50a5f1)}.btn.tertiary.info:hover{background:var(--Info-Info-50, #eef6fe)}.btn.tertiary.error{color:var(--Error-Error-500, #f46a6b)}.btn.tertiary.error:hover{background:var(--Error-Error-50, #fef0f0)}.btn.tertiary.warning{color:var(--Warning-Warning-500, #f1b44c)}.btn.tertiary.warning:hover{background:var(--Warning-Warning-50, #fef8ed)}.btn.tertiary.dropdown{color:var(--Gray-Gray-500, #69738c);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);background:transparent}.btn.tertiary.disabled.default,.btn.tertiary.disabled.legacy{border:1px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.btn.tertiary.disabled.success{color:var(--Success-Success-300, #5bd1af)}.btn.tertiary.disabled.info{color:var(--Info-Info-300, #8ac3f6)}.btn.tertiary.disabled.error{color:var(--Error-Error-300, #f89b9c)}.btn.tertiary.disabled.warning{color:var(--Warning-Warning-300, #f6cd87)}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";export{e as dropi_button}

package/dist/dropi-ui/p-7450d195.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 dotColor(){return`var(--${this.colorMap[this.state]}-500)`}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:"907c6317f1304cfa137a70d9b7bdabf4c2dfadc0",class:"container-chips"},i("div",{key:"636a4a5d712c9f77089a4d20a399c1b895e02442",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:"0b9cf11c1fad08f4f282ec00b48fd1ca5af0dd4b",class:"dot-indicator",style:{backgroundColor:this.dotColor}}),"tag"===this.variant&&this.showIcon&&this.icon&&i("dropi-icon",{key:"a91aff55385e0e23f70ae334d2567904223c0945",class:"file-icon",name:this.icon,iconWidth:"16px",iconHeight:"16px",color:this.iconColor}),this.hasContent&&i("span",{key:"7c88edd401d87f55a504c340865a090bc7135119"},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-754aed1c.entry.js

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

package/dist/dropi-ui/p-76fa02a1.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as a}from"./p-a2fb4CHk.js";const e=class{constructor(a){t(this,a),this.dropiInput=i(this,"dropiInput"),this.dropiChange=i(this,"dropiChange"),this.dropiFocus=i(this,"dropiFocus"),this.dropiBlur=i(this,"dropiBlur"),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$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 i=t.target.value;this.isNumericInput&&(i=this.filterNumbers(i)),this.isLettersOnly&&(i=this.filterLetters(i)),(this.isMoneyInput||this.isThousandSeparator)&&(i=this.formatThousands(i,this.isMoneyInput)),this.value=i,this.internals.setFormValue(i),this.dropiInput.emit(i)}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,i){const a=t.replace(/[^0-9.]/g,""),[e,r]=a.split("."),o=e.replace(/\B(?=(\d{3})+(?!\d))/g,","),s=void 0!==r?`${o}.${r}`:o;return i?`$${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,i=!!this.icon;return a("div",{key:"36a33fdb7048e3ba43dae3c2d3d71c9f69643cac",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&a("div",{key:"699adfe37d662ed328cd13fdad428e857b70f01d",class:"input-label Body-S-Regular"},this.label,t&&a("span",{key:"b2d6f4757cdb50eacfb7879e4a878e30adf5235d",class:"asterisk"}," *")),a("div",{key:"dc080fc5d0ab12f0eadf7e1bb30cae5539f76640",class:"form-group"},a("div",{key:"cf228d5e4c7e0a04735d38ba239a2b989f5247ca",class:{"input-container":!0,"input-container--has-icon":i}},i&&a("dropi-icon",{key:"049e396ea1f2f11625de73bc074c0e0aecea96ab",class:"icon-input",name:this.icon,color:this.iconColor,iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"}}),this.passwordInput&&a("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()}),a("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":i,"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&&a("label",{key:"8f26c9430cbc1c6b55286d62c2a350724dd0101f",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,t&&a("span",{key:"95d953c160cf22457b0e1d6265b8137a24d4092b",class:"asterisk"}," *")),this.showHelper&&a("div",{key:"ad3d4b5230fd32e97c661c64deadf97830caa550",class:"form-control-helper"},this.isInvalid&&a("dropi-icon",{key:"7c28120d1cc46ccd288948b1d2d9e5cc24521af7",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),a("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}]}}};e.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 r=class{constructor(a){t(this,a),this.dropiPageChange=i(this,"dropiPageChange")}totalPages=1;currentPage=1;disabled=!1;maxVisiblePages=8;isNotTotalPages=!1;noLabels=!1;dropiPageChange;get pageNumbers(){const t=this.totalPages,i=this.currentPage,a=this.maxVisiblePages;if(t<=a)return Array.from({length:t},((t,i)=>i+1));const e=Math.floor(a/2);let r=Math.max(1,i-e),o=Math.min(t,r+a-1);o-r<a-1&&(r=Math.max(1,o-a+1));const s=[];r>1&&(s.push(1),r>2&&s.push("..."));for(let t=r;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,i=this.currentPage<=1,e=this.currentPage>=this.totalPages;return a("div",{key:"af6614df5a241ef536b6723d30bde12c8a6f474f",class:"paginator"},a("div",{key:"8b5405baa717a36042fc03ca2e68370799c01ff7",class:"paginator-pages"},!i&&!this.noLabels&&a("button",{key:"c340304b29d658ef9eaa8105a91540660c829048",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(1),"aria-label":"Primera página",disabled:this.disabled},a("dropi-icon",{key:"3adfc1508cbcedbb91f99e467db2270c40a4ac83",name:"Arrow-double-small-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!i&&a("button",{key:"5936642c4b9e5b72546229996fbc72fe973e6f5f",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.currentPage-1),"aria-label":"Anterior",disabled:this.disabled},a("dropi-icon",{key:"c9f7eb1c0c27a738ee31e859617964fc75e514cc",name:"Dropdown-left",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}),!this.noLabels&&a("span",{key:"5d448a9a6536c90c56fafd700e7c5998a85d6fdf",class:"paginator-label"},"Anterior")),t.map(((t,i)=>"..."===t?a("span",{class:"paginator-ellipsis",key:`e${i}`},"…"):a("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))),!e&&a("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&&a("span",{key:"f76ccd791d02b25d78c509341b73e1c1bca0b986",class:"paginator-label"},"Siguiente"),a("dropi-icon",{key:"822a3a7e4ac651e00c469b565e300a7efcc5614b",name:"Dropdown-Right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),!e&&!this.noLabels&&a("button",{key:"2b4f7435f9083ab9c4d9ce81be5c259eda830e4a",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.totalPages),"aria-label":"Última página",disabled:this.disabled},a("dropi-icon",{key:"63ab5568c44ed3cbda917842defe4dc4254bb3f1",name:"Arrow-double-small-right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}))))}};r.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(i){t(this,i)}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"text"===this.variant?this.dotColor:"dot"===this.variant||this.showIcon?"var(--Gray-Gray-500)":"primary"===this.type?"var(--Neutral-White)":`var(--${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"})`}get dotColor(){return`var(--${this.colorMap[this.state]}-500)`}get fontWeight(){return"secondary"!==this.type||this.showIcon?"500":"300"}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 a("div",{key:"6a50111c0057b7ef3380dde9f639e9409b7fbea9",class:"container-chips"},a("div",{key:"f2f78c3682aa2e8bef5f3f1b43a1729cae8ae293",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,fontWeight:this.fontWeight}},"dot"===this.variant&&a("div",{key:"5364569230575b79b1160e06cc29046220bdf198",class:"dot-indicator",style:{backgroundColor:this.dotColor}}),this.showIcon&&this.icon&&a("dropi-icon",{key:"8ea74f9ad58e7892405e3e748289b71456945de6",class:"file-icon",name:this.icon,iconWidth:"16px",iconHeight:"16px",color:"dot"===this.variant?"Gray-Gray-500":this.iconColor}),this.hasContent&&a("span",{key:"99409549735fd48cf0a40e411f1f236716e53939"},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:flex;align-items:center;justify-content:center}.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{e as dropi_input,r as dropi_paginator,o as dropi_tag}

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

@@ -0,0 +1 @@
+import{r as i,c as e,h as r}from"./p-a2fb4CHk.js";const a=class{constructor(r){i(this,r),this.dropiIndexChange=e(this,"dropiIndexChange")}sideBarProperties=[];dropiIndexChange;parsedProperties=[];watchPropHandler(i){this.parsedProperties="string"==typeof i?JSON.parse(i):i||[]}componentWillLoad(){this.watchPropHandler(this.sideBarProperties)}setExpandedPropertie(i){const e=this.parsedProperties.findIndex((e=>e.id===i));if(-1!==e){const i=[...this.parsedProperties];i[e]={...i[e],expandedMenu:!i[e].expandedMenu},this.parsedProperties=i}}onItemClick(i){this.dropiIndexChange.emit(i),i.subItems&&i.subItems.length>0&&this.setExpandedPropertie(i.id)}onSubItemClick(i){this.dropiIndexChange.emit(i)}render(){return r("div",{key:"3e45416a116488871747c54c14cbb73ecf1d9a4d",class:"main-sidebar-container"},this.parsedProperties.map((i=>[r("div",{class:{"sidebar-option":!0,"sidebar-active-option":!!i.active,"sidebar-default-option":!i.active},onClick:()=>this.onItemClick(i)},r("dropi-icon",{name:i.icon||"Cube",iconWidth:"20px",iconHeight:"20px",color:i.active?"Primary-Primary-500":"Gray-Gray-500"}),r("span",null,i.text),i.subItems&&i.subItems.length>0&&r("dropi-icon",{class:{arrow:!0,"arrow-expanded":!!i.expandedMenu},name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:i.active?"Primary-Primary-500":"Gray-Gray-500"})),i.subItems&&i.subItems.length>0&&i.subItems.map((e=>r("div",{class:{"sidebar-sub-item":!0,"sidebar-expanded":!!i.expandedMenu,"sidebar-sub-item-default":!e.active,"sidebar-sub-item-active":!!e.active},onClick:i=>{i.stopPropagation(),this.onSubItemClick(e)}},e.text)))])))}static get watchers(){return{sideBarProperties:[{watchPropHandler:0}]}}};a.style=":host{display:block}.main-sidebar-container{margin-top:20px}.sidebar-option{height:45px;display:flex;align-items:center;position:relative;font-weight:var(--font-weight-medium, 500);gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);border-radius:var(--Border-1, 4px);min-width:147px;cursor:pointer;user-select:none}.sidebar-option .arrow{position:absolute;right:17px;transition:transform 0.3s ease}.sidebar-option .arrow-expanded{transform:rotate(180deg)}.sidebar-default-option{color:var(--Gray-Gray-500, #68738f)}.sidebar-active-option{color:var(--Primary-Primary-500, #f49a3d);background-color:#fef8f1}.sidebar-sub-item{overflow:hidden;max-height:0;height:auto;font-weight:var(--font-weight-medium, 500);gap:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);cursor:pointer;opacity:0;padding:0 var(--Size-3, 12px) 0 var(--Size-8, 32px);transition:max-height 0.3s ease-out,     opacity 0.3s ease-out,     padding 0.3s ease-out;user-select:none}.sidebar-sub-item.sidebar-expanded{max-height:200px;opacity:1;padding:var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-8, 32px)}.sidebar-sub-item-default{color:var(--Gray-Gray-500, #68738f)}.sidebar-sub-item-active{color:var(--Primary-Primary-500, #f49a3d)}.space-between{justify-content:space-between}";export{a as dropi_sidebar}

package/dist/dropi-ui/{p-e3ad21f8.entry.js → p-77cd2fcb.entry.js}

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

package/dist/dropi-ui/p-7822b081.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";strokeWidth="";widthChanged(){this.updateHostStyles()}heightChanged(){this.updateHostStyles()}colorChanged(){this.applyColor()}strokeWidthChanged(){this.applyStrokeWidth()}componentWillLoad(){this.applyColor(),this.applyStrokeWidth(),this.updateHostStyles()}componentDidUpdate(){this.updateHostStyles()}applyStrokeWidth(){this.strokeWidth&&this.el.style.setProperty("--icon-stroke-width",this.strokeWidth)}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:"99f511720c6654b3f97490c966061520ee17d27f",width:this.iconWidth,height:this.iconHeight,class:{spin:"Spinner"===(this.name??"")},"aria-hidden":"true"},e("use",{key:"04792170d8c23b3606249d051f8cc903bd5d1211",href:`/assets/icons/symbol/svg/sprite.css.svg#${this.name??""}`}))}static get watchers(){return{iconWidth:[{widthChanged:0}],iconHeight:[{heightChanged:0}],color:[{colorChanged:0}],strokeWidth:[{strokeWidthChanged:0}]}}};s.style=":host{display:inline-flex;align-items:center;justify-content:center;fill:var(--icon-fill, currentColor);overflow:hidden}svg{fill:inherit;stroke:var(--icon-fill, currentColor);stroke-width:var(--icon-stroke-width, 0);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-78282471.entry.js

@@ -0,0 +1 @@
+import{r as i,c as o,h as e}from"./p-a2fb4CHk.js";const t=class{constructor(e){i(this,e),this.dropiLanguageChange=o(this,"dropiLanguageChange")}languages=[];selectedLang=null;dropiLanguageChange;isOpen=!1;parsedLanguages=[];currentLang=null;languagesChanged(i){null!=i?(this.parsedLanguages="string"==typeof i?JSON.parse(i):i??[],!this.currentLang&&this.parsedLanguages.length>0&&(this.currentLang=this.parsedLanguages[0])):this.parsedLanguages=[]}selectedLangChanged(i){i&&(this.currentLang="string"==typeof i?JSON.parse(i):i)}componentWillLoad(){this.languagesChanged(this.languages),this.selectedLang&&this.selectedLangChanged(this.selectedLang)}select(i){this.currentLang=i,this.isOpen=!1,this.dropiLanguageChange.emit(i)}render(){return this.currentLang?e("div",{class:"custom-dropdown"+(this.isOpen?" open":"")},e("div",{class:"selected-option",onClick:()=>{this.isOpen=!this.isOpen}},e("dropi-country-flags",{country:this.currentLang.flag,"flag-style":"rectangle",width:"20",height:"15"}),e("span",{class:"Body-S-Regular"},this.currentLang.label),e("dropi-icon",{name:"Caret-down",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-500"})),e("ul",{class:"dropdown-options"+(this.isOpen?" dropdown-open":"")},this.parsedLanguages.map((i=>e("li",{key:i.code,class:i.code===this.currentLang?.code?"active":"",onClick:()=>this.select(i)},e("dropi-country-flags",{country:i.flag,"flag-style":"rectangle",width:"20",height:"15"}),e("span",{class:"Body-S-Regular"},i.label)))))):null}static get watchers(){return{languages:[{languagesChanged:0}],selectedLang:[{selectedLangChanged:0}]}}};t.style=":host{display:inline-block;position:relative}*,*::before,*::after{box-sizing:border-box}.custom-dropdown{position:relative;cursor:pointer;user-select:none}.custom-dropdown.open dropi-icon{transform:rotate(180deg)}.selected-option{display:flex;height:38px;padding:var(--Size-2, 8px) var(--Size-3, 12px);align-items:center;gap:var(--Size-2, 8px);border-radius:4px;border:1px solid var(--Gray-Gray-200, #c3c9d9);background:var(--Neutral-White, #ffffff);font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:6px;margin-top:4px;z-index:1000;overflow-y:auto;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);padding:0;list-style:none;height:0;opacity:0;visibility:hidden;transition:height 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;max-height:0}.dropdown-options.dropdown-open{max-height:300px;height:auto;opacity:1;visibility:visible}.dropdown-options li{padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.dropdown-options li:hover,.dropdown-options li.active{background:var(--Gray-Gray-50, #f7f8fa)}@media screen and (max-width: 720px){.selected-option span,.dropdown-options li span{display:none}}";export{t as dropi_languages_selector}

package/dist/dropi-ui/p-78aa7fb3.entry.js

@@ -0,0 +1 @@
+import{r,c as e,h as a}from"./p-D5SAM1O2.js";const i={success:"Check-circle",error:"Warning-circle",warning:"Warning-triangle",info:"Info"},t={success:"Success-Success-500",error:"Error-Error-500",warning:"Warning-Warning-500",info:"Info-Info-500"},o=class{constructor(a){r(this,a),this.dropiClose=e(this,"dropiClose",7),this.dropiButtonClick=e(this,"dropiButtonClick",7),this.dropiLinkClick=e(this,"dropiLinkClick",7)}message="";type="default";state="success";dismissable=!0;showButton=!1;buttonText="Close";anchorText="none";anchorUrl="none";showAlert=!0;textLink="";linkUrl="";clickedText="";dropiClose;dropiButtonClick;dropiLinkClick;render(){return this.showAlert?a("div",{class:{alert:!0,[`alert--${this.type}`]:!0,[`alert--${this.state}`]:!0}},"flag"!==this.type&&a("div",{class:"alert__icon"},a("dropi-icon",{name:i[this.state],iconWidth:"18px",iconHeight:"18px",color:t[this.state]})),a("div",{class:"alert__body"},a("span",{class:"alert__message"},this.message),this.anchorText&&a("a",{class:"alert__link",href:this.anchorUrl||this.linkUrl||"#",onClick:r=>{r.preventDefault(),this.dropiLinkClick.emit()}},this.anchorText)),a("div",{class:"alert__actions"},this.showButton&&this.buttonText&&"flag"!==this.type&&a("button",{class:"alert__btn",onClick:()=>this.dropiButtonClick.emit()},this.buttonText),this.dismissable&&a("button",{class:"alert__close",onClick:()=>{this.showAlert=!1,this.dropiClose.emit()},"aria-label":"Cerrar"},a("dropi-icon",{name:"Close-small",iconWidth:"18px",iconHeight:"18px",color:"Gray-Gray-500"})))):null}};o.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.alert{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid transparent;width:100%}.alert--success{background:var(--Success-Success-50, #e7f8f3);border-color:var(--Success-Success-500, #0abb87)}.alert--error{background:var(--Error-Error-50, #fef0f0);border-color:var(--Error-Error-500, #f46a6b)}.alert--warning{background:var(--Warning-Warning-50, #fef8ed);border-color:var(--Warning-Warning-500, #f1b44c)}.alert--info{background:var(--Info-Info-50, #eef6fe);border-color:var(--Info-Info-500, #50a5f1)}.alert--flag{padding:var(--Size-1, 4px) var(--Size-2, 8px);border-radius:var(--Border-1, 4px);border:none !important;justify-content:center}.alert--flag .alert__body{justify-content:center;text-align:center}.alert--flag .alert__message{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.alert__icon{display:flex;align-items:center;flex-shrink:0;padding-top:1px}.alert__body{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--Size-1, 4px)}.alert__message{font-size:var(--font-size-s);color:var(--Gray-600, #475066);font-weight:var(--font-weight-medium);line-height:1.5}.alert__link{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);text-decoration:underline;cursor:pointer}.alert__actions{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.alert__btn{height:28px;padding:0 var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid var(--Primary-Primary-500, #f49a3d);background:transparent;color:var(--Primary-Primary-500, #f49a3d);font-size:var(--font-size-xs, 10px);font-family:inherit;font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:background 0.15s, color 0.15s}.alert__btn:hover{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.alert__close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;opacity:0.6;transition:opacity 0.15s}.alert__close:hover{opacity:1}";export{o as dropi_alert}

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

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

package/dist/dropi-ui/p-7a25f595.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("")}handleWindowScroll(i){this.isOpen&&!this.withinModal&&(i.composedPath().some((i=>i instanceof HTMLElement&&i.classList?.contains("select-dropdown-overlay")))||this.closeDropdown())}handleWindowResize(){this.isOpen&&!this.withinModal&&this.closeDropdown()}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}updateDropdownPosition(){if(!this.buttonRef)return;const i=this.buttonRef.getBoundingClientRect(),t=window.innerHeight;this.dropdownStyle={top:`${t-i.bottom>=250?i.bottom+4:i.top-250-4}px`,left:`${i.left}px`,width:`${i.width}px`}}openDropdown(){this.withinModal?this.dropdownStyle={top:`${this.el.offsetHeight}px`,left:"0px",width:"100%"}:this.updateDropdownPosition(),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:"0170765c8725482e716cd8e67780559ffcbea80a",class:"custom-select"},!this.dropdownType&&this.label&&r("label",{key:"10ad689fa313e4da66f3bdd3ecb001ce49f3d109",class:{"disabled-label":this.disabled}},this.label,this.showObligatory&&!this.disabled&&r("span",{key:"415b0e13db17dcf3253de1382a32c88c3e156541",class:"asterisk"}," *")),r("div",{key:"afc8a61dd7d7d5964cd1bf267dbc3a991ffd801e",class:"dropdown-container"},this.dropdownType&&this.label&&r("div",{key:"c0519374aed1976f7b28d5045aefd8cb4dd18c66",class:"left-label"},this.label),this.renderTrigger()),this.textHelper&&!this.hasError&&r("div",{key:"6b89c58305ab91dd4fc3a4886b09de5936daf057",class:"select-helper"},r("span",{key:"698fe92903304eea19bd0144de7a50ba6384fa4f"},this.textHelper)),this.hasError&&this.errorText&&r("div",{key:"e91ee1c2dc40a0927ceb600c4f76e68e3f2504b4",class:"select-helper-error"},r("dropi-icon",{key:"13ba3496da51838ff1bc5661d94bf247f742ace2",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),r("span",{key:"12e32d0c7701d429d0fafad3df90f9519c8155f9"},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-7c0f959f.entry.js

@@ -0,0 +1 @@
+import{r as o,c as t,B as a,h as e}from"./p-D5SAM1O2.js";const i=class{constructor(a){o(this,a),this.dropiShow=t(this,"dropiShow",5),this.dropiHide=t(this,"dropiHide",5),this.dropiVisibleChange=t(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(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)&&a.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)&&a.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 e("div",{key:"90ac42909eda5123a00d0eb706798f7258ecd570",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&e("div",{key:"ff63d1d6ab3b0231b64e8d4eb70b572558b28944",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),e("div",{key:"a292cf62ce57be1168fc7cd92b35bf37d24b94c5",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&e("div",{key:"7052d9fac22e3a7369fcf75e5ca9236dfd8de4b6",class:"modal-header"},this.header&&e("span",{key:"948e56b9727d586118d867cdb3fc1bb4a6835d6f",class:"modal-title"},this.header),e("slot",{key:"9e7707b63447e3560bc040d690aea98908723608",name:"header"}),this.showCloseIcon&&e("button",{key:"f6e893af0948e73d6f02284c6d457166d7c48f1a",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),e("div",{key:"d670416586eb284830f9e0f31e162dc9d36b2ca4",class:"modal-content"},e("slot",{key:"ed5d74c6cf62fc22fd0512a91a4dba6484946d91"})),this.showFooter&&e("div",{key:"d1ff19f383b591535dfcd4ca35ab49d897e872c6",class:"modal-footer"},e("slot",{key:"4b6aa3bbdb8b80227757c1ec51daad608c333f3c",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-7c5ea4c5.entry.js

@@ -0,0 +1 @@
+import{r as t,h as r}from"./p-a2fb4CHk.js";const a=class{constructor(r){t(this,r)}label="VARIABLE";render(){return r("div",{key:"6d27b4fc40c66e6bfd8400e4727aa9a9c2e8dc8c",class:"type-variation"},this.label)}};a.style=":host{display:inline-block}.type-variation{border-radius:4px;background:var(--Warning-Warning-500);padding:2px 6px;font-size:var(--font-size-xs);color:var(--Neutral-White);text-transform:capitalize;font-weight:var(--font-weight-regular);width:fit-content}";export{a as dropi_tag_type_product}

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

@@ -0,0 +1 @@
+import{r as e,a,h as o}from"./p-a2fb4CHk.js";const i=class{constructor(a){e(this,a)}get el(){return a(this)}sectionTitle="";index;open=!1;disabled=!1;preIcon="";contentHeight="0px";contentRef;openChanged(e){this.updateHeight(e)}componentDidLoad(){this.updateHeight(this.open)}updateHeight(e){this.contentRef&&(this.contentHeight=e?`${this.contentRef.scrollHeight}px`:"0px")}handleToggle(){this.disabled||(this.el.closest("dropi-accordion"),this.open=!this.open,setTimeout((()=>this.updateHeight(this.open)),0))}render(){return o("div",{key:"98de1df9b82f0e4e5e72702b7eaca12c0ed92586",class:{"accordion-item":!0,"accordion-item--open":this.open,"accordion-item--disabled":this.disabled}},o("button",{key:"bd5c3e6ea29feb33e5280908c98929369dc7377e",class:"accordion-header",onClick:()=>this.handleToggle(),"aria-expanded":String(this.open),disabled:this.disabled},o("span",{key:"ced161eb1187d50b7eb2002081cd3fc008c9a16f",class:"accordion-header-left"},this.preIcon&&o("dropi-icon",{key:"09a157623f0978153b57e85a79d7beeca3faf9ab",name:this.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),o("span",{key:"649617f263370d1314e3145c07a3a29ce5c807b5",class:"accordion-title"},this.sectionTitle)),o("span",{key:"d99e3933a40ffa4b1da8091a8b6d767011f1bf6f",class:{"accordion-chevron":!0,"accordion-chevron--open":this.open}},o("dropi-icon",{key:"3d12ae988429fea2612c0c32c12cd81a486ad255",name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}))),o("div",{key:"cedff4803c6fa83ae9dc5cb3ce68f48150cdef67",class:"accordion-body",style:{maxHeight:this.contentHeight},ref:e=>this.contentRef=e},o("div",{key:"a37dd42bf39cf08479d847286860e78a1d80a233",class:"accordion-content"},o("slot",{key:"d797eac747716be1af2a6addbefe583be4a816b1"}))))}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-7f0f828d.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: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-80f0f6e6.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="";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.disabled)return;const i=this.buttonRef.getBoundingClientRect(),t=window.innerHeight;this.dropdownStyle={top:`${t-i.bottom>=250?i.bottom+4:i.top-250-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}`,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:"8cbd6af001e4e6afdd8e51250c1e3a789047ae87",class:"custom-select"},!this.dropdownType&&this.label&&r("label",{key:"0b151ce617685083d984709a746833ea4ab8e3cd",class:{"disabled-label":this.disabled}},this.label,this.showObligatory&&!this.disabled&&r("span",{key:"ab85662c7ff60846d51f022797d70087431e20ff",class:"asterisk"}," *")),r("div",{key:"6421841bbb8430bf6e55a93edded5efd3a09c5c5",class:"dropdown-container"},this.dropdownType&&this.label&&r("div",{key:"7541a0d86d59559f18718ac50bac894779d3a76b",class:"left-label"},this.label),this.renderTrigger()),this.textHelper&&!this.hasError&&r("div",{key:"6044d3bc680f62f4ff113f4420fdd5df032a344c",class:"select-helper"},r("span",{key:"f0015b86bb16f47faa14b50815ea40f955e93de7"},this.textHelper)),this.hasError&&this.errorText&&r("div",{key:"aea6d7de213d381a6d969a075c382bb7b26e7582",class:"select-helper-error"},r("dropi-icon",{key:"757dbf2cfda1ff9314b87d423ca2743d8e877071",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),r("span",{key:"5cb9429c44c7cd61d1f11c79c6717d6840e91d55"},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}@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-813678a2.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.dropiChange=i(this,"dropiChange")}type="default";state="checked";title="Tittle";description="";extraInfo="";extraInfoDescription="";disabled=!1;dropiChange;get isChecked(){return"checked"===this.state}handleClick(){this.disabled||(this.state=this.isChecked?"default":"checked",this.dropiChange.emit(this.isChecked))}render(){return r("div",{key:"b9004c813a03956904cfed8484cac2d8290be86f",class:{"container-card-check":!0,"default-card":"default"===this.type,"is-checked":this.isChecked&&"with card"===this.type,disabled:this.disabled},onClick:()=>this.handleClick()},r("dropi-checkbox",{key:"0c5c50811559c6472173fced2f04eee4626f118f",checked:this.isChecked,disabled:this.disabled}),r("div",{key:"1cb17bf8aea55a498d451922942b4fba6d99492c",class:"container-text"},r("div",{key:"6e2eab2ae82c13cb4e7a654cc989530cee1122c6",class:"title-check"},this.title),this.description&&r("div",{key:"040e5d8f633975bf3eb806835aae8aa308b1d4f8",class:"description-text"},this.description)),(this.extraInfo||this.extraInfoDescription)&&r("div",{key:"a5c794b5f2fa249b309b2fb00a759aea5b9e0d6c",class:"extra-info"},this.extraInfo&&r("div",{key:"1587e1a0801312fa8e759af2a367b36f842e1354"},this.extraInfo),this.extraInfoDescription&&r("h4",{key:"930811071657dfbbeff7c2bdc4cd2c2776d38177"},this.extraInfoDescription)))}};a.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.container-card-check{padding:var(--Size-4, 16px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Size-2, 8px);width:100%;display:flex;align-items:center;gap:var(--Size-3, 12px);cursor:pointer;height:66px;overflow:hidden;transition:background 0.15s ease, border-color 0.15s ease}.container-card-check.disabled{border-radius:var(--Border-2, 8px);border:1px solid var(--Gray-Gray-100, #e6eaf2);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:default}.container-card-check.disabled .title-check,.container-card-check.disabled .description-text,.container-card-check.disabled .extra-info{color:var(--Gray-Gray-400, #858ea6)}.container-text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:start;overflow:hidden}.title-check{color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-regular, 400);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.description-text{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);margin-top:var(--Size-1, 4px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.extra-info{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:4px;flex-shrink:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.extra-info h4{margin:0;font-weight:var(--font-weight-semibold);color:inherit;line-height:inherit}.default-card{border:none}.is-checked{background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-500, #f49a3d)}";export{a as dropi_card_checkbox}

package/dist/dropi-ui/p-819d810e.entry.js

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

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

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