@dropi/ui 0.1.20 → 0.1.22

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

@@ -1 +0,0 @@
-import{r as e,c as o,h as a}from"./p-Tbza12Gt.js";const n=[{name:"Afghanistan",code:"AF",codePhone:"93"},{name:"Albania",code:"AL",codePhone:"355"},{name:"Algeria",code:"DZ",codePhone:"213"},{name:"Argentina",code:"AR",codePhone:"54"},{name:"Australia",code:"AU",codePhone:"61"},{name:"Austria",code:"AT",codePhone:"43"},{name:"Azerbaijan",code:"AZ",codePhone:"994"},{name:"Bahamas",code:"BS",codePhone:"1242"},{name:"Bahrain",code:"BH",codePhone:"973"},{name:"Bangladesh",code:"BD",codePhone:"880"},{name:"Belgium",code:"BE",codePhone:"32"},{name:"Bolivia",code:"BO",codePhone:"591"},{name:"Brazil",code:"BR",codePhone:"55"},{name:"Cambodia",code:"KH",codePhone:"855"},{name:"Canada",code:"CA",codePhone:"1"},{name:"Chile",code:"CL",codePhone:"56"},{name:"China",code:"CN",codePhone:"86"},{name:"Colombia",code:"CO",codePhone:"57"},{name:"Costa Rica",code:"CR",codePhone:"506"},{name:"Cuba",code:"CU",codePhone:"53"},{name:"Czech Republic",code:"CZ",codePhone:"420"},{name:"Denmark",code:"DK",codePhone:"45"},{name:"Dominican Republic",code:"DO",codePhone:"1"},{name:"Ecuador",code:"EC",codePhone:"593"},{name:"Egypt",code:"EG",codePhone:"20"},{name:"El Salvador",code:"SV",codePhone:"503"},{name:"Estonia",code:"EE",codePhone:"372"},{name:"Ethiopia",code:"ET",codePhone:"251"},{name:"Finland",code:"FI",codePhone:"358"},{name:"France",code:"FR",codePhone:"33"},{name:"Germany",code:"DE",codePhone:"49"},{name:"Ghana",code:"GH",codePhone:"233"},{name:"Greece",code:"GR",codePhone:"30"},{name:"Guatemala",code:"GT",codePhone:"502"},{name:"Honduras",code:"HN",codePhone:"504"},{name:"Hong Kong",code:"HK",codePhone:"852"},{name:"Hungary",code:"HU",codePhone:"36"},{name:"India",code:"IN",codePhone:"91"},{name:"Indonesia",code:"ID",codePhone:"62"},{name:"Iran, Islamic Republic Of",code:"IR",codePhone:"98"},{name:"Iraq",code:"IQ",codePhone:"964"},{name:"Ireland",code:"IE",codePhone:"353"},{name:"Israel",code:"IL",codePhone:"972"},{name:"Italy",code:"IT",codePhone:"39"},{name:"Jamaica",code:"JM",codePhone:"1876"},{name:"Japan",code:"JP",codePhone:"81"},{name:"Jordan",code:"JO",codePhone:"962"},{name:"Kazakhstan",code:"KZ",codePhone:"7"},{name:"Kenya",code:"KE",codePhone:"254"},{name:"Kuwait",code:"KW",codePhone:"965"},{name:"Lebanon",code:"LB",codePhone:"961"},{name:"Malaysia",code:"MY",codePhone:"60"},{name:"Mexico",code:"MX",codePhone:"52"},{name:"Morocco",code:"MA",codePhone:"212"},{name:"Netherlands",code:"NL",codePhone:"31"},{name:"New Zealand",code:"NZ",codePhone:"64"},{name:"Nicaragua",code:"NI",codePhone:"505"},{name:"Nigeria",code:"NG",codePhone:"234"},{name:"Norway",code:"NO",codePhone:"47"},{name:"Pakistan",code:"PK",codePhone:"92"},{name:"Panama",code:"PA",codePhone:"507"},{name:"Paraguay",code:"PY",codePhone:"595"},{name:"Peru",code:"PE",codePhone:"51"},{name:"Philippines",code:"PH",codePhone:"63"},{name:"Poland",code:"PL",codePhone:"48"},{name:"Portugal",code:"PT",codePhone:"351"},{name:"Qatar",code:"QA",codePhone:"974"},{name:"Romania",code:"RO",codePhone:"40"},{name:"Russian Federation",code:"RU",codePhone:"7"},{name:"Saudi Arabia",code:"SA",codePhone:"966"},{name:"Singapore",code:"SG",codePhone:"65"},{name:"South Africa",code:"ZA",codePhone:"27"},{name:"Spain",code:"ES",codePhone:"34"},{name:"Sri Lanka",code:"LK",codePhone:"94"},{name:"Sweden",code:"SE",codePhone:"46"},{name:"Switzerland",code:"CH",codePhone:"41"},{name:"Taiwan, Province of China",code:"TW",codePhone:"886"},{name:"Thailand",code:"TH",codePhone:"66"},{name:"Tunisia",code:"TN",codePhone:"216"},{name:"Turkey",code:"TR",codePhone:"90"},{name:"Uganda",code:"UG",codePhone:"256"},{name:"Ukraine",code:"UA",codePhone:"380"},{name:"United Arab Emirates",code:"AE",codePhone:"971"},{name:"United Kingdom",code:"GB",codePhone:"44"},{name:"United States",code:"US",codePhone:"1"},{name:"Uruguay",code:"UY",codePhone:"598"},{name:"Venezuela",code:"VE",codePhone:"58"},{name:"Viet Nam",code:"VN",codePhone:"84"},{name:"Zimbabwe",code:"ZW",codePhone:"263"}],c=class{constructor(a){e(this,a),this.dropiCountryChange=o(this,"dropiCountryChange",7)}label="";placeholder="Selecciona un país";value="";disabled=!1;showObligatory=!1;invalid=!1;dropiCountryChange;isOpen=!1;selected=null;searchTerm="";searchInputRef;valueChanged(e){this.selected=n.find((o=>o.code===e))||null}componentWillLoad(){this.value&&this.valueChanged(this.value)}get filtered(){if(!this.searchTerm)return n;const e=this.searchTerm.toLowerCase();return n.filter((o=>o.name.toLowerCase().includes(e)))}open(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&setTimeout((()=>this.searchInputRef?.focus()),50))}select(e){this.selected=e,this.isOpen=!1,this.searchTerm="",this.value=e.code,this.dropiCountryChange.emit(e)}render(){return a("div",{key:"95320129f76f5d802d62cb282172af97607ed15b",class:"custom-select"},this.label&&a("label",{key:"7310600a9ac9a4482240ae6452db11ea2f083ea5"},this.label,this.showObligatory&&a("span",{key:"8ff5f89823f308366fa9f9ab680d7716e136eec5",class:"required"},"*")),a("button",{key:"cf73602134c204051e196a2fdce9192377e6c1dc",type:"button",class:{"select-button":!0,"select-completed":!!this.selected,"select-invalid":this.invalid},disabled:this.disabled,onClick:()=>this.open()},a("div",{key:"29afa9af6fd5b314e38f75c496e3f6f529a795b2",class:"selected-content"},this.selected?a("span",{class:"selected-option"},a("img",{class:"flag-img",src:`https://flagsapi.com/${this.selected.code}/shiny/24.png`,alt:this.selected.name}),this.selected.name):a("span",{class:"placeholder-text"},this.placeholder)),a("dropi-icon",{key:"722dcee79149526a9879e339279128aa23f513cc",name:this.isOpen?"Dropdown-up":"Dropdown-down",width:"20px",height:"20px",color:"Gray-Gray-500"})),a("ul",{key:"64a93caa1189e212c83aa711d8fec2df97baba1b",class:"select-dropdown"+(this.isOpen?" expanded":" collapsed")},a("li",{key:"28f0924f7edac815645c0ee51963b8ac688312a6",class:"search-li"},a("input",{key:"b69a4b4a9238fe4dbc0932f8f4078989d867a224",ref:e=>{this.searchInputRef=e},type:"text",class:"country-search",placeholder:"Buscar país...",value:this.searchTerm,onInput:e=>{this.searchTerm=e.target.value}})),this.filtered.map((e=>a("li",{key:e.code},a("button",{class:"option",type:"button",onClick:()=>this.select(e)},a("img",{class:"flag-img",src:`https://flagsapi.com/${e.code}/shiny/24.png`,alt:e.name}),e.name))))))}static get watchers(){return{value:[{valueChanged:0}]}}};c.style=":host{display:block;width:100%;text-align:left}*,*::before,*::after{box-sizing:border-box}.custom-select{position:relative;width:100%}label{display:block;font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066);margin-bottom:6px}.required{color:var(--Error-Error-500, #ef4444);margin-left:2px}.select-button{width:100%;height:40px;padding:0 10px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);font-family:inherit;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;transition:border-color 0.15s ease}.select-button:focus{outline:none;border-color:var(--Info-Info-500, #3b82f6)}.select-button:disabled{border-color:var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6);background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.select-button.select-completed{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066)}.select-button.select-invalid{border-color:var(--Error-Error-500, #ef4444)}.selected-content{display:flex;align-items:center;gap:8px;overflow:hidden}.selected-option{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder-text{color:var(--Gray-Gray-400, #858ea6)}.flag-img{border-radius:16px;width:24px;height:24px;object-fit:cover;flex-shrink:0}.select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);overflow-y:auto;z-index:200;list-style:none;padding:0;margin:0;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);transition:max-height 0.2s ease, opacity 0.2s ease}.select-dropdown.expanded{max-height:260px;opacity:1}.select-dropdown.collapsed{max-height:0;opacity:0;pointer-events:none;border-color:transparent;box-shadow:none}.search-li{padding:0;position:sticky;top:0;background:var(--Neutral-White, #fff);z-index:1}.country-search{width:100%;padding:8px 12px;border:none;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2);outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-600, #475066);background:transparent}.option{width:100%;min-height:40px;border-radius:0;padding:8px 12px;border:none;background:transparent;text-align:left;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background 0.1s ease}.option:hover{background:var(--Gray-Gray-50, #f7f8fa)}";export{c as dropi_country_selector}

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

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

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

