@dropi/ui 0.1.41 → 0.1.42

package/dist/components/dropi-table.js

@@ -1 +1 @@
-import{t,p as e,H as i,c as a,h as r}from"./index.js";import{d as s}from"./p-B9R8Apw7.js";import{d as o}from"./p-a-hGQrJd.js";import{d as n}from"./p-BDYn1JDe.js";import{d as l}from"./p-FAhcOdS-.js";import{d as c}from"./p-2YgFOle2.js";import{d as h}from"./p-DvLWbKsf.js";const d=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dropiSort=a(this,"dropiSort",7),this.dropiSelection=a(this,"dropiSelection",7),this.dropiRowClick=a(this,"dropiRowClick",7),this.dropiSearch=a(this,"dropiSearch",7),this.dropiPageChange=a(this,"dropiPageChange",7),this.dropiPageSizeChange=a(this,"dropiPageSizeChange",7),this.dropiAction=a(this,"dropiAction",7),this.rowsSelected=a(this,"rowsSelected",7),this.actionClicked=a(this,"actionClicked",7),this.onPageChange=a(this,"onPageChange",7),this.onSizeChange=a(this,"onSizeChange",7),this.onSortChange=a(this,"onSortChange",7),this.onSearchChange=a(this,"onSearchChange",7),this.expandChildren=a(this,"expandChildren",7)}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;rowsSelected;actionClicked;onPageChange;onSizeChange;onSortChange;onSearchChange;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=>((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]??"",s=a[e]??"";return r<s?-i:r>s?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.onSortChange.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.rowsSelected.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.rowsSelected.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 r("dropi-tag",{type:"secondary",state:t.typeTag,text:t.value});case"date":return r("div",{class:"date-label"},r("span",null,new Date(t.value).toLocaleDateString("es-CO")),!t.hideTime&&r("span",null,new Date(t.value).toLocaleTimeString("es-CO",{hour:"2-digit",minute:"2-digit"})));case"country":return r("div",{class:"flag-container"},t.flag&&r("dropi-country-flags",{width:"24",height:"24",country:t.flag,style:{display:"inline-flex"}}),r("span",null,t.value));case"textIcon":return r("div",{class:"text-icon-label"},r("dropi-icon",{name:t.icon,iconWidth:"24px",iconHeight:"24px",color:t.iconColor||"Gray-Gray-500"}),t.value&&r("span",null,t.value));case"status":return r("div",{class:"status-label"},r("div",{class:"status-dot"},r("div",{class:"dot dot-"+(t.status||"").toLowerCase()}),r("span",{class:"status-text"},t.status)),t.value&&r("span",{class:"status-description"},t.value));case"image":return r("div",{class:"image-label"},r("div",{class:"img-container"},r("img",{src:t.imageUrl,alt:t.value})),r("span",null,t.value));case"textWrap":return r("div",{class:"text-wrap-label",style:{maxWidth:t.maxWidth||"220px"}},t.value);default:return r("span",{class:"table-labels"},(t.value??"—")+"")}return r("span",{class:"table-labels"},t+"")}render(){if(void 0===this.parsedRows)return null;const t=this.pagedRows,e=t.length>0&&this.selectedKeys.size===t.length,i=this.parsedRowActions.length>0,a=this.visibleColumns;return r("div",{class:"table-container"},(this.showSearch||this.showColumnSelector||this.tableTitle)&&r("div",{class:"search-container"},this.tableTitle&&r("div",{class:"table-title Body-L-Bold"},this.tableTitle),r("div",{class:"search-actions"+(this.showSearch?"":" only-filter")},this.showSearch&&r("dropi-input",{placeholder:"Buscar",value:this.searchTerm,onOnInput:t=>{this.searchTerm=t.detail,this.dropiSearch.emit(t.detail),this.onSearchChange.emit(t.detail)}}),this.showColumnSelector&&r("div",{class:"table-tools"},r("div",{class:"column-selector-container"},r("button",{class:"column-selector-btn",onClick:()=>this.showColumnMenu=!this.showColumnMenu},r("dropi-icon",{name:"list-table",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"})),this.showColumnMenu&&r("div",{class:"column-selector-menu"},this.parsedColumns.map((t=>r("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}},r("dropi-checkbox",{checked:!this.hiddenColumns.has(t.key)}),r("span",null,t.label)))),r("div",{class:"column-selector-footer"},r("div",{class:"column-selector-all",onClick:()=>{this.hiddenColumns=0===this.hiddenColumns.size?new Set(this.parsedColumns.map((t=>t.key))):new Set}},r("dropi-checkbox",{checked:0===this.hiddenColumns.size}),r("span",null,"Mostrar / Ocultar todo")))))))),r("div",{class:"table-wrapper"+(i?" has-sticky-actions":"")},r("table",{class:"custom-table"+(this.showCheckbox?" has-checkbox":"")},r("thead",null,r("tr",null,this.showCheckbox&&r("th",{class:"checkbox-header"},r("dropi-checkbox",{checked:e,onOnChange:t=>this.toggleAll(t.detail)})),a.map((t=>r("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)},r("div",{class:"headers-container"+("left"===t.align?" align-left":"right"===t.align?" align-right":"")},r("div",{class:"headers"+("left"===t.align?" align-left":"right"===t.align?" align-right":"")},r("span",null,t.label),t.sortable&&r("div",{class:"order-icons"},r("dropi-icon",{name:"Caret-up",iconWidth:"12px",iconHeight:"12px",color:this.sortAsc?"Gray-Gray-500":"Gray-Gray-200"}),r("dropi-icon",{name:"Caret-down",iconWidth:"12px",iconHeight:"12px",color:this.sortAsc?"Gray-Gray-200":"Gray-Gray-500"}))))))),i&&r("th",{class:"actions-header actions"},"Acciones"))),r("tbody",null,this.loading?Array.from({length:5}).map((()=>r("tr",{class:"table-row"},this.showCheckbox&&r("td",null,r("div",{class:"skeleton skeleton--sm"})),a.map((()=>r("td",null,r("div",{class:"skeleton"})))),i&&r("td",null)))):0===t.length?r("tr",null,r("td",{colSpan:a.length+(this.showCheckbox?1:0)+(i?1:0)},r("div",{class:"empty-table"},r("div",{class:"empty-message-container"},this.emptyMessage)))):t.map(((t,e)=>r("tr",{class:"table-row",onClick:()=>this.dropiRowClick.emit({row:t,index:e})},this.showCheckbox&&r("td",{onClick:t=>t.stopPropagation()},r("dropi-checkbox",{checked:this.selectedKeys.has(e),onOnChange:()=>this.toggleRow(e)})),a.map((e=>r("td",{class:{"low-opacity":!!e.disabledColumn,"highlight-column":!!e.highlightColumn},style:{minWidth:e.minWidth,maxWidth:e.maxWidth,overflow:e.maxWidth?"hidden":void 0}},r("div",{class:"cell-content",style:{textAlign:e.align||"center"}},this.renderCellValue(t[e.key]))))),i&&r("td",{class:"action-button actions",onClick:t=>t.stopPropagation()},this.parsedRowActions.length>3?r("div",{style:{display:"flex",justifyContent:"center",width:"100%"}},r("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&&r("div",{class:"actions-menu"},this.parsedRowActions.map((e=>r("div",{class:"action-item",onClick:()=>{this.openActionRow=-1,this.dropiAction.emit({row:t,action:e}),this.actionClicked.emit({row:t,action:e})}},r("dropi-icon",{name:e.icon,iconWidth:"20px",iconHeight:"20px",color:e.iconColor||"Gray-Gray-500"}),e.label))))):r("div",{class:"short-actions"},this.parsedRowActions.map((e=>r("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.actionClicked.emit({row:t,action:e})}}))))))))))),this.showPaginator&&r("div",{class:"pagination"},r("div",{class:"page-size-selector"},r("label",null,"Mostrar"),r("select",{onChange:t=>{this.pageSize=Number(t.target.value),this.currentPage=1,this.dropiPageSizeChange.emit(this.pageSize),this.onSizeChange.emit(this.pageSize)}},this.parsedPageSizes.map((t=>r("option",{value:t,selected:this.pageSize===t},t))))),r("dropi-paginator",{totalPages:this.totalPages,currentPage:this.currentPage,onPageChange:t=>{this.currentPage=t.detail,this.dropiPageChange.emit(t.detail),this.onPageChange.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}]}}static get style(){return":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)}}"}},[513,"dropi-table",{columns:[1],rows:[1],showCheckbox:[4,"show-checkbox"],loading:[4],emptyMessage:[1,"empty-message"],tableTitle:[1,"table-title"],showSearch:[4,"show-search"],showColumnSelector:[4,"show-column-selector"],showPaginator:[4,"show-paginator"],pageSizes:[1,"page-sizes"],currentPage:[1026,"current-page"],totalPages:[2,"total-pages"],rowActions:[1,"row-actions"],headers:[1],data:[1],selectedRowIds:[16],childData:[1,"child-data"],visibleRowsChildrens:[1,"visible-rows-childrens"],dropiTableConfiguration:[8,"dropi-table-configuration"],dropiTableBackendParams:[8,"dropi-table-backend-params"],isCursorPagination:[4,"is-cursor-pagination"],parsedColumns:[32],parsedRows:[32],parsedPageSizes:[32],parsedRowActions:[32],sortKey:[32],sortDir:[32],sortAsc:[32],selectedKeys:[32],searchTerm:[32],pageSize:[32],showColumnMenu:[32],hiddenColumns:[32],openActionRow:[32]},void 0,{columns:[{columnsChanged:0}],rows:[{rowsChanged:0}],pageSizes:[{pageSizesChanged:0}],rowActions:[{rowActionsChanged:0}],headers:[{headersChanged:0}],data:[{dataChanged:0}]}]);function p(){"undefined"!=typeof customElements&&["dropi-table","dropi-checkbox","dropi-country-flags","dropi-icon","dropi-input","dropi-paginator","dropi-tag"].forEach((e=>{switch(e){case"dropi-table":customElements.get(t(e))||customElements.define(t(e),d);break;case"dropi-checkbox":customElements.get(t(e))||s();break;case"dropi-country-flags":customElements.get(t(e))||o();break;case"dropi-icon":customElements.get(t(e))||n();break;case"dropi-input":customElements.get(t(e))||l();break;case"dropi-paginator":customElements.get(t(e))||c();break;case"dropi-tag":customElements.get(t(e))||h()}}))}p();const g=d,u=p;export{g as DropiTable,u as defineCustomElement}
+import{t,p as e,H as i,c as a,h as r}from"./index.js";import{d as o}from"./p-CWT7wT9m.js";import{d as s}from"./p-BSB5Ar-y.js";import{d as n}from"./p-B9rJd-Rf.js";import{d as l}from"./p-CXUiN3Rj.js";import{d as c}from"./p-RQjw5hdz.js";import{d}from"./p-B9-h_ikq.js";const h=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dropiSort=a(this,"dropiSort"),this.dropiSelection=a(this,"dropiSelection"),this.dropiRowClick=a(this,"dropiRowClick"),this.dropiSearch=a(this,"dropiSearch"),this.dropiPageChange=a(this,"dropiPageChange"),this.dropiPageSizeChange=a(this,"dropiPageSizeChange"),this.dropiAction=a(this,"dropiAction"),this.dropiRowsSelected=a(this,"dropiRowsSelected"),this.dropiActionClick=a(this,"dropiActionClick"),this.dropiPageChangeAngular=a(this,"dropiPageChangeAngular"),this.dropiSizeChangeAngular=a(this,"dropiSizeChangeAngular"),this.dropiSortChangeAngular=a(this,"dropiSortChangeAngular"),this.dropiSearchChangeAngular=a(this,"dropiSearchChangeAngular"),this.expandChildren=a(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=>((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 r("dropi-tag",{type:"secondary",state:t.typeTag,text:t.value});case"date":return r("div",{class:"date-label"},r("span",null,new Date(t.value).toLocaleDateString("es-CO")),!t.hideTime&&r("span",null,new Date(t.value).toLocaleTimeString("es-CO",{hour:"2-digit",minute:"2-digit"})));case"country":return r("div",{class:"flag-container"},t.flag&&r("dropi-country-flags",{width:"24",height:"24",country:t.flag,style:{display:"inline-flex"}}),r("span",null,t.value));case"textIcon":return r("div",{class:"text-icon-label"},r("dropi-icon",{name:t.icon,iconWidth:"24px",iconHeight:"24px",color:t.iconColor||"Gray-Gray-500"}),t.value&&r("span",null,t.value));case"status":return r("div",{class:"status-label"},r("div",{class:"status-dot"},r("div",{class:"dot dot-"+(t.status||"").toLowerCase()}),r("span",{class:"status-text"},t.status)),t.value&&r("span",{class:"status-description"},t.value));case"image":return r("div",{class:"image-label"},r("div",{class:"img-container"},r("img",{src:t.imageUrl,alt:t.value})),r("span",null,t.value));case"textWrap":return r("div",{class:"text-wrap-label",style:{maxWidth:t.maxWidth||"220px"}},t.value);case"textCopy":case"tokenAction":return r("div",{class:"text-icon-label",style:{display:"flex",alignItems:"center"}},r("div",{style:{display:"flex",alignItems:"center"}},r("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},t.value)),r("div",{style:{display:"flex",justifyContent:"flex-start",paddingLeft:"0.5rem"}},r("dropi-icon",{name:t.revealed?"Clon":"Eye",iconWidth:"18px",iconHeight:"18px",color:"Gray-Gray-500",style:{cursor:"pointer",flexShrink:"0"},onClick:e=>{e.stopPropagation();const i=t.revealed?"copy":"reveal";this.dropiAction.emit({row:t.row,action:{id:i,value:t.value}}),this.dropiActionClick.emit({row:t.row,action:{id:i,value:t.value}})}})));default:return r("span",{class:"table-labels"},(t.value??"—")+"")}return r("span",{class:"table-labels"},t+"")}render(){if(void 0===this.parsedRows)return null;const t=this.pagedRows,e=t.length>0&&this.selectedKeys.size===t.length,i=this.parsedRowActions.length>0,a=this.visibleColumns;return r("div",{class:"table-container"},(this.showSearch||this.showColumnSelector||this.tableTitle)&&r("div",{class:"search-container"},this.tableTitle&&r("div",{class:"table-title Body-L-Bold"},this.tableTitle),r("div",{class:"search-actions"+(this.showSearch?"":" only-filter")},this.showSearch&&r("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&&r("div",{class:"table-tools"},r("div",{class:"column-selector-container"},r("button",{class:"column-selector-btn",onClick:()=>this.showColumnMenu=!this.showColumnMenu},r("dropi-icon",{name:"list-table",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"})),this.showColumnMenu&&r("div",{class:"column-selector-menu"},this.parsedColumns.map((t=>r("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}},r("dropi-checkbox",{checked:!this.hiddenColumns.has(t.key)}),r("span",null,t.label)))),r("div",{class:"column-selector-footer"},r("div",{class:"column-selector-all",onClick:()=>{this.hiddenColumns=0===this.hiddenColumns.size?new Set(this.parsedColumns.map((t=>t.key))):new Set}},r("dropi-checkbox",{checked:0===this.hiddenColumns.size}),r("span",null,"Mostrar / Ocultar todo")))))))),r("div",{class:"table-wrapper"+(i?" has-sticky-actions":"")},r("table",{class:"custom-table"+(this.showCheckbox?" has-checkbox":"")},r("thead",null,r("tr",null,this.showCheckbox&&r("th",{class:"checkbox-header"},r("dropi-checkbox",{checked:e,onDropiChange:t=>this.toggleAll(t.detail)})),a.map((t=>r("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)},r("div",{class:"headers-container"+("left"===t.align?" align-left":"right"===t.align?" align-right":"")},r("div",{class:"headers"+("left"===t.align?" align-left":"right"===t.align?" align-right":"")},r("span",null,t.label),t.sortable&&r("div",{class:"order-icons"},r("dropi-icon",{name:"Caret-up",iconWidth:"12px",iconHeight:"12px",color:this.sortAsc?"Gray-Gray-500":"Gray-Gray-200"}),r("dropi-icon",{name:"Caret-down",iconWidth:"12px",iconHeight:"12px",color:this.sortAsc?"Gray-Gray-200":"Gray-Gray-500"}))))))),i&&r("th",{class:"actions-header actions"},"Acciones"))),r("tbody",null,this.loading?Array.from({length:5}).map((()=>r("tr",{class:"table-row"},this.showCheckbox&&r("td",null,r("div",{class:"skeleton skeleton--sm"})),a.map((()=>r("td",null,r("div",{class:"skeleton"})))),i&&r("td",null)))):0===t.length?r("tr",null,r("td",{colSpan:a.length+(this.showCheckbox?1:0)+(i?1:0)},r("div",{class:"empty-table"},r("div",{class:"empty-message-container"},this.emptyMessage)))):t.map(((t,e)=>r("tr",{class:"table-row",onClick:()=>this.dropiRowClick.emit({row:t,index:e})},this.showCheckbox&&r("td",{onClick:t=>t.stopPropagation()},r("dropi-checkbox",{checked:this.selectedKeys.has(e),onDropiChange:()=>this.toggleRow(e)})),a.map((e=>r("td",{class:{"low-opacity":!!e.disabledColumn,"highlight-column":!!e.highlightColumn},style:{minWidth:e.minWidth,maxWidth:e.maxWidth,overflow:e.maxWidth?"hidden":void 0}},r("div",{class:"cell-content",style:{textAlign:e.align||"center"}},this.renderCellValue(t[e.key]))))),i&&r("td",{class:"action-button actions",onClick:t=>t.stopPropagation()},this.parsedRowActions.length>2?r("div",{style:{display:"flex",justifyContent:"center",width:"100%"}},r("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&&r("div",{class:"actions-menu"},this.parsedRowActions.map((e=>r("div",{class:"action-item",onClick:()=>{this.openActionRow=-1,this.dropiAction.emit({row:t,action:e}),this.dropiActionClick.emit({row:t,action:e})}},r("dropi-icon",{name:e.icon,iconWidth:"20px",iconHeight:"20px",color:e.iconColor||"Gray-Gray-500"}),e.label))))):r("div",{class:"short-actions"},this.parsedRowActions.map((e=>r("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&&r("div",{class:"pagination"},r("div",{class:"page-size-selector"},r("label",null,"Mostrar"),r("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=>r("option",{value:t,selected:this.pageSize===t},t))))),r("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}]}}static get style(){return":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)}}"}},[513,"dropi-table",{columns:[1],rows:[1],showCheckbox:[4,"show-checkbox"],loading:[4],emptyMessage:[1,"empty-message"],tableTitle:[1,"table-title"],showSearch:[4,"show-search"],showColumnSelector:[4,"show-column-selector"],showPaginator:[4,"show-paginator"],pageSizes:[1,"page-sizes"],currentPage:[1026,"current-page"],totalPages:[2,"total-pages"],rowActions:[1,"row-actions"],headers:[1],data:[1],selectedRowIds:[16],childData:[1,"child-data"],visibleRowsChildrens:[1,"visible-rows-childrens"],dropiTableConfiguration:[8,"dropi-table-configuration"],dropiTableBackendParams:[8,"dropi-table-backend-params"],isCursorPagination:[4,"is-cursor-pagination"],parsedColumns:[32],parsedRows:[32],parsedPageSizes:[32],parsedRowActions:[32],sortKey:[32],sortDir:[32],sortAsc:[32],selectedKeys:[32],searchTerm:[32],pageSize:[32],showColumnMenu:[32],hiddenColumns:[32],openActionRow:[32]},void 0,{columns:[{columnsChanged:0}],rows:[{rowsChanged:0}],pageSizes:[{pageSizesChanged:0}],rowActions:[{rowActionsChanged:0}],headers:[{headersChanged:0}],data:[{dataChanged:0}]}]);function p(){"undefined"!=typeof customElements&&["dropi-table","dropi-checkbox","dropi-country-flags","dropi-icon","dropi-input","dropi-paginator","dropi-tag"].forEach((e=>{switch(e){case"dropi-table":customElements.get(t(e))||customElements.define(t(e),h);break;case"dropi-checkbox":customElements.get(t(e))||o();break;case"dropi-country-flags":customElements.get(t(e))||s();break;case"dropi-icon":customElements.get(t(e))||n();break;case"dropi-input":customElements.get(t(e))||l();break;case"dropi-paginator":customElements.get(t(e))||c();break;case"dropi-tag":customElements.get(t(e))||d()}}))}p();const g=h,u=p;export{g as DropiTable,u as defineCustomElement}

package/dist/components/dropi-tabs.js

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

package/dist/components/dropi-tag-type-product.js

@@ -1 +1 @@
-import{t,p as e,H as r,h as i}from"./index.js";const n=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}label="VARIABLE";render(){return i("div",{key:"ae1cd50cd3e82180704ae4f5406b4dc13ffbd12c",class:"type-variation"},this.label)}static get style(){return":host{display:inline-block}.type-variation{border-radius:4px;background:var(--Warning-Warning-500);padding:2px 6px;font-size:var(--font-size-xs);color:var(--Neutral-White);text-transform:capitalize;font-weight:var(--font-weight-regular);width:fit-content}"}},[513,"dropi-tag-type-product",{label:[1]}]);function o(){"undefined"!=typeof customElements&&["dropi-tag-type-product"].forEach((e=>{"dropi-tag-type-product"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))}o();const a=n,s=o;export{a as DropiTagTypeProduct,s as defineCustomElement}
+import{t,p as e,H as r,h as a}from"./index.js";const i=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}label="VARIABLE";render(){return a("div",{key:"6d27b4fc40c66e6bfd8400e4727aa9a9c2e8dc8c",class:"type-variation"},this.label)}static get style(){return":host{display:inline-block}.type-variation{border-radius:4px;background:var(--Warning-Warning-500);padding:2px 6px;font-size:var(--font-size-xs);color:var(--Neutral-White);text-transform:capitalize;font-weight:var(--font-weight-regular);width:fit-content}"}},[513,"dropi-tag-type-product",{label:[1]}]);function n(){"undefined"!=typeof customElements&&["dropi-tag-type-product"].forEach((e=>{"dropi-tag-type-product"===e&&(customElements.get(t(e))||customElements.define(t(e),i))}))}n();const o=i,s=n;export{o as DropiTagTypeProduct,s as defineCustomElement}

package/dist/components/dropi-tag.js

@@ -1 +1 @@
-import{D as s,d as o}from"./p-DvLWbKsf.js";const p=s,r=o;export{p as DropiTag,r as defineCustomElement}
+import{D as o,d as s}from"./p-B9-h_ikq.js";const p=o,r=s;export{p as DropiTag,r as defineCustomElement}

package/dist/components/dropi-text-area.js

@@ -1 +1 @@
-import{t as r,p as e,H as t,c as o,h as a}from"./index.js";import{d as i}from"./p-BDYn1JDe.js";const s=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dropiInput=o(this,"dropiInput",7),this.dropiChange=o(this,"dropiChange",7),this.dropiFocus=o(this,"dropiFocus",7),this.dropiBlur=o(this,"dropiBlur",7),this.internals=this.attachInternals()}internals;id="";name="";label="";placeholder="";value="";maxLength;minLength=0;rows=4;resize="vertical";disabled=!1;required=!1;showObligatoryAsterisk=!1;textHelper="";hasError=!1;textAreaProperties=null;textAreaPropertiesChanged(r){r&&(void 0!==r.id&&(this.id=r.id),void 0!==r.label&&(this.label=r.label),void 0!==r.placeholder&&(this.placeholder=r.placeholder),void 0!==r.maxLength&&(this.maxLength=r.maxLength),void 0!==r.minLength&&(this.minLength=r.minLength),void 0!==r.textHelper&&(this.textHelper=r.textHelper),void 0!==r.rows&&(this.rows=r.rows),void 0!==r.resize&&(this.resize=r.resize))}touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;valueChanged(r){this.internals.setFormValue(r)}componentWillLoad(){this.internals.setFormValue(this.value??""),this.textAreaProperties&&this.textAreaPropertiesChanged(this.textAreaProperties)}handleInput(r){const e=r.target.value;this.value=e,this.internals.setFormValue(e),this.dropiInput.emit(e)}handleBlur(){this.touched=!0,this.dropiChange.emit(this.value),this.dropiBlur.emit()}get resolvedId(){return this.id||this.label}get isInvalid(){return this.hasError&&this.touched}get charCount(){return this.value?.length??0}render(){const r=this.textHelper||this.isInvalid;return a("div",{key:"d2333346006f94a5582d49cb2f34237b8b97d039",class:"textarea-wrapper"},this.label&&a("label",{key:"0963e3d312bec5a96b4b3f8387c07ecfd97d6906",htmlFor:this.resolvedId,style:{color:this.disabled?"var(--Gray-Gray-400)":"var(--Gray-Gray-600)"}},this.label,this.required&&this.showObligatoryAsterisk&&!this.disabled&&a("span",{key:"1e9bfecb2669fe2c6cd8b74a153fe21bbf8053b9",class:"asterisk"}," *")),a("div",{key:"6ac5236d0cb7ec4322339048eb364b7c41bfea5e",class:"textarea-container"},a("textarea",{key:"94a18a7af80592659237d54e5897fcbd8b4aa47c",id:this.resolvedId,class:{"form-control":!0,"Body-M-Regular":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid},rows:this.rows,placeholder:this.placeholder,maxLength:this.maxLength,minLength:this.minLength,disabled:this.disabled,required:this.required,style:{resize:this.resize},onInput:r=>this.handleInput(r),onFocus:()=>this.dropiFocus.emit(),onBlur:()=>this.handleBlur()},this.value),this.maxLength>0&&a("div",{key:"e3271eeea7e85a64454c344986e36c85197f3782",class:"char-counter"},this.charCount,"/",this.maxLength)),r&&a("div",{key:"c4b83072b96e56b45b6afc8209f4d124cb6d6bf3",class:"form-control-helper"},this.isInvalid&&a("dropi-icon",{key:"07a2884a516118f3169a0427701a2271d24f2bcc",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),a("span",{key:"a518a81fdba8df18083ef92a1dbc9936d3fcc17d",class:{"invalid-color":this.isInvalid},style:{color:this.disabled?"var(--Gray-Gray-400)":void 0}},this.textHelper)))}static get formAssociated(){return!0}static get watchers(){return{textAreaProperties:[{textAreaPropertiesChanged:0}],value:[{valueChanged:0}]}}static get style(){return":host{display:flex;flex-direction:column;width:100%}*,*::before,*::after{box-sizing:border-box}.textarea-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:4px}.textarea-wrapper label{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066)}.asterisk{color:var(--Error-Error-500, #f46a6b)}.textarea-container{position:relative;display:flex;flex-direction:column}textarea.form-control{box-sizing:border-box;width:100%;flex:1;overflow:auto;padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #ffffff);transition:border-color 0.3s ease-in-out;outline:none;appearance:none}textarea.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}textarea.form-control:focus::placeholder{color:var(--Gray-Gray-400, #858ea6)}textarea.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.char-counter{position:absolute;bottom:10px;right:16px;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c);pointer-events:none}.form-control-helper{display:flex;gap:4px;align-items:center}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}"}},[577,"dropi-text-area",{id:[1025],name:[1],label:[1025],placeholder:[1025],value:[1025],maxLength:[1026,"max-length"],minLength:[1026,"min-length"],rows:[1026],resize:[1025],disabled:[516],required:[516],showObligatoryAsterisk:[4,"show-obligatory-asterisk"],textHelper:[1025,"text-helper"],hasError:[4,"has-error"],textAreaProperties:[16],touched:[32]},void 0,{textAreaProperties:[{textAreaPropertiesChanged:0}],value:[{valueChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-text-area","dropi-icon"].forEach((e=>{switch(e){case"dropi-text-area":customElements.get(r(e))||customElements.define(r(e),s);break;case"dropi-icon":customElements.get(r(e))||i()}}))}n();const l=s,c=n;export{l as DropiTextArea,c as defineCustomElement}
+import{t as r,p as e,H as t,c as a,h as o}from"./index.js";import{d as i}from"./p-B9rJd-Rf.js";const s=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dropiInput=a(this,"dropiInput"),this.dropiChange=a(this,"dropiChange"),this.dropiFocus=a(this,"dropiFocus"),this.dropiBlur=a(this,"dropiBlur"),this.internals=this.attachInternals()}internals;id="";name="";label="";placeholder="";value="";maxLength;minLength=0;rows=4;resize="vertical";disabled=!1;required=!1;showObligatoryAsterisk=!1;textHelper="";hasError=!1;textAreaProperties=null;textAreaPropertiesChanged(r){r&&(void 0!==r.id&&(this.id=r.id),void 0!==r.label&&(this.label=r.label),void 0!==r.placeholder&&(this.placeholder=r.placeholder),void 0!==r.maxLength&&(this.maxLength=r.maxLength),void 0!==r.minLength&&(this.minLength=r.minLength),void 0!==r.textHelper&&(this.textHelper=r.textHelper),void 0!==r.rows&&(this.rows=r.rows),void 0!==r.resize&&(this.resize=r.resize))}touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;valueChanged(r){this.internals.setFormValue(r)}componentWillLoad(){this.internals.setFormValue(this.value??""),this.textAreaProperties&&this.textAreaPropertiesChanged(this.textAreaProperties)}handleInput(r){const e=r.target.value;this.value=e,this.internals.setFormValue(e),this.dropiInput.emit(e)}handleBlur(){this.touched=!0,this.dropiChange.emit(this.value),this.dropiBlur.emit()}get resolvedId(){return this.id||this.label}get isInvalid(){return this.hasError&&this.touched}get charCount(){return this.value?.length??0}render(){const r=this.textHelper||this.isInvalid;return o("div",{key:"cd317dd0e813d6ce6ae659b56ddac00fa822e68e",class:"textarea-wrapper"},this.label&&o("label",{key:"220344751b55843a6d1ee3a8188b53e8d0fc5d34",htmlFor:this.resolvedId,style:{color:this.disabled?"var(--Gray-Gray-400)":"var(--Gray-Gray-600)"}},this.label,this.required&&this.showObligatoryAsterisk&&!this.disabled&&o("span",{key:"3ddb9f3adac61fa8990f81e16ae6334de8552849",class:"asterisk"}," *")),o("div",{key:"1a6d603bd7cfe7e6b37fd20c4dad6c7bc2bf0278",class:"textarea-container"},o("textarea",{key:"3eb838fece4e03cc68be9e01eeb1e02709a926f9",id:this.resolvedId,class:{"form-control":!0,"Body-M-Regular":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid},rows:this.rows,placeholder:this.placeholder,maxLength:this.maxLength,minLength:this.minLength,disabled:this.disabled,required:this.required,style:{resize:this.resize},onInput:r=>this.handleInput(r),onFocus:()=>this.dropiFocus.emit(),onBlur:()=>this.handleBlur()},this.value),this.maxLength>0&&o("div",{key:"49dfd2cb7fe373769a945c405e58e7716e9489f2",class:"char-counter"},this.charCount,"/",this.maxLength)),r&&o("div",{key:"e1388e815c35baab42466029ae17914da28c9294",class:"form-control-helper"},this.isInvalid&&o("dropi-icon",{key:"39aebce7cca327e9c535ce918d053eb5f106f734",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),o("span",{key:"ae255ca0db1e35e0069ef8b68fa901bced14ba8a",class:{"invalid-color":this.isInvalid},style:{color:this.disabled?"var(--Gray-Gray-400)":void 0}},this.textHelper)))}static get formAssociated(){return!0}static get watchers(){return{textAreaProperties:[{textAreaPropertiesChanged:0}],value:[{valueChanged:0}]}}static get style(){return":host{display:flex;flex-direction:column;width:100%}*,*::before,*::after{box-sizing:border-box}.textarea-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:4px}.textarea-wrapper label{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066)}.asterisk{color:var(--Error-Error-500, #f46a6b)}.textarea-container{position:relative;display:flex;flex-direction:column}textarea.form-control{box-sizing:border-box;width:100%;flex:1;overflow:auto;padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #ffffff);transition:border-color 0.3s ease-in-out;outline:none;appearance:none}textarea.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}textarea.form-control:focus::placeholder{color:var(--Gray-Gray-400, #858ea6)}textarea.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.char-counter{position:absolute;bottom:10px;right:16px;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c);pointer-events:none}.form-control-helper{display:flex;gap:4px;align-items:center}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}"}},[577,"dropi-text-area",{id:[1025],name:[1],label:[1025],placeholder:[1025],value:[1025],maxLength:[1026,"max-length"],minLength:[1026,"min-length"],rows:[1026],resize:[1025],disabled:[516],required:[516],showObligatoryAsterisk:[4,"show-obligatory-asterisk"],textHelper:[1025,"text-helper"],hasError:[4,"has-error"],textAreaProperties:[16],touched:[32]},void 0,{textAreaProperties:[{textAreaPropertiesChanged:0}],value:[{valueChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-text-area","dropi-icon"].forEach((e=>{switch(e){case"dropi-text-area":customElements.get(r(e))||customElements.define(r(e),s);break;case"dropi-icon":customElements.get(r(e))||i()}}))}n();const l=s,d=n;export{l as DropiTextArea,d as defineCustomElement}

package/dist/components/dropi-time-line.js

@@ -1 +1 @@
-import{t,p as e,H as r,h as s}from"./index.js";import{d as a}from"./p-BDYn1JDe.js";const i=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}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 s("div",{key:"0b43d3e673cda6f31476abcbc55ef2b6b9dbd7ac",class:"timeline"},t.map(((e,r)=>{const a=r===t.length-1;return s("div",{class:{"tl-step":!0,["tl-step--"+e.status]:!0},key:e.id||r},s("div",{class:"tl-step__marker"},s("div",{class:"tl-step__icon"},e.icon?s("dropi-icon",{name:e.icon,iconWidth:"16px",iconHeight:"16px",color:"done"===e.status?"Neutral-White":"active"===e.status?"Primary-Primary-500":"Gray-Gray-400"}):s("span",{class:"tl-step__dot"})),!a&&s("div",{class:"tl-step__line"})),s("div",{class:"tl-step__content"},s("span",{class:"tl-step__label"},e.label),e.subtitle&&s("span",{class:"tl-step__subtitle"},e.subtitle)))})))}static get style(){return":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)}"}},[513,"dropi-time-line",{steps:[1]}]);function l(){"undefined"!=typeof customElements&&["dropi-time-line","dropi-icon"].forEach((e=>{switch(e){case"dropi-time-line":customElements.get(t(e))||customElements.define(t(e),i);break;case"dropi-icon":customElements.get(t(e))||a()}}))}l();const o=i,n=l;export{o as DropiTimeLine,n as defineCustomElement}
+import{t,p as e,H as r,h as a}from"./index.js";import{d as s}from"./p-B9rJd-Rf.js";const i=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}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 a("div",{key:"22a2f8ff7a33e892096c3aaf381e23b110ec6b0a",class:"timeline"},t.map(((e,r)=>{const s=r===t.length-1;return a("div",{class:{"tl-step":!0,["tl-step--"+e.status]:!0},key:e.id||r},a("div",{class:"tl-step__marker"},a("div",{class:"tl-step__icon"},e.icon?a("dropi-icon",{name:e.icon,iconWidth:"16px",iconHeight:"16px",color:"done"===e.status?"Neutral-White":"active"===e.status?"Primary-Primary-500":"Gray-Gray-400"}):a("span",{class:"tl-step__dot"})),!s&&a("div",{class:"tl-step__line"})),a("div",{class:"tl-step__content"},a("span",{class:"tl-step__label"},e.label),e.subtitle&&a("span",{class:"tl-step__subtitle"},e.subtitle)))})))}static get style(){return":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)}"}},[513,"dropi-time-line",{steps:[1]}]);function l(){"undefined"!=typeof customElements&&["dropi-time-line","dropi-icon"].forEach((e=>{switch(e){case"dropi-time-line":customElements.get(t(e))||customElements.define(t(e),i);break;case"dropi-icon":customElements.get(t(e))||s()}}))}l();const o=i,n=l;export{o as DropiTimeLine,n as defineCustomElement}

package/dist/components/dropi-toast.js

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

package/dist/components/dropi-tooltip-v2.js

@@ -1 +1 @@
-import{t,p as o,H as i,h as e}from"./index.js";import{d as s}from"./p-BDYn1JDe.js";const r=o(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}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),e("div",{key:"85f49bcb2af567a8fb70cd92afab893a2e0bf567",class:"tooltip-wrapper",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onClick:this.handleClick,onFocusin:this.handleFocusin,onFocusout:this.handleFocusout},this.showIcon&&e("dropi-icon",{key:"0ec2770a45d95e2dc655886d086f7f44c12fdda5",name:this.iconName,iconWidth:this.iconSize+"px",iconHeight:this.iconSize+"px",color:this.iconColor}),e("slot",{key:"caeff259dfaecdd7757d85bee3e93b15d8b53173"}),this.displayContent&&e("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&&e("button",{key:"ba9f719b7066bb953a45b60f03fce20383c2eac5",class:"tooltip-close",onClick:this.handleClose,"aria-label":"Cerrar"},e("dropi-icon",{key:"8660e8130e643393c9cd70846247ccae8e3ebf24",name:"Close-small",iconWidth:"12px",iconHeight:"12px",color:"Gray-Gray-500"})),this.title&&!this.text&&e("strong",{key:"2d2a39d2d2a3993b62901497660a31193bcece12",class:"tooltip-title"},this.title),this.label&&!this.text&&e("span",{key:"b34e2e997629c5700b64a6ae527b71c44e8939f4",class:"tooltip-label"},this.label),this.text&&e("span",{key:"4cd22e60cce211b96cf8441a33dcd7afe5b88e40"},this.text),e("span",{key:"deb83c9f7c1a9cfbb3f68ec087cae81d0f64a56b",class:"tooltip-arrow tooltip-arrow--"+this.position})))}static get style(){return":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)}"}},[769,"dropi-tooltip-v2",{text:[1],title:[1],label:[1],position:[1],arrowPosition:[1,"arrow-position"],trigger:[1025],maxWidth:[1,"max-width"],minWidth:[1,"min-width"],showDelay:[2,"show-delay"],disabled:[4],showIcon:[4,"show-icon"],showX:[1028,"show-x"],iconName:[1,"icon-name"],iconColor:[1,"icon-color"],iconSize:[1,"icon-size"],visible:[32]}]);function a(){"undefined"!=typeof customElements&&["dropi-tooltip-v2","dropi-icon"].forEach((o=>{switch(o){case"dropi-tooltip-v2":customElements.get(t(o))||customElements.define(t(o),r);break;case"dropi-icon":customElements.get(t(o))||s()}}))}a();const l=r,n=a;export{l as DropiTooltipV2,n as defineCustomElement}
+import{t,p as o,H as i,h as e}from"./index.js";import{d as s}from"./p-B9rJd-Rf.js";const r=o(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}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),e("div",{key:"e2ce31df52e00568920e754904b1f5910ff4c8ba",class:"tooltip-wrapper",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onClick:this.handleClick,onFocusin:this.handleFocusin,onFocusout:this.handleFocusout},this.showIcon&&e("dropi-icon",{key:"aa3213451bcfb60561043b0c3854bb20c3a4703a",name:this.iconName,iconWidth:this.iconSize+"px",iconHeight:this.iconSize+"px",color:this.iconColor}),e("slot",{key:"5ce4929e6f96d4c605d149a970aba1746e82078a"}),this.displayContent&&e("div",{key:"66a1193abf25ce4161ec35f1ca0c344ec418cce8",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&&e("button",{key:"168741ebb1986f7235aee5be58695ae7cfacfe7b",class:"tooltip-close",onClick:this.handleClose,"aria-label":"Cerrar"},e("dropi-icon",{key:"c9154dada59cced1056f24689591f0fead22328f",name:"Close-small",iconWidth:"12px",iconHeight:"12px",color:"Gray-Gray-500"})),this.title&&!this.text&&e("strong",{key:"cd432eb19d7616f50d27613b55c191d59f70732e",class:"tooltip-title"},this.title),this.label&&!this.text&&e("span",{key:"c443cab1372947d0219a7384f491184fb1a7c5b3",class:"tooltip-label"},this.label),this.text&&e("span",{key:"ea5dafb67ec9533052a66cf045b288cbefdf9d69"},this.text),e("span",{key:"977257d29af4688c8a264685a1687c048faac9e5",class:"tooltip-arrow tooltip-arrow--"+this.position})))}static get style(){return":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)}"}},[769,"dropi-tooltip-v2",{text:[1],title:[1],label:[1],position:[1],arrowPosition:[1,"arrow-position"],trigger:[1025],maxWidth:[1,"max-width"],minWidth:[1,"min-width"],showDelay:[2,"show-delay"],disabled:[4],showIcon:[4,"show-icon"],showX:[1028,"show-x"],iconName:[1,"icon-name"],iconColor:[1,"icon-color"],iconSize:[1,"icon-size"],visible:[32]}]);function a(){"undefined"!=typeof customElements&&["dropi-tooltip-v2","dropi-icon"].forEach((o=>{switch(o){case"dropi-tooltip-v2":customElements.get(t(o))||customElements.define(t(o),r);break;case"dropi-icon":customElements.get(t(o))||s()}}))}a();const l=r,n=a;export{l as DropiTooltipV2,n as defineCustomElement}

package/dist/components/dropi-tooltip.js

@@ -1 +1 @@
-import{t,p as o,H as e,h as i}from"./index.js";const s=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}text="";outlined=!1;render(){return i("div",{key:"0b14943b628c231fbb530620e7829f70e6099c7a",class:{"tooltip-simple":!0,"tooltip-simple--outlined":this.outlined}},i("slot",{key:"bf0245c6fab0ba938834d2d3e84ccaa9cb14f5c8"}),this.text&&i("div",{key:"e1e33acf8628f79b36c5cc66c7076a03ce8167f7",class:"tooltip-simple-bubble"},this.text))}static get style(){return":host{display:inline-block;position:relative}.tooltip-simple-bubble{position:absolute;background:var(--Gray-Gray-800, #1e293b);color:white;padding:4px 8px;border-radius:4px;font-size:12px;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s;z-index:1000}:host(:hover) .tooltip-simple-bubble{opacity:1}.tooltip-simple--outlined .tooltip-simple-bubble{border:1px solid var(--Gray-Gray-300);background:white;color:var(--Gray-Gray-800)}"}},[769,"dropi-tooltip",{text:[1],outlined:[4]}]);function l(){"undefined"!=typeof customElements&&["dropi-tooltip"].forEach((o=>{"dropi-tooltip"===o&&(customElements.get(t(o))||customElements.define(t(o),s))}))}l();const r=s,p=l;export{r as DropiTooltip,p as defineCustomElement}
+import{t,p as o,H as e,h as i}from"./index.js";const s=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}text="";outlined=!1;render(){return i("div",{key:"1c580849e5fdfc99ecfedc7c14508dfd50b789c9",class:{"tooltip-simple":!0,"tooltip-simple--outlined":this.outlined}},i("slot",{key:"8881e587966e67408a725e36a5a45828755e10a6"}),this.text&&i("div",{key:"f4f1c4a1d47e3324fe4d9af25d46342c4c650a0f",class:"tooltip-simple-bubble"},this.text))}static get style(){return":host{display:inline-block;position:relative}.tooltip-simple-bubble{position:absolute;background:var(--Gray-Gray-800, #1e293b);color:white;padding:4px 8px;border-radius:4px;font-size:12px;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s;z-index:1000}:host(:hover) .tooltip-simple-bubble{opacity:1}.tooltip-simple--outlined .tooltip-simple-bubble{border:1px solid var(--Gray-Gray-300);background:white;color:var(--Gray-Gray-800)}"}},[769,"dropi-tooltip",{text:[1],outlined:[4]}]);function l(){"undefined"!=typeof customElements&&["dropi-tooltip"].forEach((o=>{"dropi-tooltip"===o&&(customElements.get(t(o))||customElements.define(t(o),s))}))}l();const r=s,p=l;export{r as DropiTooltip,p as defineCustomElement}

