@dropi/ui 0.1.20 → 0.1.21

package/dist/components/dropi-table.js

@@ -1 +1 @@
-import{t as e,p as t,H as r,c as a,h as s}from"./index.js";import{d as i}from"./p-DUPOnSiL.js";import{d as o}from"./p-wO1yy0Zr.js";const l=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiSort=a(this,"dropiSort",7),this.dropiSelection=a(this,"dropiSelection",7),this.dropiRowClick=a(this,"dropiRowClick",7)}columns=[];rows=[];selectable=!1;loading=!1;emptyMessage="No hay datos disponibles";striped=!1;parsedColumns=[];parsedRows=[];sortKey="";sortDir=null;selectedKeys=new Set;dropiSort;dropiSelection;dropiRowClick;columnsChanged(e){this.parsedColumns="string"==typeof e?JSON.parse(e):e||[]}rowsChanged(e){this.parsedRows="string"==typeof e?JSON.parse(e):e||[],this.selectedKeys=new Set}componentWillLoad(){this.columnsChanged(this.columns),this.rowsChanged(this.rows)}get sortedRows(){if(!this.sortKey||!this.sortDir)return this.parsedRows;const e=this.sortKey,t="asc"===this.sortDir?1:-1;return[...this.parsedRows].sort(((r,a)=>{const s=r[e]??"",i=a[e]??"";return s<i?-t:s>i?t:0}))}handleSort(e){e.sortable&&(this.sortKey===e.key?(this.sortDir="asc"===this.sortDir?"desc":"desc"===this.sortDir?null:"asc",null===this.sortDir&&(this.sortKey="")):(this.sortKey=e.key,this.sortDir="asc"),this.dropiSort.emit({key:this.sortKey,dir:this.sortDir}))}toggleRow(e){const t=new Set(this.selectedKeys);t.has(e)?t.delete(e):t.add(e),this.selectedKeys=t,this.dropiSelection.emit(Array.from(t))}toggleAll(e){this.selectedKeys=e?new Set(this.sortedRows.map(((e,t)=>t))):new Set,this.dropiSelection.emit(Array.from(this.selectedKeys))}sortIcon(e){return e.sortable?s("dropi-icon",this.sortKey!==e.key?{name:"Sort",width:"12px",height:"12px",color:"Gray-Gray-300"}:"asc"===this.sortDir?{name:"Arrow-Up-2",width:"12px",height:"12px",color:"Primary-Primary-500"}:{name:"Arrow-Down-2",width:"12px",height:"12px",color:"Primary-Primary-500"}):null}render(){const e=this.sortedRows;return s("div",{key:"3e06da209d1f71b8a4a250f4bcd8a8213f34781d",class:"table-wrap"},s("table",{key:"20056c30e2652f2a405eeb00954dd7b9c9b5924b",class:{table:!0,"table--striped":this.striped}},s("thead",{key:"1a1ea1914f81d1ef8814f202de4d60308801dc1d"},s("tr",{key:"22447d7fef0cf22c27c6249570c454d44b0865d3"},this.selectable&&s("th",{key:"d51aa876d97e01840a5adc34a5ec53f30fc2cac6",class:"table__th table__th--check"},s("dropi-checkbox",{key:"192639cf8599dc5f3b095092a403509050e43efa",checked:e.length>0&&this.selectedKeys.size===e.length,onDropiChange:e=>this.toggleAll(e.detail)})),this.parsedColumns.map((e=>s("th",{class:{table__th:!0,"table__th--sortable":!!e.sortable},style:{width:e.width,textAlign:e.align||"left"},onClick:()=>this.handleSort(e)},s("span",{class:"table__th-inner"},e.label,this.sortIcon(e))))))),s("tbody",{key:"93f65647369b59f913b381f541a18a215e8e0e9a"},this.loading?Array.from({length:5}).map((()=>s("tr",{class:"table__tr--skeleton"},this.selectable&&s("td",{class:"table__td"},s("div",{class:"skeleton skeleton--sm"})),this.parsedColumns.map((()=>s("td",{class:"table__td"},s("div",{class:"skeleton"}))))))):0===e.length?s("tr",null,s("td",{class:"table__td table__td--empty",colSpan:this.parsedColumns.length+(this.selectable?1:0)},s("dropi-icon",{name:"Document",width:"24px",height:"24px",color:"Gray-Gray-300"}),s("p",null,this.emptyMessage))):e.map(((e,t)=>s("tr",{class:{table__tr:!0,"table__tr--selected":this.selectedKeys.has(t)},onClick:()=>this.dropiRowClick.emit({row:e,index:t})},this.selectable&&s("td",{class:"table__td table__td--check",onClick:e=>e.stopPropagation()},s("dropi-checkbox",{checked:this.selectedKeys.has(t),onDropiChange:()=>this.toggleRow(t)})),this.parsedColumns.map((t=>s("td",{class:"table__td",style:{textAlign:t.align||"left"}},e[t.key]??"—")))))))))}static get watchers(){return{columns:[{columnsChanged:0}],rows:[{rowsChanged:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--Gray-Gray-100, #eceef4);border-radius:var(--Border-2, 8px)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #fff)}.table__th{padding:var(--Size-3, 12px) var(--Size-3, 12px);background:var(--Gray-Gray-50, #f7f8fa);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap;border-bottom:1px solid var(--Gray-Gray-100, #eceef4);user-select:none}.table__th--check{width:40px}.table__th--sortable{cursor:pointer}.table__th--sortable:hover{background:var(--Gray-Gray-100, #eceef4)}.table__th-inner{display:inline-flex;align-items:center;gap:4px}.table__tr{cursor:pointer;transition:background 0.15s}.table__tr:hover{background:var(--Gray-Gray-50, #f7f8fa)}.table__tr--selected{background:var(--Primary-Primary-50, #fff5eb)}.table--striped .table__tr:nth-child(even){background:var(--Gray-Gray-50, #f7f8fa)}.table--striped .table__tr:nth-child(even):hover{background:var(--Gray-Gray-100, #eceef4)}.table__td{padding:var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);vertical-align:middle}.table__td--check{width:40px}.table__td--empty{text-align:center;padding:var(--Size-8, 48px) var(--Size-4, 16px);color:var(--Gray-Gray-400, #858ea6)}.table__td--empty p{margin:var(--Size-2, 8px) 0 0}.skeleton{height:14px;background:linear-gradient(90deg, var(--Gray-Gray-100, #eceef4) 25%, var(--Gray-Gray-50, #f7f8fa) 50%, var(--Gray-Gray-100, #eceef4) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--Border-1, 4px)}.skeleton--sm{width:20px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}"}},[513,"dropi-table",{columns:[1],rows:[1],selectable:[4],loading:[4],emptyMessage:[1,"empty-message"],striped:[4],parsedColumns:[32],parsedRows:[32],sortKey:[32],sortDir:[32],selectedKeys:[32]},void 0,{columns:[{columnsChanged:0}],rows:[{rowsChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["dropi-table","dropi-checkbox","dropi-icon"].forEach((t=>{switch(t){case"dropi-table":customElements.get(e(t))||customElements.define(e(t),l);break;case"dropi-checkbox":customElements.get(e(t))||i();break;case"dropi-icon":customElements.get(e(t))||o()}}))}d();const n=l,c=d;export{n as DropiTable,c as defineCustomElement}
+import{t as e,p as t,H as a,c as i,h as r}from"./index.js";import{d as s}from"./p-DWzWYR5X.js";import{d as o}from"./p-BYRcOZS4.js";import{d as n}from"./p-CnALA9z_.js";import{d as c}from"./p-C2paYEIp.js";import{d as l}from"./p-DjO9xpVc.js";import{d}from"./p-CzHupXu8.js";const h=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiSort=i(this,"dropiSort",7),this.dropiSelection=i(this,"dropiSelection",7),this.dropiRowClick=i(this,"dropiRowClick",7),this.dropiSearch=i(this,"dropiSearch",7),this.dropiPageChange=i(this,"dropiPageChange",7),this.dropiPageSizeChange=i(this,"dropiPageSizeChange",7),this.dropiAction=i(this,"dropiAction",7),this.rowsSelected=i(this,"rowsSelected",7),this.actionClicked=i(this,"actionClicked",7),this.onPageChange=i(this,"onPageChange",7),this.onSizeChange=i(this,"onSizeChange",7),this.onSortChange=i(this,"onSortChange",7),this.onSearchChange=i(this,"onSearchChange",7),this.expandChildren=i(this,"expandChildren",7)}columns=[];rows=[];showCheckbox=!1;loading=!1;emptyMessage="No hay datos disponibles";title="";showSearch=!1;showColumnSelector=!1;showPaginator=!1;pageSizes=[5,10,25,50];currentPage=1;totalPages=1;rowActions=[];headers=[];data=[];selectedRowIds=null;childData=[];visibleRowsChildrens=[];dropiTableConfiguration=null;dropiTableBackendParams=null;isCursorPagination=!1;parsedColumns=[];parsedRows=[];parsedPageSizes=[5,10,25,50];parsedRowActions=[];sortKey="";sortDir=null;sortAsc=!0;selectedKeys=new Set;searchTerm="";pageSize=5;showColumnMenu=!1;hiddenColumns=new Set;openActionRow=-1;dropiSort;dropiSelection;dropiRowClick;dropiSearch;dropiPageChange;dropiPageSizeChange;dropiAction;rowsSelected;actionClicked;onPageChange;onSizeChange;onSortChange;onSearchChange;expandChildren;columnsChanged(e){this.parsedColumns="string"==typeof e?JSON.parse(e):e||[]}rowsChanged(e){this.parsedRows="string"==typeof e?JSON.parse(e):e||[],this.selectedKeys=new Set}pageSizesChanged(e){this.parsedPageSizes="string"==typeof e?JSON.parse(e):e||[5,10,25,50],this.pageSize=this.parsedPageSizes[0]??5}rowActionsChanged(e){this.parsedRowActions="string"==typeof e?JSON.parse(e):e||[]}headersChanged(e){const t="string"==typeof e?JSON.parse(e):e||[];t.length>0&&(this.parsedColumns=t)}dataChanged(e){const t="string"==typeof e?JSON.parse(e):e||[];t.length>0&&(this.parsedRows=t,this.selectedKeys=new Set)}componentWillLoad(){const e=(Array.isArray(this.headers)?this.headers:[]).length?this.headers:this.columns,t=(Array.isArray(this.data)?this.data:[]).length?this.data:this.rows;this.columnsChanged(e),this.rowsChanged(t),this.pageSizesChanged(this.pageSizes),this.rowActionsChanged(this.rowActions)}get visibleColumns(){return this.parsedColumns.filter((e=>!this.hiddenColumns.has(e.key)))}get filteredRows(){if(!this.searchTerm)return this.parsedRows;const e=this.searchTerm.toLowerCase();return this.parsedRows.filter((t=>Object.values(t).some((t=>((t??"")+"").toLowerCase().includes(e)))))}get sortedRows(){const e=this.filteredRows;if(!this.sortKey||!this.sortDir)return e;const t=this.sortKey,a="asc"===this.sortDir?1:-1;return[...e].sort(((e,i)=>{const r=e[t]??"",s=i[t]??"";return r<s?-a:r>s?a:0}))}get pagedRows(){if(!this.showPaginator)return this.sortedRows;const e=(this.currentPage-1)*this.pageSize;return this.sortedRows.slice(e,e+this.pageSize)}handleSort(e){e.sortable&&(this.sortKey===e.key?(this.sortDir="asc"===this.sortDir?"desc":"desc"===this.sortDir?null:"asc",this.sortAsc="desc"!==this.sortDir,null===this.sortDir&&(this.sortKey="")):(this.sortKey=e.key,this.sortDir="asc",this.sortAsc=!0),this.dropiSort.emit({key:this.sortKey,dir:this.sortDir}),this.onSortChange.emit({key:this.sortKey,dir:this.sortDir}))}toggleRow(e){const t=new Set(this.selectedKeys);t.has(e)?t.delete(e):t.add(e),this.selectedKeys=t;const a=Array.from(t);this.dropiSelection.emit(a),this.rowsSelected.emit(a.map((e=>this.pagedRows[e])))}toggleAll(e){this.selectedKeys=e?new Set(this.pagedRows.map(((e,t)=>t))):new Set;const t=Array.from(this.selectedKeys);this.dropiSelection.emit(t),this.rowsSelected.emit(t.map((e=>this.pagedRows[e])))}renderCellValue(e){if(null==e)return"—";if("object"==typeof e&&e.type)switch(e.type){case"tag":return r("dropi-tag",{type:"secondary",state:e.typeTag,text:e.value});case"date":return r("div",{class:"date-label"},r("span",null,new Date(e.value).toLocaleDateString("es-CO")),!e.hideTime&&r("span",null,new Date(e.value).toLocaleTimeString("es-CO",{hour:"2-digit",minute:"2-digit"})));case"country":return r("div",{class:"flag-container"},e.flag&&r("dropi-country-flags",{width:"24",height:"24",country:e.flag,style:{display:"inline-flex"}}),r("span",null,e.value));case"textIcon":return r("div",{class:"text-icon-label"},r("dropi-icon",{name:e.icon,width:"24px",height:"24px",color:e.iconColor||"Gray-Gray-500"}),e.value&&r("span",null,e.value));case"status":return r("div",{class:"status-label"},r("div",{class:"status-dot"},r("div",{class:"dot dot-"+(e.status||"").toLowerCase()}),r("span",{class:"status-text"},e.status)),e.value&&r("span",{class:"status-description"},e.value));case"image":return r("div",{class:"image-label"},r("div",{class:"img-container"},r("img",{src:e.imageUrl,alt:e.value})),r("span",null,e.value));case"textWrap":return r("div",{class:"text-wrap-label",style:{maxWidth:e.maxWidth||"220px"}},e.value);default:return r("span",{class:"table-labels"},(e.value??"—")+"")}return r("span",{class:"table-labels"},e+"")}render(){const e=this.pagedRows,t=e.length>0&&this.selectedKeys.size===e.length,a=this.parsedRowActions.length>0,i=this.visibleColumns;return r("div",{key:"0568597a39d8f4b111c99e38a3559c0ebabe3f7d",class:"table-container"},(this.showSearch||this.showColumnSelector||this.title)&&r("div",{key:"6b47b6eb27cb3354fae130a642515ee4efbe96e6",class:"search-container"},this.title&&r("h3",{key:"e88c0cfccd3008cebd479069e6ebf28135aa30dc",class:"table-title"},this.title),r("div",{key:"9798ab26988d090edd5c14c0dc62c9d0273995cf",class:"search-actions"+(this.showSearch?"":" only-filter")},this.showSearch&&r("dropi-input",{key:"c8871b9eae75d6fb24d4161c2e38278697d23ac0",placeholder:"Buscar",value:this.searchTerm,onOnInput:e=>{this.searchTerm=e.detail,this.dropiSearch.emit(e.detail),this.onSearchChange.emit(e.detail)}}),this.showColumnSelector&&r("div",{key:"dc96780a72dca620aa1ed7349f59d837a31602fc",class:"table-tools"},r("div",{key:"e0b71a0018af5bba4e56b51e5df98c149f547b22",class:"column-selector-container"},r("button",{key:"3b5639c4df44eb5f15d69999dae601e639afa2e4",class:"column-selector-btn",onClick:()=>this.showColumnMenu=!this.showColumnMenu},r("dropi-icon",{key:"3c8eb5df52c0494b1080d2e5fc6cf8b219b7b56d",name:"list-table",width:"20px",height:"20px",color:"Gray-Gray-500"})),this.showColumnMenu&&r("div",{key:"a8229fa0100fe68a4b232a06584c3de1a9a90b6f",class:"column-selector-menu"},this.parsedColumns.map((e=>r("div",{class:"column-selector-option",onClick:()=>{const t=new Set(this.hiddenColumns);t.has(e.key)?t.delete(e.key):t.add(e.key),this.hiddenColumns=t}},r("dropi-checkbox",{checked:!this.hiddenColumns.has(e.key)}),r("span",null,e.label)))),r("div",{key:"6a8fa71f8540202baaa24e2facf797149efd353b",class:"column-selector-footer"},r("div",{key:"70b646908dcd172ae459cca680b0dcc7c5663cb8",class:"column-selector-all",onClick:()=>{this.hiddenColumns=0===this.hiddenColumns.size?new Set(this.parsedColumns.map((e=>e.key))):new Set}},r("dropi-checkbox",{key:"295ad4f783c7a1737d7ad0e488881b37919c40f6",checked:0===this.hiddenColumns.size}),r("span",{key:"838ffe74c4c35363127e9e5daacc25da8cccf76d"},"Mostrar / Ocultar todo")))))))),r("div",{key:"9cd8d7cc6ce997d53b3459065b5b8bef275ec5ea",class:"table-wrapper"+(a?" has-sticky-actions":"")},r("table",{key:"dd65672ad724cc2becf91099383b2892022b9f25",class:"custom-table"+(this.showCheckbox?" has-checkbox":"")},r("thead",{key:"d509b97f349b30e08380a3d1e7470d609e854539"},r("tr",{key:"f5e27a7b1e191e569f2a396bcaf118e338ff36a6"},this.showCheckbox&&r("th",{key:"c99ac20618519207e15556b706c4872bc92edf42",class:"checkbox-header"},r("dropi-checkbox",{key:"affd77ad7b0fdaece95e83993d6acff582161cf5",checked:t,onOnChange:e=>this.toggleAll(e.detail)})),i.map((e=>r("th",{class:{sortable:!!e.sortable,"low-opacity":!!e.disabledColumn,"highlight-column":!!e.highlightColumn},style:{textAlign:e.align||"center"},onClick:()=>this.handleSort(e)},r("div",{class:"headers-container"+("left"===e.align?" align-left":"right"===e.align?" align-right":"")},r("div",{class:"headers"+("left"===e.align?" align-left":"right"===e.align?" align-right":"")},r("span",null,e.label),e.sortable&&r("div",{class:"order-icons"},r("dropi-icon",{name:"Caret-up",width:"12px",height:"12px",color:this.sortAsc?"Gray-Gray-500":"Gray-Gray-200"}),r("dropi-icon",{name:"Caret-down",width:"12px",height:"12px",color:this.sortAsc?"Gray-Gray-200":"Gray-Gray-500"}))))))),a&&r("th",{key:"ad41355f347d7d94ea6de4ddfa4e23ebffd7a7b8",class:"actions-header actions"},"Acciones"))),r("tbody",{key:"7f3dfbd3fd7aa0b29eb55c5a5825492a1ed0e063"},this.loading?Array.from({length:5}).map((()=>r("tr",{class:"table-row"},this.showCheckbox&&r("td",null,r("div",{class:"skeleton skeleton--sm"})),i.map((()=>r("td",null,r("div",{class:"skeleton"})))),a&&r("td",null)))):0===e.length?r("tr",null,r("td",{colSpan:i.length+(this.showCheckbox?1:0)+(a?1:0)},r("div",{class:"empty-table"},r("div",{class:"empty-message-container"},this.emptyMessage)))):e.map(((e,t)=>r("tr",{class:"table-row",onClick:()=>this.dropiRowClick.emit({row:e,index:t})},this.showCheckbox&&r("td",{onClick:e=>e.stopPropagation()},r("dropi-checkbox",{checked:this.selectedKeys.has(t),onOnChange:()=>this.toggleRow(t)})),i.map((t=>r("td",{class:{"low-opacity":!!t.disabledColumn,"highlight-column":!!t.highlightColumn}},r("div",{class:"cell-content",style:{textAlign:t.align||"center"}},this.renderCellValue(e[t.key]))))),a&&r("td",{class:"action-button actions",onClick:e=>e.stopPropagation()},this.parsedRowActions.length>3?r("div",{style:{display:"flex",justifyContent:"center",width:"100%"}},r("dropi-icon",{class:"action-icon",name:"Menu-dots-vertical",width:"24px",height:"24px",color:"Gray-Gray-500",onClick:()=>this.openActionRow=this.openActionRow===t?-1:t}),this.openActionRow===t&&r("div",{class:"actions-menu"},this.parsedRowActions.map((t=>r("div",{class:"action-item",onClick:()=>{this.openActionRow=-1,this.dropiAction.emit({row:e,action:t}),this.actionClicked.emit({row:e,action:t})}},r("dropi-icon",{name:t.icon,width:"20px",height:"20px",color:t.iconColor||"Gray-Gray-500"}),t.label))))):r("div",{class:"short-actions"},this.parsedRowActions.map((t=>r("dropi-icon",{class:"action-icon",name:t.icon,width:"24px",height:"24px",color:t.iconColor||"Gray-Gray-500",onClick:()=>{this.dropiAction.emit({row:e,action:t}),this.actionClicked.emit({row:e,action:t})}}))))))))))),this.showPaginator&&r("div",{key:"20e2f504d995f8875e42ceedfeb3977d777044a6",class:"pagination"},r("div",{key:"898f69b7801af32df0bdfa9a23cfc7fc5adcac84",class:"page-size-selector"},r("label",{key:"4871de9ed4a35fa60ac2ac824c96a278ffdf7496"},"Mostrar"),r("select",{key:"8c2cb250c724ff0914c69135c054c25c9aa857f2",onChange:e=>{this.pageSize=Number(e.target.value),this.currentPage=1,this.dropiPageSizeChange.emit(this.pageSize),this.onSizeChange.emit(this.pageSize)}},this.parsedPageSizes.map((e=>r("option",{value:e,selected:this.pageSize===e},e))))),r("dropi-paginator",{key:"82a4e645ab197a52ec7985614e53fcae749e8ed4",totalPages:this.totalPages,currentPage:this.currentPage,onPageChange:e=>{this.currentPage=e.detail,this.dropiPageChange.emit(e.detail),this.onPageChange.emit(e.detail)}})))}static get watchers(){return{columns:[{columnsChanged:0}],rows:[{rowsChanged:0}],pageSizes:[{pageSizesChanged:0}],rowActions:[{rowActionsChanged:0}],headers:[{headersChanged:0}],data:[{dataChanged:0}]}}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"],title:[1],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((t=>{switch(t){case"dropi-table":customElements.get(e(t))||customElements.define(e(t),h);break;case"dropi-checkbox":customElements.get(e(t))||s();break;case"dropi-country-flags":customElements.get(e(t))||o();break;case"dropi-icon":customElements.get(e(t))||n();break;case"dropi-input":customElements.get(e(t))||c();break;case"dropi-paginator":customElements.get(e(t))||l();break;case"dropi-tag":customElements.get(e(t))||d()}}))}p();const g=h,f=p;export{g as DropiTable,f as defineCustomElement}

package/dist/components/dropi-tabs.js

@@ -1 +1 @@
-import{t as a,p as t,H as e,c as r,h as i}from"./index.js";import{d as s}from"./p-wO1yy0Zr.js";const o=t(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dropiTabChange=r(this,"dropiTabChange",7)}tabs=[];activeTab=0;showIcon=!1;dropiTabChange;parsedTabs=[];tabsChanged(a){this.parsedTabs="string"==typeof a?JSON.parse(a):a??[]}componentWillLoad(){this.tabsChanged(this.tabs)}handleClick(a){a.disabled||(this.activeTab=a.id,this.dropiTabChange.emit(a))}render(){return i("div",{key:"9db1e2f4fdd15fc4ea4407d83fe33c562270acec",class:"tabs-container",role:"tablist"},this.parsedTabs.map((a=>{const t=a.id===this.activeTab;return i("div",{role:"tab","aria-selected":t+"",class:{"tab-item":!0,"tab-item--active":t&&!a.disabled,"tab-item--disabled":!!a.disabled},onClick:()=>this.handleClick(a)},i("span",{class:"tab-label-row"},i("span",{class:"tab-label"},a.label),null!=a.counter&&i("span",{class:{"tab-counter":!0,"tab-counter--active":t}},a.counter)),this.showIcon&&(a.completed?i("dropi-icon",{name:"Check-circle",width:"12px",height:"12px",color:"Success-Success-500"}):i("span",{class:"tab-status-dot"})))})))}static get watchers(){return{tabs:[{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,#fff);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-m,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:300;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-xs,10px);font-weight:var(--font-weight-medium,500);background:var(--Gray-Gray-100,#e6eaf2);color:var(--Gray-Gray-500,#69738c)}.tab-counter--active{background:var(--Primary-Primary-100,#fde8d0);color:var(--Primary-Primary-500,#f49a3d)}.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",{tabs:[1],activeTab:[1544,"active-tab"],showIcon:[4,"show-icon"],parsedTabs:[32]},void 0,{tabs:[{tabsChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-tabs","dropi-icon"].forEach((t=>{switch(t){case"dropi-tabs":customElements.get(a(t))||customElements.define(a(t),o);break;case"dropi-icon":customElements.get(a(t))||s()}}))}n();const c=o,b=n;export{c as DropiTabs,b 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-CnALA9z_.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:"35d0e29a1b788e7895d31ed6040cd86ecc6a28b3",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",width:"12px",height:"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 o,h as s}from"./index.js";const i=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}label="VARIABLE";render(){return s("div",{key:"7002748963348a2361665d0d307f4d8eb3a24e3a",class:"type-variation"},this.label)}static get style(){return":host{display:inline-block}.type-variation{border-radius:4px;background:#f1b44c;padding:2px 6px;font-size:12px;color:#fff;text-transform:capitalize;font-weight:400;width:fit-content}"}},[513,"dropi-tag-type-product",{label:[1]}]);function r(){"undefined"!=typeof customElements&&["dropi-tag-type-product"].forEach((e=>{"dropi-tag-type-product"===e&&(customElements.get(t(e))||customElements.define(t(e),i))}))}r();const n=i,a=r;export{n as DropiTagTypeProduct,a 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:"505c4833064fa691575e38aa16b6046bc101c7eb",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{t,p as e,H as i,h as s}from"./index.js";import{d as r}from"./p-wO1yy0Zr.js";const a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}type="primary";state="default";showIcon=!1;icon="";text="";colorMap={default:"Primary-Primary",success:"Success-Success",info:"Info-Info",warning:"Warning-Warning",error:"Error-Error",legacy:"Gray-Gray"};propsChanged(){}get bgColor(){const t=this.colorMap[this.state];return"primary"===this.type?`var(--${t}-500)`:`var(--${t}${"default"===this.state||"legacy"===this.state?"-100":"-50"})`}get textColor(){return"primary"===this.type?"var(--Neutral-White)":`var(--${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"})`}get iconColor(){return"primary"===this.type?"Neutral-White":`${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"}`}get hasContent(){return"string"==typeof this.text&&this.text.trim().length>0}render(){return s("div",{key:"ca7fdd40b3d059abe34a6c4ccfba5cbfbdb5c786",class:"container-chips"},s("div",{key:"897f4ab4a9d2d5ecb7088c6732f59c6cc3138c43",class:{tags:!0,"icon-only":this.showIcon&&!this.hasContent},style:{backgroundColor:this.bgColor,color:this.textColor}},this.showIcon&&this.icon&&s("dropi-icon",{key:"77b9315e4d1d4bd257331a4ce4cb3b82480430c0",class:"file-icon",name:this.icon,width:"16px",height:"16px",color:this.iconColor}),this.hasContent&&s("span",{key:"c55aede3070168989b8ebefa85480968f71eb08a"},this.text)))}static get watchers(){return{type:[{propsChanged:0}],state:[{propsChanged:0}]}}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:inline-block}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--Size-5, 24px);animation:fade-in 200ms ease-out}.tags.icon-only{gap:0}.file-icon{display:flex}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}"}},[513,"dropi-tag",{type:[1],state:[1],showIcon:[4,"show-icon"],icon:[1],text:[1]},void 0,{type:[{propsChanged:0}],state:[{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),a);break;case"dropi-icon":customElements.get(t(e))||r()}}))}o();const n=a,c=o;export{n as DropiTag,c as defineCustomElement}
+import{D as o,d as p}from"./p-CzHupXu8.js";const s=o,r=p;export{s 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 a,h as o}from"./index.js";import{d as i}from"./p-wO1yy0Zr.js";const s=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dropiInput=a(this,"dropiInput",7),this.dropiChange=a(this,"dropiChange",7),this.dropiFocus=a(this,"dropiFocus",7),this.dropiBlur=a(this,"dropiBlur",7),this.internals=this.attachInternals()}internals;inputId="";name="";label="";placeholder="";value="";maxlength;minlength=0;rows=4;resize="vertical";disabled=!1;required=!1;showAsterisk=!1;helperText="";invalid=!1;touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;valueChanged(r){this.internals.setFormValue(r)}componentWillLoad(){this.internals.setFormValue(this.value??"")}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.inputId||this.label}get isInvalid(){return this.invalid&&this.touched}get charCount(){return this.value?.length??0}render(){const r=this.helperText||this.isInvalid;return o("div",{key:"ea3be8cb6a7316f6c7e7b41b51e14db24654db7a",class:"textarea-wrapper"},this.label&&o("label",{key:"d6b48ca844611e26ac378070863334a481179cd5",htmlFor:this.resolvedId,style:{color:this.disabled?"var(--Gray-Gray-400)":"var(--Gray-Gray-600)"}},this.label,this.required&&this.showAsterisk&&!this.disabled&&o("span",{key:"a3f28346716188fd46ae411e54a64242856c9ec1",class:"asterisk"}," *")),o("div",{key:"c0532ad518a267ff14884c687e49b005ff39c381",class:"textarea-container"},o("textarea",{key:"3bdd909fb0b1710bba23d348fe46058414a0f244",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:"7c4f136b776dd9d5d930d690401d422d856139d1",class:"char-counter"},this.charCount,"/",this.maxlength)),r&&o("div",{key:"e72f689564b1c58cb706b5ad607044ec7cc267e7",class:"form-control-helper"},this.isInvalid&&o("dropi-icon",{key:"93308a1c97c96da20dd246ecc23c10ed6fd656a8",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),o("span",{key:"18df68d1cb37302d3bfeb5742432bf89806e0d98",class:{"invalid-color":this.isInvalid},style:{color:this.disabled?"var(--Gray-Gray-400)":void 0}},this.helperText)))}static get formAssociated(){return!0}static get watchers(){return{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}textarea.form-control{box-sizing:border-box;width:100%;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, #fff);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",{inputId:[1,"input-id"],name:[1],label:[1],placeholder:[1],value:[1025],maxlength:[2],minlength:[2],rows:[2],resize:[1],disabled:[516],required:[516],showAsterisk:[4,"show-asterisk"],helperText:[1,"helper-text"],invalid:[4],touched:[32]},void 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-CnALA9z_.js";const s=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dropiInput=a(this,"dropiInput",7),this.dropiChange=a(this,"dropiChange",7),this.dropiFocus=a(this,"dropiFocus",7),this.dropiBlur=a(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 o("div",{key:"8afff91e57583589acbc62da64543b522141fe4e",class:"textarea-wrapper"},this.label&&o("label",{key:"b80d26f1a0231b101b475c525aca3c759aa89912",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:"fa331063536907c43d869079edad0ed3be1989c5",class:"asterisk"}," *")),o("div",{key:"a98ca8f71bb5165115785c41d5ba58e846cd8d64",class:"textarea-container"},o("textarea",{key:"dd21883e18ab5819cbac034371036afb9566e902",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:"3955ef2341745b33a1e6fe88d4b6cf8ac6eecdca",class:"char-counter"},this.charCount,"/",this.maxLength)),r&&o("div",{key:"03c4f4c51fb653a09dd81cb4f4b0114ffcdf414c",class:"form-control-helper"},this.isInvalid&&o("dropi-icon",{key:"e85cfdc13637d349f679132bc88d2bdfa18878da",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),o("span",{key:"e4724f2509681e3c72b8e1b5df7e9f8f5e042dc0",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}

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

@@ -1 +1 @@
-import{t,p as e,H as r,h as a}from"./index.js";import{d as s}from"./p-wO1yy0Zr.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:"b8a4dee055ec85242e2a62a497a6b13fcea29bbc",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,width:"16px",height:"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, #fff);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, #fff)}.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}
+import{t,p as e,H as r,h as a}from"./index.js";import{d as s}from"./p-CnALA9z_.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:"988abfa70af8e37135bc70ca4f5727e5a5eb1295",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,width:"16px",height:"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 i,h as o}from"./index.js";import{d as s}from"./p-wO1yy0Zr.js";const a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}position="top-right";life=4e3;items=[];idCounter=0;async show(t){const e=t.id??"t"+ ++this.idCounter,i={msg:{...t,id:e,closable:t.closable??!0},leaving:!1};this.items=[...this.items,i];const o=void 0!==t.life?t.life:this.life;o>0&&(i.timer=setTimeout((()=>this.remove(e)),o))}async clear(){this.items.forEach((t=>{t.timer&&clearTimeout(t.timer)})),this.items=[]}remove(t){this.items=this.items.map((e=>e.msg.id===t?{...e,leaving:!0}:e)),setTimeout((()=>{this.items=this.items.filter((e=>e.msg.id!==t))}),320)}lottieMap={success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",warn:"/assets/lottie-files/warning.json",info:"/assets/lottie-files/question.json"};getLottieHtml(t){return`<lottie-player src="${this.lottieMap[t]}" background="transparent" speed="1" loop autoplay></lottie-player>`}render(){return o("div",{key:"c29bfdfa90eb237f24a4d682ae05e7c29b754404",class:"toast-container toast-container--"+this.position},this.items.map((t=>o("div",{key:t.msg.id,class:{"toast-wrapper":!0,"toast-wrapper--leaving":t.leaving}},o("div",{class:"toast toast--"+t.msg.severity},o("div",{class:"toast-content"},o("div",{class:"lottie-img"},o("div",{class:"lottie-player-container",innerHTML:this.getLottieHtml(t.msg.severity)})),o("div",{class:"info-container"},o("p",{class:"title"},t.msg.summary),t.msg.detail&&o("p",{class:"description"},t.msg.detail))),t.msg.closable&&o("button",{class:"toast-close",onClick:()=>this.remove(t.msg.id)},o("dropi-icon",{name:"Close-small",width:"20px",height:"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,#fff);box-shadow:0.5px -1px 7px 0px rgba(0, 0, 0, 0.06);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,#6b7280);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 i,h as o}from"./index.js";import{d as s}from"./p-CnALA9z_.js";const a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}position="top-right";life=3e3;items=[];idCounter=0;async show(t){const e=t.id??"t"+ ++this.idCounter,i={msg:{...t,id:e,closable:t.closable??!0},leaving:!1};this.items=[...this.items,i];const o=void 0!==t.life?t.life:this.life;o>0&&(i.timer=setTimeout((()=>this.remove(e)),o))}async clear(){this.items.forEach((t=>{t.timer&&clearTimeout(t.timer)})),this.items=[]}remove(t){this.items=this.items.map((e=>e.msg.id===t?{...e,leaving:!0}:e)),setTimeout((()=>{this.items=this.items.filter((e=>e.msg.id!==t))}),320)}lottieMap={success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",warn:"/assets/lottie-files/warning.json",info:"/assets/lottie-files/question.json"};getLottieHtml(t){return`<lottie-player src="${this.lottieMap[t]}" background="transparent" speed="1" loop autoplay></lottie-player>`}render(){return o("div",{key:"468855704e1a9dcb00b0927423326b312a2ca900",class:"toast-container toast-container--"+this.position},this.items.map((t=>o("div",{key:t.msg.id,class:{"toast-wrapper":!0,"toast-wrapper--leaving":t.leaving}},o("div",{class:"toast toast--"+t.msg.severity},o("div",{class:"toast-content"},o("div",{class:"lottie-img"},o("div",{class:"lottie-player-container",innerHTML:this.getLottieHtml(t.msg.severity)})),o("div",{class:"info-container"},o("p",{class:"title"},t.msg.summary),t.msg.detail&&o("p",{class:"description"},t.msg.detail))),t.msg.closable&&o("button",{class:"toast-close",onClick:()=>this.remove(t.msg.id)},o("dropi-icon",{name:"Close-small",width:"20px",height:"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);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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DropiTooltipV2 extends Components.DropiTooltipV2, HTMLElement {}
+export const DropiTooltipV2: {
+    prototype: DropiTooltipV2;
+    new (): DropiTooltipV2;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{t,p as o,H as i,h as e}from"./index.js";import{d as s}from"./p-CnALA9z_.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:"0f552323b1917d2324a696ded87fbd8251c7b23f",class:"tooltip-wrapper",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onClick:this.handleClick,onFocusin:this.handleFocusin,onFocusout:this.handleFocusout},this.showIcon&&e("dropi-icon",{key:"201d20c6db44099221999ccc7673d5b0c2392f71",name:this.iconName,width:this.iconSize+"px",height:this.iconSize+"px",color:this.iconColor}),e("slot",{key:"1e1848442f4ba714a9720def95e6efda2d0959bd"}),this.displayContent&&e("div",{key:"4697b41f9216d331c3b7fbb3cb26463b419c8530",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:"1aa1de98457fb9812c4df9b6ae44366accec8752",class:"tooltip-close",onClick:this.handleClose,"aria-label":"Cerrar"},e("dropi-icon",{key:"964ebde1dab86620b6f6fb5b59626900a815c5f2",name:"Close-small",width:"12px",height:"12px",color:"Gray-Gray-500"})),this.title&&!this.text&&e("strong",{key:"c7e321fbe9753bd98d49de552d12d4477e382cf3",class:"tooltip-title"},this.title),this.label&&!this.text&&e("span",{key:"6aad3847605402622d37579d71a85163e17dbeec",class:"tooltip-label"},this.label),this.text&&e("span",{key:"d688e80849a8156c243c9a6b642cc9e5976bcce9"},this.text),e("span",{key:"c9ce48f1499360f14e797dc006227b76baad4213",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 r}from"./index.js";const i=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}text="";position="top";maxWidth="280px";showDelay=0;visible=!1;showTimer=null;show=()=>{this.showDelay>0?this.showTimer=setTimeout((()=>{this.visible=!0}),this.showDelay):this.visible=!0};hide=()=>{this.showTimer&&(clearTimeout(this.showTimer),this.showTimer=null),this.visible=!1};render(){return r("div",{key:"9f328904e1954d08cf18d51ca765f07ec8b9d3c1",class:"tooltip-wrapper",onMouseEnter:this.show,onMouseLeave:this.hide,onFocusin:this.show,onFocusout:this.hide},r("slot",{key:"697ebc090a9b3d7db25666b6ae8726bc9c389d3c"}),this.text&&r("div",{key:"f82c4ad44cd13b3eb7fd3bbfa54bb598166fba1c",class:{"tooltip-bubble":!0,["tooltip-bubble--"+this.position]:!0,"tooltip-bubble--visible":this.visible},style:{maxWidth:this.maxWidth},role:"tooltip"},this.text,r("span",{key:"f850e6f1b5a66a686e9741b3d5e9df3bd5b81e95",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:#1f2433;color:var(--Neutral-White,#fff);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 #1f2433}.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 #1f2433}.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 #1f2433}.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 #1f2433}"}},[769,"dropi-tooltip",{text:[1],position:[1],maxWidth:[1,"max-width"],showDelay:[2,"show-delay"],visible:[32]}]);function s(){"undefined"!=typeof customElements&&["dropi-tooltip"].forEach((o=>{"dropi-tooltip"===o&&(customElements.get(t(o))||customElements.define(t(o),i))}))}s();const a=i,l=s;export{a as DropiTooltip,l 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:"82c2b45a441ae85a0aa7885cde0fcbe1ea553cfa",class:{"tooltip-simple":!0,"tooltip-simple--outlined":this.outlined}},i("slot",{key:"7fc4ab29a90e329131cd201a953d72c53b364f3f"}),this.text&&i("div",{key:"7de66eff9510747a524bdbccd598071c3f729448",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 a(){"undefined"!=typeof customElements&&["dropi-tooltip"].forEach((o=>{"dropi-tooltip"===o&&(customElements.get(t(o))||customElements.define(t(o),s))}))}a();const l=s,r=a;export{l as DropiTooltip,r 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-wO1yy0Zr.js";const a=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiStepClick=s(this,"dropiStepClick",7)}steps=[];currentStep=1;clickable=!1;showCheckIcon=!0;dropiStepClick;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:"ec06949df14eae6937921d930e37cf7638454263",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.dropiStepClick.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",width:"12px",height:"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, #fff);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.v-step__circle--current{background:var(--Neutral-White, #fff);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, #1a2033);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-CnALA9z_.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:"c73381c9db9f19ec7a7823c8301fd3dc5ebcd767",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",width:"12px",height:"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 r}from"./p-wO1yy0Zr.js";const a=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:"df20b4b0098b3283f266b012d56d3a0377a46420",class:"video-wrapper"+(this.isPlaying?" playing":"")},!this.isPlaying&&o("div",{key:"43b76b1e6d85da93b97ec0441331b82d567d2abe",class:"thumbnail",onClick:()=>{this.isPlaying=!0}},o("img",{key:"3719d3c151b9242f32b313047ccee4fc9b83f990",src:this.thumbnail,alt:"Video thumbnail "+this.videoId}),o("button",{key:"81c578b338b65168920cf38fb4dbc4ef82e6a1a7",class:"play-button","aria-label":"Reproducir video"},o("dropi-icon",{key:"ce505abe0eae58cf7d24eda6527168267e3412ea",name:"Play",width:"17px",height:"21px",color:"Neutral-White"}))),this.isPlaying&&o("iframe",{key:"bf25278bda2376f3de5776057223a139e8112d33",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:#000;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),a);break;case"dropi-icon":customElements.get(e(t))||r()}}))}d();const s=a,n=d;export{s as DropiYoutubeLazyVideo,n as defineCustomElement}
+import{t as e,p as t,H as i,h as o}from"./index.js";import{d as a}from"./p-CnALA9z_.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:"6279fe0a6bea1280c1f11970acaccefefb1cb217",class:"video-wrapper"+(this.isPlaying?" playing":"")},!this.isPlaying&&o("div",{key:"3a10666782aa544a9a8803eb9971502f9d7d49eb",class:"thumbnail",onClick:()=>{this.isPlaying=!0}},o("img",{key:"c359f64ca794e0c881b4d86815afef5232ec39d1",src:this.thumbnail,alt:"Video thumbnail "+this.videoId}),o("button",{key:"0e0ece4ad0e4b7f3eefb908eb41e8d115846cf49",class:"play-button","aria-label":"Reproducir video"},o("dropi-icon",{key:"7303be2f675d2b51f7333889392fb291669210c7",name:"Play",width:"17px",height:"21px",color:"Neutral-White"}))),this.isPlaying&&o("iframe",{key:"166b4405676d578959188f0f50c882773f9afe63",src:this.videoUrl,title:this.videoTitle,frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,loading:"lazy"}))}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}

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)}";function t(e,t,n){const r="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==r;){const r=Object.getOwnPropertyDescriptor(e,t);if(r&&(!n||r.get))return r;e=Object.getPrototypeOf(e)}}var n,r=(e,n)=>{var r;Object.entries(null!=(r=n.o.t)?r:{}).map((([r,[o]])=>{if(31&o||32&o){const o=e[r],i=t(Object.getPrototypeOf(e),r,!0)||Object.getOwnPropertyDescriptor(e,r);i&&Object.defineProperty(e,r,{get(){return i.get.call(this)},set(e){i.set.call(this,e)},configurable:!0,enumerable:!0}),n.i.has(r)?e[r]=n.i.get(r):void 0!==o&&(e[r]=o)}}))},o=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},i=(e,t)=>t in e,a=(e,t)=>(0,console.error)(e,t),l=new Map,s=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],f="undefined"!=typeof window?window:{},c=f.HTMLElement||class{},u={l:0,u:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)},h=(()=>{try{return!!f.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),d=!!h&&(()=>!!f.document&&Object.getOwnPropertyDescriptor(f.document.adoptedStyleSheets,"length").writable)(),g=!1,y=[],p=[],m=(e,t)=>n=>{e.push(n),g||(g=!0,t&&4&u.l?x(b):u.raf(b))},v=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){a(e)}e.length=0},b=()=>{v(y),v(p),(g=y.length>0)&&u.raf(b)},x=e=>Promise.resolve(void 0).then(e),S=m(p,!0),w=e=>{const t=new URL(e,u.u);return t.origin!==f.location.origin?t.href:t.pathname},z=e=>u.u=e;function G(){var t;const r=this.attachShadow({mode:"open"});if(void 0===n&&(n=null!=(t=function(e){if(!h)return;const t=new CSSStyleSheet;return t.replaceSync(e),t}(e))?t:null),n)d?r.adoptedStyleSheets.push(n):r.adoptedStyleSheets=[...r.adoptedStyleSheets,n];else if(!h){const t=document.createElement("style");t.innerHTML=e,r.prepend(t)}}var $,j=new WeakMap,E=e=>"sc-"+e.h,O=e=>"object"==(e=typeof e)||"function"===e,P=(e,t,...n)=>{let r=null,o=null,i=!1,a=!1;const l=[],s=t=>{for(let n=0;n<t.length;n++)r=t[n],Array.isArray(r)?s(r):null!=r&&"boolean"!=typeof r&&((i="function"!=typeof e&&!O(r))&&(r+=""),i&&a?l[l.length-1].p+=r:l.push(i?W(null,r):r),a=i)};if(s(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const f=W(e,null);return f.m=t,l.length>0&&(f.v=l),f.S=o,f},W=(e,t)=>({l:0,G:e,p:null!=t?t:null,$:null,v:null,m:null,S:null}),k={},I=(e,t,n)=>null==e||O(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,M=(e,t,n)=>{const r=e;return{emit:e=>C(r,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},C=(e,t,n)=>{const r=u.ce(t,n);return e.dispatchEvent(r),r},B=(e,t,n,r,a,l)=>{if(n===r)return;let s=i(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=R(n);let i=R(r);t.remove(...o.filter((e=>e&&!i.includes(e)))),t.add(...i.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)r&&null!=r[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in r)n&&r[t]===n[t]||(t.includes("-")?e.style.setProperty(t,r[t]):e.style[t]=r[t])}else if("key"===t);else if("ref"===t)r&&Q(r,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 i;{const t=o(e);if(t&&t.o&&t.o.t){const e=t.o.t[n];e&&e[1]&&(i=e[1])}}return i||(i=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==r||!1===r?!1===r&&""!==e.getAttribute(i)||e.removeAttribute(i):e.setAttribute(i,!0===r?"":r))}if("p"===t[0]&&t.startsWith("prop:")){const n=t.slice(5);try{e[n]=r}catch(e){}return}{const o=O(r);if((s||o&&null!==r)&&!a)try{if(e.tagName.includes("-"))e[t]!==r&&(e[t]=r);else{const o=null==r?"":r;"list"===t?s=!1:null!=n&&e[t]===o||("function"==typeof e.__lookupSetter__(t)?e[t]=o:e.setAttribute(t,o))}}catch(e){}null==r||!1===r?!1===r&&""!==e.getAttribute(t)||e.removeAttribute(t):(!s||4&l||a)&&!o&&1===e.nodeType&&e.setAttribute(t,r=!0===r?"":r)}}else if(t="-"===t[2]?t.slice(3):i(f,c)?c.slice(2):c[2]+t.slice(3),n||r){const o=t.endsWith(A);t=t.replace(N,""),n&&u.rel(e,t,n,o),r&&u.ael(e,t,r,o)}},L=/\s/,R=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(L):[]),A="Capture",N=RegExp(A+"$"),D=(e,t,n)=>{const r=11===t.$.nodeType&&t.$.host?t.$.host:t.$,o=e&&e.m||{},i=t.m||{};for(const e of U(Object.keys(o)))e in i||B(r,e,o[e],void 0,n,t.l);for(const e of U(Object.keys(i)))B(r,e,o[e],i[e],n,t.l)};function U(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var _=!1,H=!1,T=[],F=[],V=(e,t,n)=>{const r=t.v[n];let o,i,a=0;if(null!=r.p)o=r.$=f.document.createTextNode(r.p);else{if(H||(H="svg"===r.G),!f.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(o=r.$=f.document.createElementNS(H?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",r.G),H&&"foreignObject"===r.G&&(H=!1),D(null,r,H),r.v){const t="template"===r.G?o.content:o;for(a=0;a<r.v.length;++a)i=V(e,r,a),i&&t.appendChild(i)}"svg"===r.G?H=!1:"foreignObject"===o.tagName&&(H=!0)}return o["s-hn"]=$,o},q=(e,t,n,r,o,i)=>{let a,l=e;for(l.shadowRoot&&l.tagName===$&&(l=l.shadowRoot),"template"===n.G&&(l=l.content);o<=i;++o)r[o]&&(a=V(null,n,o),a&&(r[o].$=a,X(l,a,t)))},Y=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.$;K(t),e&&e.remove()}}},Z=(e,t,n=!1)=>e.G===t.G&&(n?(n&&!e.S&&t.S&&(e.S=t.S),!0):e.S===t.S),J=(e,t,n=!1)=>{const r=t.$=e.$,o=e.v,i=t.v,a=t.G,l=t.p;null==l?(H="svg"===a||"foreignObject"!==a&&H,"slot"!==a||_||e.j!==t.j&&(t.$["s-sn"]=t.j||"",(e=>{u.l|=1;const t=e.closest($.toLowerCase());if(null!=t){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"])),r=Array.from(e.__childNodes||e.childNodes);for(const e of n?r.reverse():r)null!=e["s-sh"]&&(X(t,e,null!=n?n:null),e["s-sh"]=void 0)}u.l&=-2})(t.$.parentElement)),D(e,t,H),null!==o&&null!==i?((e,t,n,r,o=!1)=>{let i,a,l=0,s=0,f=0,c=0,u=t.length-1,h=t[0],d=t[u],g=r.length-1,y=r[0],p=r[g];const m="template"===n.G?e.content:e;for(;l<=u&&s<=g;)if(null==h)h=t[++l];else if(null==d)d=t[--u];else if(null==y)y=r[++s];else if(null==p)p=r[--g];else if(Z(h,y,o))J(h,y,o),h=t[++l],y=r[++s];else if(Z(d,p,o))J(d,p,o),d=t[--u],p=r[--g];else if(Z(h,p,o))J(h,p,o),X(m,h.$,d.$.nextSibling),h=t[++l],p=r[--g];else if(Z(d,y,o))J(d,y,o),X(m,d.$,h.$),d=t[--u],y=r[++s];else{for(f=-1,c=l;c<=u;++c)if(t[c]&&null!==t[c].S&&t[c].S===y.S){f=c;break}f>=0?(a=t[f],a.G!==y.G?i=V(t&&t[s],n,f):(J(a,y,o),t[f]=void 0,i=a.$),y=r[++s]):(i=V(t&&t[s],n,s),y=r[++s]),i&&X(h.$.parentNode,i,h.$)}l>u?q(e,null==r[g+1]?null:r[g+1].$,n,r,s,g):s>g&&Y(t,l,u)})(r,o,t,i,n):null!==i?(null!==e.p&&(r.textContent=""),q(r,null,t,i,0,i.length-1)):!n&&null!==o&&Y(o,0,o.length-1),H&&"svg"===a&&(H=!1)):e.p!==l&&(r.data=l)},K=e=>{e.m&&e.m.ref&&T.push((()=>e.m.ref(null))),e.v&&e.v.map(K)},Q=(e,t)=>{F.push((()=>e(t)))},X=(e,t,n)=>e.__insertBefore?e.__insertBefore(t,n):null==e?void 0:e.insertBefore(t,n),ee=(e,t,n=!1)=>{const r=e.$hostElement$,o=e.o,i=e.O||W(null,null),a=(e=>e&&e.G===k)(t)?t:P(null,null,t);if($=r.tagName,o.P&&(a.m=a.m||{},o.P.forEach((([e,t])=>{a.m[t]=r[e]}))),n&&a.m)for(const e of Object.keys(a.m))r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(a.m[e]=r[e]);a.G=null,a.l|=4,e.O=a,a.$=i.$=r.shadowRoot||r,_=!(!(1&o.l)||128&o.l),J(i,a,n),T.forEach((e=>e())),T.length=0,F.forEach((e=>e())),F.length=0},te=(e,t)=>{if(t&&!e.W&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.W=()=>{t["s-p"].splice(n-1,1),r()})))}},ne=(e,t)=>{if(e.l|=16,4&e.l)return void(e.l|=512);te(e,e.k);const n=()=>re(e,t);if(!t)return S(n);queueMicrotask((()=>{n()}))},re=(e,t)=>{const n=e.$hostElement$,r=n;if(!r)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 o;return o=ce(r,t?"componentWillLoad":"componentWillUpdate",void 0,n),o=oe(o,(()=>ce(r,"componentWillRender",void 0,n))),oe(o,(()=>ae(e,r,t)))},oe=(e,t)=>ie(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),ie=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ae=async(e,t,n)=>{var r;const o=e.$hostElement$,i=o["s-rc"];n&&(e=>{const t=e.o,n=e.$hostElement$,r=t.l,o=((e,t)=>{var n,r,o;const i=E(t),a=l.get(i);if(!f.document)return i;if(e=11===e.nodeType?e:f.document,a)if("string"==typeof a){let o,l=j.get(e=e.head||e);if(l||j.set(e,l=new Set),!l.has(i)){o=f.document.createElement("style"),o.textContent=a;const s=null!=(n=u.I)?n:function(){var e,t,n;return null!=(n=null==(t=null==(e=f.document.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?n:void 0}();if(null!=s&&o.setAttribute("nonce",s),!(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(o,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(h){const t=new(null!=(r=e.defaultView)?r:e.ownerDocument.defaultView).CSSStyleSheet;t.replaceSync(a),d?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.textContent=a+t.textContent:e.prepend(o)}else e.append(o);1&t.l&&e.insertBefore(o,null),4&t.l&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),l&&l.add(i)}}else{let t=j.get(e);if(t||j.set(e,t=new Set),!t.has(i)){const n=null!=(o=e.defaultView)?o:e.ownerDocument.defaultView;let r;if(a.constructor===n.CSSStyleSheet)r=a;else{r=new n.CSSStyleSheet;for(let e=0;e<a.cssRules.length;e++)r.insertRule(a.cssRules[e].cssText,e)}d?e.adoptedStyleSheets.push(r):e.adoptedStyleSheets=[...e.adoptedStyleSheets,r],t.add(i)}}return i})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&r&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);le(e,t,o,n),i&&(i.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(r=o["s-p"])?r:[],n=()=>se(e);0===t.length?n():(Promise.all(t).then(n).catch(n),e.l|=4,t.length=0)}},le=(e,t,n,r)=>{try{t=t.render(),e.l&=-17,e.l|=2,ee(e,t,r)}catch(t){a(t,e.$hostElement$)}return null},se=e=>{const t=e.$hostElement$,n=t,r=e.k;ce(n,"componentDidRender",void 0,t),64&e.l?ce(n,"componentDidUpdate",void 0,t):(e.l|=64,ue(t),ce(n,"componentDidLoad",void 0,t),e.M(t),r||fe()),e.W&&(e.W(),e.W=void 0),512&e.l&&x((()=>ne(e,!1))),e.l&=-517},fe=()=>{x((()=>C(f,"appload",{detail:{namespace:"dropi-ui"}})))},ce=(e,t,n,r)=>{if(e&&e[t])try{return e[t](n)}catch(e){a(e,r)}},ue=e=>e.classList.add("hydrated"),he=(e,t,n,r)=>{const i=o(e);if(!i)return;const l=e,s=i.i.get(t),f=i.l,c=l;if(!((n=I(n,r.t[t][0],!!(64&r.l)))===s||Number.isNaN(s)&&Number.isNaN(n))){if(i.i.set(t,n),r.C){const e=r.C[t];e&&e.map((e=>{try{const[[r,o]]=Object.entries(e);(128&f||1&o)&&(c?c[r](n,s,t):i.B.push((()=>{i.L[r](n,s,t)})))}catch(e){a(e,l)}}))}if(2&f){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,s,t)&&!(16&f))return;16&f||ne(i,!1)}}},de=(e,n,r)=>{var i,a;const l=e.prototype;64&n.l&&1&r&&s.forEach((e=>{const t=l[e];Object.defineProperty(l,e,{value(...n){var r;const i=o(this),a=this;a?"function"==typeof t&&t.call(a,...n):null==(r=null==i?void 0:i.R)||r.then((t=>{const r=t[e];"function"==typeof r&&r.call(t,...n)}))}})}));{e.watchers&&!n.C&&(n.C=e.watchers),e.deserializers&&!n.A&&(n.A=e.deserializers),e.serializers&&!n.N&&(n.N=e.serializers);const r=Object.entries(null!=(i=n.t)?i:{});r.map((([e,[r]])=>{if(31&r||32&r){const{get:i,set:a}=t(l,e)||{};i&&(n.t[e][0]|=2048),a&&(n.t[e][0]|=4096),Object.defineProperty(l,e,{get(){return i?i.apply(this):((e,t)=>o(this).i.get(t))(0,e)},configurable:!0,enumerable:!0}),Object.defineProperty(l,e,{set(t){const i=o(this);if(i){if(a)return void 0===(32&r?this[e]:i.$hostElement$[e])&&i.i.get(e)&&(t=i.i.get(e)),a.call(this,I(t,r,!!(64&n.l))),void he(this,e,t=32&r?this[e]:i.$hostElement$[e],n);he(this,e,t,n)}}})}}));{const t=new Map;l.attributeChangedCallback=function(e,i,a){u.jmp((()=>{var s;const f=t.get(e),c=o(this);if(this.hasOwnProperty(f),l.hasOwnProperty(f)&&"number"==typeof this[f]&&this[f]==a)return;if(null==f){const t=null==c?void 0:c.l;if(c&&t&&!(8&t)&&a!==i){const r=this,o=null==(s=n.C)?void 0:s[e];null==o||o.forEach((n=>{const[[o,l]]=Object.entries(n);null!=r[o]&&(128&t||1&l)&&r[o].call(r,a,i,e)}))}return}const u=r.find((([e])=>e===f));u&&4&u[1][0]&&(a=null!==a&&"false"!==a);const h=Object.getOwnPropertyDescriptor(l,f);a==this[f]||h.get&&!h.set||(this[f]=a)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(a=n.C)?a:{}),...r.filter((([e,t])=>31&t[0])).map((([e,r])=>{var o;const i=r[1]||e;return t.set(i,e),512&r[0]&&(null==(o=n.P)||o.push([e,i])),i}))]))}}return e},ge=(e,t)=>{const n={l:t[0],h:t[1]};try{n.t=t[2],n.D=t[3],n.C=e.C,n.A=e.A,n.N=e.N,n.P=[];const i=e.prototype.connectedCallback,s=e.prototype.disconnectedCallback;return Object.assign(e.prototype,{__hasHostListenerAttached:!1,__registerHost(){((e,t)=>{const n={l:0,$hostElement$:e,o:t,i:new Map,U:new Map};n.R=new Promise((e=>n.M=e)),e["s-p"]=[],e["s-rc"]=[];const o=n;e.__stencil__getHostRef=()=>o,512&t.l&&r(e,n)})(this,n)},connectedCallback(){if(!this.__hasHostListenerAttached){const e=o(this);if(!e)return;ye(this,e,n.D),this.__hasHostListenerAttached=!0}(e=>{if(!(1&u.l)){const t=o(e);if(!t)return;const n=t.o,r=()=>{};if(1&t.l)ye(e,t,n.D),(null==t?void 0:t.L)||(null==t?void 0:t.R)&&t.R.then((()=>{}));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){te(t,t.k=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 r;try{if(!(32&t.l)&&(t.l|=32,r=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128)),r&&r.style)){let e;"string"==typeof r.style&&(e=r.style);const t=E(n);if(!l.has(t)){const r=()=>{};((e,t,n)=>{let r=l.get(e);h&&n?(r=r||new CSSStyleSheet,"string"==typeof r?r=t:r.replaceSync(t)):r=t,l.set(e,r)})(t,e,!!(1&n.l)),r()}}const o=t.k,i=()=>ne(t,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()}catch(n){a(n,e),t.W&&(t.W(),t.W=void 0),t.M&&t.M(e)}})(e,t,n)}r()}})(this),i&&i.call(this)},disconnectedCallback(){(async e=>{if(!(1&u.l)){const t=o(e);(null==t?void 0:t._)&&(t._.map((e=>e())),t._=void 0)}j.has(e)&&j.delete(e),e.shadowRoot&&j.has(e.shadowRoot)&&j.delete(e.shadowRoot)})(this),s&&s.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${n.h}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else G.call(this,n)}}),Object.defineProperty(e,"is",{value:n.h,configurable:!0}),de(e,n,3)}catch(t){return a(t),e}},ye=(e,t,n)=>{n&&f.document&&n.map((([n,r,o])=>{const i=me(f.document,e,n),a=pe(t,o),l=ve(n);u.ael(i,r,a,l),(t._=t._||[]).push((()=>u.rel(i,r,a,l)))}))},pe=(e,t)=>n=>{try{e.$hostElement$[t](n)}catch(t){a(t,e.$hostElement$)}},me=(e,t,n)=>4&n?e:t,ve=e=>({passive:!!(1&e),capture:!!(2&e)}),be=e=>u.I=e,xe=e=>Object.assign(u,e);function Se(e,t){ee({o:{l:0,h:t.tagName},$hostElement$:t},e)}function we(e){return e}export{c as H,M as c,w as getAssetPath,P as h,ge as p,Se as render,z as setAssetPath,be as setNonce,xe as setPlatformOptions,we 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)}";function t(e,t,n){const r="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==r;){const r=Object.getOwnPropertyDescriptor(e,t);if(r&&(!n||r.get))return r;e=Object.getPrototypeOf(e)}}var n,r=(e,n)=>{var r;Object.entries(null!=(r=n.o.t)?r:{}).map((([r,[o]])=>{if(31&o||32&o){const o=e[r],i=t(Object.getPrototypeOf(e),r,!0)||Object.getOwnPropertyDescriptor(e,r);i&&Object.defineProperty(e,r,{get(){return i.get.call(this)},set(e){i.set.call(this,e)},configurable:!0,enumerable:!0}),n.i.has(r)?e[r]=n.i.get(r):void 0!==o&&(e[r]=o)}}))},o=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},i=(e,t)=>t in e,a=(e,t)=>(0,console.error)(e,t),l=new Map,s=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],f="undefined"!=typeof window?window:{},c=f.HTMLElement||class{},u={l:0,u:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)},h=(()=>{try{return!!f.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),d=!!h&&(()=>!!f.document&&Object.getOwnPropertyDescriptor(f.document.adoptedStyleSheets,"length").writable)(),g=!1,y=[],p=[],m=(e,t)=>n=>{e.push(n),g||(g=!0,t&&4&u.l?x(b):u.raf(b))},v=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){a(e)}e.length=0},b=()=>{v(y),v(p),(g=y.length>0)&&u.raf(b)},x=e=>Promise.resolve(void 0).then(e),S=m(p,!0),w=e=>{const t=new URL(e,u.u);return t.origin!==f.location.origin?t.href:t.pathname},z=e=>u.u=e;function G(){var t;const r=this.attachShadow({mode:"open"});if(void 0===n&&(n=null!=(t=function(e){if(!h)return;const t=new CSSStyleSheet;return t.replaceSync(e),t}(e))?t:null),n)d?r.adoptedStyleSheets.push(n):r.adoptedStyleSheets=[...r.adoptedStyleSheets,n];else if(!h){const t=document.createElement("style");t.innerHTML=e,r.prepend(t)}}var $,j=new WeakMap,E=e=>"sc-"+e.h,O=e=>"object"==(e=typeof e)||"function"===e,P=(e,t,...n)=>{let r=null,o=null,i=!1,a=!1;const l=[],s=t=>{for(let n=0;n<t.length;n++)r=t[n],Array.isArray(r)?s(r):null!=r&&"boolean"!=typeof r&&((i="function"!=typeof e&&!O(r))&&(r+=""),i&&a?l[l.length-1].p+=r:l.push(i?W(null,r):r),a=i)};if(s(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const f=W(e,null);return f.m=t,l.length>0&&(f.v=l),f.S=o,f},W=(e,t)=>({l:0,G:e,p:null!=t?t:null,$:null,v:null,m:null,S:null}),k={},I=(e,t,n)=>null==e||O(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,M=(e,t,n)=>{const r=e;return{emit:e=>C(r,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},C=(e,t,n)=>{const r=u.ce(t,n);return e.dispatchEvent(r),r},B=(e,t,n,r,a,l)=>{if(n===r)return;let s=i(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=R(n);let i=R(r);t.remove(...o.filter((e=>e&&!i.includes(e)))),t.add(...i.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)r&&null!=r[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in r)n&&r[t]===n[t]||(t.includes("-")?e.style.setProperty(t,r[t]):e.style[t]=r[t])}else if("key"===t);else if("ref"===t)r&&Q(r,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 i;{const t=o(e);if(t&&t.o&&t.o.t){const e=t.o.t[n];e&&e[1]&&(i=e[1])}}return i||(i=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==r||!1===r?!1===r&&""!==e.getAttribute(i)||e.removeAttribute(i):e.setAttribute(i,!0===r?"":r))}if("p"===t[0]&&t.startsWith("prop:")){const n=t.slice(5);try{e[n]=r}catch(e){}return}{const o=O(r);if((s||o&&null!==r)&&!a)try{if(e.tagName.includes("-"))e[t]!==r&&(e[t]=r);else{const o=null==r?"":r;"list"===t?s=!1:null!=n&&e[t]===o||("function"==typeof e.__lookupSetter__(t)?e[t]=o:e.setAttribute(t,o))}}catch(e){}null==r||!1===r?!1===r&&""!==e.getAttribute(t)||e.removeAttribute(t):(!s||4&l||a)&&!o&&1===e.nodeType&&e.setAttribute(t,r=!0===r?"":r)}}else if(t="-"===t[2]?t.slice(3):i(f,c)?c.slice(2):c[2]+t.slice(3),n||r){const o=t.endsWith(A);t=t.replace(N,""),n&&u.rel(e,t,n,o),r&&u.ael(e,t,r,o)}},L=/\s/,R=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(L):[]),A="Capture",N=RegExp(A+"$"),D=(e,t,n)=>{const r=11===t.$.nodeType&&t.$.host?t.$.host:t.$,o=e&&e.m||{},i=t.m||{};for(const e of U(Object.keys(o)))e in i||B(r,e,o[e],void 0,n,t.l);for(const e of U(Object.keys(i)))B(r,e,o[e],i[e],n,t.l)};function U(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var _=!1,H=!1,T=[],F=[],V=(e,t,n)=>{const r=t.v[n];let o,i,a=0;if(null!=r.p)o=r.$=f.document.createTextNode(r.p);else{if(H||(H="svg"===r.G),!f.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(o=r.$=f.document.createElementNS(H?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",r.G),H&&"foreignObject"===r.G&&(H=!1),D(null,r,H),r.v){const t="template"===r.G?o.content:o;for(a=0;a<r.v.length;++a)i=V(e,r,a),i&&t.appendChild(i)}"svg"===r.G?H=!1:"foreignObject"===o.tagName&&(H=!0)}return o["s-hn"]=$,o},q=(e,t,n,r,o,i)=>{let a,l=e;for(l.shadowRoot&&l.tagName===$&&(l=l.shadowRoot),"template"===n.G&&(l=l.content);o<=i;++o)r[o]&&(a=V(null,n,o),a&&(r[o].$=a,X(l,a,t)))},Y=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.$;K(t),e&&e.remove()}}},Z=(e,t,n=!1)=>e.G===t.G&&(n?(n&&!e.S&&t.S&&(e.S=t.S),!0):e.S===t.S),J=(e,t,n=!1)=>{const r=t.$=e.$,o=e.v,i=t.v,a=t.G,l=t.p;null==l?(H="svg"===a||"foreignObject"!==a&&H,"slot"!==a||_||e.j!==t.j&&(t.$["s-sn"]=t.j||"",(e=>{u.l|=1;const t=e.closest($.toLowerCase());if(null!=t){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"])),r=Array.from(e.__childNodes||e.childNodes);for(const e of n?r.reverse():r)null!=e["s-sh"]&&(X(t,e,null!=n?n:null),e["s-sh"]=void 0)}u.l&=-2})(t.$.parentElement)),D(e,t,H),null!==o&&null!==i?((e,t,n,r,o=!1)=>{let i,a,l=0,s=0,f=0,c=0,u=t.length-1,h=t[0],d=t[u],g=r.length-1,y=r[0],p=r[g];const m="template"===n.G?e.content:e;for(;l<=u&&s<=g;)if(null==h)h=t[++l];else if(null==d)d=t[--u];else if(null==y)y=r[++s];else if(null==p)p=r[--g];else if(Z(h,y,o))J(h,y,o),h=t[++l],y=r[++s];else if(Z(d,p,o))J(d,p,o),d=t[--u],p=r[--g];else if(Z(h,p,o))J(h,p,o),X(m,h.$,d.$.nextSibling),h=t[++l],p=r[--g];else if(Z(d,y,o))J(d,y,o),X(m,d.$,h.$),d=t[--u],y=r[++s];else{for(f=-1,c=l;c<=u;++c)if(t[c]&&null!==t[c].S&&t[c].S===y.S){f=c;break}f>=0?(a=t[f],a.G!==y.G?i=V(t&&t[s],n,f):(J(a,y,o),t[f]=void 0,i=a.$),y=r[++s]):(i=V(t&&t[s],n,s),y=r[++s]),i&&X(h.$.parentNode,i,h.$)}l>u?q(e,null==r[g+1]?null:r[g+1].$,n,r,s,g):s>g&&Y(t,l,u)})(r,o,t,i,n):null!==i?(null!==e.p&&(r.textContent=""),q(r,null,t,i,0,i.length-1)):!n&&null!==o&&Y(o,0,o.length-1),H&&"svg"===a&&(H=!1)):e.p!==l&&(r.data=l)},K=e=>{e.m&&e.m.ref&&T.push((()=>e.m.ref(null))),e.v&&e.v.map(K)},Q=(e,t)=>{F.push((()=>e(t)))},X=(e,t,n)=>e.__insertBefore?e.__insertBefore(t,n):null==e?void 0:e.insertBefore(t,n),ee=(e,t,n=!1)=>{const r=e.$hostElement$,o=e.o,i=e.O||W(null,null),a=(e=>e&&e.G===k)(t)?t:P(null,null,t);if($=r.tagName,o.P&&(a.m=a.m||{},o.P.forEach((([e,t])=>{a.m[t]=r[e]}))),n&&a.m)for(const e of Object.keys(a.m))r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(a.m[e]=r[e]);a.G=null,a.l|=4,e.O=a,a.$=i.$=r.shadowRoot||r,_=!(!(1&o.l)||128&o.l),J(i,a,n),T.forEach((e=>e())),T.length=0,F.forEach((e=>e())),F.length=0},te=(e,t)=>{if(t&&!e.W&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.W=()=>{t["s-p"].splice(n-1,1),r()})))}},ne=(e,t)=>{if(e.l|=16,4&e.l)return void(e.l|=512);te(e,e.k);const n=()=>re(e,t);if(!t)return S(n);queueMicrotask((()=>{n()}))},re=(e,t)=>{const n=e.$hostElement$,r=n;if(!r)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 o;return o=ce(r,t?"componentWillLoad":"componentWillUpdate",void 0,n),o=oe(o,(()=>ce(r,"componentWillRender",void 0,n))),oe(o,(()=>ae(e,r,t)))},oe=(e,t)=>ie(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),ie=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ae=async(e,t,n)=>{var r;const o=e.$hostElement$,i=o["s-rc"];n&&(e=>{const t=e.o,n=e.$hostElement$,r=t.l,o=((e,t)=>{var n,r,o;const i=E(t),a=l.get(i);if(!f.document)return i;if(e=11===e.nodeType?e:f.document,a)if("string"==typeof a){let o,l=j.get(e=e.head||e);if(l||j.set(e,l=new Set),!l.has(i)){o=f.document.createElement("style"),o.textContent=a;const s=null!=(n=u.I)?n:function(){var e,t,n;return null!=(n=null==(t=null==(e=f.document.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?n:void 0}();if(null!=s&&o.setAttribute("nonce",s),!(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(o,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(h){const t=new(null!=(r=e.defaultView)?r:e.ownerDocument.defaultView).CSSStyleSheet;t.replaceSync(a),d?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.textContent=a+t.textContent:e.prepend(o)}else e.append(o);1&t.l&&e.insertBefore(o,null),4&t.l&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),l&&l.add(i)}}else{let t=j.get(e);if(t||j.set(e,t=new Set),!t.has(i)){const n=null!=(o=e.defaultView)?o:e.ownerDocument.defaultView;let r;if(a.constructor===n.CSSStyleSheet)r=a;else{r=new n.CSSStyleSheet;for(let e=0;e<a.cssRules.length;e++)r.insertRule(a.cssRules[e].cssText,e)}d?e.adoptedStyleSheets.push(r):e.adoptedStyleSheets=[...e.adoptedStyleSheets,r],t.add(i)}}return i})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&r&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);le(e,t,o,n),i&&(i.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(r=o["s-p"])?r:[],n=()=>se(e);0===t.length?n():(Promise.all(t).then(n).catch(n),e.l|=4,t.length=0)}},le=(e,t,n,r)=>{try{t=t.render(),e.l&=-17,e.l|=2,ee(e,t,r)}catch(t){a(t,e.$hostElement$)}return null},se=e=>{const t=e.$hostElement$,n=t,r=e.k;ce(n,"componentDidRender",void 0,t),64&e.l?ce(n,"componentDidUpdate",void 0,t):(e.l|=64,ue(t),ce(n,"componentDidLoad",void 0,t),e.M(t),r||fe()),e.W&&(e.W(),e.W=void 0),512&e.l&&x((()=>ne(e,!1))),e.l&=-517},fe=()=>{x((()=>C(f,"appload",{detail:{namespace:"dropi-ui"}})))},ce=(e,t,n,r)=>{if(e&&e[t])try{return e[t](n)}catch(e){a(e,r)}},ue=e=>e.classList.add("hydrated"),he=(e,t,n,r)=>{const i=o(e);if(!i)return;const l=e,s=i.i.get(t),f=i.l,c=l;if(!((n=I(n,r.t[t][0],!!(64&r.l)))===s||Number.isNaN(s)&&Number.isNaN(n))){if(i.i.set(t,n),r.C){const e=r.C[t];e&&e.map((e=>{try{const[[r,o]]=Object.entries(e);(128&f||1&o)&&(c?c[r](n,s,t):i.B.push((()=>{i.L[r](n,s,t)})))}catch(e){a(e,l)}}))}if(2&f){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,s,t)&&!(16&f))return;16&f||ne(i,!1)}}},de=(e,n,r)=>{var i,a;const l=e.prototype;64&n.l&&1&r&&s.forEach((e=>{const t=l[e];Object.defineProperty(l,e,{value(...n){var r;const i=o(this),a=this;a?"function"==typeof t&&t.call(a,...n):null==(r=null==i?void 0:i.R)||r.then((t=>{const r=t[e];"function"==typeof r&&r.call(t,...n)}))}})}));{e.watchers&&!n.C&&(n.C=e.watchers),e.deserializers&&!n.A&&(n.A=e.deserializers),e.serializers&&!n.N&&(n.N=e.serializers);const r=Object.entries(null!=(i=n.t)?i:{});r.map((([e,[r]])=>{if(31&r||32&r){const{get:i,set:a}=t(l,e)||{};i&&(n.t[e][0]|=2048),a&&(n.t[e][0]|=4096),Object.defineProperty(l,e,{get(){return i?i.apply(this):((e,t)=>o(this).i.get(t))(0,e)},configurable:!0,enumerable:!0}),Object.defineProperty(l,e,{set(t){const i=o(this);if(i){if(a)return void 0===(32&r?this[e]:i.$hostElement$[e])&&i.i.get(e)&&(t=i.i.get(e)),a.call(this,I(t,r,!!(64&n.l))),void he(this,e,t=32&r?this[e]:i.$hostElement$[e],n);he(this,e,t,n)}}})}}));{const t=new Map;l.attributeChangedCallback=function(e,i,a){u.jmp((()=>{var s;const f=t.get(e),c=o(this);if(this.hasOwnProperty(f),l.hasOwnProperty(f)&&"number"==typeof this[f]&&this[f]==a)return;if(null==f){const t=null==c?void 0:c.l;if(c&&t&&!(8&t)&&a!==i){const r=this,o=null==(s=n.C)?void 0:s[e];null==o||o.forEach((n=>{const[[o,l]]=Object.entries(n);null!=r[o]&&(128&t||1&l)&&r[o].call(r,a,i,e)}))}return}const u=r.find((([e])=>e===f));u&&4&u[1][0]&&(a=null!==a&&"false"!==a);const h=Object.getOwnPropertyDescriptor(l,f);a==this[f]||h.get&&!h.set||(this[f]=a)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(a=n.C)?a:{}),...r.filter((([e,t])=>31&t[0])).map((([e,r])=>{var o;const i=r[1]||e;return t.set(i,e),512&r[0]&&(null==(o=n.P)||o.push([e,i])),i}))]))}}return e},ge=(e,t)=>{const n={l:t[0],h:t[1]};try{n.t=t[2],n.D=t[3],n.C=e.C,n.A=e.A,n.N=e.N,n.P=[];const i=e.prototype.connectedCallback,s=e.prototype.disconnectedCallback;return Object.assign(e.prototype,{__hasHostListenerAttached:!1,__registerHost(){((e,t)=>{const n={l:0,$hostElement$:e,o:t,i:new Map,U:new Map};n.R=new Promise((e=>n.M=e)),e["s-p"]=[],e["s-rc"]=[];const o=n;e.__stencil__getHostRef=()=>o,512&t.l&&r(e,n)})(this,n)},connectedCallback(){if(!this.__hasHostListenerAttached){const e=o(this);if(!e)return;ye(this,e,n.D),this.__hasHostListenerAttached=!0}(e=>{if(!(1&u.l)){const t=o(e);if(!t)return;const n=t.o,r=()=>{};if(1&t.l)ye(e,t,n.D),(null==t?void 0:t.L)||(null==t?void 0:t.R)&&t.R.then((()=>{}));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){te(t,t.k=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 r;try{if(!(32&t.l)&&(t.l|=32,r=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128)),r&&r.style)){let e;"string"==typeof r.style&&(e=r.style);const t=E(n);if(!l.has(t)){const r=()=>{};((e,t,n)=>{let r=l.get(e);h&&n?(r=r||new CSSStyleSheet,"string"==typeof r?r=t:r.replaceSync(t)):r=t,l.set(e,r)})(t,e,!!(1&n.l)),r()}}const o=t.k,i=()=>ne(t,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()}catch(n){a(n,e),t.W&&(t.W(),t.W=void 0),t.M&&t.M(e)}})(e,t,n)}r()}})(this),i&&i.call(this)},disconnectedCallback(){(async e=>{if(!(1&u.l)){const t=o(e);(null==t?void 0:t._)&&(t._.map((e=>e())),t._=void 0)}j.has(e)&&j.delete(e),e.shadowRoot&&j.has(e.shadowRoot)&&j.delete(e.shadowRoot)})(this),s&&s.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${n.h}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else G.call(this,n)}}),Object.defineProperty(e,"is",{value:n.h,configurable:!0}),de(e,n,3)}catch(t){return a(t),e}},ye=(e,t,n)=>{n&&f.document&&n.map((([n,r,o])=>{const i=me(f.document,e,n),a=pe(t,o),l=ve(n);u.ael(i,r,a,l),(t._=t._||[]).push((()=>u.rel(i,r,a,l)))}))},pe=(e,t)=>n=>{try{e.$hostElement$[t](n)}catch(t){a(t,e.$hostElement$)}},me=(e,t,n)=>4&n?e:8&n?f:t,ve=e=>({passive:!!(1&e),capture:!!(2&e)}),be=e=>u.I=e,xe=e=>Object.assign(u,e);function Se(e,t){ee({o:{l:0,h:t.tagName},$hostElement$:t},e)}function we(e){return e}export{c as H,M as c,w as getAssetPath,P as h,ge as p,Se as render,z as setAssetPath,be as setNonce,xe as setPlatformOptions,we as t}

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

@@ -0,0 +1 @@
+import{t as i,p as t,H as e,h as a}from"./index.js";import{d as s}from"./p-CnALA9z_.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:"Info",warning:"Info"}[i]||"Info"}render(){return a("div",{key:"1d3d1015a31881df6ba5693ceddc1cfb0b8df2bb",class:"dropi-ilustration"},"dropi"===this.type&&a("figure",{key:"5491f93ace8b3e0bad048fac1ad7c4bf01890981",class:"dropi-ilustration__image"},a("img",{key:"9f189e2c83803d65f065ad9cd2c85ace66ceaa2c",src:`assets/icons/ilustration/${this.state}.svg`,alt:this.state,onError:i=>{i.target.src="assets/icons/ilustration/default.svg"}})),"mb"===this.type&&a("figure",{key:"170b1e7b9eea152ee3089a995f0f365557c06e6b",class:`dropi-ilustration__image-mb ${this.state}`},["success","error","info","warning"].includes(this.state)&&a("dropi-icon",{key:"50ce63e3d60ac955484fc3909579196d3b8ce762",name:this.getIconName(this.state),width:"24px",height:"24px",color:"Neutral-White"})),"insignia"===this.type&&a("figure",{key:"af5f8083be7a39243d4022157f960db46ca905a5",class:this.tagProduct?"dropi-ilustration-insignia-tag":"dropi-ilustration-insignia"},a("img",{key:"75539c260008b6bd7e84253454f71e413baef2fe",src:this.insigniaIcons[this.stateInsignia],alt:this.stateInsignia}),this.tagProduct&&a("p",{key:"4d96bad0a9b7735bd14889ea011843e46f19f146",class:`tag tag--${this.stateInsignia}`},a("span",{key:"b605d343b863c5a3aa5956000ea4b510efd7c506",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))||s()}}))}n();export{r as D,n as d}

package/dist/components/p-BVekazGL.js

@@ -0,0 +1 @@
+import{t as r,p as e,H as t,c as a,h as i}from"./index.js";import{d as o}from"./p-CnALA9z_.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.onClose=a(this,"onClose",7),this.onButtonClick=a(this,"onButtonClick",7),this.onClickLink=a(this,"onClickLink",7)}message="";type="default";state="success";dismissable=!0;showButton=!1;buttonText="Close";anchorText="none";anchorUrl="none";showAlert=!0;textLink="";linkUrl="";clickedText="";onClose;onButtonClick;onClickLink;render(){return this.showAlert?i("div",{class:{alert:!0,[`alert--${this.type}`]:!0,[`alert--${this.state}`]:!0}},"flag"!==this.type&&i("div",{class:"alert__icon"},i("dropi-icon",{name:n[this.state],width:"18px",height:"18px",color:s[this.state]})),i("div",{class:"alert__body"},i("span",{class:"alert__message"},this.message),this.anchorText&&i("a",{class:"alert__link",href:this.anchorUrl||this.linkUrl||"#",onClick:r=>{r.preventDefault(),this.onClickLink.emit()}},this.anchorText)),i("div",{class:"alert__actions"},this.showButton&&this.buttonText&&"flag"!==this.type&&i("button",{class:"alert__btn",onClick:()=>this.onButtonClick.emit()},this.buttonText),this.dismissable&&i("button",{class:"alert__close",onClick:()=>{this.showAlert=!1,this.onClose.emit()},"aria-label":"Cerrar"},i("dropi-icon",{name:"Close-small",width:"18px",height:"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%;animation:fadeIn 0.3s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.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-BYRcOZS4.js

@@ -0,0 +1 @@
+import{t,p as e,H as s,h as i}from"./index.js";const c=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}country="";customStyle="flat";width="";height="";get src(){const t=(this.country||"").toUpperCase();return"circle"===this.customStyle?`https://hatscripts.github.io/circle-flags/flags/${t.toLowerCase()}.svg`:`https://flagsapi.com/${t}/flat/64.png`}render(){const t={};return this.width&&(t.width=this.width.includes("px")?this.width:`${this.width}px`),this.height&&(t.height=this.height.includes("px")?this.height:`${this.height}px`),i("figure",{key:"08e6efa91f51eb4c408ae868cef6a2c449e7ac2f",class:`flag ${this.customStyle}`},i("img",{key:"d0c24fdb98b1c2561f36dc70663e07ccea7802ca",src:this.src,style:t,alt:`flag-${this.country}`}))}static get style(){return":host{display:inline-flex}.flag{max-width:40px;max-height:40px;margin:0;display:flex;align-items:center;justify-content:center}.flag img{width:100%;height:100%;object-fit:cover}.circle{border-radius:50%;overflow:hidden}.rectangle{border-radius:4px;overflow:hidden;max-width:32px !important;max-height:24px !important}"}},[513,"dropi-country-flags",{country:[1],customStyle:[1,"custom-style"],width:[1],height:[1]}]);function r(){"undefined"!=typeof customElements&&["dropi-country-flags"].forEach((e=>{"dropi-country-flags"===e&&(customElements.get(t(e))||customElements.define(t(e),c))}))}r();export{c as D,r as d}