@@ -1 +0,0 @@
-import{r as e,c as a,h as r}from"./p-Tbza12Gt.js";const c=["#f46a6b","#f49a3d","#f4d03d","#34c55a","#50a5f1","#7c6bea","#1a2033","#475066","#858ea6","#c3c9d9","#eceef4","#ffffff"],i=class{constructor(r){e(this,r),this.dropiColorChange=a(this,"dropiColorChange",7),this.dropiOpacityChange=a(this,"dropiOpacityChange",7)}value="#f49a3d";showOpacity=!1;opacity=100;label="";disabled=!1;showPresets=!0;open=!1;hexInput="";dropiColorChange;dropiOpacityChange;componentWillLoad(){this.hexInput=this.value}selectColor(e){this.value=e,this.hexInput=e,this.dropiColorChange.emit(e)}handleHexInput(e){const a=e.target.value;this.hexInput=a,/^#[0-9a-fA-F]{6}$/.test(a)&&(this.value=a,this.dropiColorChange.emit(a))}handleOpacity(e){const a=Number(e.target.value);this.opacity=a,this.dropiOpacityChange.emit(a)}handleNativeColor(e){this.selectColor(e.target.value)}render(){return r("div",{key:"945a6065e2b3a74223a461a26685292edcd78c35",class:"cp-wrap"},this.label&&r("label",{key:"f55fc2254ee0c2c301e9e32811dea37b6b8eff5d",class:"cp-label"},this.label),r("button",{key:"021c23bc249bc3a3053176834808732c58441018",class:{"cp-trigger":!0,"cp-trigger--disabled":this.disabled},disabled:this.disabled,onClick:()=>{this.disabled||(this.open=!this.open)},type:"button"},r("span",{key:"be49ed05577c5c585d1509bdc1b5055e0e394383",class:"cp-trigger__swatch",style:{background:this.value}}),r("span",{key:"402a7005da1daf2b3a2e12b086b41f79552aa061",class:"cp-trigger__value"},this.value),r("dropi-icon",{key:"da5d7aa322ad7649e90832c54c6ecba445c5e64b",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"})),this.open&&r("div",{key:"5e14ace3d21ce605ecc8131acf6c1cb382ee33fa",class:"cp-popup"},r("div",{key:"4408dff1ab4a6ab9a9765eb93502f88fe0946ac0",class:"cp-spectrum-wrap"},r("input",{key:"8d3a7e7b38f528e8dfe14eb668da2af1d861cfe8",type:"color",class:"cp-native",value:this.value,onChange:e=>this.handleNativeColor(e)}),r("div",{key:"4c37fc46fb692afde5574f681b02159f1a84d06b",class:"cp-spectrum-label"},"Selecciona un color")),r("div",{key:"a968e35abe0fc39806002d49f5ca46dece28c0a6",class:"cp-hex-row"},r("span",{key:"0cb30134befff62ced36803c6ed0d5c96b41c680",class:"cp-hex-label"},"HEX"),r("input",{key:"ff6e209fcfeb2ec2d55354806aaba41c041492c5",class:"cp-hex-input",type:"text",value:this.hexInput,maxLength:7,onInput:e=>this.handleHexInput(e),placeholder:"#000000"}),r("div",{key:"6b744fc086dbbc9b5dc148f224673085c7a28704",class:"cp-hex-preview",style:{background:this.value}})),this.showOpacity&&r("div",{key:"5250878b5392e1b00c2e677db727f56c2db91c11",class:"cp-opacity-row"},r("span",{key:"58b49f3749d8a33edcfc580b0e11517087bc25b4",class:"cp-opacity-label"},"Opacidad"),r("input",{key:"48f060900c5d7184e5d2ab93c0abd1641cc755e7",class:"cp-opacity-slider",type:"range",min:0,max:100,value:this.opacity,onInput:e=>this.handleOpacity(e)}),r("span",{key:"7da0ec0a86c1472bd1836a8bb0ca616091dde695",class:"cp-opacity-value"},this.opacity,"%")),this.showPresets&&r("div",{key:"96434d1c7bdfe187f04f613494b79e28acef7750",class:"cp-presets"},c.map((e=>r("button",{class:{"cp-swatch":!0,"cp-swatch--active":e===this.value},style:{background:e},onClick:()=>this.selectColor(e),type:"button",title:e})))),r("button",{key:"e5ad3d16b888c8eb0a4444ae3a6fbab9c83689c5",class:"cp-close",onClick:()=>this.open=!1,type:"button"},"Cerrar")))}};i.style=":host{display:block;position:relative}*,*::before,*::after{box-sizing:border-box}.cp-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.cp-trigger{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:0 var(--Size-3, 12px);height:40px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);cursor:pointer;font-family:inherit;transition:border-color 0.2s;width:100%}.cp-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.cp-trigger--disabled{opacity:0.6;cursor:not-allowed}.cp-trigger__swatch{width:20px;height:20px;border-radius:var(--Border-1, 4px);border:1px solid rgba(0,0,0,0.1);flex-shrink:0}.cp-trigger__value{flex:1;text-align:left;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);font-family:monospace}.cp-popup{position:absolute;top:calc(100% + 4px);left:0;width:220px;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 24px rgba(0,0,0,0.12);z-index:300;padding:var(--Size-3, 12px);display:flex;flex-direction:column;gap:var(--Size-3, 12px)}.cp-spectrum-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--Size-1, 4px)}.cp-native{width:100%;height:80px;border:none;border-radius:var(--Border-1, 4px);cursor:pointer;padding:0;background:none}.cp-native::-webkit-color-swatch-wrapper{padding:0}.cp-native::-webkit-color-swatch{border:none;border-radius:var(--Border-1, 4px)}.cp-spectrum-label{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6)}.cp-hex-row{display:flex;align-items:center;gap:var(--Size-2, 8px)}.cp-hex-label{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-500, #68738f);width:24px;flex-shrink:0}.cp-hex-input{flex:1;height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);font-size:var(--font-size-xs, 10px);font-family:monospace;color:var(--Gray-Gray-700, #32394d);outline:none}.cp-hex-input:focus{border-color:var(--Info-Info-500, #50a5f1)}.cp-hex-preview{width:24px;height:24px;border-radius:var(--Border-1, 4px);border:1px solid rgba(0,0,0,0.1);flex-shrink:0}.cp-opacity-row{display:flex;align-items:center;gap:var(--Size-2, 8px)}.cp-opacity-label{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #68738f);white-space:nowrap}.cp-opacity-slider{flex:1;height:4px;cursor:pointer;accent-color:var(--Primary-Primary-500, #f49a3d)}.cp-opacity-value{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #68738f);width:28px;text-align:right;flex-shrink:0}.cp-presets{display:grid;grid-template-columns:repeat(6, 1fr);gap:var(--Size-1, 4px)}.cp-swatch{width:24px;height:24px;border-radius:var(--Border-1, 4px);border:2px solid transparent;cursor:pointer;transition:transform 0.15s, border-color 0.15s;padding:0}.cp-swatch:hover{transform:scale(1.15)}.cp-swatch--active{border-color:var(--Gray-Gray-800, #1a2033)}.cp-close{background:none;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);padding:4px 12px;font-size:var(--font-size-xs, 10px);font-family:inherit;color:var(--Gray-Gray-600, #475066);cursor:pointer;align-self:flex-end;transition:background 0.15s}.cp-close:hover{background:var(--Gray-Gray-50, #f7f8fa)}";export{i as dropi_color_picker}

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

@@ -1 +0,0 @@
-import{r as e,c as a,h as i}from"./p-Tbza12Gt.js";const r=class{constructor(i){e(this,i),this.dropiChange=a(this,"dropiChange",7)}type="default";checked=!1;cardTitle="";description="";extraInfo="";extraInfoDescription="";disabled=!1;dropiChange;handleClick(){this.disabled||(this.checked=!this.checked,this.dropiChange.emit(this.checked))}render(){return i("div",{key:"9c647faab478d2817593315051b1f02d0334756d",class:{"container-card-check":!0,"default-card":"default"===this.type,"is-checked":this.checked&&"with-card"===this.type,disabled:this.disabled},onClick:()=>this.handleClick()},i("dropi-checkbox",{key:"31db5cd31da290692d6aa77e0129b7e4361c23aa",checked:this.checked,disabled:this.disabled}),i("div",{key:"4b5c8eeadd255a79344d634d84e3ff93fafa34b4",class:"container-text"},i("div",{key:"30a03f764294e0b4ca8a2bf4fd1badc08d0dc7e9",class:"title-check"},this.cardTitle),this.description&&i("div",{key:"751b4fac066b17c903e56a0aa5ef16b0d4151944",class:"description-text"},this.description)),(this.extraInfo||this.extraInfoDescription)&&i("div",{key:"6b7eec457d42169ac87d1042b65b1bebdd436a5e",class:"extra-info"},this.extraInfo&&i("div",{key:"07e1cfa079668255343570498e0ad0dc0351effb"},this.extraInfo),this.extraInfoDescription&&i("h4",{key:"3a8277e2749b9cbdaf7d5d11086c7f2ac11dc39c"},this.extraInfoDescription)))}};r.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.container-card-check{padding:var(--Size-4, 16px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Size-2, 8px);width:100%;display:flex;align-items:center;gap:var(--Size-3, 12px);cursor:pointer;height:66px;overflow:hidden;transition:background 0.15s ease, border-color 0.15s ease}.container-card-check.disabled{border-radius:var(--Border-2, 8px);border:1px solid var(--Gray-Gray-100, #e6eaf2);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:default}.container-card-check.disabled .title-check,.container-card-check.disabled .description-text,.container-card-check.disabled .extra-info{color:var(--Gray-Gray-400, #858ea6)}.container-text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:start;overflow:hidden}.title-check{color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-regular, 400);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.description-text{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);margin-top:var(--Size-1, 4px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.extra-info{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:4px;flex-shrink:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.extra-info h4{margin:0;font-size:var(--font-size-s, 12px)}.default-card{border:none}.is-checked{background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-500, #f49a3d)}";export{r as dropi_card_checkbox}

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

@@ -1 +0,0 @@
-import{r as t,c as i,h as e}from"./p-Tbza12Gt.js";const s=class{constructor(e){t(this,e),this.dropiPrimary=i(this,"dropiPrimary",7),this.dropiSecondary=i(this,"dropiSecondary",7),this.dropiHide=i(this,"dropiHide",7)}visible=!1;type="question";alertTitle="";message="";primaryButton="Aceptar";secondaryButton="";loading=!1;closable=!1;displayButtons=!0;loadingTitle="Cargando";loadingMessage="Por favor espera un momento";dropiPrimary;dropiSecondary;dropiHide;lottieMap={question:"/assets/lottie-files/question.json",warning:"/assets/lottie-files/warning.json",success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",loading:"/assets/lottie-files/loading.json"};async show(){this.visible=!0}async hide(){this.visible=!1}handlePrimary(){this.dropiPrimary.emit(),this.visible=!1}handleSecondary(){this.dropiSecondary.emit(),this.visible=!1}onModalHide(){this.visible=!1,this.dropiHide.emit()}render(){const t=this.loading?"loading":this.type,i=this.loading?"300px":"120px";return console.log("[DropiAlertModal] type:",this.type,"lottieKey:",t,"src:",this.lottieMap[t]),e("dropi-modal",{key:"4038a17b3572d834f6eb015ad1ece188735d5f74",visible:this.visible,showHeader:this.closable,showCloseIcon:this.closable,dismissable:!1,closeOnEscape:!1,size:"s",onDropiHide:()=>this.onModalHide()},e("div",{key:"89a8709256c27102bde8ac25a387dc90f3f61ed4",class:"body-alert"+(this.loading?" is-loading":"")},this.lottieMap[t]&&e("div",{key:"5bf98eb48cd930bfa8fe4b94077753031830de6b",class:"lottie-img"+(this.loading?" lottie-img--loading":"")},e("dotlottie-player",{key:t,src:this.lottieMap[t],background:"transparent",speed:"1",style:{width:i,height:"auto"},loop:!0,autoplay:!0})),e("div",{key:"a2c9cd8f737ea3584a6706b0e92270893b592870",class:"content-alert"},e("h2",{key:"2cd2e5567910995c62eeb64e60c13ed40fdd14a1"},this.loading?this.loadingTitle:this.alertTitle),e("p",{key:"c6baa31f8f6bbbeb2b1f514e3584d61a50616096"},this.loading?this.loadingMessage:this.message)),!this.loading&&this.displayButtons&&e("div",{key:"7bc16afdb60ea6549fa5dff250a0146141a5715d",class:"actions"},this.secondaryButton&&e("dropi-button",{key:"8b289d9bf39622340ad2cae9ab21457a948c4843",text:this.secondaryButton,severity:"secondary",onDropiClick:()=>this.handleSecondary(),fullWidth:!0}),e("dropi-button",{key:"f87a1a80be2e72b26ddeac81d5f7638f40ddd8f7",text:this.primaryButton,severity:"primary",onDropiClick:()=>this.handlePrimary(),fullWidth:!0}))))}};s.style=":host{display:contents}.body-alert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3, 12px);padding:0;overflow:hidden;width:100%;text-align:center !important}.lottie-img{display:flex;align-items:center;justify-content:center;min-height:100px;width:120px;margin-top:-8px;margin-bottom:var(--Size-2, 8px)}.lottie-img--loading{min-height:160px;width:100%}.content-alert{text-align:center;width:100%}.content-alert h2{color:var(--Gray-Gray-700, #32394d);font-size:var(--Size-5, 24px);font-weight:700;margin:0 0 var(--Size-2, 8px);text-align:center !important}.content-alert p{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 14px);margin:0;text-align:center !important;overflow-wrap:anywhere;max-height:100px;overflow:auto}.actions{display:flex;gap:12px;width:100%;margin-top:var(--Size-4, 16px)}.actions dropi-button{flex:1;display:flex}@media (max-width: 768px){.actions{flex-direction:column}}";export{s as dropi_alert_modal}

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

@@ -1 +0,0 @@
-import{r as t,h as o}from"./p-Tbza12Gt.js";const r=class{constructor(o){t(this,o)}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 o("div",{key:"9f328904e1954d08cf18d51ca765f07ec8b9d3c1",class:"tooltip-wrapper",onMouseEnter:this.show,onMouseLeave:this.hide,onFocusin:this.show,onFocusout:this.hide},o("slot",{key:"697ebc090a9b3d7db25666b6ae8726bc9c389d3c"}),this.text&&o("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,o("span",{key:"f850e6f1b5a66a686e9741b3d5e9df3bd5b81e95",class:`tooltip-arrow tooltip-arrow--${this.position}`})))}};r.style=":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-bubble{position:absolute;z-index:9999;background:#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}";export{r as dropi_tooltip}

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

@@ -1 +0,0 @@
-import{r as t,h as e}from"./p-Tbza12Gt.js";const r=class{constructor(e){t(this,e)}steps=[];get parsedSteps(){if("string"==typeof this.steps)try{return JSON.parse(this.steps)}catch{return[]}return this.steps||[]}render(){const t=this.parsedSteps;return e("div",{key:"b8a4dee055ec85242e2a62a497a6b13fcea29bbc",class:"timeline"},t.map(((r,a)=>{const i=a===t.length-1;return e("div",{class:{"tl-step":!0,[`tl-step--${r.status}`]:!0},key:r.id||a},e("div",{class:"tl-step__marker"},e("div",{class:"tl-step__icon"},r.icon?e("dropi-icon",{name:r.icon,width:"16px",height:"16px",color:"done"===r.status?"Neutral-White":"active"===r.status?"Primary-Primary-500":"Gray-Gray-400"}):e("span",{class:"tl-step__dot"})),!i&&e("div",{class:"tl-step__line"})),e("div",{class:"tl-step__content"},e("span",{class:"tl-step__label"},r.label),r.subtitle&&e("span",{class:"tl-step__subtitle"},r.subtitle)))})))}};r.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.timeline{display:flex;flex-direction:column}.tl-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.tl-step__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tl-step__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s, border-color 0.2s}.tl-step--pending .tl-step__icon{background:var(--Gray-Gray-100, #e6eaf2);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.tl-step--active .tl-step__icon{background:var(--Neutral-White, #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)}";export{r as dropi_time_line}

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

@@ -1 +0,0 @@
-import{r as t,c as r,h as o}from"./p-Tbza12Gt.js";const e=class{constructor(o){t(this,o),this.dropiInput=r(this,"dropiInput",7),this.dropiChange=r(this,"dropiChange",7),this.dropiFocus=r(this,"dropiFocus",7),this.dropiBlur=r(this,"dropiBlur",7),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals)}internals;inputId="";name="";label="";placeholder=" ";value="";maxlength;disabled=!1;required=!1;showAsterisk=!0;fixedLabel=!1;inputMode="text";passwordInput=!1;moneyFormat=!1;thousandSeparator=!1;onlyNumbers=!1;allowDecimals=!1;onlyLetters=!1;icon="";iconColor="Gray-Gray-400";invalid=!1;helperText="";showHelperOnlyOnError=!1;showPassword=!1;touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;valueChanged(t){this.internals.setFormValue(t)}disabledChanged(t){this.internals.setValidity(t?{customError:!0}:{},t?"Field is disabled":"")}componentWillLoad(){this.internals.setFormValue(this.value??"")}handleInput(t){let r=t.target.value;this.onlyNumbers&&(r=this.filterNumbers(r)),this.onlyLetters&&(r=this.filterLetters(r)),(this.moneyFormat||this.thousandSeparator)&&(r=this.formatThousands(r,this.moneyFormat)),this.value=r,this.internals.setFormValue(r),this.dropiInput.emit(r)}handleKeyDown(t){(this.onlyNumbers||this.moneyFormat||this.thousandSeparator)&&!this.isAllowedNumberKey(t)&&t.preventDefault(),this.onlyLetters&&!this.isAllowedLetterKey(t)&&t.preventDefault()}handleFocus(){this.dropiFocus.emit()}handleBlur(){this.touched=!0,this.dropiChange.emit(this.value),this.dropiBlur.emit()}togglePassword(){this.disabled||(this.showPassword=!this.showPassword)}filterNumbers(t){return t.replace(this.allowDecimals?/[^0-9.]/g:/[^0-9]/g,"")}filterLetters(t){return t.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑüÜ\s]/g,"")}isAllowedNumberKey(t){return!!(["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"].includes(t.key)||t.ctrlKey||t.metaKey||/^[0-9]$/.test(t.key)||this.allowDecimals&&"."===t.key)}isAllowedLetterKey(t){return!!["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"," "].includes(t.key)||!(!t.ctrlKey&&!t.metaKey)||/^[a-zA-ZáéíóúÁÉÍÓÚñÑüÜ]$/.test(t.key)}formatThousands(t,r){const o=t.replace(/[^0-9.]/g,""),[e,a]=o.split("."),i=e.replace(/\B(?=(\d{3})+(?!\d))/g,","),s=void 0!==a?`${i}.${a}`:i;return r?`$${s}`:s}get resolvedId(){return this.inputId||this.label}get inputType(){return this.passwordInput?this.showPassword?"text":"password":"text"}get showHelper(){return!!this.helperText&&(!this.showHelperOnlyOnError||this.invalid&&this.touched)}get isInvalid(){return this.invalid&&this.touched}render(){const t=this.required&&this.showAsterisk&&!this.disabled,r=!!this.icon;return o("div",{key:"49a1b6d02f59e1c67a70a219a7f7d0fbbd2a460d",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&o("div",{key:"326d90a0361fe5ab90adee1479439aab34c99951",class:"input-label Body-S-Regular"},this.label,t&&o("span",{key:"cf5677966af627addc69a2735803845b54f41a9f",class:"asterisk"}," *")),o("div",{key:"1f7b7c614dc424ad4b1aa1819d05573fd08b30a1",class:"form-group"},o("div",{key:"c2f88e7f7f2f0da585e8ac20c6373b451290dfdd",class:{"input-container":!0,"input-container--has-icon":r}},r&&o("dropi-icon",{key:"c6f7cc14c56452768e4e49092a2be7968951255b",class:"icon-input",name:this.icon,color:this.iconColor,width:"20px",height:"20px"}),this.passwordInput&&o("dropi-icon",{key:"5ddbd5e176b61dc46d817fa6a32d3d3c0e2cc589",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",width:"20px",height:"20px",color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),o("input",{key:"51a17c36e9ed49fef0d2f0ea97d4aca10e4722d6",id:this.resolvedId,class:{"form-control":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid,"padding-icon":r,"text-password":this.passwordInput&&!this.showPassword,"fixed-label-input":this.fixedLabel},type:this.inputType,value:this.value,placeholder:this.fixedLabel?this.placeholder:" ",disabled:this.disabled,required:this.required,maxLength:this.maxlength,inputMode:this.inputMode,"data-cy":void 0,onInput:t=>this.handleInput(t),onKeyDown:t=>this.handleKeyDown(t),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),!this.fixedLabel&&o("label",{key:"9fa96019e84dd543e3e74a15e8f0681ea7bb7823",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,t&&o("span",{key:"740936c43be963fc7383e3ae6eb21c9d02ffde03",class:"asterisk"}," *")),this.showHelper&&o("div",{key:"9381fc81799162f20df8d2df914adc4ebee5e8ed",class:"form-control-helper"},this.isInvalid&&o("dropi-icon",{key:"fea3d178b9b00f87d2a266cb665fca2774ec963a",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),o("span",{key:"390caaa2dfdfb673b8d1fdd8fada2d7c2f6ba764",class:{"disabled-helper":this.disabled,"invalid-color":this.isInvalid}},this.helperText)))))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}}};e.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.fixed-label-container{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:8px}.input-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);text-align:left}.asterisk{color:var(--Error-Error-500, #f46a6b)}.form-group{position:relative;width:100%}.input-container{position:relative}.icon-input{position:absolute;top: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, #fff);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}";export{e as dropi_input}

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

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

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as i}from"./p-Tbza12Gt.js";const a=class{constructor(i){t(this,i),this.dropiAction=e(this,"dropiAction",7),this.dropiSecondaryAction=e(this,"dropiSecondaryAction",7)}header="";description="";imageUrl="";imageAlt="Sin resultados";actionLabel="";iconState="default";secondaryLabel="";actionSeverity="tertiary";dropiAction;dropiSecondaryAction;render(){return i("div",{key:"a4aec0618cd8a0900c4d5e82528a86d30c027669",class:"empty-state"},i("div",{key:"80565c251e85146d824c640cbce4602d509311bb",class:"empty-state-visual"},i("img",this.imageUrl?{class:"empty-state-img",src:this.imageUrl,alt:this.imageAlt}:{class:"empty-state-img",src:`assets/icons/ilustration/${this.iconState}.svg`,alt:this.imageAlt,onError:t=>t.target.src="assets/icons/ilustration/default.svg"})),this.header&&i("h3",{key:"9cd0fc5aac1aeb089f1ef4c46291c9ad5d630d9c",class:"empty-state-title"},this.header),this.description&&i("p",{key:"4f2fd55693d6376a7d782a8df5d71c33fa8ea523",class:"empty-state-description"},this.description),i("slot",{key:"a48aa738f9f9a3a2c1f62d86e36010f2eb6c9b06"}),(this.actionLabel||this.secondaryLabel)&&i("div",{key:"dd2978b2422d1382461eaba5c92eba37817ddb61",class:"empty-state-actions"},this.secondaryLabel&&i("dropi-button",{key:"b2d76dd6da170d8af85384ffbe800a4789ea96d9",text:this.secondaryLabel,severity:"secondary",onDropiClick:()=>this.dropiSecondaryAction.emit()}),this.actionLabel&&i("dropi-button",{key:"68efcbb4c4069302839501c74affc6d43f7d4c6b",text:this.actionLabel,severity:this.actionSeverity,onDropiClick:()=>this.dropiAction.emit()})))}};a.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--Size-3, 12px);padding:var(--Size-6, 32px) var(--Size-5, 20px);text-align:center}.empty-state-img{max-width:200px;width:100%;height:auto;object-fit:contain;filter:brightness(0) saturate(100%) invert(73%) sepia(9%) saturate(503%) hue-rotate(187deg) brightness(91%) contrast(88%)}.empty-state-svg{width:80px;height:80px}.empty-state-placeholder{display:flex;align-items:center;justify-content:center}.empty-state-title{margin:0;font-size:var(--font-size-l, 18px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);line-height:1.3}.empty-state-description{margin:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);line-height:1.6;max-width:400px}.empty-state-actions{display:flex;align-items:center;gap:var(--Size-3, 12px);flex-wrap:wrap;justify-content:center;margin-top:var(--Size-2, 8px)}";export{a as dropi_empty_state}

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

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

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

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

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

@@ -1 +0,0 @@
-import{r as a,c as t,h as e}from"./p-Tbza12Gt.js";const r=class{constructor(e){a(this,e),this.dropiTabChange=t(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 e("div",{key:"9db1e2f4fdd15fc4ea4407d83fe33c562270acec",class:"tabs-container",role:"tablist"},this.parsedTabs.map((a=>{const t=a.id===this.activeTab;return e("div",{role:"tab","aria-selected":String(t),class:{"tab-item":!0,"tab-item--active":t&&!a.disabled,"tab-item--disabled":!!a.disabled},onClick:()=>this.handleClick(a)},e("span",{class:"tab-label-row"},e("span",{class:"tab-label"},a.label),null!=a.counter&&e("span",{class:{"tab-counter":!0,"tab-counter--active":t}},a.counter)),this.showIcon&&(a.completed?e("dropi-icon",{name:"Check-circle",width:"12px",height:"12px",color:"Success-Success-500"}):e("span",{class:"tab-status-dot"})))})))}static get watchers(){return{tabs:[{tabsChanged:0}]}}};r.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.tabs-container{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;height:52px;scrollbar-width:none}.tabs-container::-webkit-scrollbar{width:0;height:0}.tab-item{padding:var(--Size-4,16px) var(--Size-5,20px);background:var(--Neutral-White,#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}";export{r as dropi_tabs}

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

@@ -1 +0,0 @@
-import{r as e,h as i}from"./p-Tbza12Gt.js";const s=class{constructor(i){e(this,i)}variant="text";width="100%";height="16px";borderRadius="";lines=1;getRadius(){return this.borderRadius?this.borderRadius:"circle"===this.variant?"50%":"text"===this.variant?"4px":"var(--Border-1, 4px)"}render(){return"text"===this.variant&&this.lines>1?i("div",{class:"skeleton-lines"},Array.from({length:this.lines}).map(((e,s)=>i("div",{class:"skeleton",style:{width:s===this.lines-1?"70%":this.width,height:this.height,borderRadius:this.getRadius()}})))):i("div",{class:"skeleton",style:{width:this.width,height:this.height,borderRadius:this.getRadius()}})}};s.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.skeleton-lines{display:flex;flex-direction:column;gap:8px}.skeleton{background:linear-gradient(     90deg,     var(--Gray-Gray-100, #e6eaf2) 25%,     var(--Gray-Gray-50, #f7f8fa) 50%,     var(--Gray-Gray-100, #e6eaf2) 75%   );background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}";export{s as dropi_skeleton}

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

@@ -1 +0,0 @@
-import{r,c as a,h as e}from"./p-Tbza12Gt.js";const t={success:"Check-circle",error:"Warning-circle",warning:"Warning-triangle",info:"Info"},i={success:"Success-Success-500",error:"Error-Error-500",warning:"Warning-Warning-500",info:"Info-Info-500"},o=class{constructor(e){r(this,e),this.dropiClose=a(this,"dropiClose",7),this.dropiButtonClick=a(this,"dropiButtonClick",7),this.dropiLinkClick=a(this,"dropiLinkClick",7)}message="";type="default";state="info";dismissable=!1;showButton=!1;buttonText="";anchorText="";anchorUrl="";showAlert=!0;dropiClose;dropiButtonClick;dropiLinkClick;render(){return this.showAlert?e("div",{class:{alert:!0,[`alert--${this.type}`]:!0,[`alert--${this.state}`]:!0}},"flag"!==this.type&&e("div",{class:"alert__icon"},e("dropi-icon",{name:t[this.state],width:"18px",height:"18px",color:i[this.state]})),e("div",{class:"alert__body"},e("span",{class:"alert__message"},this.message),this.anchorText&&e("a",{class:"alert__link",href:this.anchorUrl||"#",onClick:r=>{r.preventDefault(),this.dropiLinkClick.emit()}},this.anchorText)),e("div",{class:"alert__actions"},this.showButton&&this.buttonText&&"flag"!==this.type&&e("button",{class:"alert__btn",onClick:()=>this.dropiButtonClick.emit()},this.buttonText),this.dismissable&&e("button",{class:"alert__close",onClick:()=>{this.showAlert=!1,this.dropiClose.emit()},"aria-label":"Cerrar"},e("dropi-icon",{name:"Close-small",width:"18px",height:"18px",color:"Gray-Gray-500"})))):null}};o.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.alert{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid transparent;width:100%;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:12px;font-weight:400}.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:14px;color:var(--Gray-600, #475066);font-weight:500;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, #fff)}.alert__close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;opacity:0.6;transition:opacity 0.15s}.alert__close:hover{opacity:1}";export{o as dropi_alert}

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

@@ -1,208 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-Tbza12Gt.js';
-
-const dropiInputCss = () => `: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, #fff);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}`;
-
-const DropiInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.dropiInput = createEvent(this, "dropiInput", 7);
-        this.dropiChange = createEvent(this, "dropiChange", 7);
-        this.dropiFocus = createEvent(this, "dropiFocus", 7);
-        this.dropiBlur = createEvent(this, "dropiBlur", 7);
-        if (hostRef.$hostElement$["s-ei"]) {
-            this.internals = hostRef.$hostElement$["s-ei"];
-        }
-        else {
-            this.internals = hostRef.$hostElement$.attachInternals();
-            hostRef.$hostElement$["s-ei"] = this.internals;
-        }
-    }
-    internals;
-    // ── Identification ──────────────────────────────────────────
-    /** Input id. Defaults to label value. */
-    inputId = '';
-    /** Name attribute for native form submission */
-    name = '';
-    // ── Content ─────────────────────────────────────────────────
-    /** Floating or fixed label text */
-    label = '';
-    /** Placeholder text (visible in fixedLabel mode or on focus) */
-    placeholder = ' ';
-    /** Current value (controlled) */
-    value = '';
-    /** Max character length */
-    maxlength;
-    // ── Behavior ────────────────────────────────────────────────
-    /** Disable the input */
-    disabled = false;
-    /** Mark as required (shows asterisk when showAsterisk is true) */
-    required = false;
-    /** Show the required asterisk on the label */
-    showAsterisk = true;
-    /** Show label above the input (fixed), instead of floating inside */
-    fixedLabel = false;
-    /** Keyboard input mode hint */
-    inputMode = 'text';
-    // ── Input type modifiers ────────────────────────────────────
-    /** Show password visibility toggle (renders as password field) */
-    passwordInput = false;
-    /** Apply thousand separator formatting (e.g. 1,000,000) */
-    moneyFormat = false;
-    /** Apply thousand separator without currency symbol */
-    thousandSeparator = false;
-    /** Only allow numeric characters */
-    onlyNumbers = false;
-    /** Allow decimal point when onlyNumbers is true */
-    allowDecimals = false;
-    /** Only allow letter characters */
-    onlyLetters = false;
-    // ── Icon ────────────────────────────────────────────────────
-    /** Icon name shown inside the input (only visible when value is not empty) */
-    icon = '';
-    /** Color token for the icon */
-    iconColor = 'Gray-Gray-400';
-    // ── Validation ──────────────────────────────────────────────
-    /** Mark the field as invalid (consumer-controlled) */
-    invalid = false;
-    /** Helper / error text shown below the field */
-    helperText = '';
-    /** Only show helperText when the field is invalid */
-    showHelperOnlyOnError = false;
-    // ── Internal state ──────────────────────────────────────────
-    showPassword = false;
-    touched = false;
-    // ── Events ──────────────────────────────────────────────────
-    /** Emitted on every keystroke with the current value */
-    dropiInput;
-    /** Emitted on blur with the final value */
-    dropiChange;
-    /** Emitted on focus */
-    dropiFocus;
-    /** Emitted on blur */
-    dropiBlur;
-    valueChanged(val) {
-        this.internals.setFormValue(val);
-    }
-    disabledChanged(val) {
-        this.internals.setValidity(val ? { customError: true } : {}, val ? 'Field is disabled' : '');
-    }
-    componentWillLoad() {
-        this.internals.setFormValue(this.value ?? '');
-    }
-    // ── Handlers ────────────────────────────────────────────────
-    handleInput(e) {
-        let val = e.target.value;
-        if (this.onlyNumbers)
-            val = this.filterNumbers(val);
-        if (this.onlyLetters)
-            val = this.filterLetters(val);
-        if (this.moneyFormat || this.thousandSeparator)
-            val = this.formatThousands(val, this.moneyFormat);
-        this.value = val;
-        this.internals.setFormValue(val);
-        this.dropiInput.emit(val);
-    }
-    handleKeyDown(e) {
-        if ((this.onlyNumbers || this.moneyFormat || this.thousandSeparator) && !this.isAllowedNumberKey(e)) {
-            e.preventDefault();
-        }
-        if (this.onlyLetters && !this.isAllowedLetterKey(e)) {
-            e.preventDefault();
-        }
-    }
-    handleFocus() {
-        this.dropiFocus.emit();
-    }
-    handleBlur() {
-        this.touched = true;
-        this.dropiChange.emit(this.value);
-        this.dropiBlur.emit();
-    }
-    togglePassword() {
-        if (this.disabled)
-            return;
-        this.showPassword = !this.showPassword;
-    }
-    // ── Helpers ─────────────────────────────────────────────────
-    filterNumbers(val) {
-        const pattern = this.allowDecimals ? /[^0-9.]/g : /[^0-9]/g;
-        return val.replace(pattern, '');
-    }
-    filterLetters(val) {
-        return val.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑüÜ\s]/g, '');
-    }
-    isAllowedNumberKey(e) {
-        const allowed = ['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab', 'Enter', 'Home', 'End'];
-        if (allowed.includes(e.key))
-            return true;
-        if (e.ctrlKey || e.metaKey)
-            return true; // copy/paste/select-all
-        if (/^[0-9]$/.test(e.key))
-            return true;
-        if (this.allowDecimals && e.key === '.')
-            return true;
-        return false;
-    }
-    isAllowedLetterKey(e) {
-        const allowed = ['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab', 'Enter', 'Home', 'End', ' '];
-        if (allowed.includes(e.key))
-            return true;
-        if (e.ctrlKey || e.metaKey)
-            return true;
-        return /^[a-zA-ZáéíóúÁÉÍÓÚñÑüÜ]$/.test(e.key);
-    }
-    formatThousands(val, withCurrency) {
-        const raw = val.replace(/[^0-9.]/g, '');
-        const [integer, decimal] = raw.split('.');
-        const formatted = integer.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-        const result = decimal !== undefined ? `${formatted}.${decimal}` : formatted;
-        return withCurrency ? `$${result}` : result;
-    }
-    // ── Computed ─────────────────────────────────────────────────
-    get resolvedId() {
-        return this.inputId || this.label;
-    }
-    get inputType() {
-        if (this.passwordInput)
-            return this.showPassword ? 'text' : 'password';
-        return 'text';
-    }
-    get showHelper() {
-        if (!this.helperText)
-            return false;
-        if (this.showHelperOnlyOnError)
-            return this.invalid && this.touched;
-        return true;
-    }
-    get isInvalid() {
-        return this.invalid && this.touched;
-    }
-    // ── Render ───────────────────────────────────────────────────
-    render() {
-        const showAsterisk = this.required && this.showAsterisk && !this.disabled;
-        const showIconInline = !!this.icon;
-        return (h("div", { key: '49a1b6d02f59e1c67a70a219a7f7d0fbbd2a460d', class: { 'fixed-label-container': this.fixedLabel } }, this.fixedLabel && (h("div", { key: '326d90a0361fe5ab90adee1479439aab34c99951', class: "input-label Body-S-Regular" }, this.label, showAsterisk && h("span", { key: 'cf5677966af627addc69a2735803845b54f41a9f', class: "asterisk" }, " *"))), h("div", { key: '1f7b7c614dc424ad4b1aa1819d05573fd08b30a1', class: "form-group" }, h("div", { key: 'c2f88e7f7f2f0da585e8ac20c6373b451290dfdd', class: { 'input-container': true, 'input-container--has-icon': showIconInline } }, showIconInline && (h("dropi-icon", { key: 'c6f7cc14c56452768e4e49092a2be7968951255b', class: "icon-input", name: this.icon, color: this.iconColor, width: "20px", height: "20px" })), this.passwordInput && (h("dropi-icon", { key: '5ddbd5e176b61dc46d817fa6a32d3d3c0e2cc589', class: "icon-input-password", name: this.showPassword ? 'Eye' : 'Eye-crossed', width: "20px", height: "20px", color: "Gray-Gray-500", onClick: () => this.togglePassword() })), h("input", { key: '51a17c36e9ed49fef0d2f0ea97d4aca10e4722d6', id: this.resolvedId, class: {
-                'form-control': true,
-                'form-control-valid': !this.isInvalid && this.touched && !!this.value,
-                'form-control-invalid': this.isInvalid,
-                'padding-icon': showIconInline,
-                'text-password': this.passwordInput && !this.showPassword,
-                'fixed-label-input': this.fixedLabel,
-            }, type: this.inputType, value: this.value, placeholder: this.fixedLabel ? this.placeholder : ' ', disabled: this.disabled, required: this.required, maxLength: this.maxlength, inputMode: this.inputMode, "data-cy": undefined, onInput: (e) => this.handleInput(e), onKeyDown: (e) => this.handleKeyDown(e), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), !this.fixedLabel && (h("label", { key: '9fa96019e84dd543e3e74a15e8f0681ea7bb7823', class: "Body-S-Regular label-bottom", htmlFor: this.resolvedId }, this.label, showAsterisk && h("span", { key: '740936c43be963fc7383e3ae6eb21c9d02ffde03', class: "asterisk" }, " *"))), this.showHelper && (h("div", { key: '9381fc81799162f20df8d2df914adc4ebee5e8ed', class: "form-control-helper" }, this.isInvalid && (h("dropi-icon", { key: 'fea3d178b9b00f87d2a266cb665fca2774ec963a', name: "Warning-circle", width: "12px", height: "12px", color: "Error-Error-500" })), h("span", { key: '390caaa2dfdfb673b8d1fdd8fada2d7c2f6ba764', class: {
-                'disabled-helper': this.disabled,
-                'invalid-color': this.isInvalid,
-            } }, this.helperText)))))));
-    }
-    static get formAssociated() { return true; }
-    static get watchers() { return {
-        "value": [{
-                "valueChanged": 0
-            }],
-        "disabled": [{
-                "disabledChanged": 0
-            }]
-    }; }
-};
-DropiInput.style = dropiInputCss();
-
-export { DropiInput as dropi_input };

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

@@ -1,89 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-Tbza12Gt.js';
-
-const dropiPaginatorCss = () => `:host{display:block}*,*::before,*::after{box-sizing:border-box}.paginator{display:flex;align-items:center;justify-content:flex-end;gap:var(--Size-4, 16px);flex-wrap:wrap}.paginator-pages{display:flex;align-items:center;gap:var(--Size-1, 4px)}.paginator-btn{width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s ease}.paginator-btn:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-btn:disabled{opacity:0.4;cursor:not-allowed}.paginator-btn--active{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff);font-weight:var(--font-weight-bold, 700)}.paginator-btn--active:hover{background:var(--Primary-Primary-500, #f49a3d)}.paginator-btn--arrow{width:auto;padding:0 var(--Size-2, 8px);border-radius:var(--Border-1, 4px);gap:4px}.paginator-btn--arrow:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-label{font-size:var(--font-size-s, 12px);color:inherit}.paginator-ellipsis{color:var(--Gray-Gray-400, #858ea6);padding:0 4px;font-size:var(--font-size-s, 12px);display:flex;align-items:center}.paginator-size{display:flex;align-items:center;gap:var(--Size-2, 8px)}.paginator-size-label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c)}.paginator-size-select{height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);background:var(--Neutral-White, #fff);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;outline:none}`;
-
-const DropiPaginator = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.dropiPageChange = createEvent(this, "dropiPageChange", 7);
-    }
-    /** Total number of items */
-    total = 0;
-    /** Items per page */
-    pageSize = 10;
-    /** Current page (1-based) */
-    page = 1;
-    /** Max page buttons to show at once */
-    maxPages = 5;
-    /** Hide "Anterior"/"Siguiente" text labels, show only arrows */
-    noLabels = false;
-    /** Whether to show the items-per-page selector */
-    showPageSizeSelector = false;
-    /** Options for items per page */
-    pageSizeOptions = [10, 25, 50, 100];
-    /** Emitted when page changes. e.detail = { page, pageSize } */
-    dropiPageChange;
-    parsedOptions = [10, 25, 50, 100];
-    optionsChanged(val) {
-        this.parsedOptions = typeof val === 'string' ? JSON.parse(val) : val;
-    }
-    componentWillLoad() {
-        this.optionsChanged(this.pageSizeOptions);
-    }
-    get totalPages() {
-        return Math.max(1, Math.ceil(this.total / this.pageSize));
-    }
-    get pageNumbers() {
-        const total = this.totalPages;
-        const cur = this.page;
-        const max = this.maxPages;
-        if (total <= max)
-            return Array.from({ length: total }, (_, i) => i + 1);
-        const half = Math.floor(max / 2);
-        let start = Math.max(1, cur - half);
-        let end = Math.min(total, start + max - 1);
-        if (end - start < max - 1)
-            start = Math.max(1, end - max + 1);
-        const pages = [];
-        if (start > 1) {
-            pages.push(1);
-            if (start > 2)
-                pages.push('...');
-        }
-        for (let i = start; i <= end; i++)
-            pages.push(i);
-        if (end < total) {
-            if (end < total - 1)
-                pages.push('...');
-            pages.push(total);
-        }
-        return pages;
-    }
-    goTo(p) {
-        if (p < 1 || p > this.totalPages || p === this.page)
-            return;
-        this.page = p;
-        this.dropiPageChange.emit({ page: this.page, pageSize: this.pageSize });
-    }
-    onPageSizeChange(e) {
-        this.pageSize = Number(e.target.value);
-        this.page = 1;
-        this.dropiPageChange.emit({ page: this.page, pageSize: this.pageSize });
-    }
-    render() {
-        const pages = this.pageNumbers;
-        const isFirst = this.page <= 1;
-        const isLast = this.page >= this.totalPages;
-        return (h("div", { key: '23b6e4c63f01a484e61cea9fb6188382848cf675', class: "paginator" }, this.showPageSizeSelector && (h("div", { key: '0cfb3aea09339b51e65b2314b1da9915b384c92a', class: "paginator-size" }, h("span", { key: 'bef7700fdd17d4aaa5d800ad117f90b34e56381a', class: "paginator-size-label" }, "Por p\u00E1gina:"), h("select", { key: 'c25162f2ce42bbc00125a28d707e72fc214b4864', class: "paginator-size-select", onChange: (e) => this.onPageSizeChange(e) }, this.parsedOptions.map(opt => (h("option", { value: opt, selected: opt === this.pageSize }, opt)))))), h("div", { key: 'f8fd71442442725779786ea3f2334cccf82d237f', class: "paginator-pages" }, !isFirst && !this.noLabels && (h("button", { key: '899e629c0922baa0b71646912e4eed6e6c44536b', class: { 'paginator-btn': true, 'paginator-btn--arrow': true }, onClick: () => this.goTo(1), "aria-label": "Primera p\u00E1gina" }, h("dropi-icon", { key: '0e847019e80d9e6c8d448b904691518a87a3afff', name: "Arrow-double-small-left", width: "16px", height: "16px", color: "Gray-Gray-600" }))), !isFirst && (h("button", { key: '606e96d5e1495c17ac86d66d560116574f2aa962', class: { 'paginator-btn': true, 'paginator-btn--arrow': true }, onClick: () => this.goTo(this.page - 1), "aria-label": "Anterior" }, h("dropi-icon", { key: '695bbfc36e42040c530b4338c9118d9b1da4c1ea', name: "Dropdown-left", width: "16px", height: "16px", color: "Gray-Gray-600" }), !this.noLabels && h("span", { key: 'c3bc6d3c292f07b782aba6672715163d50907d93', class: "paginator-label" }, "Anterior"))), pages.map((p, i) => p === '...'
-            ? h("span", { class: "paginator-ellipsis", key: `e${i}` }, "\u2026")
-            : h("button", { key: p, class: { 'paginator-btn': true, 'paginator-btn--active': p === this.page }, onClick: () => this.goTo(p), "aria-current": p === this.page ? 'page' : undefined }, p)), !isLast && (h("button", { key: '83b89c14ca3fc63679839a4bcb3b416412ebcb01', class: { 'paginator-btn': true, 'paginator-btn--arrow': true }, onClick: () => this.goTo(this.page + 1), "aria-label": "Siguiente" }, !this.noLabels && h("span", { key: 'e896eb8dd2bbabd932014a100a138af89fdfd2f4', class: "paginator-label" }, "Siguiente"), h("dropi-icon", { key: '2f9ba001d0ca94f8330b910a6dd952d940c622c8', name: "Dropdown-Right", width: "16px", height: "16px", color: "Gray-Gray-600" }))), !isLast && !this.noLabels && (h("button", { key: '6531b71b3767ae872464605bad8ce8e1a5d609d1', class: { 'paginator-btn': true, 'paginator-btn--arrow': true }, onClick: () => this.goTo(this.totalPages), "aria-label": "\u00DAltima p\u00E1gina" }, h("dropi-icon", { key: '9411fdbec9291cf3a3418152efc6ce951e6c4006', name: "Arrow-double-small-right", width: "16px", height: "16px", color: "Gray-Gray-600" }))))));
-    }
-    static get watchers() { return {
-        "pageSizeOptions": [{
-                "optionsChanged": 0
-            }]
-    }; }
-};
-DropiPaginator.style = dropiPaginatorCss();
-
-export { DropiPaginator as dropi_paginator };

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

@@ -1,66 +0,0 @@
-import { r as registerInstance, h } from './index-Tbza12Gt.js';
-
-const dropiTagCss = () => `: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)}}`;
-
-const DropiTag = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /** primary (filled) | secondary (soft) */
-    type = 'primary';
-    /** Color state of the tag */
-    state = 'default';
-    /** Whether to show the icon */
-    showIcon = false;
-    /** Icon name from the sprite */
-    icon = '';
-    /** Label text */
-    text = '';
-    colorMap = {
-        default: 'Primary-Primary',
-        success: 'Success-Success',
-        info: 'Info-Info',
-        warning: 'Warning-Warning',
-        error: 'Error-Error',
-        legacy: 'Gray-Gray',
-    };
-    propsChanged() { }
-    get bgColor() {
-        const base = this.colorMap[this.state];
-        if (this.type === 'primary')
-            return `var(--${base}-500)`;
-        const shade = this.state === 'default' || this.state === 'legacy' ? '-100' : '-50';
-        return `var(--${base}${shade})`;
-    }
-    get textColor() {
-        const base = this.colorMap[this.state];
-        if (this.type === 'primary')
-            return `var(--Neutral-White)`;
-        const shade = this.state === 'default' ? '-500' : '-700';
-        return `var(--${base}${shade})`;
-    }
-    get iconColor() {
-        if (this.type === 'primary')
-            return 'Neutral-White';
-        const base = this.colorMap[this.state];
-        const shade = this.state === 'default' ? '-500' : '-700';
-        return `${base}${shade}`;
-    }
-    get hasContent() {
-        return typeof this.text === 'string' && this.text.trim().length > 0;
-    }
-    render() {
-        return (h("div", { key: 'ca7fdd40b3d059abe34a6c4ccfba5cbfbdb5c786', class: "container-chips" }, h("div", { key: '897f4ab4a9d2d5ecb7088c6732f59c6cc3138c43', class: { tags: true, 'icon-only': this.showIcon && !this.hasContent }, style: { backgroundColor: this.bgColor, color: this.textColor } }, this.showIcon && this.icon && (h("dropi-icon", { key: '77b9315e4d1d4bd257331a4ce4cb3b82480430c0', class: "file-icon", name: this.icon, width: "16px", height: "16px", color: this.iconColor })), this.hasContent && h("span", { key: 'c55aede3070168989b8ebefa85480968f71eb08a' }, this.text))));
-    }
-    static get watchers() { return {
-        "type": [{
-                "propsChanged": 0
-            }],
-        "state": [{
-                "propsChanged": 0
-            }]
-    }; }
-};
-DropiTag.style = dropiTagCss();
-
-export { DropiTag as dropi_tag };