package/dist/components/dropi-vertical-steps.js

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

package/dist/components/dropi-youtube-lazy-video.js

@@ -1 +1 @@
-import{t as e,p as t,H as i,h as o}from"./index.js";import{d as a}from"./p-BDYn1JDe.js";const r=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}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 o("div",{key:"0732bc87e7be10e422e80751a17527132301eb99",class:"video-wrapper"+(this.isPlaying?" playing":"")},!this.isPlaying&&o("div",{key:"540c46b66da3f67ec45614e0891827b7cc0be4e5",class:"thumbnail",onClick:()=>{this.isPlaying=!0}},o("img",{key:"843241c72688ca88ccd5d9391b542501575ea476",src:this.thumbnail,alt:"Video thumbnail "+this.videoId}),o("button",{key:"b068f79fb6b2140e1419e9d72a24f6e66eaab69d",class:"play-button","aria-label":"Reproducir video"},o("dropi-icon",{key:"b3b6d8b99583fd0a3c2c0d766beeda2459b8b13a",name:"Play",iconWidth:"17px",iconHeight:"21px",color:"Neutral-White"}))),this.isPlaying&&o("iframe",{key:"42172a0c7bb386da9123b411af4ab5ebeb9e205c",src:this.videoUrl,title:this.videoTitle,frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,loading:"lazy"}))}static get style(){return":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}}"}},[513,"dropi-youtube-lazy-video",{videoId:[1,"video-id"],thumbnailSrc:[1,"thumbnail-src"],videoTitle:[1,"video-title"],isPlaying:[32]}]);function s(){"undefined"!=typeof customElements&&["dropi-youtube-lazy-video","dropi-icon"].forEach((t=>{switch(t){case"dropi-youtube-lazy-video":customElements.get(e(t))||customElements.define(e(t),r);break;case"dropi-icon":customElements.get(e(t))||a()}}))}s();const n=r,d=s;export{n as DropiYoutubeLazyVideo,d as defineCustomElement}
+import{t as e,p as t,H as i,h as o}from"./index.js";import{d as a}from"./p-B9rJd-Rf.js";const r=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}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 o("div",{key:"c3fadb91dcf1c32964ed0f0cb847ab3d874f2d7a",class:"video-wrapper"+(this.isPlaying?" playing":"")},!this.isPlaying&&o("div",{key:"7bc533e24d3221d8c4dd763e629ec836642d504f",class:"thumbnail",onClick:()=>{this.isPlaying=!0}},o("img",{key:"6e47aefd8e8fab4ecf8b6a7160bc5557ecace088",src:this.thumbnail,alt:"Video thumbnail "+this.videoId}),o("button",{key:"1acb93790a95117c78d5855807f24dac76b98008",class:"play-button","aria-label":"Reproducir video"},o("dropi-icon",{key:"09974fac159a0c88b160c8044f88e1c3dfab79c0",name:"Play",iconWidth:"17px",iconHeight:"21px",color:"Neutral-White"}))),this.isPlaying&&o("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"}))}static get style(){return":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}}"}},[513,"dropi-youtube-lazy-video",{videoId:[1,"video-id"],thumbnailSrc:[1,"thumbnail-src"],videoTitle:[1,"video-title"],isPlaying:[32]}]);function d(){"undefined"!=typeof customElements&&["dropi-youtube-lazy-video","dropi-icon"].forEach((t=>{switch(t){case"dropi-youtube-lazy-video":customElements.get(e(t))||customElements.define(e(t),r);break;case"dropi-icon":customElements.get(e(t))||a()}}))}d();const s=r,n=d;export{s as DropiYoutubeLazyVideo,n as defineCustomElement}