package/dist/components/p-BuDg1d0S.js

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

package/dist/components/p-C2paYEIp.js

@@ -0,0 +1 @@
+import{t,p as e,H as o,c as i,h as r}from"./index.js";import{d as s}from"./p-CnALA9z_.js";const a=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.onInput=i(this,"onInput",7),this.onChange=i(this,"onChange",7),this.onFocus=i(this,"onFocus",7),this.onBlur=i(this,"onBlur",7),this.internals=this.attachInternals()}internals;id="";name="";label="";placeholder=" ";value="";maxLength;disabled=!1;required=!1;showObligatoryAsterisk=!0;fixedLabel=!1;inputMode="text";isPasswordInput=!1;isMoneyInput=!1;isThousandSeparator=!1;isNumericInput=!1;allowDecimals=!1;isLettersOnly=!1;icon="";iconColor="Gray-Gray-400";hasError=!1;textHelper="";showHelperOnlyOnError=!1;inputProperties=null;showPassword=!1;touched=!1;onInput;onChange;onFocus;onBlur;inputPropertiesChanged(t){t&&(void 0!==t.id&&(this.id=t.id),void 0!==t.label&&(this.label=t.label),void 0!==t.placeholder&&(this.placeholder=t.placeholder),void 0!==t.maxLength&&(this.maxLength=t.maxLength),void 0!==t.textHelper&&(this.textHelper=t.textHelper),void 0!==t.isPasswordInput&&(this.isPasswordInput=t.isPasswordInput),void 0!==t.icon&&(this.icon=t.icon),void 0!==t.iconColor&&(this.iconColor=t.iconColor),void 0!==t.isMoneyInput&&(this.isMoneyInput=t.isMoneyInput),void 0!==t.showObligatoryAsterisk&&(this.showObligatoryAsterisk=t.showObligatoryAsterisk),void 0!==t.isNumericInput&&(this.isNumericInput=t.isNumericInput),void 0!==t.allowDecimals&&(this.allowDecimals=t.allowDecimals),void 0!==t.isThousandSeparator&&(this.isThousandSeparator=t.isThousandSeparator),void 0!==t.showHelperOnlyOnError&&(this.showHelperOnlyOnError=t.showHelperOnlyOnError),void 0!==t.isLettersOnly&&(this.isLettersOnly=t.isLettersOnly),void 0!==t.inputMode&&(this.inputMode=t.inputMode))}valueChanged(t){this.internals.setFormValue(t)}disabledChanged(t){this.internals.setValidity(t?{customError:!0}:{},t?"Field is disabled":"")}componentWillLoad(){this.internals.setFormValue(this.value??""),this.inputProperties&&this.inputPropertiesChanged(this.inputProperties)}handleInput(t){let e=t.target.value;this.isNumericInput&&(e=this.filterNumbers(e)),this.isLettersOnly&&(e=this.filterLetters(e)),(this.isMoneyInput||this.isThousandSeparator)&&(e=this.formatThousands(e,this.isMoneyInput)),this.value=e,this.internals.setFormValue(e),this.onInput.emit(e)}handleKeyDown(t){(this.isNumericInput||this.isMoneyInput||this.isThousandSeparator)&&!this.isAllowedNumberKey(t)&&t.preventDefault(),this.isLettersOnly&&!this.isAllowedLetterKey(t)&&t.preventDefault()}handleFocus(){this.onFocus.emit()}handleBlur(){this.touched=!0,this.onChange.emit(this.value),this.onBlur.emit()}togglePassword(){this.disabled||(this.showPassword=!this.showPassword)}filterNumbers(t){return t.replace(this.allowDecimals?/[^0-9.]/g:/[^0-9]/g,"")}filterLetters(t){return t.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑüÜ\s]/g,"")}isAllowedNumberKey(t){return!!(["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"].includes(t.key)||t.ctrlKey||t.metaKey||/^[0-9]$/.test(t.key)||this.allowDecimals&&"."===t.key)}isAllowedLetterKey(t){return!!["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"," "].includes(t.key)||!(!t.ctrlKey&&!t.metaKey)||/^[a-zA-ZáéíóúÁÉÍÓÚñÑüÜ]$/.test(t.key)}formatThousands(t,e){const o=t.replace(/[^0-9.]/g,""),[i,r]=o.split("."),s=i.replace(/\B(?=(\d{3})+(?!\d))/g,","),a=void 0!==r?`${s}.${r}`:s;return e?`$${a}`:a}get resolvedId(){return this.id||this.label}get inputType(){return this.isPasswordInput?this.showPassword?"text":"password":"text"}get showHelper(){return!!this.textHelper&&(!this.showHelperOnlyOnError||this.hasError&&this.touched)}get isInvalid(){return this.hasError&&this.touched}render(){const t=this.required&&this.showObligatoryAsterisk&&!this.disabled,e=!!this.icon;return r("div",{key:"2156d42c9c108aabf2089c0c786c1fb520457c05",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&r("div",{key:"6ccd102fe2873bb2c338a0e5e63b3622a2be1812",class:"input-label Body-S-Regular"},this.label,t&&r("span",{key:"d7057cd87b711e9b158ac847b5e85cb5058736a8",class:"asterisk"}," *")),r("div",{key:"b91973d056acf1c25bd220868a12d9d3afdba86f",class:"form-group"},r("div",{key:"5cb70a37814949372eeab77746bf609a6500cf0b",class:{"input-container":!0,"input-container--has-icon":e}},e&&r("dropi-icon",{key:"2bad8e8a23875531285d0321f4c629671b13dd84",class:"icon-input",name:this.icon,color:this.iconColor,width:"20px",height:"20px"}),this.isPasswordInput&&r("dropi-icon",{key:"e330216b12fdf771e891a207f60ffea359d81702",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",width:"20px",height:"20px",color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),r("input",{key:"17a548015deebd47d2f3e5751edbc596161fa836",id:this.resolvedId,class:{"form-control":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid,"padding-icon":e,"text-password":this.isPasswordInput&&!this.showPassword,"fixed-label-input":this.fixedLabel},type:this.inputType,value:this.value,placeholder:this.fixedLabel?this.placeholder:" ",disabled:this.disabled,required:this.required,maxLength:this.maxLength,inputMode:this.inputMode,"data-cy":void 0,onInput:t=>this.handleInput(t),onKeyDown:t=>this.handleKeyDown(t),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),!this.fixedLabel&&r("label",{key:"8dcc33eecd0b36188977c0f9139044f7d343c1c9",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,t&&r("span",{key:"8944ef639c328e0745b820b83fcf5c4772cae226",class:"asterisk"}," *")),this.showHelper&&r("div",{key:"7087f38a3bf05fa0514a4edbd8c6e1c6ae7ffcc6",class:"form-control-helper"},this.isInvalid&&r("dropi-icon",{key:"2c91fc6773478a592aa4940c7251f15d3026d07c",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),r("span",{key:"6ec4185eac0b8ea1fdfd810e366cec4616880eed",class:{"disabled-helper":this.disabled,"invalid-color":this.isInvalid}},this.textHelper)))))}static get formAssociated(){return!0}static get watchers(){return{inputProperties:[{inputPropertiesChanged:0}],value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.fixed-label-container{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:8px}.input-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);text-align:left}.asterisk{color:var(--Error-Error-500, #f46a6b)}.form-group{position:relative;width:100%}.input-container{position:relative}.icon-input{position:absolute;top:10px;left:5px;z-index:1}.icon-input-password{position:absolute;top:10px;right:13px;cursor:pointer;z-index:1}.form-control{box-sizing:border-box;width:100%;padding:var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);transition:border-color 0.3s ease-in-out;height:40px;outline:none;appearance:none;text-align:left}.form-control::placeholder{color:transparent;transition:color 0.2s ease-in-out}.form-control:focus::placeholder,.fixed-label-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.padding-icon{padding-left:28px}.input-container--has-icon label.label-bottom{left:28px}.input-container--has-icon .form-control:focus+label.label-bottom,.input-container--has-icon .form-control:not(:placeholder-shown)+label.label-bottom{left:0}.text-password{-webkit-text-security:disc;text-security:disc}label.label-bottom{position:absolute;font-weight:var(--font-weight-regular, 400);top:10px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);left:10px;transition:all 0.2s ease-in-out;pointer-events:none;overflow:hidden;width:90%;white-space:nowrap}.form-control:focus+label.label-bottom,.form-control:not(:placeholder-shown)+label.label-bottom{top:-22px;left:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);width:unset}.form-control:disabled+label.label-bottom{color:var(--Gray-Gray-400, #858ea6)}.form-control-helper{display:flex;position:absolute;top:100%;left:0;gap:4px;align-items:center;margin-top:4px}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}"}},[577,"dropi-input",{id:[1025],name:[1],label:[1025],placeholder:[1025],value:[1025],maxLength:[1026,"max-length"],disabled:[516],required:[516],showObligatoryAsterisk:[1028,"show-obligatory-asterisk"],fixedLabel:[4,"fixed-label"],inputMode:[1025,"input-mode"],isPasswordInput:[1028,"is-password-input"],isMoneyInput:[1028,"is-money-input"],isThousandSeparator:[1028,"is-thousand-separator"],isNumericInput:[1028,"is-numeric-input"],allowDecimals:[1028,"allow-decimals"],isLettersOnly:[1028,"is-letters-only"],icon:[1025],iconColor:[1025,"icon-color"],hasError:[1028,"has-error"],textHelper:[1025,"text-helper"],showHelperOnlyOnError:[1028,"show-helper-only-on-error"],inputProperties:[8,"input-properties"],showPassword:[32],touched:[32]},void 0,{inputProperties:[{inputPropertiesChanged:0}],value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-input","dropi-icon"].forEach((e=>{switch(e){case"dropi-input":customElements.get(t(e))||customElements.define(t(e),a);break;case"dropi-icon":customElements.get(t(e))||s()}}))}n();export{a as D,n as d}

package/dist/components/p-CDvkvedb.js

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

package/dist/components/{p-wO1yy0Zr.js → p-CnALA9z_.js}

@@ -1 +1 @@
-import{t,p as e,H as i,h as s}from"./index.js";const o=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}name="";width="24px";height="24px";color="currentColor";colorChanged(){this.applyColor()}componentDidLoad(){this.applyColor()}applyColor(){const t=this.color.startsWith("#")?this.color:"currentColor"===this.color?"currentColor":`var(--${this.color})`;this.el.style.setProperty("--icon-fill",t)}render(){return s("svg",{key:"2ddcab388d4a4aa5eeb4068160210581977f270d",width:this.width,height:this.height,class:{spin:"Spinner"===this.name},"aria-hidden":"true"},s("use",{key:"cf485e8fb45231b2ad43b069f3d0d69047f7bc9c",href:`/assets/icons/symbol/svg/sprite.css.svg#${this.name}`}))}static get watchers(){return{color:[{colorChanged:0}]}}static get style(){return":host{display:inline-flex;align-items:center;justify-content:center;fill:var(--icon-fill, currentColor)}svg{fill:inherit;display:block;vertical-align:middle}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}"}},[513,"dropi-icon",{name:[1],width:[1],height:[1],color:[1]},void 0,{color:[{colorChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-icon"].forEach((e=>{"dropi-icon"===e&&(customElements.get(t(e))||customElements.define(t(e),o))}))}r();export{o as D,r as d}
+import{t,p as e,H as i,h as s}from"./index.js";const o=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}name="";width="24px";height="24px";color="currentColor";colorChanged(){this.applyColor()}componentDidLoad(){this.applyColor()}applyColor(){const t=this.color.startsWith("#")?this.color:"currentColor"===this.color?"currentColor":`var(--${this.color})`;this.el.style.setProperty("--icon-fill",t)}render(){return s("svg",{key:"e63c917a7029f33d6c56e50bcc798057c66d4625",width:this.width,height:this.height,class:{spin:"Spinner"===this.name},"aria-hidden":"true"},s("use",{key:"92be9c3b0279d0b9a82f0a42d18fcecd2ff85f41",href:`/assets/icons/symbol/svg/sprite.css.svg#${this.name}`}))}static get watchers(){return{color:[{colorChanged:0}]}}static get style(){return":host{display:inline-flex;align-items:center;justify-content:center;fill:var(--icon-fill, currentColor)}svg{fill:inherit;display:block;vertical-align:middle}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}"}},[513,"dropi-icon",{name:[1],width:[1],height:[1],color:[1]},void 0,{color:[{colorChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-icon"].forEach((e=>{"dropi-icon"===e&&(customElements.get(t(e))||customElements.define(t(e),o))}))}r();export{o as D,r as d}

package/dist/components/p-CtzCJQVR.js

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

package/dist/components/p-CzHupXu8.js

@@ -0,0 +1 @@
+import{t,p as e,H as i,h as s}from"./index.js";import{d as r}from"./p-CnALA9z_.js";const a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}type="primary";state="default";showIcon=!1;icon="";text="";colorMap={default:"Primary-Primary",success:"Success-Success",info:"Info-Info",warning:"Warning-Warning",error:"Error-Error",legacy:"Gray-Gray"};propsChanged(){}get bgColor(){const t=this.colorMap[this.state];return"primary"===this.type?`var(--${t}-500)`:`var(--${t}${"default"===this.state||"legacy"===this.state?"-100":"-50"})`}get textColor(){return"primary"===this.type?"var(--Neutral-White)":`var(--${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"})`}get iconColor(){return"primary"===this.type?"Neutral-White":`${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"}`}get hasContent(){return"string"==typeof this.text&&this.text.trim().length>0}render(){return s("div",{key:"b949409e06cf0ba23112c5cb5c2f49e605ddc730",class:"container-chips"},s("div",{key:"3013650803f96e0f77e1631ba824e378ad9d5296",class:{tags:!0,"icon-only":this.showIcon&&!this.hasContent},style:{backgroundColor:this.bgColor,color:this.textColor}},this.showIcon&&this.icon&&s("dropi-icon",{key:"5f8b72bef223fbf1ab47a1fcef7b016bfa8d7b91",class:"file-icon",name:this.icon,width:"16px",height:"16px",color:this.iconColor}),this.hasContent&&s("span",{key:"63921861c9549d70fc432bb1252c2af2b76cbaa1"},this.text)))}static get watchers(){return{type:[{propsChanged:0}],state:[{propsChanged:0}]}}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:inline-block}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--Size-5, 24px);animation:fade-in 200ms ease-out}.tags.icon-only{gap:0}.file-icon{display:flex}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}"}},[513,"dropi-tag",{type:[1],state:[1],showIcon:[4,"show-icon"],icon:[1],text:[1]},void 0,{type:[{propsChanged:0}],state:[{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),a);break;case"dropi-icon":customElements.get(t(e))||r()}}))}o();export{a as D,o as d}

package/dist/components/p-DWzWYR5X.js

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

package/dist/components/p-D_Y7tuEH.js

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