@dropi/ui 0.1.37 → 0.1.42

package/dist/dropi-ui/p-f4bd8568.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>2?i("div",{style:{display:"flex",justifyContent:"center",width:"100%"}},i("dropi-icon",{class:"action-icon",name:"Menu-dots-vertical",iconWidth:"24px",iconHeight:"24px",color:"Gray-Gray-500",onClick:()=>this.openActionRow=this.openActionRow===e?-1:e}),this.openActionRow===e&&i("div",{class:"actions-menu"},this.parsedRowActions.map((e=>i("div",{class:"action-item",onClick:()=>{this.openActionRow=-1,this.dropiAction.emit({row:t,action:e}),this.dropiActionClick.emit({row:t,action:e})}},i("dropi-icon",{name:e.icon,iconWidth:"20px",iconHeight:"20px",color:e.iconColor||"Gray-Gray-500"}),e.label))))):i("div",{class:"short-actions"},this.parsedRowActions.map((e=>i("dropi-icon",{class:"action-icon",name:e.icon,iconWidth:"24px",iconHeight:"24px",color:e.iconColor||"Gray-Gray-500",onClick:()=>{this.dropiAction.emit({row:t,action:e}),this.dropiActionClick.emit({row:t,action:e})}}))))))))))),this.showPaginator&&i("div",{class:"pagination"},i("div",{class:"page-size-selector"},i("label",null,"Mostrar"),i("select",{onChange:t=>{this.pageSize=Number(t.target.value),this.currentPage=1,this.dropiPageSizeChange.emit(this.pageSize),this.dropiSizeChangeAngular.emit(this.pageSize)}},this.parsedPageSizes.map((t=>i("option",{value:t,selected:this.pageSize===t},t))))),i("dropi-paginator",{totalPages:this.totalPages,currentPage:this.currentPage,onDropiPageChange:t=>{this.currentPage=t.detail,this.dropiPageChange.emit(t.detail),this.dropiPageChangeAngular.emit(t.detail)}})))}static get watchers(){return{columns:[{columnsChanged:0}],rows:[{rowsChanged:0}],pageSizes:[{pageSizesChanged:0}],rowActions:[{rowActionsChanged:0}],headers:[{headersChanged:0}],data:[{dataChanged:0}]}}};a.style=":host{display:block;width:100%;min-width:0}*,*::before,*::after{box-sizing:border-box}.table-container{width:100%;min-width:0;border-radius:var(--Border-3);padding:0 var(--Size-4) var(--Size-4) var(--Size-4);background-color:var(--Neutral-White)}.search-container{margin-block:var(--Size-5);display:flex;flex-direction:column;gap:var(--Size-4)}.table-title{padding-block:var(--Size-2);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--Gray-Gray-700);margin:0}.search-actions{display:flex;align-items:flex-end;gap:var(--Size-3);width:100%}.search-actions dropi-input{flex:1}.search-actions.only-filter{justify-content:flex-end}.table-tools{display:flex;justify-content:flex-end}.column-selector-container{position:relative}.column-selector-btn{min-width:40px;width:40px;height:40px;padding:0;border:1px solid var(--Gray-Gray-200);border-radius:var(--Border-2);background:var(--Neutral-White);cursor:pointer;display:flex;align-items:center;justify-content:center}.column-selector-btn:hover{background:var(--Gray-Gray-50)}.column-selector-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(320px, 88vw);border:1px solid var(--Gray-Gray-200);border-radius:var(--Border-2);background:var(--Neutral-White);box-shadow:var(--Shadow-medium);z-index:20;padding:var(--Size-1)}.column-selector-footer{border-top:1px solid var(--Gray-Gray-100);margin-top:var(--Size-1);padding:var(--Size-2) var(--Size-4);display:flex;align-items:center}.column-selector-all{display:inline-flex;align-items:center;gap:var(--Size-2);color:var(--Gray-Gray-700);font-size:var(--font-size-s);cursor:pointer;user-select:none}.column-selector-option{display:flex;align-items:center;gap:var(--Size-2);padding:var(--Size-2) var(--Size-3);font-size:var(--font-size-s);color:var(--Gray-Gray-700);cursor:pointer;border-radius:var(--Border-1)}.column-selector-option:hover{background:var(--Gray-Gray-50)}.table-wrapper{overflow-x:auto;width:100%;position:relative}.table-wrapper.has-sticky-actions{width:100%}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table-wrapper::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--Gray-Gray-400, #858ea6)}.custom-table{width:100%;border-collapse:collapse}.custom-table th,.custom-table td{position:relative;padding:var(--Size-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--Gray-Gray-700)}.custom-table th::after,.custom-table td::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--Gray-Gray-100)}.custom-table th{height:55px;user-select:none}.custom-table th.sortable{cursor:pointer}.custom-table td{height:80px;min-width:100px;font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.headers-container{display:flex;flex-direction:column;align-items:center;gap:var(--Size-1)}.headers-container.align-left{align-items:flex-start}.headers-container.align-right{align-items:flex-end}.headers{display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center;gap:4px}.headers span{font-weight:var(--font-weight-bold);color:var(--Gray-Gray-600);font-size:var(--font-size-xs);text-align:center}.headers.align-left span{text-align:left}.headers.align-right span{text-align:right}.order-icons{display:flex;flex-direction:column}.order-icons dropi-icon{height:6px;display:flex}.checkbox-header{width:fit-content;min-width:fit-content;max-width:fit-content;text-align:center;padding:var(--Size-3) !important}.custom-table.has-checkbox td:first-child{width:fit-content;min-width:fit-content;max-width:fit-content;text-align:center;padding:8px !important}.table-row:hover{background-color:var(--Gray-Gray-50);transition:background-color 0.3s ease}.table-row:hover td:last-child{background-color:var(--Gray-Gray-50);transition:background-color 0.3s ease}.table-row.sub-row td:first-child{padding-left:2rem !important}.cell-content{display:inline-block;width:100%;text-align:left}td.actions,th.actions{position:sticky;right:0;z-index:2;background-color:var(--Neutral-White);width:120px;min-width:120px;max-width:120px;text-align:center}td.actions{vertical-align:middle}td.actions>div{display:flex !important;justify-content:center !important;align-items:center !important;width:100%;height:100%}.table-row:hover td.actions{background-color:var(--Gray-Gray-50);transition:background-color 0.3s ease}.actions-header{width:100%;text-align:center;user-select:none}.short-actions{display:flex;gap:var(--Size-2);align-items:center;justify-content:center}.action-icon{cursor:pointer}.action-button{position:relative}.actions-menu{position:absolute;top:0;right:80px;padding:var(--Size-2);border-radius:var(--Border-2);background-color:var(--Neutral-White);box-shadow:var(--Shadow-medium);z-index:10;animation:fadeIn 0.3s ease-in-out forwards}.action-item{padding:var(--Size-2);font-size:var(--font-size-xs);color:var(--Gray-Gray-600);height:45px;width:190px;display:flex;gap:var(--Size-4);align-items:center;justify-content:left;cursor:pointer;border-radius:var(--Border-1)}.action-item:hover{background-color:var(--Gray-Gray-50)}.table-labels{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);white-space:nowrap}.table-labels.multiline{white-space:pre;line-height:1.6}.text-wrap-label{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);white-space:normal;word-break:break-word;overflow-wrap:break-word;line-height:1.5}.date-label{display:inline-flex;flex-direction:column}.date-label span{font-weight:var(--font-weight-regular);color:var(--Gray-Gray-600);white-space:nowrap;font-size:var(--font-size-s)}.flag-container{display:inline-flex;align-items:center;gap:var(--Size-3)}.flag-container span{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.text-icon-label{display:inline-flex;flex-wrap:nowrap;gap:var(--Size-2);align-items:center}.text-icon-label span{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.image-label{display:inline-flex;flex-direction:column;justify-content:center}.img-container{display:flex;width:24px;padding-bottom:var(--Size-1);align-items:center}.img-container img{border-radius:60px;height:24px;width:24px;object-fit:cover}.container-cell{display:inline-flex;flex-direction:column}.status-label{display:inline-flex;flex-direction:column;gap:var(--Size-1)}.status-dot{display:flex;gap:var(--Size-2);align-items:center}.status-text{font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);color:var(--Gray-Gray-700)}.status-description{font-weight:var(--font-weight-regular);font-size:var(--font-size-s);color:var(--Gray-Gray-600)}.dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot-low{background-color:var(--Success-Success-500)}.dot-medium{background-color:var(--Warning-Warning-500)}.dot-high{background-color:var(--Error-Error-500)}.low-opacity{opacity:0.5}.highlight-column{background:var(--Primary-Primary-50)}.text-link-label{display:flex;flex-wrap:nowrap;white-space:nowrap;gap:var(--Size-1)}.text-link-label span{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.text-link-label a{color:var(--Info-Info-500);font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.empty-table{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:400px}.empty-message-container{display:flex;width:420px;padding:var(--Size-4);flex-direction:column;align-items:center;gap:var(--Size-4);text-align:center;color:var(--Gray-Gray-500);font-size:var(--font-size-s)}.pagination{margin-top:var(--Size-4);display:flex;justify-content:space-between;align-items:center}.page-size-selector{display:flex;gap:5px;align-items:baseline}.page-size-selector label{font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);color:var(--Gray-Gray-700)}.page-size-selector select{width:fit-content;height:29px;border-radius:var(--Border-2);padding:var(--Size-1);border:1px solid var(--Gray-Gray-200);color:var(--Gray-Gray-500);background:var(--Neutral-White);font-size:var(--font-size-xs);cursor:pointer}.total-results{font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);color:var(--Gray-Gray-600)}.skeleton{height:14px;background:linear-gradient(90deg, var(--Gray-Gray-100) 25%, var(--Gray-Gray-50) 50%, var(--Gray-Gray-100) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--Border-1)}.skeleton--sm{width:20px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.search-actions{flex-direction:column;align-items:stretch}.column-selector-menu{left:0;right:0;width:100%;max-height:45vh;overflow-y:auto}.pagination{flex-direction:column;align-items:center;gap:var(--Size-3)}td.actions,th.actions{width:60px;min-width:60px}.table-wrapper.has-sticky-actions{width:calc(100% - 60px)}}";export{a as dropi_table}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{r as e,c as t,a,h as r}from"./p-D5SAM1O2.js";const i=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],o=["Do","Lu","Ma","Mi","Ju","Vi","Sa"],n=class{constructor(a){e(this,a),this.onChangeDate=t(this,"onChangeDate",7),this.onClosePanel=t(this,"onClosePanel",7),this.dropiRangeChange=t(this,"dropiRangeChange",7)}selectedDate="";startDate="";endDate="";selectionMode="single";minDate="";maxDate="";label=null;placeholder="DD/MM/YYYY";disabled=!1;isInvalid=!1;loading=!1;open=!1;viewYear=(new Date).getFullYear();viewMonth=(new Date).getMonth();hoverDate="";get el(){return a(this)}handleDocClick(e){this.open&&!e.composedPath().includes(this.el)&&(this.open=!1)}onChangeDate;onClosePanel;dropiRangeChange;get displayValue(){return"range"===this.selectionMode?this.startDate&&this.endDate?`${this.startDate} – ${this.endDate}`:this.startDate?this.startDate:"":this.selectedDate}open_(){if(!this.disabled){if(this.selectedDate){const e=new Date(this.selectedDate);this.viewYear=e.getFullYear(),this.viewMonth=e.getMonth()}else if(this.startDate){const e=new Date(this.startDate);this.viewYear=e.getFullYear(),this.viewMonth=e.getMonth()}this.open=!0}}prevMonth(){0===this.viewMonth?(this.viewMonth=11,this.viewYear--):this.viewMonth--}nextMonth(){11===this.viewMonth?(this.viewMonth=0,this.viewYear++):this.viewMonth++}toISO(e,t,a){return`${e}-${String(t+1).padStart(2,"0")}-${String(a).padStart(2,"0")}`}isDisabled(e){return!!(this.minDate&&e<this.minDate)||!!(this.maxDate&&e>this.maxDate)}isInRange(e){if("range"!==this.selectionMode)return!1;const t=this.startDate,a=this.endDate||this.hoverDate;if(!t||!a)return!1;const[r,i]=t<=a?[t,a]:[a,t];return e>r&&e<i}selectDate(e){if(!this.isDisabled(e))return"range"!==this.selectionMode?(this.selectedDate=e,this.open=!1,void this.onChangeDate.emit(e)):void(!this.startDate||this.startDate&&this.endDate?(this.startDate=e,this.endDate=""):(e<this.startDate?(this.endDate=this.startDate,this.startDate=e):this.endDate=e,this.open=!1,this.dropiRangeChange.emit({start:this.startDate,end:this.endDate})))}buildDays(){const e=this.viewYear,t=this.viewMonth,a=new Date(e,t,1).getDay(),r=new Date(e,t+1,0).getDate(),i=new Date(e,t,0).getDate(),o=[];for(let r=a-1;r>=0;r--){const a=i-r;o.push({iso:this.toISO(0===t?e-1:e,0===t?11:t-1,a),day:a,currentMonth:!1})}for(let a=1;a<=r;a++)o.push({iso:this.toISO(e,t,a),day:a,currentMonth:!0});const n=42-o.length;for(let a=1;a<=n;a++)o.push({iso:this.toISO(11===t?e+1:e,11===t?0:t+1,a),day:a,currentMonth:!1});return o}render(){const e=this.buildDays(),t=(new Date).toISOString().slice(0,10);return r("div",{key:"ff426d80bb5bf05ca8b0c27773dee52f13cf4090",class:"dp-wrap"},this.label&&r("label",{key:"fc7ebd6f14227533288b02c95933f6d4833e3f51",class:"dp-label"},this.label),r("button",{key:"2fa9b1f3d2c9bfc4876724492a265ff0b29f8d23",class:{"dp-trigger":!0,"dp-trigger--disabled":this.disabled,"dp-trigger--invalid":this.isInvalid,"dp-trigger--loading":this.loading},onClick:()=>this.open?this.open=!1:this.open_(),disabled:this.disabled||this.loading,type:"button"},r("dropi-icon",{key:"773df10339713e2900abf37a27814f11919723a6",name:"Calendar",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),r("span",{key:"2dfb36f49f70b658eb3e614aaafd7d55b84bd8ff",class:{"dp-trigger__value":!0,"dp-trigger__placeholder":!this.displayValue}},this.displayValue||this.placeholder),r("dropi-icon",{key:"285147bc4a042263f760b36779d05453f041b452",name:"Arrow-Down-2",iconWidth:"12px",iconHeight:"12px",color:"Gray-Gray-400"})),this.open&&r("div",{key:"44e0c6e10690c3acf8b6d1df295fa9806da11921",class:"dp-popup"},r("div",{key:"d901f7614790294623a192bfca1821ddac2f93eb",class:"dp-nav"},r("button",{key:"d6ce30acaaf801e3c373b2c3f2835cc2d52dd0f6",class:"dp-nav__btn",onClick:()=>this.prevMonth(),type:"button"},r("dropi-icon",{key:"bce4421271b1d662c909d8934992567e33dac651",name:"Arrow-Left-2",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"})),r("span",{key:"bd483b0fe673fda734b6acc526e1cb6e7682c5be",class:"dp-nav__title"},r("span",{key:"cd9e36ca306145ad39371a7a147c5efbb6ea9922"},i[this.viewMonth]),r("span",{key:"99b3f4cb1f8d5cef1b07fa39ab6afd51d77080da"},this.viewYear)),r("button",{key:"1fc969593153c3b920a8c99e7beae8e6ba2d0e9d",class:"dp-nav__btn",onClick:()=>this.nextMonth(),type:"button"},r("dropi-icon",{key:"b200e12b9267232f9e01794ff47e4b613cdeaf53",name:"Arrow-Right-2",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-600"}))),r("div",{key:"ea473f30463db209687e9f8ecf4f3e9f9422e379",class:"dp-grid"},o.map((e=>r("div",{class:"dp-day-header"},e))),e.map((({iso:e,day:a,currentMonth:i})=>{const o="range"!==this.selectionMode?e===this.selectedDate:e===this.startDate||e===this.endDate,n="range"===this.selectionMode&&e===this.startDate,d="range"===this.selectionMode&&e===this.endDate,s=this.isInRange(e),l=this.isDisabled(e);return r("button",{class:{"dp-cell":!0,"dp-cell--other-month":!i,"dp-cell--today":e===t,"dp-cell--selected":o,"dp-cell--range-start":n,"dp-cell--range-end":d,"dp-cell--in-range":s,"dp-cell--disabled":l},type:"button",disabled:l,onClick:()=>this.selectDate(e),onMouseEnter:()=>{"range"===this.selectionMode&&this.startDate&&!this.endDate&&(this.hoverDate=e)},onMouseLeave:()=>this.hoverDate=""},a)}))),r("div",{key:"eb232baf8ece9768a26f5be6bcb6c9d965916643",class:"dp-footer"},r("button",{key:"97e25f18c4af3e4c43f762944b21bfd3941b0ea0",class:"dp-footer__clear",type:"button",onClick:()=>{this.selectedDate="",this.startDate="",this.endDate="",this.open=!1}},"Limpiar"),r("button",{key:"7e9cf51936868db07c3b940001c2b310b1de2b6d",class:"dp-footer__today",type:"button",onClick:()=>{"range"!==this.selectionMode?(this.selectedDate=t,this.open=!1,this.onChangeDate.emit(t)):(this.startDate=t,this.endDate="")}},"Hoy"))))}};n.style=':host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.dp-label{display:block;font-size:var(--font-size-xxs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.dp-trigger{width:100%;height:44px;display:flex;align-items:center;gap:var(--Size-2, 8px);padding:0 var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);cursor:pointer;font-family:inherit;transition:border-color 0.2s}.dp-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.dp-trigger--disabled{background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed;opacity:0.6}.dp-trigger__value{flex:1;text-align:left;font-size:var(--font-size-xs, 12px);color:var(--Gray-Gray-700, #32394d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-trigger__placeholder{color:var(--Gray-Gray-400, #858ea6)}.dp-popup{position:absolute;top:calc(100% + 8px);left:0;width:320px;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-3, 12px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:300;padding:var(--Size-4, 16px)}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Size-4, 16px)}.dp-nav__btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background 0.15s}.dp-nav__btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-nav__title{font-size:var(--font-size-s, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);display:flex;gap:8px}.dp-grid{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:8px;column-gap:4px}.dp-day-header{font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);text-align:center;padding:8px 0;font-weight:var(--font-weight-bold, 700)}.dp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 12px);font-family:inherit;border:none;cursor:pointer;background:transparent;color:var(--Gray-Gray-600, #475066);width:100%;position:relative;z-index:1;padding:0}.dp-cell::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;transition:all 0.2s;z-index:-1;background:transparent}.dp-cell::before{content:"";position:absolute;top:0;bottom:0;z-index:-2;border-radius:0;background:transparent}.dp-cell:hover:not(:disabled)::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--other-month{color:var(--Gray-Gray-300, #a0a9c0)}.dp-cell--today{font-weight:var(--font-weight-bold, 700)}.dp-cell--today::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--selected{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--selected::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--range-start,.dp-cell--range-end{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--range-start::after,.dp-cell--range-end::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--in-range{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-cell--in-range::before{left:-2px;right:-2px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start::before{left:50%;right:-2px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-end::before{left:-2px;right:50%;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start.dp-cell--range-end::before{background:transparent}.dp-cell--disabled{opacity:0.35;cursor:not-allowed}.dp-footer{display:flex;justify-content:space-between;margin-top:var(--Size-3, 12px);border-top:1px solid var(--Gray-Gray-100, #e6eaf2);padding-top:var(--Size-2, 8px)}.dp-footer__clear,.dp-footer__today{background:none;border:none;padding:4px 8px;font-size:var(--font-size-xxs, 10px);font-family:inherit;cursor:pointer;border-radius:var(--Border-1, 4px);transition:background 0.15s}.dp-footer__clear{color:var(--Gray-Gray-500, #69738c)}.dp-footer__today{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-footer__clear:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-footer__today:hover{background:var(--Orange-orange-50, #fef5ec)}';export{n as dropi_date_picker}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{r as t,c as o,B as a,h as e}from"./p-D5SAM1O2.js";const i=class{constructor(a){t(this,a),this.dropiShow=o(this,"dropiShow",5),this.dropiHide=o(this,"dropiHide",5),this.dropiVisibleChange=o(this,"dropiVisibleChange",5)}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(t,o){const a=!!t;a!==!!o&&(console.log("[DropiModal] visibleChanged:",a),a?this.openModal():this.mounted&&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.dropiVisibleChange.emit(!1),this.startClose()}async openModalExternally(){this.dropiVisibleChange.emit(!0),this.openModal()}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.mounted=!0,this.isClosing=!1,this.isOpen=!1,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&a.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){this.isClosing||(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&a.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=t=>{"Escape"===t.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return e("div",{key:"2597cdfffdc82847ce0f711eb402f5afa1e4e3a0",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&e("div",{key:"ff3c62dc1c18b77361eeeab0b865b27c55c5d2c2",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),e("div",{key:"1f87002bd8a35857682a00d4f06ea9089deeca9c",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&e("div",{key:"dfb17584e54a7ed069be54d6a38d991435ea7b01",class:"modal-header"},this.header&&e("span",{key:"67dbac2764f4e499d9d6ae78d28cdadab3479a10",class:"modal-title"},this.header),e("slot",{key:"34337f4fcc78fec3303be4461ca0489823c6e834",name:"header"}),this.showCloseIcon&&e("button",{key:"0aa6584822ed70231dab0273fb50c74ca01779de",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),e("div",{key:"c5359aeff1e19831e322a0df1af6664479035aef",class:"modal-content"},e("slot",{key:"0fcb04848607d90194bb1b01dae690a689c2e4f8"})),this.showFooter&&e("div",{key:"fb7aa604bd7f71fdb1397b03fc84b99dabca5ecb",class:"modal-footer"},e("slot",{key:"89fbf048fbb4b16d950d83d949d53267c232b354",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-fcba49ca.entry.js

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

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

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

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

@@ -0,0 +1 @@
+import{r,c as a,h as o}from"./p-a2fb4CHk.js";const e=class{constructor(o){r(this,o),this.dropiClick=a(this,"dropiClick")}type="default";severity="primary";size="normal";state="default";fullWidth=!1;preIcon="";postIcon="";customIconColor="";text="";dropiClick;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.dropiClick.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:"eefda6c7ac5090173a545d67e72073dc410ff05c",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:"869ee8fc34dee93de0381a86db643c0fa9dc6918",name:this.preIcon,iconWidth:this.iconSize,iconHeight:this.iconSize,color:this.fontColor}),a&&o("span",{key:"927ef142b4c549d01b087722e9f6759cff44e6b2",class:"text"},this.text),e&&o("dropi-icon",{key:"cda1f5d0fa59a87abc1d3d73a87d4390f05f79eb",name:n,iconWidth:this.iconSize,iconHeight:this.iconSize,color:this.fontColor}),"loading"===this.state&&this.renderLoadingSpinner(),o("slot",{key:"c83dd79efe5d858361815878192c0c554a9234ca"}))}};e.style=":host{display:inline-block;border:0}: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:none !important;box-shadow:none !important;color:var(--Gray-Gray-500, #69738c)}.btn.tertiary.default:hover,.btn.tertiary.legacy:hover{background:var(--Gray-Gray-50, #f5f6f8);box-shadow:none !important;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:none !important;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-ffd415a2.entry.js

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

package/dist/esm/dropi-accordion-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, a as getElement, h } from './index-a2fb4CHk.js';
 
 const dropiAccordionItemCss = () => `: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}`;
 
@@ -39,7 +39,7 @@ const DropiAccordionItem = class {
         setTimeout(() => this.updateHeight(this.open), 0);
     }
     render() {
-        return (h("div", { key: '43f4ce6c38338a90a3b866a449f14e48b478e738', class: { 'accordion-item': true, 'accordion-item--open': this.open, 'accordion-item--disabled': this.disabled } }, h("button", { key: 'b5150a903bf75b82ffea9707e5906dc17f0bcd1c', class: "accordion-header", onClick: () => this.handleToggle(), "aria-expanded": String(this.open), disabled: this.disabled }, h("span", { key: '53f5c6a4e5a9d02412145395112368ddea9af746', class: "accordion-header-left" }, this.preIcon && h("dropi-icon", { key: '5fea3e2916fe5dfb6c1435f08c3b63aca4656523', name: this.preIcon, width: "20px", height: "20px", color: "Gray-Gray-600" }), h("span", { key: '3ad504dcf5d8b4f05d11a0e951a81b79428de3ec', class: "accordion-title" }, this.sectionTitle)), h("span", { key: 'bd44cf2fe9989fc80badb6e46a33a9d699c90f49', class: { 'accordion-chevron': true, 'accordion-chevron--open': this.open } }, h("dropi-icon", { key: '7a4b261df5ffd4c6276e4cccc6bc5e8f8e43a717', name: "Dropdown-down", width: "20px", height: "20px", color: "Gray-Gray-500" }))), h("div", { key: 'cb8789f49d4c83e33f2c366b90220b79b5619502', class: "accordion-body", style: { maxHeight: this.contentHeight }, ref: (el) => this.contentRef = el }, h("div", { key: '72d302242a40c9aa60a941814ac311a540b319f6', class: "accordion-content" }, h("slot", { key: 'b5a4a42f0d366f1f0409f719a52d5af11d77e3c3' })))));
+        return (h("div", { key: '98de1df9b82f0e4e5e72702b7eaca12c0ed92586', class: { 'accordion-item': true, 'accordion-item--open': this.open, 'accordion-item--disabled': this.disabled } }, h("button", { key: 'bd5c3e6ea29feb33e5280908c98929369dc7377e', class: "accordion-header", onClick: () => this.handleToggle(), "aria-expanded": String(this.open), disabled: this.disabled }, h("span", { key: 'ced161eb1187d50b7eb2002081cd3fc008c9a16f', class: "accordion-header-left" }, this.preIcon && h("dropi-icon", { key: '09a157623f0978153b57e85a79d7beeca3faf9ab', name: this.preIcon, iconWidth: "20px", iconHeight: "20px", color: "Gray-Gray-600" }), h("span", { key: '649617f263370d1314e3145c07a3a29ce5c807b5', class: "accordion-title" }, this.sectionTitle)), h("span", { key: 'd99e3933a40ffa4b1da8091a8b6d767011f1bf6f', class: { 'accordion-chevron': true, 'accordion-chevron--open': this.open } }, h("dropi-icon", { key: '3d12ae988429fea2612c0c32c12cd81a486ad255', name: "Dropdown-down", iconWidth: "20px", iconHeight: "20px", color: "Gray-Gray-500" }))), h("div", { key: 'cedff4803c6fa83ae9dc5cb3ce68f48150cdef67', class: "accordion-body", style: { maxHeight: this.contentHeight }, ref: (el) => this.contentRef = el }, h("div", { key: 'a37dd42bf39cf08479d847286860e78a1d80a233', class: "accordion-content" }, h("slot", { key: 'd797eac747716be1af2a6addbefe583be4a816b1' })))));
     }
     static get watchers() { return {
         "open": [{

package/dist/esm/dropi-accordion.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, h } from './index-a2fb4CHk.js';
 
 const dropiAccordionCss = () => `:host{display:block;width:100%;margin-bottom:-1px}*,*::before,*::after{box-sizing:border-box}.accordion{border-top:1px solid var(--Gray-Gray-100,#e6eaf2);border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2);overflow:hidden}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--Size-4,16px) var(--Size-5,20px);background:transparent;border:none;cursor:pointer;gap:12px;text-align:left}.accordion-header:disabled{cursor:not-allowed;opacity:0.5}.accordion--open .accordion-header{border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2)}.accordion-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.accordion-title{font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-600, #475066);line-height:1.4}.accordion-chevron{display:flex;align-items:center;flex-shrink:0;transition:transform 0.22s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height 0.28s ease}.accordion-content{padding:0 var(--Size-5,20px) var(--Size-4,16px);color:var(--Gray-Gray-600,#475066);font-size:var(--font-size-s,12px);line-height:1.6}`;
 
@@ -9,7 +9,7 @@ const DropiAccordion = class {
     /** Allows multiple sections to be open at the same time. If false, only one section can be open. */
     multiple = false;
     render() {
-        return (h("div", { key: '15575b05adec26235378bb459cdf158bdabe2852', class: "accordion-container" }, h("slot", { key: 'e5411aee85b69e50c777657b0cb2aa7d04d09fa4' })));
+        return (h("div", { key: 'c8c70f9c2210e1bc6de7d0933f082a0d1c008837', class: "accordion-container" }, h("slot", { key: '9fe1055ed6f5a2fc5c3e8dde47b694ea0acdbcb9' })));
     }
 };
 DropiAccordion.style = dropiAccordionCss();

package/dist/esm/dropi-alert-legacy.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, h } from './index-a2fb4CHk.js';
 
 const dropiAlertLegacyCss = () => `:host{display:block;margin:10px 0}.alert-legacy{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--Border-2);font-size:var(--font-size-s)}.alert-legacy--success{background:var(--Success-Success-50);color:var(--Success-Success-700);border:1px solid var(--Success-Success-200)}.alert-legacy--error{background:var(--Error-Error-50);color:var(--Error-Error-700);border:1px solid var(--Error-Error-200)}.alert-legacy--warning{background:var(--Warning-Warning-50);color:var(--Warning-Warning-700);border:1px solid var(--Warning-Warning-200)}.alert-legacy--info{background:var(--Info-Info-50);color:var(--Info-Info-700);border:1px solid var(--Info-Info-200)}.alert-legacy__close{background:transparent;border:none;font-size:20px;cursor:pointer;color:currentColor;opacity:0.6}.alert-legacy__close:hover{opacity:1}`;
 

package/dist/esm/dropi-alert-modal.entry.js

@@ -1,14 +1,14 @@
-import { r as registerInstance, c as createEvent, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, c as createEvent, h } from './index-a2fb4CHk.js';
 
 const dropiAlertModalCss = () => `:host{display:contents}.body-alert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3);width:100%;flex:1;overflow:visible;padding-bottom:var(--Size-2)}.lottie-img{width:120px;height:120px;overflow:hidden;flex-shrink:0;align-self:center;margin-top:-8px;margin-bottom:var(--Size-2)}.lottie-img lottie-player{display:block;width:120px;height:120px}.lottie-img--loading{width:100%;height:120px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lottie-img--loading lottie-player{width:300px;height:auto;flex-shrink:0}.content-alert{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.content-alert h2{color:var(--Gray-Gray-800);font-size:19px;font-weight:var(--font-weight-semibold);margin:0}.content-alert p{color:var(--Gray-Gray-500);font-size:var(--font-size-s);margin-bottom:var(--Size-2);overflow-wrap:anywhere;max-height:100px;overflow:auto}.custom-content{width:100%;text-align:left;margin-top:var(--Size-2);display:flex;flex-direction:column;gap:var(--Size-3)}.actions{display:flex;gap:var(--Size-3);width:100%}.actions dropi-button{flex:1;display:flex;justify-content:center}@media (max-width: 768px){.actions{flex-direction:column}.actions dropi-button{width:100%}}`;
 
 const DropiAlertModal = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.primaryButtonEvent = createEvent(this, "primaryButtonEvent", 7);
-        this.secondaryButtonEvent = createEvent(this, "secondaryButtonEvent", 7);
-        this.modalOpenChange = createEvent(this, "modalOpenChange", 7);
-        this.onHide = createEvent(this, "onHide", 7);
+        this.dropiPrimaryClick = createEvent(this, "dropiPrimaryClick");
+        this.dropiSecondaryClick = createEvent(this, "dropiSecondaryClick");
+        this.dropiVisibleChange = createEvent(this, "dropiVisibleChange");
+        this.dropiHide = createEvent(this, "dropiHide");
     }
     /** Controls visibility */
     visible = false;
@@ -39,6 +39,10 @@ const DropiAlertModal = class {
     isStep = false;
     /** Base z-index for the internal modal overlay (matches Angular `baseZIndex`) */
     baseZIndex = 0;
+    /**
+     * Use White Label (MB) illustration style instead of Lottie animation.
+     */
+    isWhiteLabel = false;
     /**
      * Convenience object prop — matches Angular `params: ModalParams`.
      * Fields: tittle, type, message, primaryButton, secondaryButton, loadingTitle,
@@ -69,13 +73,13 @@ const DropiAlertModal = class {
             this.displayButtons = val.displayButtons;
     }
     /** Emitted when primary button is clicked — matches Angular 'primaryButtonEvent' */
-    primaryButtonEvent;
+    dropiPrimaryClick;
     /** Emitted when secondary button is clicked — matches Angular 'secondaryButtonEvent' */
-    secondaryButtonEvent;
+    dropiSecondaryClick;
     /** Emitted when modal open state changes — matches Angular 'modalOpenChange' */
-    modalOpenChange;
+    dropiVisibleChange;
     /** Emitted when modal is hidden — matches Angular 'onHide' */
-    onHide;
+    dropiHide;
     lottieMap = {
         question: '/assets/lottie-files/question.json',
         warning: '/assets/lottie-files/warning.json',
@@ -94,26 +98,26 @@ const DropiAlertModal = class {
         this.visible = false;
     }
     handlePrimary() {
-        this.primaryButtonEvent.emit(true);
+        this.dropiPrimaryClick.emit(true);
         if (!this.isStep) {
             this.visible = false;
-            this.modalOpenChange.emit(false);
+            this.dropiVisibleChange.emit(false);
         }
     }
     handleSecondary() {
-        this.secondaryButtonEvent.emit(true);
+        this.dropiSecondaryClick.emit(true);
         this.visible = false;
-        this.modalOpenChange.emit(false);
+        this.dropiVisibleChange.emit(false);
     }
     onModalHide() {
         this.visible = false;
-        this.modalOpenChange.emit(false);
-        this.onHide.emit();
+        this.dropiVisibleChange.emit(false);
+        this.dropiHide.emit();
     }
     render() {
         const lottieKey = this.loading ? 'loading' : this.type;
         const isLottieLoading = lottieKey === 'loading';
-        return (h("dropi-modal", { key: '8581cbc944d42889228cb21fa27bf4e8b3bf1e16', visible: this.visible, showHeader: this.closable, showCloseIcon: this.closable, dismissable: false, closeOnEscape: false, showFooter: false, size: "s", onOnHide: () => this.onModalHide() }, h("div", { key: '7208cbe742dab77bcee14150998aff5647fd41af', class: "body-alert" }, this.lottieMap[lottieKey] && (h("div", { key: '3b4d36963f8d6547556eee704823c8e34805b8d8', class: `lottie-img${isLottieLoading ? ' lottie-img--loading' : ''}` }, h("lottie-player", { key: lottieKey, src: this.lottieMap[lottieKey], background: "transparent", speed: "1", loop: true, autoplay: true }))), h("div", { key: 'dc52f3daec2eaf7ff9f1d51c90c67bcfaafe370f', class: "content-alert" }, h("h2", { key: '685df4cb76145cf6e965dd94e5f3fe60f828100c' }, this.loading ? this.loadingTitle : this.tittle), h("p", { key: 'f9e5b699816236148bc00c5046c6cc67eb86ae01' }, this.loading ? this.loadingMessage : this.message)), h("div", { key: '2e9280865cad761bea5cdd88b972734c11ab7737', class: "custom-content" }, h("slot", { key: '4fd36baa1455e7793a1e5291b52448707e3aa448' })), !this.loading && this.displayButtons && (h("div", { key: '451bd3d90ec780499d9956a8a57a0d1461406fa9', class: "actions" }, this.secondaryButton && h("dropi-button", { key: 'b60c30cc92cc080c01e1bf337a5e4b78f561be81', text: this.secondaryButton, severity: "secondary", onClick: () => this.handleSecondary(), fullWidth: true }), h("dropi-button", { key: '2b8696a02b253d289a1baef2116cffe436346717', text: this.primaryButton, severity: "primary", onClick: () => this.handlePrimary(), fullWidth: true }))))));
+        return (h("dropi-modal", { key: '322c59ea0a067a4c0cb28a5ffbe9cbc0c642eee6', visible: this.visible, showHeader: this.closable, showCloseIcon: this.closable, dismissable: false, closeOnEscape: false, showFooter: false, size: "s", onDropiHide: () => this.onModalHide() }, h("div", { key: '06530f3da45738d1ed75a4e8b5b8b0b80dfd2647', class: "body-alert" }, this.lottieMap[lottieKey] && (h("div", { key: '7a4ab4fbbdf3cbbacfa22f918d212b788f4392a4', class: `lottie-img${isLottieLoading ? ' lottie-img--loading' : ''}` }, h("lottie-player", { key: lottieKey, src: this.lottieMap[lottieKey], background: "transparent", speed: "1", loop: true, autoplay: true }))), h("div", { key: '0e72f42d10c59047e82df8b2842affd38ab60fc7', class: "content-alert" }, h("h2", { key: '8262de8fbcf5b87fbac34740d34d99d0b6ff921d' }, this.loading ? this.loadingTitle : this.tittle), h("p", { key: 'ca9c734e0b9686bff7e2616ae98224446ac0ca33' }, this.loading ? this.loadingMessage : this.message)), h("div", { key: '1b5edb3af1044cb0dd0b57a425517b1d824672be', class: "custom-content" }, h("slot", { key: '57f4a8acdbcf8a11445f7c8233355bb4ac46c9ab' })), !this.loading && this.displayButtons && (h("div", { key: '32580f42d98f628b4c1d1f300b5a3aaaa1be2486', class: "actions" }, this.secondaryButton && h("dropi-button", { key: 'dcf8707a7f4d8b80126a10022dd6de1c0ea44dc7', text: this.secondaryButton, severity: "secondary", onDropiClick: () => this.handleSecondary(), fullWidth: true }), h("dropi-button", { key: '3ed494fc7a83021174c4d006ae4327348d400e93', text: this.primaryButton, severity: "primary", onDropiClick: () => this.handlePrimary(), fullWidth: true }))))));
     }
     static get watchers() { return {
         "params": [{

package/dist/esm/dropi-alert.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, c as createEvent, h } from './index-a2fb4CHk.js';
 
 const dropiAlertCss = () => `: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}`;
 
 const STATE_ICONS = {
     success: 'Check-circle',
-    error: 'Warning-circle',
-    warning: 'Warning-triangle',
+    error: 'Cross-circle',
+    warning: 'Warning-circle',
     info: 'Info',
 };
 const STATE_COLORS = {
@@ -17,9 +17,9 @@ const STATE_COLORS = {
 const DropiAlert = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.onClose = createEvent(this, "onClose", 7);
-        this.onButtonClick = createEvent(this, "onButtonClick", 7);
-        this.onClickLink = createEvent(this, "onClickLink", 7);
+        this.dropiClose = createEvent(this, "dropiClose");
+        this.dropiButtonClick = createEvent(this, "dropiButtonClick");
+        this.dropiLinkClick = createEvent(this, "dropiLinkClick");
     }
     /** Alert message text (supports plain text) */
     message = '';
@@ -34,9 +34,9 @@ const DropiAlert = class {
     /** Action button label */
     buttonText = 'Close';
     /** Anchor/link label */
-    anchorText = 'none';
+    anchorText = '';
     /** Anchor href */
-    anchorUrl = 'none';
+    anchorUrl = '';
     /** Whether the alert is visible */
     showAlert = true;
     /** Link text (alternative to anchorText) */
@@ -46,15 +46,15 @@ const DropiAlert = class {
     /** Clicked text tracking */
     clickedText = '';
     /** Emitted when the alert is dismissed */
-    onClose;
+    dropiClose;
     /** Emitted when the action button is clicked */
-    onButtonClick;
+    dropiButtonClick;
     /** Emitted when the anchor link is clicked */
-    onClickLink;
+    dropiLinkClick;
     render() {
         if (!this.showAlert)
             return null;
-        return (h("div", { class: { 'alert': true, [`alert--${this.type}`]: true, [`alert--${this.state}`]: true } }, this.type !== 'flag' && (h("div", { class: "alert__icon" }, h("dropi-icon", { name: STATE_ICONS[this.state], width: "18px", height: "18px", color: STATE_COLORS[this.state] }))), h("div", { class: "alert__body" }, h("span", { class: "alert__message" }, this.message), this.anchorText && (h("a", { class: "alert__link", href: this.anchorUrl || this.linkUrl || '#', onClick: (e) => { e.preventDefault(); this.onClickLink.emit(); } }, this.anchorText))), h("div", { class: "alert__actions" }, this.showButton && this.buttonText && this.type !== 'flag' && (h("button", { class: "alert__btn", onClick: () => this.onButtonClick.emit() }, this.buttonText)), this.dismissable && (h("button", { class: "alert__close", onClick: () => { this.showAlert = false; this.onClose.emit(); }, "aria-label": "Cerrar" }, h("dropi-icon", { name: "Close-small", width: "18px", height: "18px", color: "Gray-Gray-500" }))))));
+        return (h("div", { class: { 'alert': true, [`alert--${this.type}`]: true, [`alert--${this.state}`]: true } }, this.type !== 'flag' && (h("div", { class: "alert__icon" }, h("dropi-icon", { name: STATE_ICONS[this.state], iconWidth: "18px", iconHeight: "18px", color: STATE_COLORS[this.state] }))), h("div", { class: "alert__body" }, h("span", { class: "alert__message", innerHTML: this.message }), this.clickedText && (h("a", { class: "alert__link", href: "#", onClick: (e) => { e.preventDefault(); this.dropiLinkClick.emit(); } }, this.clickedText)), (this.anchorText || this.textLink) && (h("a", { class: "alert__link", href: this.anchorUrl || this.linkUrl || '#', onClick: (e) => { e.preventDefault(); this.dropiLinkClick.emit(); } }, this.anchorText || this.textLink))), h("div", { class: "alert__actions" }, this.showButton && this.buttonText && this.type !== 'flag' && (h("button", { class: "alert__btn", onClick: () => this.dropiButtonClick.emit() }, this.buttonText)), this.dismissable && (h("button", { class: "alert__close", onClick: () => { this.showAlert = false; this.dropiClose.emit(); }, "aria-label": "Cerrar" }, h("dropi-icon", { name: "Close-small", iconWidth: "18px", iconHeight: "18px", color: "Gray-Gray-500" }))))));
     }
 };
 DropiAlert.style = dropiAlertCss();

package/dist/esm/dropi-avatars.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, h } from './index-a2fb4CHk.js';
 
 const dropiAvatarsCss = () => `:host{display:inline-block}.avatar{margin:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar--users,.avatar--transport,.avatar--payment{width:35px;height:35px}.avatar--supplier{width:70px;height:70px}.avatar--counter{width:33px;height:33px}.avatar__initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background-color:var(--Primary-Primary-100, #fde9d0);color:var(--Primary-Primary-600, #d4872e);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.5px}`;
 

package/dist/esm/dropi-badge-legacy.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, h } from './index-a2fb4CHk.js';
 
 const dropiBadgeLegacyCss = () => `:host{display:inline-block}.badge-legacy{display:flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.badge-legacy--primary{background:var(--Primary-Primary-50);color:var(--Primary-Primary-500)}.badge-legacy--secondary{background:var(--Gray-Gray-100);color:var(--Gray-Gray-600)}.badge-legacy--tertiary{background:var(--Success-Success-50);color:var(--Success-Success-500)}`;
 
@@ -16,7 +16,7 @@ const DropiBadgeLegacy = class {
     count = 0;
     render() {
         const isCounter = this.type === 'counter';
-        return (h("div", { key: 'f3d7bf7be848acee4077acef4f8e2ab4cfd99d83', class: {
+        return (h("div", { key: '58bb5c6625539109f010cccdcaafc37ab6da38ba', class: {
                 'badge-legacy': true,
                 [`badge-legacy--${this.variant}`]: true,
                 [`badge-legacy--${this.type}`]: true

package/dist/esm/dropi-badge.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, h } from './index-a2fb4CHk.js';
 
 const dropiBadgeCss = () => `:host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.tag-state{border-radius:12px;padding:2px 10px;display:flex;align-items:center;gap:4px}.tag-state svg{width:13px}.tag-state p{font-size:13px;font-weight:var(--font-weight-medium);line-height:20px;margin:0;padding:0}.tag-state.active{background:var(--Success-Success-50, #e7f8f3);color:var(--Success-Success-500, #0abb87)}.tag-state.pending{color:var(--Orange-orange-500, #f49a3d);background:var(--Orange-orange-50, #fef5ec)}.tag-state.canceled,.tag-state.frozen{color:var(--Gray-Gray-500, #69738c);background:var(--Gray-Gray-50, #f7f8fa)}`;