@dropi/ui 0.1.54 → 999.0.0

package/dist/components/dropi-select.js

@@ -1 +0,0 @@
-import{t as e,p as t,H as i,c as r,h as o}from"./index.js";import{d as s}from"./p-Ccl4kD95.js";const a=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChangeSelect=r(this,"dropiChangeSelect"),this.dropiClear=r(this,"dropiClear"),this.dropiSearch=r(this,"dropiSearch"),this.dropiScrollEnd=r(this,"dropiScrollEnd"),this.dropiKeyEnter=r(this,"dropiKeyEnter"),this.internals=this.attachInternals()}get el(){return this}internals;buttonRef;scrollDebounce;hasEmittedScrollEnd=!1;lastScrollTop=0;label="";placeholder="Select";options=[];name;disabled=!1;hasError=!1;errorText="";textHelper="";showObligatory=!1;searchEnabled=!1;multiSelect=!1;dropdownType=!1;showCountryFlags=!1;radioOptions=!1;placeHolderSearch="Buscar";preIcon="";defaultSelectedId;selectedOption=null;overlayClass="";withinModal=!1;selectProperties=null;isOpen=!1;_selectedOption=null;multiSelected=[];filteredOptions=[];searchTerm="";dropdownStyle={top:"0px",left:"0px",width:"0px"};dropiChangeSelect;dropiClear;dropiSearch;dropiScrollEnd;dropiKeyEnter;componentWillLoad(){this.selectProperties&&this.selectPropertiesChanged(this.selectProperties),this.normalizeOptions(),this.filteredOptions=[...this.options],this.applyDefaultSelection()}selectPropertiesChanged(e){e&&(void 0!==e.label&&(this.label=e.label),void 0!==e.placeholder&&(this.placeholder=e.placeholder),void 0!==e.options&&(this.options=e.options),void 0!==e.showObligatory&&(this.showObligatory=e.showObligatory),void 0!==e.textHelper&&(this.textHelper=e.textHelper),void 0!==e.searchEnabled&&(this.searchEnabled=e.searchEnabled),void 0!==e.multiSelect&&(this.multiSelect=e.multiSelect),void 0!==e.dropdownType&&(this.dropdownType=e.dropdownType),void 0!==e.hasError&&(this.hasError=e.hasError),void 0!==e.errorText&&(this.errorText=e.errorText),void 0!==e.radioOptions&&(this.radioOptions=e.radioOptions),void 0!==e.preIcon&&(this.preIcon=e.preIcon))}optionsChanged(){this.normalizeOptions(),this.filteredOptions=[...this.options],this.applyDefaultSelection()}normalizeOptions(){if(this.options){if("string"==typeof this.options)try{this.options=JSON.parse(this.options)}catch(e){this.options=[]}}else this.options=[]}defaultChanged(e){this.applyDefaultSelection(e)}valueChanged(e){this._selectedOption=e,this.internals.setFormValue(e?e.id+"":"")}async setById(e){const t=this.options.find((t=>t.id===e||t.id+""==e+""));t&&this.selectOption(t)}async setByLabel(e){const t=this.options.find((t=>t.label===e));t&&this.selectOption(t)}async clearSelection(){this._selectedOption=null,this.multiSelected=[],this.internals.setFormValue(""),this.dropiClear.emit()}async resetMultiSelect(e){this.multiSelected=[],this.internals.setFormValue("")}handleWindowScroll(e){this.isOpen&&!this.withinModal&&e.target!==this.el&&this.closeDropdown()}handleWindowResize(){this.isOpen&&!this.withinModal&&this.closeDropdown()}handleOutsideClick(e){this.isOpen&&!e.composedPath().includes(this.el)&&this.closeDropdown()}applyDefaultSelection(e){const t=e??this.defaultSelectedId;if(""===t||null==t)return;const i=this.flatOptions().find((e=>e.id===t||e.id+""==t+""));i&&(this._selectedOption=i,this.internals.setFormValue(i.id+""))}flatOptions(){return this.options?.length?"category"in this.options[0]?this.options.flatMap((e=>e.options)):this.options:[]}get isGrouped(){return this.options?.length>0&&"category"in this.options[0]}get triggerLabel(){return this.multiSelect?this.multiSelected.length?this.multiSelected.map((e=>e.label)).join(", "):this.placeholder:this._selectedOption?this.showCountryFlags&&this._selectedOption.shortLabel?this._selectedOption.shortLabel:this._selectedOption.label:this.placeholder}updateDropdownPosition(){if(!this.buttonRef)return;const e=this.buttonRef.getBoundingClientRect(),t=window.innerHeight;this.dropdownStyle={top:(t-e.bottom>=250?e.bottom+4:e.top-250-4)+"px",left:e.left+"px",width:e.width+"px"}}openDropdown(){this.withinModal?this.dropdownStyle={top:this.el.offsetHeight+"px",left:"0px",width:"100%"}:this.updateDropdownPosition(),this.isOpen=!0,this.searchEnabled&&setTimeout((()=>{const e=this.el.shadowRoot?.querySelector(".search-input");e?.focus()}),50)}closeDropdown(){this.isOpen=!1,this.searchTerm="",this.filteredOptions=[...this.options]}toggleDropdown(){this.isOpen?this.closeDropdown():this.openDropdown()}selectOption(e){if(!e.disabled)if(this.multiSelect){const t=this.multiSelected.findIndex((t=>t.id===e.id));this.multiSelected=t>=0?this.multiSelected.filter((t=>t.id!==e.id)):[...this.multiSelected,e],this.internals.setFormValue(this.multiSelected.map((e=>e.id)).join(",")),this.dropiChangeSelect.emit([...this.multiSelected])}else this._selectedOption=e,this.internals.setFormValue(e.id+""),this.dropiChangeSelect.emit(e),this.closeDropdown()}isOptionChecked(e){return this.multiSelected.some((t=>t.id===e.id))}handleSearch(e){this.searchTerm=e,this.dropiSearch.emit(e);const t=e.toLowerCase().trim();this.filteredOptions=t?this.isGrouped?this.options.map((e=>({...e,options:e.options.filter((e=>e.label.toLowerCase().includes(t)))}))).filter((e=>e.options.length>0)):this.options.filter((e=>e.label.toLowerCase().includes(t))):[...this.options]}handleScroll(e){const t=e.target;clearTimeout(this.scrollDebounce),this.scrollDebounce=setTimeout((()=>{if(!t)return;const e=t.scrollHeight-t.scrollTop-t.clientHeight,i=Math.min(50,t.clientHeight/2);t.scrollTop<this.lastScrollTop&&(this.hasEmittedScrollEnd=!1),this.lastScrollTop=t.scrollTop,e<=i&&!this.hasEmittedScrollEnd&&(this.dropiScrollEnd.emit(),this.hasEmittedScrollEnd=!0,setTimeout((()=>{this.hasEmittedScrollEnd=!1}),1e3))}),100)}renderTrigger(){const e=this.disabled?"Gray-Gray-300":this.dropdownType?"Gray-Gray-600":"Gray-Gray-400",t=this.dropdownType?"24px":"20px";return o("button",{type:"button",class:{"select-button":!0,"select-completed":this.multiSelect?this.multiSelected.length>0:!!this._selectedOption,"select-button-error":this.hasError,"no-border":this.dropdownType},disabled:this.disabled,ref:e=>this.buttonRef=e,onClick:()=>this.toggleDropdown()},o("div",{class:{"button-content":!0,"option-radio":this.radioOptions&&!!this._selectedOption&&!this.multiSelect}},this.preIcon&&o("dropi-icon",{name:this.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}),this.radioOptions&&this._selectedOption&&!this.multiSelect&&[this._selectedOption.imageUrl&&!this._selectedOption.isFallback?o("img",{class:"option-image small-image",src:this._selectedOption.imageUrl,alt:"",onError:()=>{this._selectedOption&&(this._selectedOption={...this._selectedOption,isFallback:!0})}}):this._selectedOption.isFallback?o("span",{class:"option-image-fallback small-image"},this._selectedOption.label.charAt(0).toUpperCase()):null,o("div",{class:"labels-container elipsis"},o("span",null,this._selectedOption.label),this._selectedOption.secondLabel&&o("span",{class:"option-second-label"},this._selectedOption.secondLabel))],!(this.radioOptions&&this._selectedOption&&!this.multiSelect)&&o("div",{class:"elipsis"},this.triggerLabel)),o("dropi-icon",{name:this.isOpen?"Dropdown-up":"Dropdown-down",iconWidth:t,iconHeight:t,color:e}))}renderOption(e){const t=this.multiSelect?this.isOptionChecked(e):this._selectedOption?.id===e.id;return o("li",{key:e.id},o("button",{type:"button",class:{option:!0,"option-radio":this.radioOptions,"option-with-flag":this.showCountryFlags&&!!e.countryCode,"disabled-option":!!e.disabled,"selected-option":t},disabled:e.disabled,onClick:()=>this.selectOption(e)},this.multiSelect&&o("span",{class:{"multi-checkbox":!0,checked:t}},t&&o("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none"},o("path",{d:"M20.6 5.7L9.1 17.2c-.2.2-.5.3-.8.3s-.6-.1-.8-.3L3 12.8c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l3.9 3.9L19.2 4.3c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4z",fill:"white"}))),this.radioOptions&&o("div",{class:{radio:!0,selected:t}},t&&o("div",{class:"circle"})),!this.radioOptions&&e.preIcon&&o("dropi-icon",{name:e.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}),this.radioOptions&&e.imageUrl&&!e.isFallback&&o("img",{class:"option-image",src:e.imageUrl,alt:"",onError:()=>{e.isFallback=!0,this.options=[...this.options]}}),this.radioOptions&&e.isFallback&&o("span",{class:"option-image-fallback"},e.label.charAt(0).toUpperCase()),this.showCountryFlags&&e.countryCode&&o("span",{class:"flag-placeholder"},e.countryCode),this.radioOptions?o("div",{class:"labels-container"},o("span",{class:"elipsis"},e.label),e.secondLabel&&o("span",{class:"option-second-label"},e.secondLabel)):o("span",{class:"elipsis"},this.showCountryFlags&&e.shortLabel?e.shortLabel:e.label)))}renderDropdown(){return this.isOpen?o("ul",{class:`select-dropdown-overlay ${this.overlayClass} ${this.withinModal?"within-modal":""}`,style:this.dropdownStyle,onScroll:e=>this.handleScroll(e)},this.searchEnabled&&o("li",{class:"sticky-search"},o("div",{class:"search-wrapper"},o("dropi-icon",{name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),o("input",{class:"search-input",type:"text",placeholder:this.placeHolderSearch,value:this.searchTerm,onInput:e=>this.handleSearch(e.target.value),onKeyDown:e=>{"Enter"===e.key&&this.dropiKeyEnter.emit(e)}}),this.searchTerm&&o("button",{type:"button",class:"search-clear",onClick:()=>this.handleSearch("")},o("dropi-icon",{name:"Close",iconWidth:"14px",iconHeight:"14px",color:"Gray-Gray-400"})))),this.isGrouped&&this.filteredOptions.map((e=>[o("li",{class:"option-group-title"},e.category),...e.options.map((e=>o("li",{key:e.id},o("button",{type:"button",class:{option:!0,"option-group":!0,"disabled-option":!!e.disabled},disabled:e.disabled,onClick:()=>this.selectOption(e)},e.preIcon&&o("dropi-icon",{name:e.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}),o("span",{class:"elipsis"},e.label)))))])),!this.isGrouped&&this.filteredOptions.map((e=>this.renderOption(e))),0===this.filteredOptions.length&&o("li",{class:"no-results"},"Sin resultados")):null}render(){return o("div",{key:"b11bfc98a7d37846afaad6b171f564b5cb72620a",class:"custom-select"},!this.dropdownType&&this.label&&o("label",{key:"bda1ed87b6ed257c1f8148464199f241d3f5d5f9",class:{"disabled-label":this.disabled}},this.label,this.showObligatory&&!this.disabled&&o("span",{key:"81e9fd26856228c8ec59271bae8f3788f22fc2ee",class:"asterisk"}," *")),o("div",{key:"a8feb6ffde967418ad5655e24b3b2ac260541508",class:"dropdown-container"},this.dropdownType&&this.label&&o("div",{key:"43c9e38a90c6f072f540f6e6af3315e26ce2b2e0",class:"left-label"},this.label),this.renderTrigger()),this.textHelper&&!this.hasError&&o("div",{key:"73c290608f1feeca8a78d391c63ff76cbdfc41a7",class:"select-helper"},o("span",{key:"b64e35c437f9791e790e4d2155deae02cdeb684f"},this.textHelper)),this.hasError&&this.errorText&&o("div",{key:"4e7126e5f6f64a6134928e9aa1901e2d795a9246",class:"select-helper-error"},o("dropi-icon",{key:"36019fb1921f710113fb10e99eb16fa46a6306dc",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),o("span",{key:"99783b102c6d345404ef8d9dfb0325c682c8f87b"},this.errorText)),this.renderDropdown())}static get formAssociated(){return!0}static get watchers(){return{selectProperties:[{selectPropertiesChanged:0}],options:[{optionsChanged:0}],defaultSelectedId:[{defaultChanged:0}],selectedOption:[{valueChanged:0}]}}static get style(){return":host{display:block;width:100%;text-align:left;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}*,*::before,*::after{box-sizing:border-box}.custom-select{position:relative;width:100%}.custom-select label{display:block;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066)}.disabled-label{color:var(--Gray-Gray-400, #858ea6) !important}.asterisk{color:var(--Error-Error-500, #f46a6b)}.dropdown-container{display:flex;align-items:center;gap:4px}.left-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-m, 14px);white-space:nowrap}.select-button{box-sizing:border-box;width:100%;height:40px;padding:0 0.75rem;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);font-family:var(--font-family-01, 'Inter', sans-serif);display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;transition:border-color 0.2s ease;gap:8px}.select-button:focus{outline:none;border-color:var(--Info-Info-500, #50a5f1)}.select-button:disabled{border-color:var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.select-completed{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066)}.select-button-error{border-color:var(--Error-Error-500, #f46a6b) !important}.no-border{border:none !important;color:var(--Gray-Gray-600, #475066);padding:var(--Size-4, 16px);background-color:transparent !important;gap:var(--Size-2, 8px)}.no-border:disabled{background-color:transparent !important}.button-content{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1;min-width:0}.elipsis{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-dropdown-overlay{position:fixed;max-height:250px;overflow-y:auto;list-style:none;padding:var(--Size-4, 16px) var(--Size-4, 16px) var(--Size-3, 12px);margin:0;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0px 8px 24px rgba(0, 0, 0, 0.12);z-index:var(--dropi-z-index-overlay, 11000);animation:dropdown-open 120ms ease-out}.select-dropdown-overlay.within-modal{position:absolute}@keyframes dropdown-open{from{opacity:0;transform:scaleY(0.95);transform-origin:top}to{opacity:1;transform:scaleY(1);transform-origin:top}}.option{box-sizing:border-box;width:100%;min-height:40px;border-radius:var(--Border-2, 8px);padding:var(--Size-3, 12px) var(--Size-4, 16px);border:none;background:transparent;text-align:left;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:var(--font-family-01, 'Inter', sans-serif);cursor:pointer;display:flex;align-items:center;gap:var(--Size-2, 8px);transition:background 0.15s ease}.option:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.option:disabled,.disabled-option{opacity:0.5;cursor:not-allowed}.option.selected-option:not(.option-radio){background:var(--Primary-Primary-50, #fef8f2);color:var(--Primary-Primary-500, #f49a3d)}.option-group-title{padding:var(--Size-3, 12px) var(--Size-4, 16px);font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);color:var(--Gray-Gray-500, #69738c);list-style:none}.option-group{padding-left:var(--Size-6, 32px)}.sticky-search{position:sticky;top:calc(-1 * var(--Size-4, 16px));background:var(--Neutral-White, #ffffff);z-index:10;margin:calc(-1 * var(--Size-4, 16px)) calc(-1 * var(--Size-4, 16px)) 0;padding:var(--Size-2, 8px) var(--Size-4, 16px);border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2);list-style:none}.search-wrapper{display:flex;align-items:center;gap:8px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);padding:6px 10px;background:var(--Neutral-White, #ffffff)}.search-input{flex:1;border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:var(--font-family-01, 'Inter', sans-serif);color:var(--Gray-Gray-700, #32394d);background:transparent}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-clear{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.multi-checkbox{width:18px;height:18px;min-width:18px;border-radius:var(--Border-1, 4px);border:2px solid var(--Gray-Gray-200, #c3c9d9);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.15s, border-color 0.15s}.multi-checkbox.checked{background:var(--Primary-Primary-500, #f49a3d);border-color:var(--Primary-Primary-500, #f49a3d)}.option-radio{display:flex;align-items:center;gap:12px}.option-radio.selected-option{border-radius:var(--Border-2, 8px);background:var(--Primary-Primary-50, #fef8f2);color:var(--Primary-Primary-500, #f49a3d)}.option-radio.selected-option .option-second-label{color:var(--Primary-Primary-500, #f49a3d)}.radio{width:20px;height:20px;min-width:20px;border-radius:50%;border:2px solid var(--Gray-Gray-200, #c3c9d9);display:flex;align-items:center;justify-content:center;flex-shrink:0}.radio.selected{border-color:var(--Primary-Primary-500, #f49a3d)}.circle{width:12px;height:12px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d)}.labels-container{display:flex;justify-content:space-between;width:100%;min-width:0}.option-image{width:24px;height:24px;border-radius:60px;object-fit:cover;flex-shrink:0}.small-image{width:20px;height:20px}.option-image-fallback{width:24px;height:24px;border-radius:60px;background:var(--Primary-Primary-500, #f49a3d);color:white;font-size:13px;font-weight:var(--font-weight-bold);display:flex;justify-content:center;align-items:center;flex-shrink:0}.small-image.option-image-fallback{width:20px;height:20px}.option-second-label{color:var(--Gray-Gray-700, #32394d);font-weight:var(--font-weight-bold);white-space:nowrap}.flag-placeholder{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-500, #69738c);flex-shrink:0}.select-helper,.select-helper-error{display:flex;gap:var(--Size-1, 4px);align-items:center;margin-top:var(--Size-1, 4px)}.select-helper span{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.select-helper-error span{color:var(--Error-Error-500, #f46a6b);font-size:var(--font-size-xs, 10px)}.no-results{padding:var(--Size-3, 12px) var(--Size-4, 16px);color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 12px);list-style:none;text-align:center}"}},[577,"dropi-select",{label:[1025],placeholder:[1025],options:[1040],name:[513],disabled:[516],hasError:[1028,"has-error"],errorText:[1025,"error-text"],textHelper:[1025,"text-helper"],showObligatory:[1028,"show-obligatory"],searchEnabled:[1028,"search-enabled"],multiSelect:[1028,"multi-select"],dropdownType:[1028,"dropdown-type"],showCountryFlags:[4,"show-country-flags"],radioOptions:[1028,"radio-options"],placeHolderSearch:[1,"place-holder-search"],preIcon:[1025,"pre-icon"],defaultSelectedId:[1032,"default-selected-id"],selectedOption:[1040],overlayClass:[1,"overlay-class"],withinModal:[4,"within-modal"],selectProperties:[8,"select-properties"],isOpen:[32],_selectedOption:[32],multiSelected:[32],filteredOptions:[32],searchTerm:[32],dropdownStyle:[32],setById:[64],setByLabel:[64],clearSelection:[64],resetMultiSelect:[64]},[[11,"scroll","handleWindowScroll"],[9,"resize","handleWindowResize"],[4,"click","handleOutsideClick"]],{selectProperties:[{selectPropertiesChanged:0}],options:[{optionsChanged:0}],defaultSelectedId:[{defaultChanged:0}],selectedOption:[{valueChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-select","dropi-icon"].forEach((t=>{switch(t){case"dropi-select":customElements.get(e(t))||customElements.define(e(t),a);break;case"dropi-icon":customElements.get(e(t))||s()}}))}n();const l=a,d=n;export{l as DropiSelect,d as defineCustomElement}

package/dist/components/dropi-sidebar.d.ts

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

package/dist/components/dropi-sidebar.js

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

package/dist/components/dropi-simple-stepper.d.ts

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

package/dist/components/dropi-simple-stepper.js

@@ -1 +0,0 @@
-import{t as e,p as r,H as t,h as s}from"./index.js";const p=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}stepsCount=3;typeStep="point";currentStep=0;labelStepper=[];flowMode="Simultaneous";white_brand="dropi";get parsedLabels(){if("string"==typeof this.labelStepper)try{return JSON.parse(this.labelStepper)}catch{return[]}return this.labelStepper||[]}render(){const e=this.parsedLabels,r=Array.from({length:this.stepsCount},((e,r)=>r+1));return s("div",{key:"f67f6e9404bf67700c46b987923836d5251ae1c4",class:"stepper"},r.map(((t,p)=>{const i=t<this.currentStep,a=t===this.currentStep,n=p===r.length-1,o=e[p];return s("div",{class:"stepper__item",key:t},s("div",{class:"stepper__circle-row"},s("div",{class:{stepper__circle:!0,"stepper__circle--active":a,"stepper__circle--completed":i,"stepper__circle--pending":!a&&!i}},"point"===this.typeStep?s("span",{class:"stepper__dot"}):s("span",{class:"stepper__number"},t)),!n&&s("div",{class:{stepper__line:!0,"stepper__line--done":i}})),o&&s("span",{class:"stepper__label"},o))})))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.stepper{display:flex;align-items:flex-start;width:100%}.stepper__item{display:flex;flex-direction:column;align-items:center;flex:1}.stepper__circle-row{display:flex;align-items:center;width:100%}.stepper__circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, border-color 0.2s}.stepper__circle--pending{background:var(--Gray-Gray-100, #e6eaf2);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.stepper__circle--active{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.stepper__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.stepper__dot{width:8px;height:8px;border-radius:50%;background:var(--Neutral-White, #ffffff);display:block}.stepper__circle--pending .stepper__dot{background:var(--Gray-Gray-400, #858ea6)}.stepper__number{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Neutral-White, #ffffff)}.stepper__circle--pending .stepper__number{color:var(--Gray-Gray-500, #69738c)}.stepper__line{flex:1;height:2px;background:var(--Gray-Gray-200, #c3c9d9);transition:background 0.2s}.stepper__line--done{background:var(--Primary-Primary-500, #f49a3d)}.stepper__label{margin-top:6px;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);text-align:center}"}},[513,"dropi-simple-stepper",{stepsCount:[2,"steps-count"],typeStep:[1,"type-step"],currentStep:[2,"current-step"],labelStepper:[1,"label-stepper"],flowMode:[1,"flow-mode"],white_brand:[1]}]);function i(){"undefined"!=typeof customElements&&["dropi-simple-stepper"].forEach((r=>{"dropi-simple-stepper"===r&&(customElements.get(e(r))||customElements.define(e(r),p))}))}i();const a=p,n=i;export{a as DropiSimpleStepper,n as defineCustomElement}

package/dist/components/dropi-skeleton.d.ts

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

package/dist/components/dropi-skeleton.js

@@ -1 +0,0 @@
-import{t as e,p as t,H as s,h as i}from"./index.js";const r=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}variant="text";width="";height="";radius="8px";lines=1;baseColor="#f6f7f8";getBackground(){const e=(this.baseColor??"#f6f7f8").startsWith("#")?this.baseColor??"#f6f7f8":`var(--${this.baseColor})`;return`linear-gradient(to right, ${e} 8%, #e3e7efe7 28%, ${e} 77%)`}getRadius(){return this.radius?this.radius:"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,t)=>i("div",{class:"skeleton",style:{width:t===this.lines-1?"70%":this.width,height:this.height,borderRadius:this.getRadius(),background:this.getBackground(),backgroundSize:"1000px 104px"}})))):i("div",{class:"skeleton",style:{width:this.width,height:this.height,borderRadius:this.getRadius(),background:this.getBackground(),backgroundSize:"1000px 104px"}})}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.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}}"}},[513,"dropi-skeleton",{variant:[1],width:[1],height:[1],radius:[1],lines:[2],baseColor:[1,"base-color"]}]);function n(){"undefined"!=typeof customElements&&["dropi-skeleton"].forEach((t=>{"dropi-skeleton"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}n();const a=r,o=n;export{a as DropiSkeleton,o as defineCustomElement}

package/dist/components/dropi-steps.d.ts

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

package/dist/components/dropi-steps.js

@@ -1 +0,0 @@
-import{t as e,p as t,H as r,h as s}from"./index.js";import{d as i}from"./p-Ccl4kD95.js";const p=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}stepsCount=3;showNumberOfStep=!0;currentStep=0;stepLabels=[];state="pending";get parsedLabels(){if("string"==typeof this.stepLabels)try{return JSON.parse(this.stepLabels)}catch{return[]}return this.stepLabels||[]}stepState(e){return e<this.currentStep?"completed":e===this.currentStep?"focus":"pending"}render(){const e=this.parsedLabels,t=Array.from({length:this.stepsCount},((e,t)=>t+1));return s("div",{key:"35c28210675370e76f16e2525fdf785b6205ec78",class:"stepper"},t.map((t=>{const r=this.stepState(t),i=e[t-1],p=1===t,a=t===this.stepsCount,o=t>1?this.stepState(t-1):null;return s("div",{class:{stepper__step:!0,["stepper__step--"+r]:!0},key:t},s("div",{class:"stepper__circle-wrap"},s("div",{class:{stepper__line:!0,"stepper__line--done":"completed"===o,"stepper__line--invisible":p}}),s("div",{class:{stepper__circle:!0,["stepper__circle--"+r]:!0}},"completed"===r?s("dropi-icon",{name:"Check",iconWidth:"12px",iconHeight:"12px",color:"Neutral-White"}):this.showNumberOfStep?s("span",null,t):null),s("div",{class:{stepper__line:!0,"stepper__line--done":"completed"===r||"focus"===r,"stepper__line--invisible":a}})),i&&s("div",{class:"stepper__label"},i.title&&s("span",{class:"stepper__title"},i.title),i.description&&s("span",{class:"stepper__desc"},i.description)))})))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01)}.stepper{display:flex;align-items:flex-start;width:100%}.stepper__step{display:flex;flex-direction:column;align-items:center;flex:1}.stepper__circle-wrap{display:flex;align-items:center;width:100%}.stepper__line{flex:1;height:2px;background:var(--Gray-Gray-200);transition:background 0.2s}.stepper__line--done{background:var(--Primary-Primary-500)}.stepper__line--invisible{background:transparent}.stepper__circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0;transition:background 0.2s, border-color 0.2s}.stepper__circle--pending{background:var(--Neutral-White);border:2px solid var(--Gray-Gray-200);color:var(--Gray-Gray-400)}.stepper__circle--focus{background:var(--Neutral-White);border:2px solid var(--Primary-Primary-500);color:var(--Primary-Primary-500)}.stepper__circle--completed{background:var(--Primary-Primary-500);border:2px solid var(--Primary-Primary-500);color:var(--Neutral-White)}.stepper__label{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--Size-2);text-align:center;padding:0 4px}.stepper__title{font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-400)}.stepper__desc{font-size:var(--font-size-xs);color:var(--Gray-Gray-400)}.stepper__step--focus .stepper__title{color:var(--Gray-Gray-700);font-weight:var(--font-weight-bold)}.stepper__step--focus .stepper__desc{color:var(--Gray-Gray-500)}.stepper__step--completed .stepper__title{color:var(--Gray-Gray-600);font-weight:var(--font-weight-semibold)}.stepper__step--completed .stepper__desc{color:var(--Gray-Gray-500)}"}},[513,"dropi-steps",{stepsCount:[2,"steps-count"],showNumberOfStep:[4,"show-number-of-step"],currentStep:[2,"current-step"],stepLabels:[1,"step-labels"],state:[1]}]);function a(){"undefined"!=typeof customElements&&["dropi-steps","dropi-icon"].forEach((t=>{switch(t){case"dropi-steps":customElements.get(e(t))||customElements.define(e(t),p);break;case"dropi-icon":customElements.get(e(t))||i()}}))}a();const o=p,n=a;export{o as DropiSteps,n as defineCustomElement}

package/dist/components/dropi-switch.d.ts

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

package/dist/components/dropi-switch.js

@@ -1 +0,0 @@
-import{D as o,d as s}from"./p-BhQK2SnE.js";const p=o,r=s;export{p as DropiSwitch,r as defineCustomElement}

package/dist/components/dropi-table.d.ts

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

package/dist/components/dropi-table.js

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

package/dist/components/dropi-tabs.d.ts

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

package/dist/components/dropi-tabs.js

@@ -1 +0,0 @@
-import{t,p as a,H as e,c as i,h as r}from"./index.js";import{d as o}from"./p-Ccl4kD95.js";const s=a(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dropiIndexChange=i(this,"dropiIndexChange")}configuration=[];activeTab=0;showIcon=!1;stopAction=!1;dropiIndexChange;parsedTabs=[];tabsChanged(t){this.parsedTabs="string"==typeof t?JSON.parse(t):t??[]}componentWillLoad(){this.tabsChanged(this.configuration)}handleClick(t){t.disabled||this.stopAction||(this.activeTab=t.id,this.dropiIndexChange.emit(t))}render(){return r("div",{key:"5e8facb7611d02c9b7fad97f676a50ce419c6852",class:"tabs-container",role:"tablist"},this.parsedTabs.map((t=>{const a=t.id===this.activeTab;return r("div",{role:"tab","aria-selected":a+"",class:{"tab-item":!0,"tab-item--active":a&&!t.disabled,"tab-item--disabled":!!t.disabled},onClick:()=>this.handleClick(t)},r("span",{class:"tab-label-row"},r("span",{class:"tab-label"},t.label),null!=t.counter&&r("span",{class:{"tab-counter":!0,"tab-counter--active":a}},t.counter)),this.showIcon&&(t.completed?r("dropi-icon",{name:"Check-circle",iconWidth:"12px",iconHeight:"12px",color:"Success-Success-500"}):r("span",{class:"tab-status-dot"})))})))}static get watchers(){return{configuration:[{tabsChanged:0}]}}static get style(){return":host{display:block;font-family:var(--font-family-01, 'Inter', sans-serif);width:100%}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}*,*::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.d.ts

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

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

@@ -1 +0,0 @@
-import{t,p as e,H as r,h as n}from"./index.js";const a=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}label="VARIABLE";render(){return n("div",{key:"ae1cd50cd3e82180704ae4f5406b4dc13ffbd12c",class:"type-variation"},this.label)}static get style(){return":host{display:inline-block;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.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 i(){"undefined"!=typeof customElements&&["dropi-tag-type-product"].forEach((e=>{"dropi-tag-type-product"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))}i();const o=a,s=i;export{o as DropiTagTypeProduct,s as defineCustomElement}

package/dist/components/dropi-tag.d.ts

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

package/dist/components/dropi-tag.js

@@ -1 +0,0 @@
-import{D as o,d as s}from"./p-CY_Pmg81.js";const m=o,p=s;export{m as DropiTag,p as defineCustomElement}

package/dist/components/dropi-text-area.d.ts

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

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

@@ -1 +0,0 @@
-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-Ccl4kD95.js";const s=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dropiInput=a(this,"dropiInput"),this.dropiChange=a(this,"dropiChange"),this.dropiFocus=a(this,"dropiFocus"),this.dropiBlur=a(this,"dropiBlur"),this.internals=this.attachInternals()}internals;inputId;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.inputId&&(this.inputId=r.inputId),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),this.dropiChange.emit(e)}handleBlur(){this.touched=!0,this.dropiBlur.emit()}get resolvedId(){return this.inputId||this.name}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:"0b5292b24d3e4f2b56d69e985ede73be0f9a1338",class:"textarea-wrapper"},this.label&&o("label",{key:"19a45a83b92bed4b98da68389f5eee6affce9eb2",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:"e67602dbd7095504c4c1bf574d03a01a5238b561",class:"asterisk"}," *")),o("div",{key:"1d858e327147e87ca9df03d38e7bb90e0464fe31",class:"textarea-container"},o("textarea",{key:"c50cab6f4126a99628bd0aa6f2843fec43b27edf",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:"f62af4910cccf74bbbc7bad4064228545fba5d88",class:"char-counter"},this.charCount,"/",this.maxLength)),r&&o("div",{key:"ca4ac5b41128f27dee5363aca453dc1f085d9e61",class:"form-control-helper"},this.isInvalid&&o("dropi-icon",{key:"a9c83edecd20dd318dd6ba7e4cc0d41ad748278a",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),o("span",{key:"09efa2feba4a232e453cc99f64d98eac9fd76632",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%;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}*,*::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:var(--font-family-01, 'Inter', sans-serif);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",{inputId:[1025,"input-id"],name:[513],label:[1025],placeholder:[1025],value:[1025],maxLength:[1026,"max-length"],minLength:[1026,"min-length"],rows:[1026],resize:[1025],disabled:[516],required:[516],showObligatoryAsterisk:[4,"show-obligatory-asterisk"],textHelper:[1025,"text-helper"],hasError:[4,"has-error"],textAreaProperties:[16],touched:[32]},void 0,{textAreaProperties:[{textAreaPropertiesChanged:0}],value:[{valueChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-text-area","dropi-icon"].forEach((e=>{switch(e){case"dropi-text-area":customElements.get(r(e))||customElements.define(r(e),s);break;case"dropi-icon":customElements.get(r(e))||i()}}))}n();const l=s,d=n;export{l as DropiTextArea,d as defineCustomElement}

package/dist/components/dropi-time-line.d.ts

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

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

@@ -1 +0,0 @@
-import{t,p as e,H as r,h as a}from"./index.js";import{d as s}from"./p-Ccl4kD95.js";const i=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}steps=[];get parsedSteps(){if("string"==typeof this.steps)try{return JSON.parse(this.steps)}catch{return[]}return this.steps||[]}render(){const t=this.parsedSteps;return a("div",{key:"22a2f8ff7a33e892096c3aaf381e23b110ec6b0a",class:"timeline"},t.map(((e,r)=>{const s=r===t.length-1;return a("div",{class:{"tl-step":!0,["tl-step--"+e.status]:!0},key:e.id||r},a("div",{class:"tl-step__marker"},a("div",{class:"tl-step__icon"},e.icon?a("dropi-icon",{name:e.icon,iconWidth:"16px",iconHeight:"16px",color:"done"===e.status?"Neutral-White":"active"===e.status?"Primary-Primary-500":"Gray-Gray-400"}):a("span",{class:"tl-step__dot"})),!s&&a("div",{class:"tl-step__line"})),a("div",{class:"tl-step__content"},a("span",{class:"tl-step__label"},e.label),e.subtitle&&a("span",{class:"tl-step__subtitle"},e.subtitle)))})))}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.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 n=i,o=l;export{n as DropiTimeLine,o as defineCustomElement}

package/dist/components/dropi-toast.d.ts

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

package/dist/components/dropi-toast.js

@@ -1 +0,0 @@
-import{t,p as o,H as i,h as e}from"./index.js";import{L as r}from"./p-BEs9gbju.js";import{d as s}from"./p-Ccl4kD95.js";const a=o(class extends i{constructor(t){super(),!1!==t&&this.__registerHost()}position="top-right";life=3e3;items=[];idCounter=0;async show(t){console.log("DropiToast show() called with:",t);const o=t.id??"t"+ ++this.idCounter,i={msg:{...t,id:o,closable:t.closable??!0},leaving:!1};this.items=[...this.items||[],i];const e=void 0!==t.life?t.life:this.life;e>0&&(i.timer=setTimeout((()=>this.remove(o)),e))}async clear(){(this.items||[]).forEach((t=>{t.timer&&clearTimeout(t.timer)})),this.items=[]}remove(t){this.items=this.items.map((o=>o.msg.id===t?{...o,leaving:!0}:o)),setTimeout((()=>{this.items=this.items.filter((o=>o.msg.id!==t))}),320)}severityToLottieKey={success:"success",error:"error",warn:"warning",info:"question"};render(){return e("div",{key:"e7d23323039ed09e5317fc24f86a4e51af14b249",class:"dropi-toast-container dropi-toast-container--"+this.position},(this.items??[]).map((t=>e("div",{key:t.msg.id,class:{"dropi-toast-wrapper":!0,"dropi-toast-wrapper--leaving":t.leaving}},e("div",{class:"dropi-toast-item dropi-toast-item--"+t.msg.severity},e("div",{class:"dropi-toast-content"},e("div",{class:"dropi-toast-lottie"},e("lottie-player",{key:t.msg.severity,src:r[this.severityToLottieKey[t.msg.severity]],background:"transparent",speed:"1",loop:!0,autoplay:!0})),e("div",{class:"dropi-toast-info"},e("p",{class:"dropi-toast-title"},t.msg.summary),t.msg.detail&&e("p",{class:"dropi-toast-detail"},t.msg.detail))),t.msg.closable&&e("button",{class:"dropi-toast-close",onClick:()=>this.remove(t.msg.id)},e("dropi-icon",{name:"Close-small",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-400"})))))))}static get style(){return":host{display:contents;font-family:var(--font-family-01, 'Inter', sans-serif)}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.dropi-toast-container{position:fixed;z-index:var(--dropi-z-index-toast, 12000);display:flex;flex-direction:column;gap:8px;max-width:380px;width:100%;pointer-events:none;box-sizing:border-box}.dropi-toast-container--top-right{top:80px;right:0;padding:var(--Size-2, 8px)}.dropi-toast-container--top-left{top:80px;left:0;padding:var(--Size-2, 8px)}.dropi-toast-container--bottom-right{bottom:24px;right:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.dropi-toast-container--bottom-left{bottom:24px;left:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.dropi-toast-container--top-center{top:80px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px)}.dropi-toast-container--bottom-center{bottom:24px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px);flex-direction:column-reverse}.dropi-toast-wrapper{pointer-events:auto;animation:dropi-toast-in 0.28s ease;transition:opacity 0.28s ease, transform 0.28s ease, max-height 0.32s ease;overflow:hidden;max-height:200px;box-sizing:border-box}.dropi-toast-wrapper--leaving{opacity:0;transform:translateX(20px);max-height:0;pointer-events:none}@keyframes dropi-toast-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.dropi-toast-item{position:relative;display:flex;align-items:center;border-radius:8px;background:#ffffff;box-shadow:0.5px -1px 7px 0px rgba(0,0,0,0.06), 0px 4px 20px 0px rgba(0,0,0,0.12);border-left:8px solid;overflow:hidden;min-width:300px;box-sizing:border-box}.dropi-toast-item--success{border-color:var(--Success-Success-500,#34c38f)}.dropi-toast-item--error{border-color:var(--Error-Error-500,#f46a6b)}.dropi-toast-item--warn{border-color:var(--Warning-Warning-500,#f1b44c)}.dropi-toast-item--info{border-color:var(--Info-Info-500,#50a5f1)}.dropi-toast-content{display:flex;flex-direction:row;align-items:center;padding:16px 16px 16px 8px;gap:16px;box-sizing:border-box;flex:1}.dropi-toast-lottie{width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.dropi-toast-lottie lottie-player{display:block;width:56px;height:56px;flex-shrink:0}.dropi-toast-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--Size-1, 4px)}.dropi-toast-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}.dropi-toast-detail{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}.dropi-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}.dropi-toast-close:hover{opacity:0.7}"}},[512,"dropi-toast",{position:[1],life:[2],items:[32],show:[64],clear:[64]}]);function n(){"undefined"!=typeof customElements&&["dropi-toast","dropi-icon"].forEach((o=>{switch(o){case"dropi-toast":customElements.get(t(o))||customElements.define(t(o),a);break;case"dropi-icon":customElements.get(t(o))||s()}}))}n();const p=a,d=n;export{p as DropiToast,d as defineCustomElement}

package/dist/components/dropi-tooltip-v2.d.ts

@@ -1,11 +0,0 @@
-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

@@ -1 +0,0 @@
-import{t,p as o,H as i,h as e}from"./index.js";import{d as s}from"./p-Ccl4kD95.js";const r=o(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}text="";title="";label="";position="bottom";arrowPosition="center";trigger="hover";maxWidth="280px";minWidth="300px";showDelay=0;disabled=!1;showIcon=!0;showX=!1;iconName="Tooltip";iconColor="#7B8190";iconSize="14";visible=!1;showTimer=null;timeoutTimer=null;componentDidLoad(){"static"===this.trigger&&this.show(),"timeout"===this.trigger&&this.showWithTimeout()}show=()=>{this.disabled||"hidden"===this.trigger||(this.text||this.title||this.label).trim()&&(this.showDelay>0?this.showTimer=setTimeout((()=>{this.visible=!0}),this.showDelay):this.visible=!0)};hide=()=>{this.showTimer&&(clearTimeout(this.showTimer),this.showTimer=null),this.timeoutTimer&&(clearTimeout(this.timeoutTimer),this.timeoutTimer=null),this.visible=!1};showWithTimeout(){this.show(),this.timeoutTimer=setTimeout((()=>this.hide()),6e3)}handleMouseEnter=()=>{"hover"===this.trigger&&this.show()};handleMouseLeave=()=>{"hover"===this.trigger&&setTimeout((()=>this.hide()),10)};handleClick=()=>{"click"===this.trigger&&(this.visible?this.hide():this.show())};handleFocusin=()=>{"focus"===this.trigger&&this.show()};handleFocusout=()=>{"focus"===this.trigger&&this.hide()};handleClose=()=>{"static"===this.trigger&&(this.trigger="hover",this.showX=!1),this.hide()};get displayContent(){return this.text?this.text:this.title&&this.label?`${this.title}\n${this.label}`:this.title||this.label||""}render(){const t={maxWidth:this.maxWidth};return this.minWidth&&(t.minWidth=this.minWidth),e("div",{key:"e2ce31df52e00568920e754904b1f5910ff4c8ba",class:"tooltip-wrapper",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onClick:this.handleClick,onFocusin:this.handleFocusin,onFocusout:this.handleFocusout},this.showIcon&&e("dropi-icon",{key:"aa3213451bcfb60561043b0c3854bb20c3a4703a",name:this.iconName,iconWidth:this.iconSize+"px",iconHeight:this.iconSize+"px",color:this.iconColor}),e("slot",{key:"5ce4929e6f96d4c605d149a970aba1746e82078a"}),this.displayContent&&e("div",{key:"66a1193abf25ce4161ec35f1ca0c344ec418cce8",class:{"tooltip-bubble":!0,["tooltip-bubble--"+this.position]:!0,["tooltip-bubble--arrow-"+this.arrowPosition]:!0,"tooltip-bubble--visible":this.visible},style:t,role:"tooltip"},this.showX&&e("button",{key:"168741ebb1986f7235aee5be58695ae7cfacfe7b",class:"tooltip-close",onClick:this.handleClose,"aria-label":"Cerrar"},e("dropi-icon",{key:"c9154dada59cced1056f24689591f0fead22328f",name:"Close-small",iconWidth:"12px",iconHeight:"12px",color:"Gray-Gray-500"})),this.title&&!this.text&&e("strong",{key:"cd432eb19d7616f50d27613b55c191d59f70732e",class:"tooltip-title"},this.title),this.label&&!this.text&&e("span",{key:"c443cab1372947d0219a7384f491184fb1a7c5b3",class:"tooltip-label"},this.label),this.text&&e("span",{key:"ea5dafb67ec9533052a66cf045b288cbefdf9d69"},this.text),e("span",{key:"977257d29af4688c8a264685a1687c048faac9e5",class:"tooltip-arrow tooltip-arrow--"+this.position})))}static get style(){return":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-bubble{position:absolute;z-index:var(--dropi-z-index-overlay, 11000);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.d.ts

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

package/dist/components/dropi-tooltip.js

@@ -1 +0,0 @@
-import{t,p as o,H as e,h as i}from"./index.js";const s=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}text="";outlined=!1;render(){return i("div",{key:"0b14943b628c231fbb530620e7829f70e6099c7a",class:{"tooltip-simple":!0,"tooltip-simple--outlined":this.outlined}},i("slot",{key:"bf0245c6fab0ba938834d2d3e84ccaa9cb14f5c8"}),this.text&&i("div",{key:"e1e33acf8628f79b36c5cc66c7076a03ce8167f7",class:"tooltip-simple-bubble"},this.text))}static get style(){return":host{display:inline-block;position:relative;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.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:var(--dropi-z-index-overlay, 11000)}: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 r(){"undefined"!=typeof customElements&&["dropi-tooltip"].forEach((o=>{"dropi-tooltip"===o&&(customElements.get(t(o))||customElements.define(t(o),s))}))}r();const a=s,l=r;export{a as DropiTooltip,l as defineCustomElement}

package/dist/components/dropi-vertical-steps.d.ts

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

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

@@ -1 +0,0 @@
-import{t as e,p as t,H as r,c as s,h as i}from"./index.js";import{d as a}from"./p-Ccl4kD95.js";const c=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.stepClick=s(this,"stepClick")}steps=[];currentStep=1;clickable=!1;showCheckIcon=!0;stepClick;get parsedSteps(){if("string"==typeof this.steps)try{return JSON.parse(this.steps)}catch{return[]}return this.steps||[]}resolveState(e,t){if(t.state)return t.state;const r=e+1;return r<this.currentStep?"completed":r===this.currentStep?"current":"pending"}render(){const e=this.parsedSteps;return i("div",{key:"9b0e19a21eaa78b51d82994747604623f9431d56",class:"vertical-steps"},e.map(((t,r)=>{const s=this.resolveState(r,t),a=r===e.length-1,c=this.clickable&&"completed"===s;return i("div",{class:{"v-step":!0,"v-step--clickable":c},key:r,onClick:()=>c&&this.stepClick.emit(r+1)},i("div",{class:"v-step__indicator"},i("div",{class:{"v-step__circle":!0,["v-step__circle--"+s]:!0}},"completed"===s&&this.showCheckIcon?i("dropi-icon",{name:"Check",iconWidth:"12px",iconHeight:"12px",color:"Neutral-White"}):i("span",{class:"v-step__number"},r+1)),!a&&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}},t.label))})))}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.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((t=>{switch(t){case"dropi-vertical-steps":customElements.get(e(t))||customElements.define(e(t),c);break;case"dropi-icon":customElements.get(e(t))||a()}}))}o();const n=c,l=o;export{n as DropiVerticalSteps,l as defineCustomElement}

package/dist/components/dropi-youtube-lazy-video.d.ts

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

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

@@ -1 +0,0 @@
-import{t as e,p as t,H as i,h as o}from"./index.js";import{d as a}from"./p-Ccl4kD95.js";const r=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}videoId="";thumbnailSrc="";videoTitle="";isPlaying=!1;get thumbnail(){return this.thumbnailSrc?`/assets/images/${this.thumbnailSrc}.png`:`https://img.youtube.com/vi/${this.videoId}/hqdefault.jpg`}get videoUrl(){return`https://www.youtube.com/embed/${this.videoId}?autoplay=1&rel=0&modestbranding=1`}render(){return o("div",{key:"0732bc87e7be10e422e80751a17527132301eb99",class:"video-wrapper"+(this.isPlaying?" playing":"")},!this.isPlaying&&o("div",{key:"540c46b66da3f67ec45614e0891827b7cc0be4e5",class:"thumbnail",onClick:()=>{this.isPlaying=!0}},o("img",{key:"843241c72688ca88ccd5d9391b542501575ea476",src:this.thumbnail,alt:"Video thumbnail "+this.videoId}),o("button",{key:"b068f79fb6b2140e1419e9d72a24f6e66eaab69d",class:"play-button","aria-label":"Reproducir video"},o("dropi-icon",{key:"b3b6d8b99583fd0a3c2c0d766beeda2459b8b13a",name:"Play",iconWidth:"17px",iconHeight:"21px",color:"Neutral-White"}))),this.isPlaying&&o("iframe",{key:"42172a0c7bb386da9123b411af4ab5ebeb9e205c",src:this.videoUrl,title:this.videoTitle,frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,loading:"lazy"}))}static get style(){return":host{display:block;width:100%;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.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.d.ts

@@ -1,35 +0,0 @@
-/**
- * Get the base path to where the assets can be found. Use "setAssetPath(path)"
- * if the path needs to be customized.
- */
-export declare const getAssetPath: (path: string) => string;
-
-/**
- * Used to manually set the base path where assets can be found.
- * If the script is used as "module", it's recommended to use "import.meta.url",
- * such as "setAssetPath(import.meta.url)". Other options include
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
- * But do note that this configuration depends on how your script is bundled, or lack of
- * bundling, and where your assets can be loaded from. Additionally custom bundling
- * will have to ensure the static assets are copied to its build directory.
- */
-export declare const setAssetPath: (path: string) => void;
-
-/**
- * Used to specify a nonce value that corresponds with an application's CSP.
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
- * Alternatively, the nonce value can be set on a meta tag in the DOM head
- * (<meta name="csp-nonce" content="{ nonce value here }" />) which
- * will result in the same behavior.
- */
-export declare const setNonce: (nonce: string) => void
-
-export interface SetPlatformOptions {
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-}
-export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-
-export * from '../types';