package/dist/components/index.js

@@ -1 +1 @@
-const e=":root{--Primary-Primary-50:#fef8f2;--Primary-Primary-100:#ffecda;--Primary-Primary-200:#fcddbd;--Primary-Primary-300:#f2bc85;--Primary-Primary-400:#f7b46f;--Primary-Primary-500:#f49a3d;--Primary-Primary-600:#e58017;--Primary-Primary-700:#99540f;--Primary-Primary-800:#66380a;--Primary-Primary-900:#331c05;--Secondary-Secondary-50:#f0fafc;--Secondary-Secondary-100:#cee8f2;--Secondary-Secondary-200:#95d0e5;--Secondary-Secondary-300:#62bad9;--Secondary-Secondary-400:#33a4cc;--Secondary-Secondary-500:#008dbf;--Secondary-Secondary-600:#007199;--Secondary-Secondary-700:#005573;--Secondary-Secondary-800:#00384d;--Secondary-Secondary-900:#001c26;--Neutral-White:#ffffff;--Neutral-Black:#000000;--Gray-Gray-50:#f7f8fa;--Gray-Gray-100:#e6eaf2;--Gray-Gray-200:#c3c9d9;--Gray-Gray-300:#a3abbf;--Gray-Gray-400:#858ea6;--Gray-Gray-500:#69738c;--Gray-Gray-600:#475066;--Gray-Gray-700:#32394d;--Gray-Gray-800:#1f2433;--Gray-Gray-900:#0e111a;--Success-Success-50:#e7f8f3;--Success-Success-100:#b3eada;--Success-Success-200:#8ee0c8;--Success-Success-300:#5bd1af;--Success-Success-400:#3bc99f;--Success-Success-500:#0abb87;--Success-Success-600:#09aa7b;--Success-Success-700:#078560;--Success-Success-800:#06674a;--Success-Success-900:#044f39;--Error-Error-50:#fef0f0;--Error-Error-100:#fcd1d1;--Error-Error-200:#fababb;--Error-Error-300:#f89b9c;--Error-Error-400:#f68889;--Error-Error-500:#f46a6b;--Error-Error-600:#de6061;--Error-Error-700:#ad4b4c;--Error-Error-800:#863a3b;--Error-Error-900:#662d2d;--Info-Info-50:#eef6fe;--Info-Info-100:#c9e3fb;--Info-Info-200:#afd6f9;--Info-Info-300:#8ac3f6;--Info-Info-400:#73b7f4;--Info-Info-500:#50a5f1;--Info-Info-600:#4996db;--Info-Info-700:#3975ab;--Info-Info-800:#2c5b85;--Info-Info-900:#224565;--Warning-Warning-50:#fef8ed;--Warning-Warning-100:#fbe8c8;--Warning-Warning-200:#f9ddad;--Warning-Warning-300:#f6cd87;--Warning-Warning-400:#f4c370;--Warning-Warning-500:#f1b44c;--Warning-Warning-600:#dba445;--Warning-Warning-700:#ab8036;--Warning-Warning-800:#85632a;--Warning-Warning-900:#654c20;--Orange-orange-50:#fef5ec;--Orange-orange-500:#f49a3d;--Size-1:4px;--Size-2:8px;--Size-3:12px;--Size-4:16px;--Size-5:24px;--Size-6:32px;--Size-7:40px;--Size-8:48px;--Size-9:56px;--Size-10:64px;--Border-1:4px;--Border-2:8px;--Border-3:12px;--Border-4:24px;--Border-5:32px;--Border-full:9999px;--font-size-xxxxl:36px;--font-size-xxxl:30px;--font-size-xxl:24px;--font-size-xl:20px;--font-size-l:18px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px;--lineheight-simple:110%;--lineheight-large:150%;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-regular:400;--font-weight-light:300;--font-family-01:'Inter', sans-serif;--breakpoint-extra-small:576px;--breakpoint-small:600px;--breakpoint-medium:1000px;--breakpoint-large:1200px;--breakpoint-extra-large:1536px;--breakpoint-full-width:1920px;--Shadow-small:0px 0px 12px rgba(0, 0, 0, 0.04);--Shadow-medium:0.5px 4px 8px rgba(0, 0, 0, 0.08);--Shadow-large:0px 4px 16px rgba(0, 0, 0, 0.16);--Shadow-icon:0px 0px 4px rgba(0, 0, 0, 0.16);--Interrapidisimo:#383637;--Domina:#464ffe;--Coordinadora:#2686c5;--Servientrega:#1ba558;--99-minutos:#9cd453;--TCC:#f8dd49;--Veloces:#dc2e76;--Envia:#e7484e;--Restlogix:#90dd92;--Tiui:#0596a5;--Fedex:#4d148c;--Laarcourier:#faf063;--Gintracom:#ff3939;--Blue-express:#1542a3;--Lulu:#f03a3e;--Urbano:#e53237;--Tipsa:#1d3681}@media (max-width: 600px){:root{--font-size-xxxxl:32px;--font-size-xxxl:26px;--font-size-xxl:20px;--font-size-xl:18px;--font-size-l:16px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px}}*{font-family:var(--font-family-01);box-sizing:border-box;text-align:left}h1{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h2{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h3{color:var(--Gray-Gray-700);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h4{color:var(--Gray-Gray-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h5{color:var(--Gray-Gray-700);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Body-L-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-L-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-M-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-M-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-S-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-S-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Caption-M{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Caption-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-L{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-M{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}body.dropi-modal-open{overflow:hidden !important}dropi-icon:not(:defined){display:inline-flex;width:24px;height:24px;overflow:hidden}";var t={isBrowser:!0},n=(e=>(e.Undefined="undefined",e.Null="null",e.String="string",e.Number="number",e.SpecialNumber="number",e.Boolean="boolean",e.BigInt="bigint",e))(n||{}),o=(e=>(e.Array="array",e.Date="date",e.Map="map",e.Object="object",e.RegularExpression="regexp",e.Set="set",e.Channel="channel",e.Symbol="symbol",e))(o||{}),r="type",i="value",l="serialized:";function s(e,t,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==o;){const o=Object.getOwnPropertyDescriptor(e,t);if(o&&(!n||o.get))return o;e=Object.getPrototypeOf(e)}}var a,f=(e,t)=>{var n;Object.entries(null!=(n=t.o.t)?n:{}).map((([n,[o]])=>{if(31&o||32&o){const o=e[n],r=s(Object.getPrototypeOf(e),n,!0)||Object.getOwnPropertyDescriptor(e,n);r&&Object.defineProperty(e,n,{get(){return r.get.call(this)},set(e){r.set.call(this,e)},configurable:!0,enumerable:!0}),t.i.has(n)?e[n]=t.i.get(n):void 0!==o&&(e[n]=o)}}))},c=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},u=(e,t)=>t in e,d=(e,t)=>(0,console.error)(e,t),h=new Map,p="s-id",y="sty-id",g="c-id",v=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],m="undefined"!=typeof window?window:{},b=m.HTMLElement||class{},$={l:0,u:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},x=(()=>{try{return!!m.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),w=!!x&&(()=>!!m.document&&Object.getOwnPropertyDescriptor(m.document.adoptedStyleSheets,"length").writable)(),S=!1,z=[],G=[],j=(e,t)=>n=>{e.push(n),S||(S=!0,t&&4&$.l?I(E):$.raf(E))},O=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){d(e)}e.length=0},E=()=>{O(z),O(G),(S=z.length>0)&&$.raf(E)},I=e=>Promise.resolve(void 0).then(e),k=j(G,!0),N=e=>{const t=new URL(e,$.u);return t.origin!==m.location.origin?t.href:t.pathname},P=e=>$.u=e;function W(){var t;const n=this.attachShadow({mode:"open"});if(void 0===a&&(a=null!=(t=function(e){if(!x)return;const t=new CSSStyleSheet;return t.replaceSync(e),t}(e))?t:null),a)w?n.adoptedStyleSheets.push(a):n.adoptedStyleSheets=[...n.adoptedStyleSheets,a];else if(!x){const t=document.createElement("style");t.innerHTML=e,n.prepend(t)}}var B=e=>{const t=_(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&"SLOT-FB"!==e.tagName&&M(t,e.tagName).forEach((e=>{1===e.nodeType&&"SLOT-FB"===e.tagName&&(e.hidden=!!C(e,A(e),!1).length)}));let n=0;for(n=0;n<t.length;n++){const e=t[n];1===e.nodeType&&_(e,"childNodes").length&&B(e)}};function M(e,t,n){let o,r=0,i=[];for(;r<e.length;r++){if(o=e[r],o["s-sr"]&&(!t||o["s-hn"]===t)&&(void 0===n||A(o)===n)&&(i.push(o),void 0!==n))return i;i=[...i,...M(o.childNodes,t,n)]}return i}var C=(e,t,n=!0)=>{const o=[];(n&&e["s-sr"]||!e["s-sr"])&&o.push(e);let r=e;for(;r=r.nextSibling;)A(r)!==t||!n&&r["s-sr"]||o.push(r);return o},L=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,R=(e,t,n,o)=>{if(e["s-ol"]&&e["s-ol"].isConnected)return;const r=document.createTextNode("");if(r["s-nr"]=e,!t["s-cr"]||!t["s-cr"].parentNode)return;const i=t["s-cr"].parentNode,l=_(i,"appendChild");if(void 0!==o){r["s-oo"]=o;const e=_(i,"childNodes"),t=[r];e.forEach((e=>{e["s-nr"]&&t.push(e)})),t.sort(((e,t)=>!e["s-oo"]||e["s-oo"]<(t["s-oo"]||0)?-1:!t["s-oo"]||t["s-oo"]<e["s-oo"]?1:0)),t.forEach((e=>l.call(i,e)))}else l.call(i,r);e["s-ol"]=r,e["s-sh"]=t["s-hn"]},A=e=>"string"==typeof e["s-sn"]?e["s-sn"]:1===e.nodeType&&e.getAttribute("slot")||void 0;function T(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[],o=this["s-sn"];(null==e?void 0:e.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const r=this["s-cr"].parentElement;return(r.__childNodes?r.childNodes:(e=>{const t=[];for(let n=0;n<e.length;n++){const o=e[n]["s-nr"]||void 0;o&&o.isConnected&&t.push(o)}return t})(r.childNodes)).forEach((e=>{o===A(e)&&n.push(e)})),t?n.filter((e=>1===e.nodeType)):n}.bind(e);e.assignedElements=t(!0),e.assignedNodes=t(!1)}function _(e,t){if("__"+t in e){const n=e["__"+t];return"function"!=typeof n?n:n.bind(e)}return"function"!=typeof e[t]?e[t]:e[t].bind(e)}var D=new WeakMap,F=(e,t,n)=>{let o=h.get(e);x&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,h.set(e,o)},U=(e,t)=>{var n,o,r;const i=V(t),l=h.get(i);if(!m.document)return i;if(e=11===e.nodeType?e:m.document,l)if("string"==typeof l){let r,s=D.get(e=e.head||e);s||D.set(e,s=new Set);const a=e.querySelector(`[${y}="${i}"]`);if(a)a.textContent=l;else if(!s.has(i)){r=m.document.createElement("style"),r.textContent=l;const a=null!=(n=$.h)?n:function(){var e,t,n;return null!=(n=null==(t=null==(e=m.document.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?n:void 0}();if(null!=a&&r.setAttribute("nonce",a),!(1&t.l))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(r,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(x){const t=new(null!=(o=e.defaultView)?o:e.ownerDocument.defaultView).CSSStyleSheet;t.replaceSync(l),w?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.textContent=l+t.textContent:e.prepend(r)}else e.append(r);1&t.l&&e.insertBefore(r,null),4&t.l&&(r.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),s&&s.add(i)}}else{let t=D.get(e);if(t||D.set(e,t=new Set),!t.has(i)){const n=null!=(r=e.defaultView)?r:e.ownerDocument.defaultView;let o;if(l.constructor===n.CSSStyleSheet)o=l;else{o=new n.CSSStyleSheet;for(let e=0;e<l.cssRules.length;e++)o.insertRule(l.cssRules[e].cssText,e)}if(w?e.adoptedStyleSheets.push(o):e.adoptedStyleSheets=[...e.adoptedStyleSheets,o],t.add(i),"host"in e){const t=e.querySelector(`[${y}="${i}"]`);t&&k((()=>t.remove()))}}}return i},V=e=>"sc-"+e.p,H=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),q=e=>"object"==(e=typeof e)||"function"===e,Y=(e,t,...n)=>{let o=null,r=null,i=null,l=!1,s=!1;const a=[],f=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?f(o):null!=o&&"boolean"!=typeof o&&((l="function"!=typeof e&&!q(o))&&(o+=""),l&&s?a[a.length-1].v+=o:a.push(l?J(null,o):o),s=l)};if(f(n),t){t.key&&(r=t.key),t.name&&(i=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const c=J(e,null);return c.m=t,a.length>0&&(c.$=a),c.S=r,c.G=i,c},J=(e,t)=>({l:0,j:e,v:null!=t?t:null,O:null,$:null,m:null,S:null,G:null}),Z={},K=(e,t,n,o,r,i,l,s=[])=>{let a,f,c,u;if(1===i.nodeType){if(a=i.getAttribute(g),a&&(f=a.split("."),f[0]===l||"0"===f[0])){c=X({l:0,I:f[0],k:f[1],N:f[2],P:f[3],j:i.tagName.toLowerCase(),O:i,m:{class:i.className||""}}),t.push(c),i.removeAttribute(g),e.$||(e.$=[]);const r=c.O.getAttribute("s-sn");"string"==typeof r&&("slot-fb"===c.j&&ee(r,f[2],c,i,e,t,n,o,s),c.O["s-sn"]=r,c.O.removeAttribute("s-sn")),void 0!==c.P&&(e.$[c.P]=c),e=c,o&&"0"===c.N&&(o[c.P]=c.O)}if(i.shadowRoot)for(u=i.shadowRoot.childNodes.length-1;u>=0;u--)K(e,t,n,o,r,i.shadowRoot.childNodes[u],l,s);const d=i.__childNodes||i.childNodes;for(u=d.length-1;u>=0;u--)K(e,t,n,o,r,d[u],l,s)}else if(8===i.nodeType)f=i.nodeValue.split("."),(f[1]===l||"0"===f[1])&&(a=f[0],c=X({I:f[1],k:f[2],N:f[3],P:f[4]||"0",O:i,m:null,$:null,S:null,G:null,j:null,v:null}),"t"===a?(c.O=re(i,3),c.O&&3===c.O.nodeType&&(c.v=c.O.textContent,t.push(c),i.remove(),l===c.I&&(e.$||(e.$=[]),e.$[c.P]=c),o&&"0"===c.N&&(o[c.P]=c.O))):"c"===a?(c.O=re(i,8),c.O&&8===c.O.nodeType&&(t.push(c),i.remove())):c.I===l&&("s"===a?ee(i["s-sn"]=f[5]||"",f[2],c,i,e,t,n,o,s):"r"===a&&(o?i.remove():(r["s-cr"]=i,i["s-cn"]=!0))));else if(e&&"style"===e.j){const t=J(null,i.textContent);t.O=i,t.P="0",e.$=[t]}return e},Q=(e,t)=>{if(1===e.nodeType){const n=e[p]||e.getAttribute(p);n&&t.set(n,e);let o=0;if(e.shadowRoot)for(;o<e.shadowRoot.childNodes.length;o++)Q(e.shadowRoot.childNodes[o],t);const r=e.__childNodes||e.childNodes;for(o=0;o<r.length;o++)Q(r[o],t)}else if(8===e.nodeType){const n=e.nodeValue.split(".");"o"===n[0]&&(t.set(n[1]+"."+n[2],e),e.nodeValue="",e["s-en"]=n[3])}},X=e=>({l:0,I:null,k:null,N:null,P:"0",O:null,m:null,$:null,S:null,G:null,j:null,v:null,...e});function ee(e,t,n,o,r,i,l,s,a){o["s-sr"]=!0,n.G=e||null,n.j="slot";const f=(null==r?void 0:r.O)?r.O["s-id"]||r.O.getAttribute("s-id"):"";if(s&&m.document){const i=n.O=m.document.createElement(n.j);n.G&&n.O.setAttribute("name",e),r.O.shadowRoot&&f&&f!==n.I?_(r.O,"insertBefore")(i,_(r.O,"children")[0]):_(_(o,"parentNode"),"insertBefore")(i,o),oe(a,t,e,o,n.I),o.remove(),"0"===n.N&&(s[n.P]=n.O)}else{const i=n.O,l=f&&f!==n.I&&r.O.shadowRoot;oe(a,t,e,o,l?f:n.I),T(o),l&&r.O.insertBefore(i,r.O.children[0])}i.push(n),l.push(n),r.$||(r.$=[]),r.$[n.P]=n}var te,ne,oe=(e,t,n,o,r)=>{var i,l;let s=o.nextSibling;if(e[t]=e[t]||[],s&&!(null==(i=s.nodeValue)?void 0:i.startsWith("s.")))do{!s||(s.getAttribute&&s.getAttribute("slot")||s["s-sn"])!==n&&(""!==n||s["s-sn"]||s.getAttribute&&s.getAttribute("slot")||8!==s.nodeType&&3!==s.nodeType)||(s["s-sn"]=n,e[t].push({slot:o,node:s,hostId:r})),s=null==s?void 0:s.nextSibling}while(s&&!(null==(l=s.nodeValue)?void 0:l.startsWith("s.")))},re=(e,t)=>{let n=e;do{n=n.nextSibling}while(n&&(n.nodeType!==t||!n.nodeValue));return n},ie=class e{static fromLocalValue(t){const n=t[r],o=i in t?t[i]:void 0;switch(n){case"string":case"boolean":return o;case"bigint":return BigInt(o);case"undefined":return;case"null":return null;case"number":return"NaN"===o?NaN:"-0"===o?-0:"Infinity"===o?1/0:"-Infinity"===o?-1/0:o;case"array":return o.map((t=>e.fromLocalValue(t)));case"date":return new Date(o);case"map":const t=new Map;for(const[n,r]of o){const o="object"==typeof n&&null!==n?e.fromLocalValue(n):n,i=e.fromLocalValue(r);t.set(o,i)}return t;case"object":const r={};for(const[t,n]of o)r[t]=e.fromLocalValue(n);return r;case"regexp":const{pattern:i,flags:l}=o;return RegExp(i,l);case"set":const s=new Set;for(const t of o)s.add(e.fromLocalValue(t));return s;case"symbol":return Symbol(o);default:throw Error("Unsupported type: "+n)}}static fromLocalValueArray(t){return t.map((t=>e.fromLocalValue(t)))}static isLocalValueObject(e){if("object"!=typeof e||null===e)return!1;if(!e.hasOwnProperty(r))return!1;const t=e[r];return!!Object.values({...n,...o}).includes(t)&&("null"===t||"undefined"===t||e.hasOwnProperty(i))}},le=(e,t,n)=>"string"==typeof e&&e.startsWith(l)?e=function(e){return"string"==typeof e&&e.startsWith(l)?ie.fromLocalValue(JSON.parse(atob(e.slice(11)))):e}(e):null==e||q(e)?e:4&t?(n&&"string"==typeof e||"false"!==e)&&(""===e||!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?e+"":e,se=(e,t,n)=>{const o=e;return{emit:e=>ae(o,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},ae=(e,t,n)=>{const o=$.ce(t,n);return e.dispatchEvent(o),o},fe=(e,t,n,o,r,i,l)=>{if(n===o)return;let s=u(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,r=ue(n);let i=ue(o);if((e["s-si"]||e["s-sc"])&&l){const n=e["s-sc"]||e["s-si"];i.push(n),r.forEach((e=>{e.startsWith(n)&&i.push(e)})),i=[...new Set(i)].filter((e=>e)),t.add(...i)}else t.remove(...r.filter((e=>e&&!i.includes(e)))),t.add(...i.filter((e=>e&&!r.includes(e))))}else if("style"===t){for(const t in n)o&&null!=o[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in o)n&&o[t]===n[t]||(t.includes("-")?e.style.setProperty(t,o[t]):e.style[t]=o[t])}else if("key"===t);else if("ref"===t)o&&We(o,e);else if(e.__lookupSetter__(t)||"o"!==t[0]||"n"!==t[1]){if("a"===t[0]&&t.startsWith("attr:")){const n=t.slice(5);let r;{const t=c(e);if(t&&t.o&&t.o.t){const e=t.o.t[n];e&&e[1]&&(r=e[1])}}return r||(r=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==o||!1===o?!1===o&&""!==e.getAttribute(r)||e.removeAttribute(r):e.setAttribute(r,!0===o?"":o))}if("p"===t[0]&&t.startsWith("prop:")){const n=t.slice(5);try{e[n]=o}catch(e){}return}{const l=q(o);if((s||l&&null!==o)&&!r)try{if(e.tagName.includes("-"))e[t]!==o&&(e[t]=o);else{const r=null==o?"":o;"list"===t?s=!1:null!=n&&e[t]===r||("function"==typeof e.__lookupSetter__(t)?e[t]=r:e.setAttribute(t,r))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!s||4&i||r)&&!l&&1===e.nodeType&&e.setAttribute(t,o=!0===o?"":o)}}else if(t="-"===t[2]?t.slice(3):u(m,a)?a.slice(2):a[2]+t.slice(3),n||o){const r=t.endsWith(de);t=t.replace(he,""),n&&$.rel(e,t,n,r),o&&$.ael(e,t,o,r)}},ce=/\s/,ue=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(ce):[]),de="Capture",he=RegExp(de+"$"),pe=(e,t,n,o)=>{const r=11===t.O.nodeType&&t.O.host?t.O.host:t.O,i=e&&e.m||{},l=t.m||{};for(const e of ye(Object.keys(i)))e in l||fe(r,e,i[e],void 0,n,t.l,o);for(const e of ye(Object.keys(l)))fe(r,e,i[e],l[e],n,t.l,o)};function ye(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var ge=!1,ve=!1,me=!1,be=!1,$e=[],xe=[],we=(e,t,n)=>{var o;const r=t.$[n];let i,l,s,a=0;if(ge||(me=!0,"slot"===r.j&&(r.l|=r.$?2:1)),null!=r.v)i=r.O=m.document.createTextNode(r.v);else if(1&r.l)i=r.O=m.document.createTextNode(""),pe(null,r,be);else{if(be||(be="svg"===r.j),!m.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(i=r.O=m.document.createElementNS(be?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!ge&&2&r.l?"slot-fb":r.j),be&&"foreignObject"===r.j&&(be=!1),pe(null,r,be),r.$){const t="template"===r.j?i.content:i;for(a=0;a<r.$.length;++a)l=we(e,r,a),l&&t.appendChild(l)}"svg"===r.j?be=!1:"foreignObject"===i.tagName&&(be=!0)}return i["s-hn"]=ne,3&r.l&&(i["s-sr"]=!0,i["s-cr"]=te,i["s-sn"]=r.G||"",i["s-rf"]=null==(o=r.m)?void 0:o.ref,T(i),s=e&&e.$&&e.$[n],s&&s.j===r.j&&e.O&&Se(e.O)),i},Se=e=>{$.l|=1;const t=e.closest(ne.toLowerCase());if(null!=t){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"])),o=Array.from(e.__childNodes||e.childNodes);for(const e of n?o.reverse():o)null!=e["s-sh"]&&(Be(t,e,null!=n?n:null),e["s-sh"]=void 0,me=!0)}$.l&=-2},ze=(e,t)=>{$.l|=1;const n=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]){let t=e;for(;t=t.nextSibling;)t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===ne&&n.push(t)}for(let e=n.length-1;e>=0;e--){const o=n[e];o["s-hn"]!==ne&&o["s-ol"]&&(Be(Ee(o).parentNode,o,Ee(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,me=!0),t&&ze(o,t)}$.l&=-2},Ge=(e,t,n,o,r,i)=>{let l,s=e["s-cr"]&&e["s-cr"].parentNode||e;for(s.shadowRoot&&s.tagName===ne&&(s=s.shadowRoot),"template"===n.j&&(s=s.content);r<=i;++r)o[r]&&(l=we(null,n,r),l&&(o[r].O=l,Be(s,l,Ee(t))))},je=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.O;Pe(t),e&&(ve=!0,e["s-ol"]?e["s-ol"].remove():ze(e,!0),e.remove())}}},Oe=(e,t,n=!1)=>e.j===t.j&&("slot"===e.j?e.G===t.G:n?(n&&!e.S&&t.S&&(e.S=t.S),!0):e.S===t.S),Ee=e=>e&&e["s-ol"]||e,Ie=(e,t,n=!1)=>{const o=t.O=e.O,r=e.$,i=t.$,l=t.j,s=t.v;let a;null==s?(be="svg"===l||"foreignObject"!==l&&be,"slot"!==l||ge||e.G!==t.G&&(t.O["s-sn"]=t.G||"",Se(t.O.parentElement)),pe(e,t,be,n),null!==r&&null!==i?((e,t,n,o,r=!1)=>{let i,l,s=0,a=0,f=0,c=0,u=t.length-1,d=t[0],h=t[u],p=o.length-1,y=o[0],g=o[p];const v="template"===n.j?e.content:e;for(;s<=u&&a<=p;)if(null==d)d=t[++s];else if(null==h)h=t[--u];else if(null==y)y=o[++a];else if(null==g)g=o[--p];else if(Oe(d,y,r))Ie(d,y,r),d=t[++s],y=o[++a];else if(Oe(h,g,r))Ie(h,g,r),h=t[--u],g=o[--p];else if(Oe(d,g,r))"slot"!==d.j&&"slot"!==g.j||ze(d.O.parentNode,!1),Ie(d,g,r),Be(v,d.O,h.O.nextSibling),d=t[++s],g=o[--p];else if(Oe(h,y,r))"slot"!==d.j&&"slot"!==g.j||ze(h.O.parentNode,!1),Ie(h,y,r),Be(v,h.O,d.O),h=t[--u],y=o[++a];else{for(f=-1,c=s;c<=u;++c)if(t[c]&&null!==t[c].S&&t[c].S===y.S){f=c;break}f>=0?(l=t[f],l.j!==y.j?i=we(t&&t[a],n,f):(Ie(l,y,r),t[f]=void 0,i=l.O),y=o[++a]):(i=we(t&&t[a],n,a),y=o[++a]),i&&Be(Ee(d.O).parentNode,i,Ee(d.O))}s>u?Ge(e,null==o[p+1]?null:o[p+1].O,n,o,a,p):a>p&&je(t,s,u)})(o,r,t,i,n):null!==i?(null!==e.v&&(o.textContent=""),Ge(o,null,t,i,0,i.length-1)):n||null===r?n&&null!==r&&null===i&&(t.$=r):je(r,0,r.length-1),be&&"svg"===l&&(be=!1)):(a=o["s-cr"])?a.parentNode.textContent=s:e.v!==s&&(o.data=s)},ke=[],Ne=e=>{let t,n,o;const r=e.__childNodes||e.childNodes;for(const e of r){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const r=e["s-sn"];for(o=n.length-1;o>=0;o--)if(t=n[o],!(t["s-cn"]||t["s-nr"]||t["s-hn"]===e["s-hn"]||t["s-sh"]&&t["s-sh"]===e["s-hn"]))if(L(t,r)){let n=ke.find((e=>e.W===t));ve=!0,t["s-sn"]=t["s-sn"]||r,n?(n.W["s-sh"]=e["s-hn"],n.B=e):(t["s-sh"]=e["s-hn"],ke.push({B:e,W:t})),t["s-sr"]&&ke.map((e=>{L(e.W,t["s-sn"])&&(n=ke.find((e=>e.W===t)),n&&!e.B&&(e.B=n.B))}))}else ke.some((e=>e.W===t))||ke.push({W:t})}1===e.nodeType&&Ne(e)}},Pe=e=>{e.m&&e.m.ref&&$e.push((()=>e.m.ref(null))),e.$&&e.$.map(Pe)},We=(e,t)=>{xe.push((()=>e(t)))},Be=(e,t,n,o)=>{if("string"==typeof t["s-sn"]){e.insertBefore(t,n);const{slotNode:r}=function(e,t){var n;if(!(t=t||(null==(n=e["s-ol"])?void 0:n.parentElement)))return{slotNode:null,slotName:""};const o=e["s-sn"]=A(e)||"";return{slotNode:M(_(t,"childNodes"),t.tagName,o)[0],slotName:o}}(t);return r&&!o&&function(e){e.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(r),t}return e.__insertBefore?e.__insertBefore(t,n):null==e?void 0:e.insertBefore(t,n)},Me=(e,t,n=!1)=>{var o,r,i,l,s;const a=e.$hostElement$,f=e.o,c=e.M||J(null,null),u=(e=>e&&e.j===Z)(t)?t:Y(null,null,t);if(ne=a.tagName,f.C&&(u.m=u.m||{},f.C.forEach((([e,t])=>{u.m[t]=a[e]}))),n&&u.m)for(const e of Object.keys(u.m))a.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(u.m[e]=a[e]);if(u.j=null,u.l|=4,e.M=u,u.O=c.O=a.shadowRoot||a,ge=!(!(1&f.l)||128&f.l),te=a["s-cr"],ve=!1,Ie(c,u,n),$.l|=1,me){Ne(u.O);for(const e of ke){const t=e.W;if(!t["s-ol"]&&m.document){const e=m.document.createTextNode("");e["s-nr"]=t,Be(t.parentNode,t["s-ol"]=e,t,n)}}for(const e of ke){const t=e.W,s=e.B;if(1===t.nodeType&&n&&(t["s-ih"]=null!=(o=t.hidden)&&o),s){const e=s.parentNode;let o=s.nextSibling;if(o&&1===o.nodeType){let n=null==(r=t["s-ol"])?void 0:r.previousSibling;for(;n;){let r=null!=(i=n["s-nr"])?i:null;if(r&&r["s-sn"]===t["s-sn"]&&e===(r.__parentNode||r.parentNode)){for(r=r.nextSibling;r===t||(null==r?void 0:r["s-sr"]);)r=null==r?void 0:r.nextSibling;if(!r||!r["s-nr"]){o=r;break}}n=n.previousSibling}}if((!o&&e!==(t.__parentNode||t.parentNode)||(t.__nextSibling||t.nextSibling)!==o)&&t!==o){if(Be(e,t,o,n),8===t.nodeType&&t.nodeValue.startsWith("s-nt-")){const e=m.document.createTextNode(t.nodeValue.replace(/^s-nt-/,""));e["s-hn"]=t["s-hn"],e["s-sn"]=t["s-sn"],e["s-sh"]=t["s-sh"],e["s-sr"]=t["s-sr"],e["s-ol"]=t["s-ol"],e["s-ol"]["s-nr"]=e,Be(t.parentNode,e,t,n),t.parentNode.removeChild(t)}1===t.nodeType&&"SLOT-FB"!==t.tagName&&(t.hidden=null!=(l=t["s-ih"])&&l)}t&&"function"==typeof s["s-rf"]&&s["s-rf"](s)}else 1===t.nodeType&&(t.hidden=!0)}}if(ve&&B(u.O),$.l&=-2,ke.length=0,!ge&&!(1&f.l)&&a["s-cr"]){const e=u.O.__childNodes||u.O.childNodes;for(const t of e)if(t["s-hn"]!==ne&&!t["s-sh"])if(n&&null==t["s-ih"]&&(t["s-ih"]=null!=(s=t.hidden)&&s),1===t.nodeType)t.hidden=!0;else if(3===t.nodeType&&t.nodeValue.trim()){const e=m.document.createComment("s-nt-"+t.nodeValue);e["s-sn"]=t["s-sn"],Be(t.parentNode,e,t,n),t.parentNode.removeChild(t)}}te=void 0,$e.forEach((e=>e())),$e.length=0,xe.forEach((e=>e())),xe.length=0},Ce=(e,t)=>{if(t&&!e.L&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.L=()=>{t["s-p"].splice(n-1,1),o()})))}},Le=(e,t)=>{if(e.l|=16,4&e.l)return void(e.l|=512);Ce(e,e.R);const n=()=>Re(e,t);if(!t)return k(n);queueMicrotask((()=>{n()}))},Re=(e,t)=>{const n=e.$hostElement$,o=n;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let r;return r=Ve(o,t?"componentWillLoad":"componentWillUpdate",void 0,n),r=Ae(r,(()=>Ve(o,"componentWillRender",void 0,n))),Ae(r,(()=>_e(e,o,t)))},Ae=(e,t)=>Te(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),Te=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,_e=async(e,t,n)=>{var o;const r=e.$hostElement$,i=r["s-rc"];n&&(e=>{const t=e.o,n=e.$hostElement$,o=t.l,r=U(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&(n["s-sc"]=r,n.classList.add(r+"-h"))})(e);De(e,t,r,n),i&&(i.map((e=>e())),r["s-rc"]=void 0);{const t=null!=(o=r["s-p"])?o:[],n=()=>Fe(e);0===t.length?n():(Promise.all(t).then(n).catch(n),e.l|=4,t.length=0)}},De=(e,t,n,o)=>{try{t=t.render(),e.l&=-17,e.l|=2,Me(e,t,o)}catch(t){d(t,e.$hostElement$)}return null},Fe=e=>{const t=e.$hostElement$,n=t,o=e.R;Ve(n,"componentDidRender",void 0,t),64&e.l?Ve(n,"componentDidUpdate",void 0,t):(e.l|=64,He(t),Ve(n,"componentDidLoad",void 0,t),e.A(t),o||Ue()),e.L&&(e.L(),e.L=void 0),512&e.l&&I((()=>Le(e,!1))),e.l&=-517},Ue=()=>{var e;I((()=>ae(m,"appload",{detail:{namespace:"dropi-ui"}}))),(null==(e=$.T)?void 0:e.size)&&$.T.clear()},Ve=(e,t,n,o)=>{if(e&&e[t])try{return e[t](n)}catch(e){d(e,o)}},He=e=>e.classList.add("hydrated"),qe=(e,t,n,o)=>{const r=c(e);if(!r)return;const i=e,l=r.i.get(t),s=r.l,a=i;if(!((n=le(n,o.t[t][0],!!(64&o.l)))===l||Number.isNaN(l)&&Number.isNaN(n))){if(r.i.set(t,n),o._){const e=o._[t];e&&e.map((e=>{try{const[[o,i]]=Object.entries(e);(128&s||1&i)&&(a?a[o](n,l,t):r.D.push((()=>{r.F[o](n,l,t)})))}catch(e){d(e,i)}}))}if(2&s){if(a.componentShouldUpdate&&!1===a.componentShouldUpdate(n,l,t)&&!(16&s))return;16&s||Le(r,!1)}}},Ye=(e,t,n)=>{var o,r;const i=e.prototype;64&t.l&&1&n&&v.forEach((e=>{const t=i[e];Object.defineProperty(i,e,{value(...n){var o;const r=c(this),i=this;i?"function"==typeof t&&t.call(i,...n):null==(o=null==r?void 0:r.U)||o.then((t=>{const o=t[e];"function"==typeof o&&o.call(t,...n)}))}})}));{e.watchers&&!t._&&(t._=e.watchers),e.deserializers&&!t.V&&(t.V=e.deserializers),e.serializers&&!t.H&&(t.H=e.serializers);const n=Object.entries(null!=(o=t.t)?o:{});n.map((([e,[n]])=>{if(31&n||32&n){const{get:o,set:r}=s(i,e)||{};o&&(t.t[e][0]|=2048),r&&(t.t[e][0]|=4096),Object.defineProperty(i,e,{get(){return o?o.apply(this):((e,t)=>c(this).i.get(t))(0,e)},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(o){const i=c(this);if(i){if(r)return void 0===(32&n?this[e]:i.$hostElement$[e])&&i.i.get(e)&&(o=i.i.get(e)),r.call(this,le(o,n,!!(64&t.l))),void qe(this,e,o=32&n?this[e]:i.$hostElement$[e],t);qe(this,e,o,t)}}})}}));{const o=new Map;i.attributeChangedCallback=function(e,r,l){$.jmp((()=>{var s;const a=o.get(e),f=c(this);if(this.hasOwnProperty(a),i.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==l)return;if(null==a){const n=null==f?void 0:f.l;if(f&&n&&!(8&n)&&l!==r){const o=this,i=null==(s=t._)?void 0:s[e];null==i||i.forEach((t=>{const[[i,s]]=Object.entries(t);null!=o[i]&&(128&n||1&s)&&o[i].call(o,l,r,e)}))}return}const u=n.find((([e])=>e===a));u&&4&u[1][0]&&(l=null!==l&&"false"!==l);const d=Object.getOwnPropertyDescriptor(i,a);l==this[a]||d.get&&!d.set||(this[a]=l)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=t._)?r:{}),...n.filter((([e,t])=>31&t[0])).map((([e,n])=>{var r;const i=n[1]||e;return o.set(i,e),512&n[0]&&(null==(r=t.C)||r.push([e,i])),i}))]))}}return e},Je=e=>{if(!m.document)return;const t=e["s-cr"]=m.document.createComment("");t["s-cn"]=!0,Be(e,t,e.firstChild)},Ze=(e,t)=>{const n={l:t[0],p:t[1]};try{n.t=t[2],n.q=t[3],n._=e._,n.V=e.V,n.H=e.H,n.C=[],(()=>{if(!m.document)return;const e=m.document.querySelectorAll(`[${y}]`);let t=0;for(;t<e.length;t++)F(e[t].getAttribute(y),H(e[t].innerHTML),!0)})();const o=e.prototype.connectedCallback,r=e.prototype.disconnectedCallback;return Object.assign(e.prototype,{__hasHostListenerAttached:!1,__registerHost(){((e,t)=>{const n={l:0,$hostElement$:e,o:t,i:new Map,Y:new Map};n.U=new Promise((e=>n.A=e)),e["s-p"]=[],e["s-rc"]=[];const o=n;e.__stencil__getHostRef=()=>o,512&t.l&&f(e,n)})(this,n)},connectedCallback(){if(!this.__hasHostListenerAttached){const e=c(this);if(!e)return;Ke(this,e,n.q),this.__hasHostListenerAttached=!0}(e=>{if(!(1&$.l)){const t=c(e);if(!t)return;const n=t.o,o=()=>{};if(1&t.l)Ke(e,t,n.q),(null==t?void 0:t.F)||(null==t?void 0:t.U)&&t.U.then((()=>{}));else{let o;if(t.l|=1,o=e.getAttribute(p),o){if(1&n.l){const t=U(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}((e,t,n,o)=>{var r,i,l,s;const a=e.shadowRoot,f=[],u=[],d=a?[]:null,h=J(t,null);h.O=e,!m.document||$.T&&$.T.size||Q(m.document.body,$.T=new Map),e[p]=n,e.removeAttribute(p),o.M=K(h,f,[],d,e,e,n,u);let y=0;const g=f.length;let v;for(;y<g;y++){v=f[y];const n=v.I+"."+v.k,o=$.T.get(n),i=v.O;if(a){if((null==(r=v.j)?void 0:(""+r).includes("-"))&&"slot-fb"!==v.j&&!v.O.shadowRoot){const e=c(v.O);if(e){const t=V(e.o),n=m.document.querySelector(`style[sty-id="${t}"]`);n&&d.unshift(n.cloneNode(!0))}}}else i["s-hn"]=t.toUpperCase(),"slot"===v.j&&(i["s-cr"]=e["s-cr"]);"slot"===v.j&&(v.G=v.O["s-sn"]||v.O.name||null,v.$?(v.l|=2,v.O.childNodes.length||v.$.forEach((e=>{v.O.appendChild(e.O)}))):v.l|=1),o&&o.isConnected&&(o.parentElement.shadowRoot&&""===o["s-en"]&&o.parentNode.insertBefore(i,o.nextSibling),o.parentNode.removeChild(o),a||(i["s-oo"]=parseInt(v.k))),o&&!o["s-id"]&&$.T.delete(n)}const b=[],x=u.length;let w,S,z,G,j=0,O=0;for(;j<x;j++)if(w=u[j],w&&w.length)for(z=w.length,S=0;S<z;S++){if(G=w[S],b[G.hostId]||(b[G.hostId]=$.T.get(G.hostId)),!b[G.hostId])continue;const e=b[G.hostId];e.shadowRoot&&G.node.parentElement!==e&&e.insertBefore(G.node,null==(l=null==(i=w[S-1])?void 0:i.node)?void 0:l.nextSibling),e.shadowRoot&&a||(G.slot["s-cr"]||(G.slot["s-cr"]=e["s-cr"],G.slot["s-cr"]=!G.slot["s-cr"]&&e.shadowRoot?e:(e.__childNodes||e.childNodes)[0]),R(G.node,G.slot,0,G.node["s-oo"]||O),(null==(s=G.node.parentElement)?void 0:s.shadowRoot)&&G.node.getAttribute&&G.node.getAttribute("slot")&&G.node.removeAttribute("slot")),O=(G.node["s-oo"]||O)+1}if(a&&!a.childNodes.length){let t=0;const n=d.length;if(n){for(;t<n;t++){const e=d[t];e&&a.appendChild(e)}Array.from(e.childNodes).forEach((e=>{"string"!=typeof e["s-en"]&&"string"!=typeof e["s-sn"]&&(1===e.nodeType&&e.slot&&e.hidden?e.removeAttribute("hidden"):8!==e.nodeType||e.nodeValue||e.parentNode.removeChild(e))}))}}o.$hostElement$=e})(e,n.p,o,t)}o||12&n.l&&Je(e);{let n=e;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Ce(t,t.R=n);break}}n.t&&Object.entries(n.t).map((([t,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(e,t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;try{if(!(32&t.l)&&(t.l|=32,o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128)),o&&o.style)){let e;"string"==typeof o.style&&(e=o.style);const t=V(n);if(!h.has(t)){const o=()=>{};F(t,e,!!(1&n.l)),o()}}const r=t.R,i=()=>Le(t,!0);r&&r["s-rc"]?r["s-rc"].push(i):i()}catch(n){d(n,e),t.L&&(t.L(),t.L=void 0),t.A&&t.A(e)}})(e,t,n)}o()}})(this),o&&o.call(this)},disconnectedCallback(){(async e=>{if(!(1&$.l)){const t=c(e);(null==t?void 0:t.J)&&(t.J.map((e=>e())),t.J=void 0)}D.has(e)&&D.delete(e),e.shadowRoot&&D.has(e.shadowRoot)&&D.delete(e.shadowRoot)})(this),r&&r.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${n.p}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else W.call(this,n)}}),Object.defineProperty(e,"is",{value:n.p,configurable:!0}),Ye(e,n,3)}catch(t){return d(t),e}},Ke=(e,t,n)=>{n&&m.document&&n.map((([n,o,r])=>{const i=Xe(m.document,e,n),l=Qe(t,r),s=et(n);$.ael(i,o,l,s),(t.J=t.J||[]).push((()=>$.rel(i,o,l,s)))}))},Qe=(e,t)=>n=>{try{e.$hostElement$[t](n)}catch(t){d(t,e.$hostElement$)}},Xe=(e,t,n)=>4&n?e:8&n?m:t,et=e=>({passive:!!(1&e),capture:!!(2&e)}),tt=e=>$.h=e,nt=e=>Object.assign($,e);function ot(e,t){Me({o:{l:0,p:t.tagName},$hostElement$:t},e)}function rt(e){return e}export{t as B,b as H,se as c,N as getAssetPath,Y as h,Ze as p,ot as render,P as setAssetPath,tt as setNonce,nt as setPlatformOptions,rt as t}
+const e=":root{--Primary-Primary-50:#fef8f2;--Primary-Primary-100:#ffecda;--Primary-Primary-200:#fcddbd;--Primary-Primary-300:#f2bc85;--Primary-Primary-400:#f7b46f;--Primary-Primary-500:#f49a3d;--Primary-Primary-600:#e58017;--Primary-Primary-700:#99540f;--Primary-Primary-800:#66380a;--Primary-Primary-900:#331c05;--Secondary-Secondary-50:#f0fafc;--Secondary-Secondary-100:#cee8f2;--Secondary-Secondary-200:#95d0e5;--Secondary-Secondary-300:#62bad9;--Secondary-Secondary-400:#33a4cc;--Secondary-Secondary-500:#008dbf;--Secondary-Secondary-600:#007199;--Secondary-Secondary-700:#005573;--Secondary-Secondary-800:#00384d;--Secondary-Secondary-900:#001c26;--Neutral-White:#ffffff;--Neutral-Black:#000000;--Gray-Gray-50:#f7f8fa;--Gray-Gray-100:#e6eaf2;--Gray-Gray-200:#c3c9d9;--Gray-Gray-300:#a3abbf;--Gray-Gray-400:#858ea6;--Gray-Gray-500:#69738c;--Gray-Gray-600:#475066;--Gray-Gray-700:#32394d;--Gray-Gray-800:#1f2433;--Gray-Gray-900:#0e111a;--Success-Success-50:#e7f8f3;--Success-Success-100:#b3eada;--Success-Success-200:#8ee0c8;--Success-Success-300:#5bd1af;--Success-Success-400:#3bc99f;--Success-Success-500:#0abb87;--Success-Success-600:#09aa7b;--Success-Success-700:#078560;--Success-Success-800:#06674a;--Success-Success-900:#044f39;--Error-Error-50:#fef0f0;--Error-Error-100:#fcd1d1;--Error-Error-200:#fababb;--Error-Error-300:#f89b9c;--Error-Error-400:#f68889;--Error-Error-500:#f46a6b;--Error-Error-600:#de6061;--Error-Error-700:#ad4b4c;--Error-Error-800:#863a3b;--Error-Error-900:#662d2d;--Info-Info-50:#eef6fe;--Info-Info-100:#c9e3fb;--Info-Info-200:#afd6f9;--Info-Info-300:#8ac3f6;--Info-Info-400:#73b7f4;--Info-Info-500:#50a5f1;--Info-Info-600:#4996db;--Info-Info-700:#3975ab;--Info-Info-800:#2c5b85;--Info-Info-900:#224565;--Warning-Warning-50:#fef8ed;--Warning-Warning-100:#fbe8c8;--Warning-Warning-200:#f9ddad;--Warning-Warning-300:#f6cd87;--Warning-Warning-400:#f4c370;--Warning-Warning-500:#f1b44c;--Warning-Warning-600:#dba445;--Warning-Warning-700:#ab8036;--Warning-Warning-800:#85632a;--Warning-Warning-900:#654c20;--Orange-orange-50:#fef5ec;--Orange-orange-500:#f49a3d;--Size-1:4px;--Size-2:8px;--Size-3:12px;--Size-4:16px;--Size-5:24px;--Size-6:32px;--Size-7:40px;--Size-8:48px;--Size-9:56px;--Size-10:64px;--Border-1:4px;--Border-2:8px;--Border-3:12px;--Border-4:24px;--Border-5:32px;--Border-full:9999px;--font-size-xxxxl:36px;--font-size-xxxl:30px;--font-size-xxl:24px;--font-size-xl:20px;--font-size-l:18px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px;--lineheight-simple:110%;--lineheight-large:150%;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-regular:400;--font-weight-light:300;--font-family-01:'Inter', sans-serif;--breakpoint-extra-small:576px;--breakpoint-small:600px;--breakpoint-medium:1000px;--breakpoint-large:1200px;--breakpoint-extra-large:1536px;--breakpoint-full-width:1920px;--Shadow-small:0px 0px 12px rgba(0, 0, 0, 0.04);--Shadow-medium:0.5px 4px 8px rgba(0, 0, 0, 0.08);--Shadow-large:0px 4px 16px rgba(0, 0, 0, 0.16);--Shadow-icon:0px 0px 4px rgba(0, 0, 0, 0.16);--Interrapidisimo:#383637;--Domina:#464ffe;--Coordinadora:#2686c5;--Servientrega:#1ba558;--99-minutos:#9cd453;--TCC:#f8dd49;--Veloces:#dc2e76;--Envia:#e7484e;--Restlogix:#90dd92;--Tiui:#0596a5;--Fedex:#4d148c;--Laarcourier:#faf063;--Gintracom:#ff3939;--Blue-express:#1542a3;--Lulu:#f03a3e;--Urbano:#e53237;--Tipsa:#1d3681}@media (max-width: 600px){:root{--font-size-xxxxl:32px;--font-size-xxxl:26px;--font-size-xxl:20px;--font-size-xl:18px;--font-size-l:16px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px}}*{font-family:var(--font-family-01);box-sizing:border-box;text-align:left}h1{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h2{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h3{color:var(--Gray-Gray-700);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h4{color:var(--Gray-Gray-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h5{color:var(--Gray-Gray-700);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Body-L-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-L-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-M-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-M-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-S-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-S-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Caption-M{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Caption-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-L{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-M{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}body.dropi-modal-open{overflow:hidden !important}dropi-icon:not(:defined){display:inline-flex;width:24px;height:24px;overflow:hidden}";var t={isBrowser:!0},n=(e=>(e.Undefined="undefined",e.Null="null",e.String="string",e.Number="number",e.SpecialNumber="number",e.Boolean="boolean",e.BigInt="bigint",e))(n||{}),o=(e=>(e.Array="array",e.Date="date",e.Map="map",e.Object="object",e.RegularExpression="regexp",e.Set="set",e.Channel="channel",e.Symbol="symbol",e))(o||{}),r="type",i="value",l="serialized:";function s(e,t,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==o;){const o=Object.getOwnPropertyDescriptor(e,t);if(o&&(!n||o.get))return o;e=Object.getPrototypeOf(e)}}var a,f=(e,t)=>{var n;Object.entries(null!=(n=t.o.t)?n:{}).map((([n,[o]])=>{if(31&o||32&o){const o=e[n],r=s(Object.getPrototypeOf(e),n,!0)||Object.getOwnPropertyDescriptor(e,n);r&&Object.defineProperty(e,n,{get(){return r.get.call(this)},set(e){r.set.call(this,e)},configurable:!0,enumerable:!0}),t.i.has(n)?e[n]=t.i.get(n):void 0!==o&&(e[n]=o)}}))},c=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},u=(e,t)=>t in e,d=(e,t)=>(0,console.error)(e,t),h=new Map,p="s-id",y="sty-id",g="c-id",v=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],m="undefined"!=typeof window?window:{},b=m.HTMLElement||class{},$={l:0,u:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},x=(()=>{try{return!!m.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),w=!!x&&(()=>!!m.document&&Object.getOwnPropertyDescriptor(m.document.adoptedStyleSheets,"length").writable)(),S=!1,z=[],G=[],j=(e,t)=>n=>{e.push(n),S||(S=!0,t&&4&$.l?I(E):$.raf(E))},O=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){d(e)}e.length=0},E=()=>{O(z),O(G),(S=z.length>0)&&$.raf(E)},I=e=>Promise.resolve(void 0).then(e),k=j(G,!0),N=e=>{const t=new URL(e,$.u);return t.origin!==m.location.origin?t.href:t.pathname},P=e=>$.u=e;function W(){var t;const n=this.attachShadow({mode:"open"});if(void 0===a&&(a=null!=(t=function(e){if(!x)return;const t=new CSSStyleSheet;return t.replaceSync(e),t}(e))?t:null),a)w?n.adoptedStyleSheets.push(a):n.adoptedStyleSheets=[...n.adoptedStyleSheets,a];else if(!x){const t=document.createElement("style");t.innerHTML=e,n.prepend(t)}}var B=e=>{const t=_(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&"SLOT-FB"!==e.tagName&&M(t,e.tagName).forEach((e=>{1===e.nodeType&&"SLOT-FB"===e.tagName&&(e.hidden=!!C(e,A(e),!1).length)}));let n=0;for(n=0;n<t.length;n++){const e=t[n];1===e.nodeType&&_(e,"childNodes").length&&B(e)}};function M(e,t,n){let o,r=0,i=[];for(;r<e.length;r++){if(o=e[r],o["s-sr"]&&(!t||o["s-hn"]===t)&&(void 0===n||A(o)===n)&&(i.push(o),void 0!==n))return i;i=[...i,...M(o.childNodes,t,n)]}return i}var C=(e,t,n=!0)=>{const o=[];(n&&e["s-sr"]||!e["s-sr"])&&o.push(e);let r=e;for(;r=r.nextSibling;)A(r)!==t||!n&&r["s-sr"]||o.push(r);return o},L=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,R=(e,t,n,o)=>{if(e["s-ol"]&&e["s-ol"].isConnected)return;const r=document.createTextNode("");if(r["s-nr"]=e,!t["s-cr"]||!t["s-cr"].parentNode)return;const i=t["s-cr"].parentNode,l=_(i,"appendChild");if(void 0!==o){r["s-oo"]=o;const e=_(i,"childNodes"),t=[r];e.forEach((e=>{e["s-nr"]&&t.push(e)})),t.sort(((e,t)=>!e["s-oo"]||e["s-oo"]<(t["s-oo"]||0)?-1:!t["s-oo"]||t["s-oo"]<e["s-oo"]?1:0)),t.forEach((e=>l.call(i,e)))}else l.call(i,r);e["s-ol"]=r,e["s-sh"]=t["s-hn"]},A=e=>"string"==typeof e["s-sn"]?e["s-sn"]:1===e.nodeType&&e.getAttribute("slot")||void 0;function T(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[],o=this["s-sn"];(null==e?void 0:e.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const r=this["s-cr"].parentElement;return(r.__childNodes?r.childNodes:(e=>{const t=[];for(let n=0;n<e.length;n++){const o=e[n]["s-nr"]||void 0;o&&o.isConnected&&t.push(o)}return t})(r.childNodes)).forEach((e=>{o===A(e)&&n.push(e)})),t?n.filter((e=>1===e.nodeType)):n}.bind(e);e.assignedElements=t(!0),e.assignedNodes=t(!1)}function _(e,t){if("__"+t in e){const n=e["__"+t];return"function"!=typeof n?n:n.bind(e)}return"function"!=typeof e[t]?e[t]:e[t].bind(e)}var D=new WeakMap,F=(e,t,n)=>{let o=h.get(e);x&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,h.set(e,o)},U=(e,t)=>{var n,o,r;const i=V(t),l=h.get(i);if(!m.document)return i;if(e=11===e.nodeType?e:m.document,l)if("string"==typeof l){let r,s=D.get(e=e.head||e);s||D.set(e,s=new Set);const a=e.querySelector(`[${y}="${i}"]`);if(a)a.textContent=l;else if(!s.has(i)){r=m.document.createElement("style"),r.textContent=l;const a=null!=(n=$.h)?n:function(){var e,t,n;return null!=(n=null==(t=null==(e=m.document.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?n:void 0}();if(null!=a&&r.setAttribute("nonce",a),!(1&t.l))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(r,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(x){const t=new(null!=(o=e.defaultView)?o:e.ownerDocument.defaultView).CSSStyleSheet;t.replaceSync(l),w?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.textContent=l+t.textContent:e.prepend(r)}else e.append(r);1&t.l&&e.insertBefore(r,null),4&t.l&&(r.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),s&&s.add(i)}}else{let t=D.get(e);if(t||D.set(e,t=new Set),!t.has(i)){const n=null!=(r=e.defaultView)?r:e.ownerDocument.defaultView;let o;if(l.constructor===n.CSSStyleSheet)o=l;else{o=new n.CSSStyleSheet;for(let e=0;e<l.cssRules.length;e++)o.insertRule(l.cssRules[e].cssText,e)}if(w?e.adoptedStyleSheets.push(o):e.adoptedStyleSheets=[...e.adoptedStyleSheets,o],t.add(i),"host"in e){const t=e.querySelector(`[${y}="${i}"]`);t&&k((()=>t.remove()))}}}return i},V=e=>"sc-"+e.p,H=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),q=e=>"object"==(e=typeof e)||"function"===e,Y=(e,t,...n)=>{let o=null,r=null,i=null,l=!1,s=!1;const a=[],f=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?f(o):null!=o&&"boolean"!=typeof o&&((l="function"!=typeof e&&!q(o))&&(o+=""),l&&s?a[a.length-1].v+=o:a.push(l?J(null,o):o),s=l)};if(f(n),t){t.key&&(r=t.key),t.name&&(i=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const c=J(e,null);return c.m=t,a.length>0&&(c.$=a),c.S=r,c.G=i,c},J=(e,t)=>({l:0,j:e,v:null!=t?t:null,O:null,$:null,m:null,S:null,G:null}),Z={},K=(e,t,n,o,r,i,l,s=[])=>{let a,f,c,u;if(1===i.nodeType){if(a=i.getAttribute(g),a&&(f=a.split("."),f[0]===l||"0"===f[0])){c=X({l:0,I:f[0],k:f[1],N:f[2],P:f[3],j:i.tagName.toLowerCase(),O:i,m:{class:i.className||""}}),t.push(c),i.removeAttribute(g),e.$||(e.$=[]);const r=c.O.getAttribute("s-sn");"string"==typeof r&&("slot-fb"===c.j&&ee(r,f[2],c,i,e,t,n,o,s),c.O["s-sn"]=r,c.O.removeAttribute("s-sn")),void 0!==c.P&&(e.$[c.P]=c),e=c,o&&"0"===c.N&&(o[c.P]=c.O)}if(i.shadowRoot)for(u=i.shadowRoot.childNodes.length-1;u>=0;u--)K(e,t,n,o,r,i.shadowRoot.childNodes[u],l,s);const d=i.__childNodes||i.childNodes;for(u=d.length-1;u>=0;u--)K(e,t,n,o,r,d[u],l,s)}else if(8===i.nodeType)f=i.nodeValue.split("."),(f[1]===l||"0"===f[1])&&(a=f[0],c=X({I:f[1],k:f[2],N:f[3],P:f[4]||"0",O:i,m:null,$:null,S:null,G:null,j:null,v:null}),"t"===a?(c.O=re(i,3),c.O&&3===c.O.nodeType&&(c.v=c.O.textContent,t.push(c),i.remove(),l===c.I&&(e.$||(e.$=[]),e.$[c.P]=c),o&&"0"===c.N&&(o[c.P]=c.O))):"c"===a?(c.O=re(i,8),c.O&&8===c.O.nodeType&&(t.push(c),i.remove())):c.I===l&&("s"===a?ee(i["s-sn"]=f[5]||"",f[2],c,i,e,t,n,o,s):"r"===a&&(o?i.remove():(r["s-cr"]=i,i["s-cn"]=!0))));else if(e&&"style"===e.j){const t=J(null,i.textContent);t.O=i,t.P="0",e.$=[t]}return e},Q=(e,t)=>{if(1===e.nodeType){const n=e[p]||e.getAttribute(p);n&&t.set(n,e);let o=0;if(e.shadowRoot)for(;o<e.shadowRoot.childNodes.length;o++)Q(e.shadowRoot.childNodes[o],t);const r=e.__childNodes||e.childNodes;for(o=0;o<r.length;o++)Q(r[o],t)}else if(8===e.nodeType){const n=e.nodeValue.split(".");"o"===n[0]&&(t.set(n[1]+"."+n[2],e),e.nodeValue="",e["s-en"]=n[3])}},X=e=>({l:0,I:null,k:null,N:null,P:"0",O:null,m:null,$:null,S:null,G:null,j:null,v:null,...e});function ee(e,t,n,o,r,i,l,s,a){o["s-sr"]=!0,n.G=e||null,n.j="slot";const f=(null==r?void 0:r.O)?r.O["s-id"]||r.O.getAttribute("s-id"):"";if(s&&m.document){const i=n.O=m.document.createElement(n.j);n.G&&n.O.setAttribute("name",e),r.O.shadowRoot&&f&&f!==n.I?_(r.O,"insertBefore")(i,_(r.O,"children")[0]):_(_(o,"parentNode"),"insertBefore")(i,o),oe(a,t,e,o,n.I),o.remove(),"0"===n.N&&(s[n.P]=n.O)}else{const i=n.O,l=f&&f!==n.I&&r.O.shadowRoot;oe(a,t,e,o,l?f:n.I),T(o),l&&r.O.insertBefore(i,r.O.children[0])}i.push(n),l.push(n),r.$||(r.$=[]),r.$[n.P]=n}var te,ne,oe=(e,t,n,o,r)=>{var i,l;let s=o.nextSibling;if(e[t]=e[t]||[],s&&!(null==(i=s.nodeValue)?void 0:i.startsWith("s.")))do{!s||(s.getAttribute&&s.getAttribute("slot")||s["s-sn"])!==n&&(""!==n||s["s-sn"]||s.getAttribute&&s.getAttribute("slot")||8!==s.nodeType&&3!==s.nodeType)||(s["s-sn"]=n,e[t].push({slot:o,node:s,hostId:r})),s=null==s?void 0:s.nextSibling}while(s&&!(null==(l=s.nodeValue)?void 0:l.startsWith("s.")))},re=(e,t)=>{let n=e;do{n=n.nextSibling}while(n&&(n.nodeType!==t||!n.nodeValue));return n},ie=class e{static fromLocalValue(t){const n=t[r],o=i in t?t[i]:void 0;switch(n){case"string":case"boolean":return o;case"bigint":return BigInt(o);case"undefined":return;case"null":return null;case"number":return"NaN"===o?NaN:"-0"===o?-0:"Infinity"===o?1/0:"-Infinity"===o?-1/0:o;case"array":return o.map((t=>e.fromLocalValue(t)));case"date":return new Date(o);case"map":const t=new Map;for(const[n,r]of o){const o="object"==typeof n&&null!==n?e.fromLocalValue(n):n,i=e.fromLocalValue(r);t.set(o,i)}return t;case"object":const r={};for(const[t,n]of o)r[t]=e.fromLocalValue(n);return r;case"regexp":const{pattern:i,flags:l}=o;return RegExp(i,l);case"set":const s=new Set;for(const t of o)s.add(e.fromLocalValue(t));return s;case"symbol":return Symbol(o);default:throw Error("Unsupported type: "+n)}}static fromLocalValueArray(t){return t.map((t=>e.fromLocalValue(t)))}static isLocalValueObject(e){if("object"!=typeof e||null===e)return!1;if(!e.hasOwnProperty(r))return!1;const t=e[r];return!!Object.values({...n,...o}).includes(t)&&("null"===t||"undefined"===t||e.hasOwnProperty(i))}},le=(e,t,n)=>"string"==typeof e&&e.startsWith(l)?e=function(e){return"string"==typeof e&&e.startsWith(l)?ie.fromLocalValue(JSON.parse(atob(e.slice(11)))):e}(e):null==e||q(e)?e:4&t?(n&&"string"==typeof e||"false"!==e)&&(""===e||!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?e+"":e,se=(e,t)=>{const n=e;return{emit:e=>ae(n,t,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},ae=(e,t,n)=>{const o=$.ce(t,n);return e.dispatchEvent(o),o},fe=(e,t,n,o,r,i,l)=>{if(n===o)return;let s=u(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,r=ue(n);let i=ue(o);if((e["s-si"]||e["s-sc"])&&l){const n=e["s-sc"]||e["s-si"];i.push(n),r.forEach((e=>{e.startsWith(n)&&i.push(e)})),i=[...new Set(i)].filter((e=>e)),t.add(...i)}else t.remove(...r.filter((e=>e&&!i.includes(e)))),t.add(...i.filter((e=>e&&!r.includes(e))))}else if("style"===t){for(const t in n)o&&null!=o[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in o)n&&o[t]===n[t]||(t.includes("-")?e.style.setProperty(t,o[t]):e.style[t]=o[t])}else if("key"===t);else if("ref"===t)o&&We(o,e);else if(e.__lookupSetter__(t)||"o"!==t[0]||"n"!==t[1]){if("a"===t[0]&&t.startsWith("attr:")){const n=t.slice(5);let r;{const t=c(e);if(t&&t.o&&t.o.t){const e=t.o.t[n];e&&e[1]&&(r=e[1])}}return r||(r=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==o||!1===o?!1===o&&""!==e.getAttribute(r)||e.removeAttribute(r):e.setAttribute(r,!0===o?"":o))}if("p"===t[0]&&t.startsWith("prop:")){const n=t.slice(5);try{e[n]=o}catch(e){}return}{const l=q(o);if((s||l&&null!==o)&&!r)try{if(e.tagName.includes("-"))e[t]!==o&&(e[t]=o);else{const r=null==o?"":o;"list"===t?s=!1:null!=n&&e[t]===r||("function"==typeof e.__lookupSetter__(t)?e[t]=r:e.setAttribute(t,r))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!s||4&i||r)&&!l&&1===e.nodeType&&e.setAttribute(t,o=!0===o?"":o)}}else if(t="-"===t[2]?t.slice(3):u(m,a)?a.slice(2):a[2]+t.slice(3),n||o){const r=t.endsWith(de);t=t.replace(he,""),n&&$.rel(e,t,n,r),o&&$.ael(e,t,o,r)}},ce=/\s/,ue=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(ce):[]),de="Capture",he=RegExp(de+"$"),pe=(e,t,n,o)=>{const r=11===t.O.nodeType&&t.O.host?t.O.host:t.O,i=e&&e.m||{},l=t.m||{};for(const e of ye(Object.keys(i)))e in l||fe(r,e,i[e],void 0,n,t.l,o);for(const e of ye(Object.keys(l)))fe(r,e,i[e],l[e],n,t.l,o)};function ye(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var ge=!1,ve=!1,me=!1,be=!1,$e=[],xe=[],we=(e,t,n)=>{var o;const r=t.$[n];let i,l,s,a=0;if(ge||(me=!0,"slot"===r.j&&(r.l|=r.$?2:1)),null!=r.v)i=r.O=m.document.createTextNode(r.v);else if(1&r.l)i=r.O=m.document.createTextNode(""),pe(null,r,be);else{if(be||(be="svg"===r.j),!m.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(i=r.O=m.document.createElementNS(be?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!ge&&2&r.l?"slot-fb":r.j),be&&"foreignObject"===r.j&&(be=!1),pe(null,r,be),r.$){const t="template"===r.j?i.content:i;for(a=0;a<r.$.length;++a)l=we(e,r,a),l&&t.appendChild(l)}"svg"===r.j?be=!1:"foreignObject"===i.tagName&&(be=!0)}return i["s-hn"]=ne,3&r.l&&(i["s-sr"]=!0,i["s-cr"]=te,i["s-sn"]=r.G||"",i["s-rf"]=null==(o=r.m)?void 0:o.ref,T(i),s=e&&e.$&&e.$[n],s&&s.j===r.j&&e.O&&Se(e.O)),i},Se=e=>{$.l|=1;const t=e.closest(ne.toLowerCase());if(null!=t){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"])),o=Array.from(e.__childNodes||e.childNodes);for(const e of n?o.reverse():o)null!=e["s-sh"]&&(Be(t,e,null!=n?n:null),e["s-sh"]=void 0,me=!0)}$.l&=-2},ze=(e,t)=>{$.l|=1;const n=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]){let t=e;for(;t=t.nextSibling;)t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===ne&&n.push(t)}for(let e=n.length-1;e>=0;e--){const o=n[e];o["s-hn"]!==ne&&o["s-ol"]&&(Be(Ee(o).parentNode,o,Ee(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,me=!0),t&&ze(o,t)}$.l&=-2},Ge=(e,t,n,o,r,i)=>{let l,s=e["s-cr"]&&e["s-cr"].parentNode||e;for(s.shadowRoot&&s.tagName===ne&&(s=s.shadowRoot),"template"===n.j&&(s=s.content);r<=i;++r)o[r]&&(l=we(null,n,r),l&&(o[r].O=l,Be(s,l,Ee(t))))},je=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.O;Pe(t),e&&(ve=!0,e["s-ol"]?e["s-ol"].remove():ze(e,!0),e.remove())}}},Oe=(e,t,n=!1)=>e.j===t.j&&("slot"===e.j?e.G===t.G:n?(n&&!e.S&&t.S&&(e.S=t.S),!0):e.S===t.S),Ee=e=>e&&e["s-ol"]||e,Ie=(e,t,n=!1)=>{const o=t.O=e.O,r=e.$,i=t.$,l=t.j,s=t.v;let a;null==s?(be="svg"===l||"foreignObject"!==l&&be,"slot"!==l||ge||e.G!==t.G&&(t.O["s-sn"]=t.G||"",Se(t.O.parentElement)),pe(e,t,be,n),null!==r&&null!==i?((e,t,n,o,r=!1)=>{let i,l,s=0,a=0,f=0,c=0,u=t.length-1,d=t[0],h=t[u],p=o.length-1,y=o[0],g=o[p];const v="template"===n.j?e.content:e;for(;s<=u&&a<=p;)if(null==d)d=t[++s];else if(null==h)h=t[--u];else if(null==y)y=o[++a];else if(null==g)g=o[--p];else if(Oe(d,y,r))Ie(d,y,r),d=t[++s],y=o[++a];else if(Oe(h,g,r))Ie(h,g,r),h=t[--u],g=o[--p];else if(Oe(d,g,r))"slot"!==d.j&&"slot"!==g.j||ze(d.O.parentNode,!1),Ie(d,g,r),Be(v,d.O,h.O.nextSibling),d=t[++s],g=o[--p];else if(Oe(h,y,r))"slot"!==d.j&&"slot"!==g.j||ze(h.O.parentNode,!1),Ie(h,y,r),Be(v,h.O,d.O),h=t[--u],y=o[++a];else{for(f=-1,c=s;c<=u;++c)if(t[c]&&null!==t[c].S&&t[c].S===y.S){f=c;break}f>=0?(l=t[f],l.j!==y.j?i=we(t&&t[a],n,f):(Ie(l,y,r),t[f]=void 0,i=l.O),y=o[++a]):(i=we(t&&t[a],n,a),y=o[++a]),i&&Be(Ee(d.O).parentNode,i,Ee(d.O))}s>u?Ge(e,null==o[p+1]?null:o[p+1].O,n,o,a,p):a>p&&je(t,s,u)})(o,r,t,i,n):null!==i?(null!==e.v&&(o.textContent=""),Ge(o,null,t,i,0,i.length-1)):n||null===r?n&&null!==r&&null===i&&(t.$=r):je(r,0,r.length-1),be&&"svg"===l&&(be=!1)):(a=o["s-cr"])?a.parentNode.textContent=s:e.v!==s&&(o.data=s)},ke=[],Ne=e=>{let t,n,o;const r=e.__childNodes||e.childNodes;for(const e of r){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const r=e["s-sn"];for(o=n.length-1;o>=0;o--)if(t=n[o],!(t["s-cn"]||t["s-nr"]||t["s-hn"]===e["s-hn"]||t["s-sh"]&&t["s-sh"]===e["s-hn"]))if(L(t,r)){let n=ke.find((e=>e.W===t));ve=!0,t["s-sn"]=t["s-sn"]||r,n?(n.W["s-sh"]=e["s-hn"],n.B=e):(t["s-sh"]=e["s-hn"],ke.push({B:e,W:t})),t["s-sr"]&&ke.map((e=>{L(e.W,t["s-sn"])&&(n=ke.find((e=>e.W===t)),n&&!e.B&&(e.B=n.B))}))}else ke.some((e=>e.W===t))||ke.push({W:t})}1===e.nodeType&&Ne(e)}},Pe=e=>{e.m&&e.m.ref&&$e.push((()=>e.m.ref(null))),e.$&&e.$.map(Pe)},We=(e,t)=>{xe.push((()=>e(t)))},Be=(e,t,n,o)=>{if("string"==typeof t["s-sn"]){e.insertBefore(t,n);const{slotNode:r}=function(e,t){var n;if(!(t=t||(null==(n=e["s-ol"])?void 0:n.parentElement)))return{slotNode:null,slotName:""};const o=e["s-sn"]=A(e)||"";return{slotNode:M(_(t,"childNodes"),t.tagName,o)[0],slotName:o}}(t);return r&&!o&&function(e){e.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(r),t}return e.__insertBefore?e.__insertBefore(t,n):null==e?void 0:e.insertBefore(t,n)},Me=(e,t,n=!1)=>{var o,r,i,l,s;const a=e.$hostElement$,f=e.o,c=e.M||J(null,null),u=(e=>e&&e.j===Z)(t)?t:Y(null,null,t);if(ne=a.tagName,f.C&&(u.m=u.m||{},f.C.forEach((([e,t])=>{u.m[t]=a[e]}))),n&&u.m)for(const e of Object.keys(u.m))a.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(u.m[e]=a[e]);if(u.j=null,u.l|=4,e.M=u,u.O=c.O=a.shadowRoot||a,ge=!(!(1&f.l)||128&f.l),te=a["s-cr"],ve=!1,Ie(c,u,n),$.l|=1,me){Ne(u.O);for(const e of ke){const t=e.W;if(!t["s-ol"]&&m.document){const e=m.document.createTextNode("");e["s-nr"]=t,Be(t.parentNode,t["s-ol"]=e,t,n)}}for(const e of ke){const t=e.W,s=e.B;if(1===t.nodeType&&n&&(t["s-ih"]=null!=(o=t.hidden)&&o),s){const e=s.parentNode;let o=s.nextSibling;if(o&&1===o.nodeType){let n=null==(r=t["s-ol"])?void 0:r.previousSibling;for(;n;){let r=null!=(i=n["s-nr"])?i:null;if(r&&r["s-sn"]===t["s-sn"]&&e===(r.__parentNode||r.parentNode)){for(r=r.nextSibling;r===t||(null==r?void 0:r["s-sr"]);)r=null==r?void 0:r.nextSibling;if(!r||!r["s-nr"]){o=r;break}}n=n.previousSibling}}if((!o&&e!==(t.__parentNode||t.parentNode)||(t.__nextSibling||t.nextSibling)!==o)&&t!==o){if(Be(e,t,o,n),8===t.nodeType&&t.nodeValue.startsWith("s-nt-")){const e=m.document.createTextNode(t.nodeValue.replace(/^s-nt-/,""));e["s-hn"]=t["s-hn"],e["s-sn"]=t["s-sn"],e["s-sh"]=t["s-sh"],e["s-sr"]=t["s-sr"],e["s-ol"]=t["s-ol"],e["s-ol"]["s-nr"]=e,Be(t.parentNode,e,t,n),t.parentNode.removeChild(t)}1===t.nodeType&&"SLOT-FB"!==t.tagName&&(t.hidden=null!=(l=t["s-ih"])&&l)}t&&"function"==typeof s["s-rf"]&&s["s-rf"](s)}else 1===t.nodeType&&(t.hidden=!0)}}if(ve&&B(u.O),$.l&=-2,ke.length=0,!ge&&!(1&f.l)&&a["s-cr"]){const e=u.O.__childNodes||u.O.childNodes;for(const t of e)if(t["s-hn"]!==ne&&!t["s-sh"])if(n&&null==t["s-ih"]&&(t["s-ih"]=null!=(s=t.hidden)&&s),1===t.nodeType)t.hidden=!0;else if(3===t.nodeType&&t.nodeValue.trim()){const e=m.document.createComment("s-nt-"+t.nodeValue);e["s-sn"]=t["s-sn"],Be(t.parentNode,e,t,n),t.parentNode.removeChild(t)}}te=void 0,$e.forEach((e=>e())),$e.length=0,xe.forEach((e=>e())),xe.length=0},Ce=(e,t)=>{if(t&&!e.L&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.L=()=>{t["s-p"].splice(n-1,1),o()})))}},Le=(e,t)=>{if(e.l|=16,4&e.l)return void(e.l|=512);Ce(e,e.R);const n=()=>Re(e,t);if(!t)return k(n);queueMicrotask((()=>{n()}))},Re=(e,t)=>{const n=e.$hostElement$,o=n;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let r;return r=Ve(o,t?"componentWillLoad":"componentWillUpdate",void 0,n),r=Ae(r,(()=>Ve(o,"componentWillRender",void 0,n))),Ae(r,(()=>_e(e,o,t)))},Ae=(e,t)=>Te(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),Te=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,_e=async(e,t,n)=>{var o;const r=e.$hostElement$,i=r["s-rc"];n&&(e=>{const t=e.o,n=e.$hostElement$,o=t.l,r=U(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&(n["s-sc"]=r,n.classList.add(r+"-h"))})(e);De(e,t,r,n),i&&(i.map((e=>e())),r["s-rc"]=void 0);{const t=null!=(o=r["s-p"])?o:[],n=()=>Fe(e);0===t.length?n():(Promise.all(t).then(n).catch(n),e.l|=4,t.length=0)}},De=(e,t,n,o)=>{try{t=t.render(),e.l&=-17,e.l|=2,Me(e,t,o)}catch(t){d(t,e.$hostElement$)}return null},Fe=e=>{const t=e.$hostElement$,n=t,o=e.R;Ve(n,"componentDidRender",void 0,t),64&e.l?Ve(n,"componentDidUpdate",void 0,t):(e.l|=64,He(t),Ve(n,"componentDidLoad",void 0,t),e.A(t),o||Ue()),e.L&&(e.L(),e.L=void 0),512&e.l&&I((()=>Le(e,!1))),e.l&=-517},Ue=()=>{var e;I((()=>ae(m,"appload",{detail:{namespace:"dropi-ui"}}))),(null==(e=$.T)?void 0:e.size)&&$.T.clear()},Ve=(e,t,n,o)=>{if(e&&e[t])try{return e[t](n)}catch(e){d(e,o)}},He=e=>e.classList.add("hydrated"),qe=(e,t,n,o)=>{const r=c(e);if(!r)return;const i=e,l=r.i.get(t),s=r.l,a=i;if(!((n=le(n,o.t[t][0],!!(64&o.l)))===l||Number.isNaN(l)&&Number.isNaN(n))){if(r.i.set(t,n),o._){const e=o._[t];e&&e.map((e=>{try{const[[o,i]]=Object.entries(e);(128&s||1&i)&&(a?a[o](n,l,t):r.D.push((()=>{r.F[o](n,l,t)})))}catch(e){d(e,i)}}))}if(2&s){if(a.componentShouldUpdate&&!1===a.componentShouldUpdate(n,l,t)&&!(16&s))return;16&s||Le(r,!1)}}},Ye=(e,t,n)=>{var o,r;const i=e.prototype;64&t.l&&1&n&&v.forEach((e=>{const t=i[e];Object.defineProperty(i,e,{value(...n){var o;const r=c(this),i=this;i?"function"==typeof t&&t.call(i,...n):null==(o=null==r?void 0:r.U)||o.then((t=>{const o=t[e];"function"==typeof o&&o.call(t,...n)}))}})}));{e.watchers&&!t._&&(t._=e.watchers),e.deserializers&&!t.V&&(t.V=e.deserializers),e.serializers&&!t.H&&(t.H=e.serializers);const n=Object.entries(null!=(o=t.t)?o:{});n.map((([e,[n]])=>{if(31&n||32&n){const{get:o,set:r}=s(i,e)||{};o&&(t.t[e][0]|=2048),r&&(t.t[e][0]|=4096),Object.defineProperty(i,e,{get(){return o?o.apply(this):((e,t)=>c(this).i.get(t))(0,e)},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(o){const i=c(this);if(i){if(r)return void 0===(32&n?this[e]:i.$hostElement$[e])&&i.i.get(e)&&(o=i.i.get(e)),r.call(this,le(o,n,!!(64&t.l))),void qe(this,e,o=32&n?this[e]:i.$hostElement$[e],t);qe(this,e,o,t)}}})}}));{const o=new Map;i.attributeChangedCallback=function(e,r,l){$.jmp((()=>{var s;const a=o.get(e),f=c(this);if(this.hasOwnProperty(a),i.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==l)return;if(null==a){const n=null==f?void 0:f.l;if(f&&n&&!(8&n)&&l!==r){const o=this,i=null==(s=t._)?void 0:s[e];null==i||i.forEach((t=>{const[[i,s]]=Object.entries(t);null!=o[i]&&(128&n||1&s)&&o[i].call(o,l,r,e)}))}return}const u=n.find((([e])=>e===a));u&&4&u[1][0]&&(l=null!==l&&"false"!==l);const d=Object.getOwnPropertyDescriptor(i,a);l==this[a]||d.get&&!d.set||(this[a]=l)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=t._)?r:{}),...n.filter((([e,t])=>31&t[0])).map((([e,n])=>{var r;const i=n[1]||e;return o.set(i,e),512&n[0]&&(null==(r=t.C)||r.push([e,i])),i}))]))}}return e},Je=e=>{if(!m.document)return;const t=e["s-cr"]=m.document.createComment("");t["s-cn"]=!0,Be(e,t,e.firstChild)},Ze=(e,t)=>{const n={l:t[0],p:t[1]};try{n.t=t[2],n.q=t[3],n._=e._,n.V=e.V,n.H=e.H,n.C=[],(()=>{if(!m.document)return;const e=m.document.querySelectorAll(`[${y}]`);let t=0;for(;t<e.length;t++)F(e[t].getAttribute(y),H(e[t].innerHTML),!0)})();const o=e.prototype.connectedCallback,r=e.prototype.disconnectedCallback;return Object.assign(e.prototype,{__hasHostListenerAttached:!1,__registerHost(){((e,t)=>{const n={l:0,$hostElement$:e,o:t,i:new Map,Y:new Map};n.U=new Promise((e=>n.A=e)),e["s-p"]=[],e["s-rc"]=[];const o=n;e.__stencil__getHostRef=()=>o,512&t.l&&f(e,n)})(this,n)},connectedCallback(){if(!this.__hasHostListenerAttached){const e=c(this);if(!e)return;Ke(this,e,n.q),this.__hasHostListenerAttached=!0}(e=>{if(!(1&$.l)){const t=c(e);if(!t)return;const n=t.o,o=()=>{};if(1&t.l)Ke(e,t,n.q),(null==t?void 0:t.F)||(null==t?void 0:t.U)&&t.U.then((()=>{}));else{let o;if(t.l|=1,o=e.getAttribute(p),o){if(1&n.l){const t=U(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}((e,t,n,o)=>{var r,i,l,s;const a=e.shadowRoot,f=[],u=[],d=a?[]:null,h=J(t,null);h.O=e,!m.document||$.T&&$.T.size||Q(m.document.body,$.T=new Map),e[p]=n,e.removeAttribute(p),o.M=K(h,f,[],d,e,e,n,u);let y=0;const g=f.length;let v;for(;y<g;y++){v=f[y];const n=v.I+"."+v.k,o=$.T.get(n),i=v.O;if(a){if((null==(r=v.j)?void 0:(""+r).includes("-"))&&"slot-fb"!==v.j&&!v.O.shadowRoot){const e=c(v.O);if(e){const t=V(e.o),n=m.document.querySelector(`style[sty-id="${t}"]`);n&&d.unshift(n.cloneNode(!0))}}}else i["s-hn"]=t.toUpperCase(),"slot"===v.j&&(i["s-cr"]=e["s-cr"]);"slot"===v.j&&(v.G=v.O["s-sn"]||v.O.name||null,v.$?(v.l|=2,v.O.childNodes.length||v.$.forEach((e=>{v.O.appendChild(e.O)}))):v.l|=1),o&&o.isConnected&&(o.parentElement.shadowRoot&&""===o["s-en"]&&o.parentNode.insertBefore(i,o.nextSibling),o.parentNode.removeChild(o),a||(i["s-oo"]=parseInt(v.k))),o&&!o["s-id"]&&$.T.delete(n)}const b=[],x=u.length;let w,S,z,G,j=0,O=0;for(;j<x;j++)if(w=u[j],w&&w.length)for(z=w.length,S=0;S<z;S++){if(G=w[S],b[G.hostId]||(b[G.hostId]=$.T.get(G.hostId)),!b[G.hostId])continue;const e=b[G.hostId];e.shadowRoot&&G.node.parentElement!==e&&e.insertBefore(G.node,null==(l=null==(i=w[S-1])?void 0:i.node)?void 0:l.nextSibling),e.shadowRoot&&a||(G.slot["s-cr"]||(G.slot["s-cr"]=e["s-cr"],G.slot["s-cr"]=!G.slot["s-cr"]&&e.shadowRoot?e:(e.__childNodes||e.childNodes)[0]),R(G.node,G.slot,0,G.node["s-oo"]||O),(null==(s=G.node.parentElement)?void 0:s.shadowRoot)&&G.node.getAttribute&&G.node.getAttribute("slot")&&G.node.removeAttribute("slot")),O=(G.node["s-oo"]||O)+1}if(a&&!a.childNodes.length){let t=0;const n=d.length;if(n){for(;t<n;t++){const e=d[t];e&&a.appendChild(e)}Array.from(e.childNodes).forEach((e=>{"string"!=typeof e["s-en"]&&"string"!=typeof e["s-sn"]&&(1===e.nodeType&&e.slot&&e.hidden?e.removeAttribute("hidden"):8!==e.nodeType||e.nodeValue||e.parentNode.removeChild(e))}))}}o.$hostElement$=e})(e,n.p,o,t)}o||12&n.l&&Je(e);{let n=e;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Ce(t,t.R=n);break}}n.t&&Object.entries(n.t).map((([t,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(e,t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;try{if(!(32&t.l)&&(t.l|=32,o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128)),o&&o.style)){let e;"string"==typeof o.style&&(e=o.style);const t=V(n);if(!h.has(t)){const o=()=>{};F(t,e,!!(1&n.l)),o()}}const r=t.R,i=()=>Le(t,!0);r&&r["s-rc"]?r["s-rc"].push(i):i()}catch(n){d(n,e),t.L&&(t.L(),t.L=void 0),t.A&&t.A(e)}})(e,t,n)}o()}})(this),o&&o.call(this)},disconnectedCallback(){(async e=>{if(!(1&$.l)){const t=c(e);(null==t?void 0:t.J)&&(t.J.map((e=>e())),t.J=void 0)}D.has(e)&&D.delete(e),e.shadowRoot&&D.has(e.shadowRoot)&&D.delete(e.shadowRoot)})(this),r&&r.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${n.p}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else W.call(this,n)}}),Object.defineProperty(e,"is",{value:n.p,configurable:!0}),Ye(e,n,3)}catch(t){return d(t),e}},Ke=(e,t,n)=>{n&&m.document&&n.map((([n,o,r])=>{const i=Xe(m.document,e,n),l=Qe(t,r),s=et(n);$.ael(i,o,l,s),(t.J=t.J||[]).push((()=>$.rel(i,o,l,s)))}))},Qe=(e,t)=>n=>{try{e.$hostElement$[t](n)}catch(t){d(t,e.$hostElement$)}},Xe=(e,t,n)=>4&n?e:8&n?m:t,et=e=>({passive:!!(1&e),capture:!!(2&e)}),tt=e=>$.h=e,nt=e=>Object.assign($,e);function ot(e,t){Me({o:{l:0,p:t.tagName},$hostElement$:t},e)}function rt(e){return e}export{t as B,b as H,se as c,N as getAssetPath,Y as h,Ze as p,ot as render,P as setAssetPath,tt as setNonce,nt as setPlatformOptions,rt as t}

package/dist/components/p-1YjHPRto.js

@@ -0,0 +1 @@
+import{t as r,p as e,H as t,c as i,h as a}from"./index.js";import{d as o}from"./p-BtkDdEAq.js";const n={success:"Check-circle",error:"Warning-circle",warning:"Warning-triangle",info:"Info"},s={success:"Success-Success-500",error:"Error-Error-500",warning:"Warning-Warning-500",info:"Info-Info-500"},l=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dropiClose=i(this,"dropiClose"),this.dropiButtonClick=i(this,"dropiButtonClick"),this.dropiLinkClick=i(this,"dropiLinkClick")}message="";type="default";state="success";dismissable=!0;showButton=!1;buttonText="Close";anchorText="none";anchorUrl="none";showAlert=!0;textLink="";linkUrl="";clickedText="";dropiClose;dropiButtonClick;dropiLinkClick;render(){return this.showAlert?a("div",{class:{alert:!0,[`alert--${this.type}`]:!0,[`alert--${this.state}`]:!0}},"flag"!==this.type&&a("div",{class:"alert__icon"},a("dropi-icon",{name:n[this.state],iconWidth:"18px",iconHeight:"18px",color:s[this.state]})),a("div",{class:"alert__body"},a("span",{class:"alert__message"},this.message),this.anchorText&&a("a",{class:"alert__link",href:this.anchorUrl||this.linkUrl||"#",onClick:r=>{r.preventDefault(),this.dropiLinkClick.emit()}},this.anchorText)),a("div",{class:"alert__actions"},this.showButton&&this.buttonText&&"flag"!==this.type&&a("button",{class:"alert__btn",onClick:()=>this.dropiButtonClick.emit()},this.buttonText),this.dismissable&&a("button",{class:"alert__close",onClick:()=>{this.showAlert=!1,this.dropiClose.emit()},"aria-label":"Cerrar"},a("dropi-icon",{name:"Close-small",iconWidth:"18px",iconHeight:"18px",color:"Gray-Gray-500"})))):null}static get style(){return":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}"}},[513,"dropi-alert",{message:[1],type:[1],state:[1],dismissable:[4],showButton:[4,"show-button"],buttonText:[1,"button-text"],anchorText:[1,"anchor-text"],anchorUrl:[1,"anchor-url"],showAlert:[1028,"show-alert"],textLink:[1,"text-link"],linkUrl:[1,"link-url"],clickedText:[1,"clicked-text"]}]);function c(){"undefined"!=typeof customElements&&["dropi-alert","dropi-icon"].forEach((e=>{switch(e){case"dropi-alert":customElements.get(r(e))||customElements.define(r(e),l);break;case"dropi-icon":customElements.get(r(e))||o()}}))}c();export{l as D,c as d}

package/dist/components/p-9CkX3ALN.js

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

package/dist/components/p-B9-h_ikq.js

@@ -0,0 +1 @@
+import{t,p as e,H as i,h as r}from"./index.js";import{d as a}from"./p-B9rJd-Rf.js";const s=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}variant="tag";type="primary";state="default";showIcon=!1;icon="";text="";colorMap={default:"Primary-Primary",success:"Success-Success",info:"Info-Info",warning:"Warning-Warning",error:"Error-Error",legacy:"Gray-Gray"};propsChanged(){}get bgColor(){const t=this.colorMap[this.state];return"primary"===this.type?`var(--${t}-500)`:`var(--${t}${"default"===this.state||"legacy"===this.state?"-100":"-50"})`}get textColor(){return"text"===this.variant?this.dotColor:"dot"===this.variant||this.showIcon?"var(--Gray-Gray-500)":"primary"===this.type?"var(--Neutral-White)":`var(--${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"})`}get dotColor(){return`var(--${this.colorMap[this.state]}-500)`}get fontWeight(){return"secondary"!==this.type||this.showIcon?"500":"300"}get iconColor(){return"primary"===this.type?"Neutral-White":`${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"}`}get hasContent(){return"string"==typeof this.text&&this.text.trim().length>0}render(){return r("div",{key:"6a50111c0057b7ef3380dde9f639e9409b7fbea9",class:"container-chips"},r("div",{key:"f2f78c3682aa2e8bef5f3f1b43a1729cae8ae293",class:{tags:!0,"icon-only":this.showIcon&&!this.hasContent,"dot-variant":"dot"===this.variant,"text-variant":"text"===this.variant},style:{backgroundColor:"dot"===this.variant||"text"===this.variant?"transparent":this.bgColor,color:this.textColor,fontWeight:this.fontWeight}},"dot"===this.variant&&r("div",{key:"5364569230575b79b1160e06cc29046220bdf198",class:"dot-indicator",style:{backgroundColor:this.dotColor}}),this.showIcon&&this.icon&&r("dropi-icon",{key:"8ea74f9ad58e7892405e3e748289b71456945de6",class:"file-icon",name:this.icon,iconWidth:"16px",iconHeight:"16px",color:"dot"===this.variant?"Gray-Gray-500":this.iconColor}),this.hasContent&&r("span",{key:"99409549735fd48cf0a40e411f1f236716e53939"},this.text)))}static get watchers(){return{type:[{propsChanged:0}],state:[{propsChanged:0}],variant:[{propsChanged:0}]}}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:flex;align-items:center;justify-content:center}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--lineheight-large, 150%);animation:fade-in 200ms ease-out}.tags.dot-variant,.tags.text-variant{padding:0;gap:8px;background-color:transparent !important;line-height:normal}.dot-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}"}},[513,"dropi-tag",{variant:[513],type:[513],state:[513],showIcon:[4,"show-icon"],icon:[513],text:[513]},void 0,{type:[{propsChanged:0}],state:[{propsChanged:0}],variant:[{propsChanged:0}]}]);function o(){"undefined"!=typeof customElements&&["dropi-tag","dropi-icon"].forEach((e=>{switch(e){case"dropi-tag":customElements.get(t(e))||customElements.define(t(e),s);break;case"dropi-icon":customElements.get(t(e))||a()}}))}o();export{s as D,o as d}

package/dist/components/p-B9rJd-Rf.js

@@ -0,0 +1 @@
+import{t,p as i,H as e,h as o}from"./index.js";const s=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}name="";iconWidth="20px";iconHeight="20px";color="currentColor";strokeWidth="";widthChanged(){this.updateHostStyles()}heightChanged(){this.updateHostStyles()}colorChanged(){this.applyColor()}strokeWidthChanged(){this.applyStrokeWidth()}componentWillLoad(){this.applyColor(),this.applyStrokeWidth(),this.updateHostStyles()}componentDidUpdate(){this.updateHostStyles()}applyStrokeWidth(){this.strokeWidth&&this.el.style.setProperty("--icon-stroke-width",this.strokeWidth)}updateHostStyles(){this.el.style.width=this.iconWidth,this.el.style.height=this.iconHeight}applyColor(){if(!this.color)return;const t=this.color.startsWith("#")?this.color:"currentColor"===this.color?"currentColor":`var(--${this.color})`;this.el.style.setProperty("--icon-fill",t)}render(){return o("svg",{key:"99f511720c6654b3f97490c966061520ee17d27f",width:this.iconWidth,height:this.iconHeight,class:{spin:"Spinner"===(this.name??"")},"aria-hidden":"true"},o("use",{key:"04792170d8c23b3606249d051f8cc903bd5d1211",href:`/assets/icons/symbol/svg/sprite.css.svg#${this.name??""}`}))}static get watchers(){return{iconWidth:[{widthChanged:0}],iconHeight:[{heightChanged:0}],color:[{colorChanged:0}],strokeWidth:[{strokeWidthChanged:0}]}}static get style(){return":host{display:inline-flex;align-items:center;justify-content:center;fill:var(--icon-fill, currentColor);overflow:hidden}svg{fill:inherit;stroke:var(--icon-fill, currentColor);stroke-width:var(--icon-stroke-width, 0);display:block;width:100%;height:100%;vertical-align:middle}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}"}},[513,"dropi-icon",{name:[1],iconWidth:[1,"icon-width"],iconHeight:[1,"icon-height"],color:[1],strokeWidth:[1,"stroke-width"]},void 0,{iconWidth:[{widthChanged:0}],iconHeight:[{heightChanged:0}],color:[{colorChanged:0}],strokeWidth:[{strokeWidthChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["dropi-icon"].forEach((i=>{"dropi-icon"===i&&(customElements.get(t(i))||customElements.define(t(i),s))}))}h();export{s as D,h as d}