@dropi/ui 0.1.20 → 0.1.21

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

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

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

@@ -1,68 +0,0 @@
-'use strict';
-
-var index = require('./index-DcOH2ZjX.js');
-
-const dropiTagCss = () => `:host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:inline-block}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--Size-5, 24px);animation:fade-in 200ms ease-out}.tags.icon-only{gap:0}.file-icon{display:flex}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}`;
-
-const DropiTag = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /** primary (filled) | secondary (soft) */
-    type = 'primary';
-    /** Color state of the tag */
-    state = 'default';
-    /** Whether to show the icon */
-    showIcon = false;
-    /** Icon name from the sprite */
-    icon = '';
-    /** Label text */
-    text = '';
-    colorMap = {
-        default: 'Primary-Primary',
-        success: 'Success-Success',
-        info: 'Info-Info',
-        warning: 'Warning-Warning',
-        error: 'Error-Error',
-        legacy: 'Gray-Gray',
-    };
-    propsChanged() { }
-    get bgColor() {
-        const base = this.colorMap[this.state];
-        if (this.type === 'primary')
-            return `var(--${base}-500)`;
-        const shade = this.state === 'default' || this.state === 'legacy' ? '-100' : '-50';
-        return `var(--${base}${shade})`;
-    }
-    get textColor() {
-        const base = this.colorMap[this.state];
-        if (this.type === 'primary')
-            return `var(--Neutral-White)`;
-        const shade = this.state === 'default' ? '-500' : '-700';
-        return `var(--${base}${shade})`;
-    }
-    get iconColor() {
-        if (this.type === 'primary')
-            return 'Neutral-White';
-        const base = this.colorMap[this.state];
-        const shade = this.state === 'default' ? '-500' : '-700';
-        return `${base}${shade}`;
-    }
-    get hasContent() {
-        return typeof this.text === 'string' && this.text.trim().length > 0;
-    }
-    render() {
-        return (index.h("div", { key: 'ca7fdd40b3d059abe34a6c4ccfba5cbfbdb5c786', class: "container-chips" }, index.h("div", { key: '897f4ab4a9d2d5ecb7088c6732f59c6cc3138c43', class: { tags: true, 'icon-only': this.showIcon && !this.hasContent }, style: { backgroundColor: this.bgColor, color: this.textColor } }, this.showIcon && this.icon && (index.h("dropi-icon", { key: '77b9315e4d1d4bd257331a4ce4cb3b82480430c0', class: "file-icon", name: this.icon, width: "16px", height: "16px", color: this.iconColor })), this.hasContent && index.h("span", { key: 'c55aede3070168989b8ebefa85480968f71eb08a' }, this.text))));
-    }
-    static get watchers() { return {
-        "type": [{
-                "propsChanged": 0
-            }],
-        "state": [{
-                "propsChanged": 0
-            }]
-    }; }
-};
-DropiTag.style = dropiTagCss();
-
-exports.dropi_tag = DropiTag;

package/dist/components/p-BY_J-4Sm.js

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

package/dist/components/p-CYCV-5qV.js

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

package/dist/components/p-D0ZJcRZn.js

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

package/dist/components/p-DUPOnSiL.js

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

package/dist/components/p-DUX_WvqW.js

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

package/dist/dropi-ui/p-053ebb91.entry.js

@@ -1 +0,0 @@
-import{r,c as a,h as e}from"./p-Tbza12Gt.js";const i=class{constructor(e){r(this,e),this.dropiCardClick=a(this,"dropiCardClick",7),this.dropiToggleFavorite=a(this,"dropiToggleFavorite",7),this.dropiAddProduct=a(this,"dropiAddProduct",7)}image="";productName="";price=0;currency="$";supplier="";category="";showFavorite=!0;isFavorite=!1;showAddButton=!0;badge="";badgeType="default";inStock=!0;dropiCardClick;dropiToggleFavorite;dropiAddProduct;formatPrice(r){return r.toLocaleString("es-CO")}render(){return e("div",{key:"98684e3d5fac7968633bcd62b46dba6f0e0f5d64",class:"card",onClick:()=>this.dropiCardClick.emit()},e("div",{key:"848cf4ef786584e5b02a99249df3cfa48c41d428",class:"card__image-wrap"},this.image?e("img",{class:"card__image",src:this.image,alt:this.productName,loading:"lazy"}):e("div",{class:"card__image-placeholder"},e("dropi-icon",{name:"Image",width:"32px",height:"32px",color:"Gray-Gray-300"})),this.badge&&e("span",{key:"7238c35891b35a0bb12a774817542323bcd33e99",class:`card__badge card__badge--${this.badgeType}`},this.badge),this.showFavorite&&e("button",{key:"647c8569997ff8ba96ca0d4d19a12570fb353d93",class:{card__fav:!0,"card__fav--active":this.isFavorite},onClick:r=>{r.stopPropagation(),this.isFavorite=!this.isFavorite,this.dropiToggleFavorite.emit(this.isFavorite)},"aria-label":"Favorito"},e("dropi-icon",{key:"a9d654e3bdc5816f2c58537cb07c486a61021fcd",name:this.isFavorite?"Heart-filled":"Heart",width:"16px",height:"16px",color:this.isFavorite?"Error-Error-500":"Gray-Gray-400"}))),e("div",{key:"c553168c5926dafb582210b680571eb9b4ae72ea",class:"card__body"},this.category&&e("span",{key:"6cee8941275bc0461c9d06b0c5bf2f0a75f14f0b",class:"card__category"},this.category),e("p",{key:"d4577a94b9a7b7b8b9c275987369dc56e4a0c2b4",class:"card__name"},this.productName),e("p",{key:"2ead66bd7ce7a7f15285b8099cfea7de8d4f6d1a",class:"card__price"},e("span",{key:"90e317dc5bdad1cbe6199ef9abd13cf6468a439b",class:"card__price-currency"},this.currency),this.formatPrice(this.price)),this.supplier&&e("p",{key:"f70fc28afbc468d7eca3683afbc193ec47c275f4",class:"card__supplier"},this.supplier),!this.inStock&&e("p",{key:"37d9911367a0e0504e661e52eee69f4628572bb1",class:"card__no-stock"},"Sin stock disponible")),this.showAddButton&&e("div",{key:"eef0213d00268319b6fa9901ced750d2f06735ed",class:"card__footer"},e("button",{key:"f026718a0146fdea94dbcda40614354be80fa932",class:"card__add-btn",disabled:!this.inStock,onClick:r=>{r.stopPropagation(),this.dropiAddProduct.emit()}},e("dropi-icon",{key:"dc3ff5553e60df93a3eb93bab43be874f8d6582d",name:"Plus",width:"14px",height:"14px",color:"Neutral-White"}),"Agregar")))}};i.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.card{display:flex;flex-direction:column;border:1px solid var(--Gray-Gray-100, #eceef4);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);overflow:hidden;cursor:pointer;transition:box-shadow 0.2s, transform 0.2s}.card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.1);transform:translateY(-2px)}.card__image-wrap{position:relative;width:100%;aspect-ratio:1;background:var(--Gray-Gray-50, #f7f8fa);overflow:hidden}.card__image{width:100%;height:100%;object-fit:cover}.card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card__badge{position:absolute;top:var(--Size-2, 8px);left:var(--Size-2, 8px);padding:2px 8px;border-radius:100px;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700)}.card__badge--default{background:var(--Gray-Gray-100, #eceef4);color:var(--Gray-Gray-700, #32394d)}.card__badge--success{background:var(--Success-Success-100, #d4f5de);color:var(--Success-Success-700, #0f7b2e)}.card__badge--warning{background:var(--Warning-Warning-100, #fef3cd);color:var(--Warning-Warning-700, #856404)}.card__badge--error{background:var(--Error-Error-100, #fde8e8);color:var(--Error-Error-700, #9b1c1c)}.card__badge--info{background:var(--Info-Info-100, #dbeafe);color:var(--Info-Info-700, #1d4ed8)}.card__fav{position:absolute;top:var(--Size-2, 8px);right:var(--Size-2, 8px);background:var(--Neutral-White, #fff);border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,0.12);transition:transform 0.15s}.card__fav:hover{transform:scale(1.1)}.card__fav--active{background:var(--Error-Error-50, #fef2f2)}.card__body{flex:1;padding:var(--Size-3, 12px);display:flex;flex-direction:column;gap:4px}.card__category{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);text-transform:uppercase;letter-spacing:0.5px}.card__name{margin:0;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__price{margin:4px 0 0;font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d)}.card__price-currency{font-size:var(--font-size-xs, 10px);margin-right:2px}.card__supplier{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__no-stock{margin:4px 0 0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b)}.card__footer{padding:var(--Size-2, 8px) var(--Size-3, 12px) var(--Size-3, 12px)}.card__add-btn{width:100%;height:36px;display:flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff);border:none;border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);font-family:inherit;cursor:pointer;transition:background 0.15s}.card__add-btn:hover:not(:disabled){background:var(--Primary-Primary-600, #e08526)}.card__add-btn:disabled{background:var(--Gray-Gray-200, #c3c9d9);cursor:not-allowed}";export{i as dropi_card_product}

package/dist/dropi-ui/p-0acd32e6.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t}from"./p-Tbza12Gt.js";const i=class{constructor(t){e(this,t)}visible=!1;loadingAnimation="/assets/lottie-files/loading.json";loaderTitle="Cargando...";message="Por favor, espere un momento";render(){return this.visible?t("div",{class:"loader-overlay"},t("div",{class:"loader-container"},t("div",{class:"lottie-animation"},t("lottie-player",{src:this.loadingAnimation,background:"transparent",speed:"1",style:{width:"200px",height:"200px"},loop:!0,autoplay:!0})),(this.loaderTitle||this.message)&&t("div",{class:"loader-text"},this.loaderTitle&&t("h3",{class:"loader-title"},this.loaderTitle),this.message&&t("p",{class:"loader-message"},this.message)))):null}};i.style=":host{display:block}.loader-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.85);z-index:9999}.loader-container{display:flex;flex-direction:column;align-items:center;gap:var(--Size-4, 16px)}.lottie-animation{display:flex;align-items:center;justify-content:center;width:200px;height:200px}.loader-text{display:flex;flex-direction:column;align-items:center;gap:var(--Size-2, 8px);text-align:center}.loader-title{margin:0;font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.loader-message{margin:0;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-500, #69738c)}";export{i as dropi_lottie_loader}

package/dist/dropi-ui/p-0e88a543.entry.js

@@ -1 +0,0 @@
-import{r as e,h as r}from"./p-Tbza12Gt.js";const t=class{constructor(r){e(this,r)}stepsCount=3;typeStep="number";currentStep=1;labelStepper=[];flowMode="Sequential";get parsedLabels(){if("string"==typeof this.labelStepper)try{return JSON.parse(this.labelStepper)}catch{return[]}return this.labelStepper||[]}render(){const e=this.parsedLabels,t=Array.from({length:this.stepsCount},((e,r)=>r+1));return r("div",{key:"9991a928ba08a7720d8ded5aea01b3bc77372e71",class:"stepper"},t.map(((a,s)=>{const i=a<this.currentStep,p=a===this.currentStep,c=s===t.length-1,n=e[s];return r("div",{class:"stepper__item",key:a},r("div",{class:"stepper__circle-row"},r("div",{class:{stepper__circle:!0,"stepper__circle--active":p,"stepper__circle--completed":i,"stepper__circle--pending":!p&&!i}},"point"===this.typeStep?r("span",{class:"stepper__dot"}):r("span",{class:"stepper__number"},a)),!c&&r("div",{class:{stepper__line:!0,"stepper__line--done":i}})),n&&r("span",{class:"stepper__label"},n))})))}};t.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.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, #fff);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, #fff)}.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}";export{t as dropi_simple_stepper}

package/dist/dropi-ui/p-0f2f5f75.entry.js

@@ -1 +0,0 @@
-import{r as e,c as o,h as a}from"./p-Tbza12Gt.js";const d=class{constructor(a){e(this,a),this.dropiToggle=o(this,"dropiToggle",7)}header="";open=!1;disabled=!1;preIcon="";dropiToggle;contentHeight="0px";contentRef;openChanged(e){this.updateHeight(e)}componentDidLoad(){this.updateHeight(this.open)}updateHeight(e){this.contentRef&&(this.contentHeight=e?`${this.contentRef.scrollHeight}px`:"0px")}handleToggle(){this.disabled||(this.open=!this.open,this.dropiToggle.emit(this.open),setTimeout((()=>this.updateHeight(this.open)),0))}render(){return a("div",{key:"833499ceed32f31227940efdea0250074a26dad4",class:{accordion:!0,"accordion--open":this.open,"accordion--disabled":this.disabled}},a("button",{key:"067856e0af05669e75197e0e38b4e165166e2125",class:"accordion-header",onClick:()=>this.handleToggle(),"aria-expanded":String(this.open),disabled:this.disabled},a("span",{key:"ee22e3b4251cad0c03143d7fd512f6b43b25080c",class:"accordion-header-left"},this.preIcon&&a("dropi-icon",{key:"935d87ddcd347ffb910c8093c164c768ddc85cad",name:this.preIcon,width:"20px",height:"20px",color:"Gray-Gray-600"}),a("span",{key:"88d229607eca9d6d538c620dab8040d6ebbc304f",class:"accordion-title"},this.header)),a("span",{key:"5d29cc7263bb56c5da1455f57ef3000e375489c8",class:{"accordion-chevron":!0,"accordion-chevron--open":this.open}},a("dropi-icon",{key:"c179d4d5db7fb988d9b6f41430d27e93ad36e7e4",name:"Dropdown-down",width:"20px",height:"20px",color:"Gray-Gray-500"}))),a("div",{key:"60052ec92c3659b1ab87358ec264d38faf2ed389",class:"accordion-body",style:{maxHeight:this.contentHeight},ref:e=>this.contentRef=e},a("div",{key:"3565ad511fcfa017bb264a2829ee54ee6d0d7d96",class:"accordion-content"},a("slot",{key:"1c2c4cab25bcbdf15cdd2ed699710f09dcbbbb74"}))))}static get watchers(){return{open:[{openChanged:0}]}}};d.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.accordion{border:1px solid var(--Gray-Gray-100,#e6eaf2);border-radius:var(--Border-2,8px);background:var(--Neutral-White,#fff);overflow:hidden}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--Size-4,16px) var(--Size-5,20px);background:transparent;border:none;cursor:pointer;gap:12px;text-align:left}.accordion-header:disabled{cursor:not-allowed;opacity:0.5}.accordion--open .accordion-header{border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2)}.accordion-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.accordion-title{font-size:var(--font-size-m,14px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-700,#32394d);line-height:1.4}.accordion-chevron{display:flex;align-items:center;flex-shrink:0;transition:transform 0.22s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height 0.28s ease}.accordion-content{padding:0 var(--Size-5,20px) var(--Size-4,16px);color:var(--Gray-Gray-600,#475066);font-size:var(--font-size-s,12px);line-height:1.6}";export{d as dropi_accordion}

package/dist/dropi-ui/p-131d87ac.entry.js

@@ -1 +0,0 @@
-import{r as e,h as r}from"./p-Tbza12Gt.js";const t=class{constructor(r){e(this,r)}stepsCount=3;showNumberOfStep=!0;currentStep=1;stepLabels=[];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,r)=>r+1));return r("div",{key:"95573c2ac185f7fc63fa804a03873499ba296e5c",class:"stepper"},t.map((t=>{const i=this.stepState(t),s=e[t-1],a=t===this.stepsCount;return r("div",{class:"stepper__step",key:t},r("div",{class:"stepper__circle-wrap"},r("div",{class:{stepper__circle:!0,[`stepper__circle--${i}`]:!0}},"completed"===i?r("dropi-icon",{name:"Check",width:"12px",height:"12px",color:"Neutral-White"}):this.showNumberOfStep?r("span",null,t):null),!a&&r("div",{class:{stepper__line:!0,"stepper__line--done":"completed"===i}})),s&&r("div",{class:"stepper__label"},s.title&&r("span",{class:"stepper__title"},s.title),s.description&&r("span",{class:"stepper__desc"},s.description)))})))}};t.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.stepper{display:flex;align-items:flex-start;width:100%}.stepper__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.stepper__circle-wrap{display:flex;align-items:center;width:100%;position:relative}.stepper__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);flex-shrink:0;z-index:1;transition:background 0.2s, border-color 0.2s}.stepper__circle--pending{background:var(--Neutral-White, #fff);border:2px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.stepper__circle--focus{background:var(--Neutral-White, #fff);border:2px solid var(--Primary-Primary-500, #f49a3d);color:var(--Primary-Primary-500, #f49a3d)}.stepper__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff)}.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{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--Size-2, 8px);text-align:center;padding:0 4px}.stepper__title{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.stepper__desc{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}";export{t as dropi_steps}

package/dist/dropi-ui/p-1af4719d.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as r}from"./p-Tbza12Gt.js";const a=class{constructor(r){t(this,r),this.dropiSort=e(this,"dropiSort",7),this.dropiSelection=e(this,"dropiSelection",7),this.dropiRowClick=e(this,"dropiRowClick",7)}columns=[];rows=[];selectable=!1;loading=!1;emptyMessage="No hay datos disponibles";striped=!1;parsedColumns=[];parsedRows=[];sortKey="";sortDir=null;selectedKeys=new Set;dropiSort;dropiSelection;dropiRowClick;columnsChanged(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}componentWillLoad(){this.columnsChanged(this.columns),this.rowsChanged(this.rows)}get sortedRows(){if(!this.sortKey||!this.sortDir)return this.parsedRows;const t=this.sortKey,e="asc"===this.sortDir?1:-1;return[...this.parsedRows].sort(((r,a)=>{const s=r[t]??"",i=a[t]??"";return s<i?-e:s>i?e:0}))}handleSort(t){t.sortable&&(this.sortKey===t.key?(this.sortDir="asc"===this.sortDir?"desc":"desc"===this.sortDir?null:"asc",null===this.sortDir&&(this.sortKey="")):(this.sortKey=t.key,this.sortDir="asc"),this.dropiSort.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,this.dropiSelection.emit(Array.from(e))}toggleAll(t){this.selectedKeys=t?new Set(this.sortedRows.map(((t,e)=>e))):new Set,this.dropiSelection.emit(Array.from(this.selectedKeys))}sortIcon(t){return t.sortable?r("dropi-icon",this.sortKey!==t.key?{name:"Sort",width:"12px",height:"12px",color:"Gray-Gray-300"}:"asc"===this.sortDir?{name:"Arrow-Up-2",width:"12px",height:"12px",color:"Primary-Primary-500"}:{name:"Arrow-Down-2",width:"12px",height:"12px",color:"Primary-Primary-500"}):null}render(){const t=this.sortedRows;return r("div",{key:"3e06da209d1f71b8a4a250f4bcd8a8213f34781d",class:"table-wrap"},r("table",{key:"20056c30e2652f2a405eeb00954dd7b9c9b5924b",class:{table:!0,"table--striped":this.striped}},r("thead",{key:"1a1ea1914f81d1ef8814f202de4d60308801dc1d"},r("tr",{key:"22447d7fef0cf22c27c6249570c454d44b0865d3"},this.selectable&&r("th",{key:"d51aa876d97e01840a5adc34a5ec53f30fc2cac6",class:"table__th table__th--check"},r("dropi-checkbox",{key:"192639cf8599dc5f3b095092a403509050e43efa",checked:t.length>0&&this.selectedKeys.size===t.length,onDropiChange:t=>this.toggleAll(t.detail)})),this.parsedColumns.map((t=>r("th",{class:{table__th:!0,"table__th--sortable":!!t.sortable},style:{width:t.width,textAlign:t.align||"left"},onClick:()=>this.handleSort(t)},r("span",{class:"table__th-inner"},t.label,this.sortIcon(t))))))),r("tbody",{key:"93f65647369b59f913b381f541a18a215e8e0e9a"},this.loading?Array.from({length:5}).map((()=>r("tr",{class:"table__tr--skeleton"},this.selectable&&r("td",{class:"table__td"},r("div",{class:"skeleton skeleton--sm"})),this.parsedColumns.map((()=>r("td",{class:"table__td"},r("div",{class:"skeleton"}))))))):0===t.length?r("tr",null,r("td",{class:"table__td table__td--empty",colSpan:this.parsedColumns.length+(this.selectable?1:0)},r("dropi-icon",{name:"Document",width:"24px",height:"24px",color:"Gray-Gray-300"}),r("p",null,this.emptyMessage))):t.map(((t,e)=>r("tr",{class:{table__tr:!0,"table__tr--selected":this.selectedKeys.has(e)},onClick:()=>this.dropiRowClick.emit({row:t,index:e})},this.selectable&&r("td",{class:"table__td table__td--check",onClick:t=>t.stopPropagation()},r("dropi-checkbox",{checked:this.selectedKeys.has(e),onDropiChange:()=>this.toggleRow(e)})),this.parsedColumns.map((e=>r("td",{class:"table__td",style:{textAlign:e.align||"left"}},t[e.key]??"—")))))))))}static get watchers(){return{columns:[{columnsChanged:0}],rows:[{rowsChanged:0}]}}};a.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--Gray-Gray-100, #eceef4);border-radius:var(--Border-2, 8px)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #fff)}.table__th{padding:var(--Size-3, 12px) var(--Size-3, 12px);background:var(--Gray-Gray-50, #f7f8fa);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap;border-bottom:1px solid var(--Gray-Gray-100, #eceef4);user-select:none}.table__th--check{width:40px}.table__th--sortable{cursor:pointer}.table__th--sortable:hover{background:var(--Gray-Gray-100, #eceef4)}.table__th-inner{display:inline-flex;align-items:center;gap:4px}.table__tr{cursor:pointer;transition:background 0.15s}.table__tr:hover{background:var(--Gray-Gray-50, #f7f8fa)}.table__tr--selected{background:var(--Primary-Primary-50, #fff5eb)}.table--striped .table__tr:nth-child(even){background:var(--Gray-Gray-50, #f7f8fa)}.table--striped .table__tr:nth-child(even):hover{background:var(--Gray-Gray-100, #eceef4)}.table__td{padding:var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);vertical-align:middle}.table__td--check{width:40px}.table__td--empty{text-align:center;padding:var(--Size-8, 48px) var(--Size-4, 16px);color:var(--Gray-Gray-400, #858ea6)}.table__td--empty p{margin:var(--Size-2, 8px) 0 0}.skeleton{height:14px;background:linear-gradient(90deg, var(--Gray-Gray-100, #eceef4) 25%, var(--Gray-Gray-50, #f7f8fa) 50%, var(--Gray-Gray-100, #eceef4) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--Border-1, 4px)}.skeleton--sm{width:20px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}";export{a as dropi_table}

package/dist/dropi-ui/p-1e8f6d4a.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,a as e,h as r}from"./p-Tbza12Gt.js";const a=class{constructor(e){t(this,e),this.dropiChange=i(this,"dropiChange",7),this.dropiClear=i(this,"dropiClear",7),this.dropiSearch=i(this,"dropiSearch",7),this.dropiScrollEnd=i(this,"dropiScrollEnd",7),this.dropiKeyEnter=i(this,"dropiKeyEnter",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}get el(){return e(this)}internals;buttonRef;scrollDebounce;hasEmittedScrollEnd=!1;lastScrollTop=0;label="";placeholder="Seleccionar";options=[];name="";disabled=!1;invalid=!1;errorText="";helperText="";showObligatory=!1;searchEnabled=!1;multiSelect=!1;dropdownType=!1;showCountryFlags=!1;radioOptions=!1;placeHolderSearch="Buscar";preIcon="";defaultSelectedId="";value=null;isOpen=!1;selectedOption=null;multiSelected=[];filteredOptions=[];searchTerm="";dropdownStyle={top:"0px",left:"0px",width:"0px"};dropiChange;dropiClear;dropiSearch;dropiScrollEnd;dropiKeyEnter;componentWillLoad(){this.normalizeOptions(),this.filteredOptions=[...this.options],this.applyDefaultSelection()}optionsChanged(){this.normalizeOptions(),this.filteredOptions=[...this.options],this.applyDefaultSelection()}normalizeOptions(){if("string"==typeof this.options)try{this.options=JSON.parse(this.options)}catch(t){this.options=[]}}defaultChanged(t){this.applyDefaultSelection(t)}valueChanged(t){this.selectedOption=t,this.internals.setFormValue(t?String(t.id):"")}async setById(t){const i=this.options.find((i=>i.id===t||String(i.id)===String(t)));i&&this.selectOption(i)}async setByLabel(t){const i=this.options.find((i=>i.label===t));i&&this.selectOption(i)}async clearSelection(){this.selectedOption=null,this.multiSelected=[],this.internals.setFormValue(""),this.dropiClear.emit()}async resetMultiSelect(t){this.multiSelected=[],this.internals.setFormValue("")}handleOutsideClick(t){this.el.contains(t.target)||this.closeDropdown()}applyDefaultSelection(t){const i=t??this.defaultSelectedId;if(""===i||null==i)return;const e=this.flatOptions().find((t=>t.id===i||String(t.id)===String(i)));e&&(this.selectedOption=e,this.internals.setFormValue(String(e.id)))}flatOptions(){return this.options?.length?"category"in this.options[0]?this.options.flatMap((t=>t.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((t=>t.label)).join(", "):this.placeholder:this.selectedOption?this.showCountryFlags&&this.selectedOption.shortLabel?this.selectedOption.shortLabel:this.selectedOption.label:this.placeholder}openDropdown(){if(this.disabled)return;const t=this.buttonRef.getBoundingClientRect(),i=window.innerHeight;this.dropdownStyle={top:`${i-t.bottom>=250?t.bottom+4:t.top-250-4}px`,left:`${t.left}px`,width:`${t.width}px`},this.isOpen=!0,this.searchEnabled&&setTimeout((()=>{const t=this.el.shadowRoot?.querySelector(".search-input");t?.focus()}),50)}closeDropdown(){this.isOpen=!1,this.searchTerm="",this.filteredOptions=[...this.options]}toggleDropdown(){this.isOpen?this.closeDropdown():this.openDropdown()}selectOption(t){if(!t.disabled)if(this.multiSelect){const i=this.multiSelected.findIndex((i=>i.id===t.id));this.multiSelected=i>=0?this.multiSelected.filter((i=>i.id!==t.id)):[...this.multiSelected,t],this.internals.setFormValue(this.multiSelected.map((t=>t.id)).join(",")),this.dropiChange.emit([...this.multiSelected])}else this.selectedOption=t,this.internals.setFormValue(String(t.id)),this.dropiChange.emit(t),this.closeDropdown()}isOptionChecked(t){return this.multiSelected.some((i=>i.id===t.id))}handleSearch(t){this.searchTerm=t,this.dropiSearch.emit(t);const i=t.toLowerCase().trim();this.filteredOptions=i?this.isGrouped?this.options.map((t=>({...t,options:t.options.filter((t=>t.label.toLowerCase().includes(i)))}))).filter((t=>t.options.length>0)):this.options.filter((t=>t.label.toLowerCase().includes(i))):[...this.options]}handleScroll(t){const i=t.target;clearTimeout(this.scrollDebounce),this.scrollDebounce=setTimeout((()=>{if(!i)return;const t=i.scrollHeight-i.scrollTop-i.clientHeight,e=Math.min(50,i.clientHeight/2);i.scrollTop<this.lastScrollTop&&(this.hasEmittedScrollEnd=!1),this.lastScrollTop=i.scrollTop,t<=e&&!this.hasEmittedScrollEnd&&(this.dropiScrollEnd.emit(),this.hasEmittedScrollEnd=!0,setTimeout((()=>{this.hasEmittedScrollEnd=!1}),1e3))}),100)}renderTrigger(){const t=this.disabled?"Gray-Gray-300":this.dropdownType?"Gray-Gray-600":"Gray-Gray-400",i=this.dropdownType?"24px":"20px";return r("button",{type:"button",class:{"select-button":!0,"select-completed":this.multiSelect?this.multiSelected.length>0:!!this.selectedOption,"select-button-error":this.invalid,"no-border":this.dropdownType},disabled:this.disabled,ref:t=>this.buttonRef=t,onClick:()=>this.toggleDropdown()},r("div",{class:{"button-content":!0,"option-radio":this.radioOptions&&!!this.selectedOption&&!this.multiSelect}},this.preIcon&&r("dropi-icon",{name:this.preIcon,width:"20px",height:"20px",color:"Gray-Gray-500"}),this.radioOptions&&this.selectedOption&&!this.multiSelect&&[this.selectedOption.imageUrl&&!this.selectedOption.isFallback?r("img",{class:"option-image small-image",src:this.selectedOption.imageUrl,alt:"",onError:()=>{this.selectedOption&&(this.selectedOption={...this.selectedOption,isFallback:!0})}}):this.selectedOption.isFallback?r("span",{class:"option-image-fallback small-image"},this.selectedOption.label.charAt(0).toUpperCase()):null,r("div",{class:"labels-container elipsis"},r("span",null,this.selectedOption.label),this.selectedOption.secondLabel&&r("span",{class:"option-second-label"},this.selectedOption.secondLabel))],!(this.radioOptions&&this.selectedOption&&!this.multiSelect)&&r("div",{class:"elipsis"},this.triggerLabel)),r("dropi-icon",{name:this.isOpen?"Dropdown-up":"Dropdown-down",width:i,height:i,color:t}))}renderOption(t){const i=this.multiSelect?this.isOptionChecked(t):this.selectedOption?.id===t.id;return r("li",{key:t.id},r("button",{type:"button",class:{option:!0,"option-radio":this.radioOptions,"option-with-flag":this.showCountryFlags&&!!t.countryCode,"disabled-option":!!t.disabled,"selected-option":i},disabled:t.disabled,onClick:()=>this.selectOption(t)},this.multiSelect&&r("span",{class:{"multi-checkbox":!0,checked:i}},i&&r("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none"},r("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&&r("div",{class:{radio:!0,selected:i}},i&&r("div",{class:"circle"})),!this.radioOptions&&t.preIcon&&r("dropi-icon",{name:t.preIcon,width:"20px",height:"20px",color:"Gray-Gray-500"}),this.radioOptions&&t.imageUrl&&!t.isFallback&&r("img",{class:"option-image",src:t.imageUrl,alt:"",onError:()=>{t.isFallback=!0,this.options=[...this.options]}}),this.radioOptions&&t.isFallback&&r("span",{class:"option-image-fallback"},t.label.charAt(0).toUpperCase()),this.showCountryFlags&&t.countryCode&&r("span",{class:"flag-placeholder"},t.countryCode),this.radioOptions?r("div",{class:"labels-container"},r("span",{class:"elipsis"},t.label),t.secondLabel&&r("span",{class:"option-second-label"},t.secondLabel)):r("span",{class:"elipsis"},this.showCountryFlags&&t.shortLabel?t.shortLabel:t.label)))}renderDropdown(){return this.isOpen?r("ul",{class:"select-dropdown-overlay",style:this.dropdownStyle,onScroll:t=>this.handleScroll(t)},this.searchEnabled&&r("li",{class:"sticky-search"},r("div",{class:"search-wrapper"},r("dropi-icon",{name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),r("input",{class:"search-input",type:"text",placeholder:this.placeHolderSearch,value:this.searchTerm,onInput:t=>this.handleSearch(t.target.value),onKeyDown:t=>{"Enter"===t.key&&this.dropiKeyEnter.emit(t)}}),this.searchTerm&&r("button",{type:"button",class:"search-clear",onClick:()=>this.handleSearch("")},r("dropi-icon",{name:"Close",width:"14px",height:"14px",color:"Gray-Gray-400"})))),this.isGrouped&&this.filteredOptions.map((t=>[r("li",{class:"option-group-title"},t.category),...t.options.map((t=>r("li",{key:t.id},r("button",{type:"button",class:{option:!0,"option-group":!0,"disabled-option":!!t.disabled},disabled:t.disabled,onClick:()=>this.selectOption(t)},t.preIcon&&r("dropi-icon",{name:t.preIcon,width:"20px",height:"20px",color:"Gray-Gray-500"}),r("span",{class:"elipsis"},t.label)))))])),!this.isGrouped&&this.filteredOptions.map((t=>this.renderOption(t))),0===this.filteredOptions.length&&r("li",{class:"no-results"},"Sin resultados")):null}render(){return r("div",{key:"65b15f83612bdb8b11eb321b2c92321b4c621862",class:"custom-select"},!this.dropdownType&&this.label&&r("label",{key:"10688d90de470bdc4cdd70c21fd62cc820475c9b",class:{"disabled-label":this.disabled}},this.label,this.showObligatory&&!this.disabled&&r("span",{key:"c8c7e5d8fcc9e029bfd944b4a061289affe39c58",class:"asterisk"}," *")),r("div",{key:"6a5d1230282ec67dcaed51d9ecda4570f155a895",class:"dropdown-container"},this.dropdownType&&this.label&&r("div",{key:"83842d69f63c2738cc3bd7b0fbb1232cb4bc7adf",class:"left-label"},this.label),this.renderTrigger()),this.helperText&&!this.invalid&&r("div",{key:"a3c1b7552bac043d3d32bfe703f44961bf95df3d",class:"select-helper"},r("span",{key:"060c5a578be91210aec96d8bdb08eddd9446ea41"},this.helperText)),this.invalid&&this.errorText&&r("div",{key:"97c6348abd628bb5def8b3a2a667e90f7f27d951",class:"select-helper-error"},r("dropi-icon",{key:"08ab2f0397605bfe0c82ef5ba8ae4b623f98bdb3",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),r("span",{key:"97e1d844b586c2da1518bc9a7c0b69aa856515e7"},this.errorText)),this.renderDropdown())}static get formAssociated(){return!0}static get watchers(){return{options:[{optionsChanged:0}],defaultSelectedId:[{defaultChanged:0}],value:[{valueChanged:0}]}}};a.style=":host{display:block;width:100%;text-align:left}*,*::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, #fff);color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);font-family:inherit;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;transition:border-color 0.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, #fff);box-shadow:0px 8px 24px rgba(0, 0, 0, 0.12);z-index:9999;animation:dropdown-open 120ms ease-out}@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:inherit;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, #fff);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, #fff)}.search-input{flex:1;border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:transparent}.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: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:700;white-space:nowrap}.flag-placeholder{font-size:11px;font-weight:600;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}";export{a as dropi_select}

package/dist/dropi-ui/p-22132b1a.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i}from"./p-Tbza12Gt.js";const o=class{constructor(i){t(this,i),this.dropiChange=e(this,"dropiChange",7)}isChecked=!1;disabled=!1;dropiChange;onToggleChange(t){this.isChecked=t.target.checked,this.dropiChange.emit(this.isChecked)}render(){return i("label",{key:"f02520c1b71af187ddfb766e4bac4e16482bb5cc",class:"toggle-switch"},i("input",{key:"13b41ec9b7f69512be6d556f1946a3506d9557a3",type:"checkbox",checked:this.isChecked,disabled:this.disabled,onChange:t=>this.onToggleChange(t)}),i("span",{key:"0bb19ad9767c1e7c5956ef834228a6a2406c225c",class:"slider"}))}static get formAssociated(){return!0}};o.style=":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.toggle-switch{position:relative;display:inline-block;width:40px;height:21px;margin-bottom:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--Gray-Gray-200, #c3c9d9);transition:0.4s;border-radius:34px}.slider::before{position:absolute;content:'';height:17px;width:17px;left:3px;bottom:2px;background-color:var(--Neutral-White, #ffffff);transition:0.4s;border-radius:50%}input:checked+.slider{background-color:var(--Primary-Primary-500, #f49a3d)}input:checked+.slider::before{transform:translateX(17px)}:host([disabled]) .toggle-switch{cursor:not-allowed;opacity:0.5}";export{o as dropi_switch}

package/dist/dropi-ui/p-2c1aaf6f.entry.js

@@ -1 +0,0 @@
-import{r,c as o,h as e}from"./p-Tbza12Gt.js";const i=class{constructor(e){r(this,e),this.dropiChange=o(this,"dropiChange",7)}options=[];valueModel="name";imageModel="";height="300px";selected=[];parsedOptions=[];dropiChange;optionsChanged(r){this.parsedOptions="string"==typeof r?JSON.parse(r):r||[]}componentWillLoad(){this.optionsChanged(this.options)}isSelected(r){return this.selected.some((o=>JSON.stringify(o)===JSON.stringify(r)))}toggleOption(r){this.selected=this.isSelected(r)?this.selected.filter((o=>JSON.stringify(o)!==JSON.stringify(r))):[...this.selected,r],this.dropiChange.emit(this.selected)}render(){return e("div",{key:"7c8505a82b836b58ea73603249ed2143b0692fc2",class:"dropdown",style:{"--dropdown-height":this.height}},this.parsedOptions.map(((r,o)=>{const i=r[this.valueModel]??String(r),t=this.imageModel?r[this.imageModel]:"",a=this.isSelected(r);return e("div",{class:{dropdown__item:!0,"dropdown__item--active":a},key:o,onClick:()=>this.toggleOption(r)},e("dropi-checkbox",{checked:a}),t&&e("img",{class:"dropdown__avatar",src:t,alt:i}),e("span",{class:"dropdown__label"},i))})))}static get watchers(){return{options:[{optionsChanged:0}]}}};i.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.dropdown{display:flex;flex-direction:column;overflow-y:auto;max-height:var(--dropdown-height, 300px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff)}.dropdown__item{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;transition:background 0.15s;user-select:none}.dropdown__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dropdown__item--active{background:var(--Primary-Primary-50, #fff5eb)}.dropdown__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.dropdown__label{flex:1;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";export{i as dropi_dropdown}

package/dist/dropi-ui/p-2e9b87a9.entry.js

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

package/dist/dropi-ui/p-3414a414.entry.js

@@ -1 +0,0 @@
-import{r,c as i,h as e}from"./p-Tbza12Gt.js";const n=class{constructor(e){r(this,e),this.dropiBannerClick=i(this,"dropiBannerClick",7),this.dropiBannerClose=i(this,"dropiBannerClose",7)}imageUrl="";link="";alt="";backgroundColor="transparent";closed=!1;dropiBannerClick;dropiBannerClose;handleClick(r){this.link||(r.preventDefault(),this.dropiBannerClick.emit())}closeBanner(r){r.preventDefault(),r.stopPropagation(),this.closed=!0,this.dropiBannerClose.emit()}render(){if(this.closed||!this.imageUrl)return null;const r=e("div",{class:"inner"},e("img",{src:this.imageUrl,alt:this.alt,loading:"lazy"}),e("button",{class:"close-btn","aria-label":"Cerrar banner",onClick:r=>this.closeBanner(r)},e("dropi-icon",{name:"Close-small",width:"20px",height:"20px",color:"Gray-Gray-600"})));return e("div",{class:"dropi-banner-external",style:{background:this.backgroundColor}},this.link?e("a",{href:this.link,target:"_blank",rel:"noopener noreferrer",onClick:r=>this.handleClick(r)},r):e("div",{class:"click-wrapper",onClick:r=>this.handleClick(r)},r))}};n.style=":host{display:block;width:100%}.dropi-banner-external{display:block;width:100%;position:relative;margin-bottom:16px;border-radius:var(--Border-2, 8px)}.dropi-banner-external a{display:block;text-decoration:none}.click-wrapper{cursor:pointer}.inner{position:relative;display:block}.inner img{display:block;width:100%;height:auto;border-radius:var(--Border-2, 8px);max-width:1220px;margin:auto}.close-btn{position:absolute;top:4px;right:4px;background:rgba(255, 255, 255, 0.8);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background 0.15s ease}.close-btn:hover{background:rgba(255, 255, 255, 1)}";export{n as dropi_banner_external}

package/dist/dropi-ui/p-34ad54a1.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as r}from"./p-Tbza12Gt.js";const i=class{constructor(r){e(this,r),this.dropiCodeCompleted=t(this,"dropiCodeCompleted",7),this.dropiResend=t(this,"dropiResend",7)}engine="email";labelContact="";showLabelContact=!0;errorMessage="";digits=Array(6).fill("");digitStates=Array(6).fill("idle");countdown=30;canResend=!1;error=!1;inputs=[];timer;dropiCodeCompleted;dropiResend;componentDidLoad(){this.startCountdown()}disconnectedCallback(){clearInterval(this.timer)}startCountdown(){this.countdown=30,this.canResend=!1,clearInterval(this.timer),this.timer=setInterval((()=>{this.countdown--,this.countdown<=0&&(clearInterval(this.timer),this.canResend=!0)}),1e3)}handleInput(e,t){const r=e.target.value.replace(/\D/g,"").slice(-1),i=[...this.digits];i[t]=r,this.digits=i;const o=[...this.digitStates];o[t]=r?"filled":"idle",this.digitStates=o,r&&t<5&&this.inputs[t+1]?.focus(),i.every((e=>""!==e))&&this.dropiCodeCompleted.emit(i.join(""))}handleKeyDown(e,t){"Backspace"===e.key&&!this.digits[t]&&t>0&&this.inputs[t-1]?.focus()}handlePaste(e){e.preventDefault();const t=e.clipboardData?.getData("text")?.replace(/\D/g,"").slice(0,6)||"",r=Array(6).fill("");t.split("").forEach(((e,t)=>{r[t]=e})),this.digits=r,this.digitStates=r.map((e=>e?"filled":"idle")),this.inputs[Math.min(t.length,5)]?.focus(),r.every((e=>""!==e))&&this.dropiCodeCompleted.emit(r.join(""))}render(){return r("div",{key:"385270734b7b0d6be9e4c8fb4767feae951eef2a",class:"otp"},this.showLabelContact&&r("p",{key:"6b837aa51683c913c14f001781b037dfc802c3f7",class:"otp__label"},"Ingresa el código enviado a tu ","sms"===this.engine?"SMS":"2fa"===this.engine?"autenticador":"correo",this.labelContact&&r("strong",{key:"ea75ddf873d4380e100477ac4e939a4e2e1b2ef3"}," ",this.labelContact)),r("div",{key:"ecdd5b47d1acbee3a6d5a67bbe189471d1af234c",class:"otp__inputs",onPaste:e=>this.handlePaste(e)},Array.from({length:6},((e,t)=>r("input",{key:t,ref:e=>{e&&(this.inputs[t]=e)},class:{otp__digit:!0,"otp__digit--filled":"filled"===this.digitStates[t],"otp__digit--error":this.error},type:"text",inputMode:"numeric",maxLength:1,value:this.digits[t],onInput:e=>this.handleInput(e,t),onKeyDown:e=>this.handleKeyDown(e,t)})))),this.error&&this.errorMessage&&r("p",{key:"99bb12e401d9b7758ae6996c9f1b156f49ada55e",class:"otp__error"},this.errorMessage),r("div",{key:"61e80ca8a938025ad49c453255a23b3b44880e7e",class:"otp__resend"},this.canResend?r("button",{class:"otp__resend-btn",onClick:()=>{this.startCountdown(),this.dropiResend.emit()}},"Reenviar código"):r("span",{class:"otp__countdown"},"Reenviar en ",this.countdown,"s")))}};i.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.otp{display:flex;flex-direction:column;align-items:center;gap:var(--Size-4, 16px)}.otp__label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);text-align:center;margin:0}.otp__inputs{display:flex;gap:var(--Size-4, 16px)}.otp__digit{width:56px;height:56px;border:1.5px solid var(--Gray-Gray-200, #d3d7de);border-radius:var(--Border-2, 8px);text-align:center;font-size:22px;font-weight:var(--font-weight-bold, 700);font-family:inherit;color:var(--Gray-Gray-800, #495057);outline:none;transition:border-color 0.15s ease;background:var(--Neutral-White, #fff)}.otp__digit:focus{border:2px solid var(--Primary-Primary-500, #f49a3d)}.otp__digit--filled{border:1px solid var(--Success-Success-500, #0abb87);color:var(--Neutral-Neutral-900, #0e111a)}.otp__digit--error{border:1px solid var(--Error-Error-500, #f46a6b)}.otp__error{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b);text-align:center}.otp__resend{text-align:center}.otp__countdown{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6)}.otp__resend-btn{background:none;border:none;padding:0;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);cursor:pointer;text-decoration:underline}";export{i as dropi_otp_send_code}

package/dist/dropi-ui/p-3531378b.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,h as i}from"./p-Tbza12Gt.js";const e=class{constructor(i){t(this,i),this.dropiStartDateChange=a(this,"dropiStartDateChange",7),this.dropiEndDateChange=a(this,"dropiEndDateChange",7),this.dropiRangeChange=a(this,"dropiRangeChange",7)}startDate="";endDate="";showLabel=!0;placeholder="";loading=!1;maxDaysRange=0;hideTodayRangeShortcut=!1;dropiStartDateChange;dropiEndDateChange;dropiRangeChange;start="";end="";activeRange=-1;showWarning=!1;onStartPropChange(t){this.start=t}onEndPropChange(t){this.end=t}componentWillLoad(){this.start=this.startDate,this.end=this.endDate}get today(){return(new Date).toISOString().split("T")[0]}daysAgo(t){const a=new Date;return a.setDate(a.getDate()-t),a.toISOString().split("T")[0]}get shortcuts(){const t=[{label:"Hoy",start:this.today,end:this.today},{label:"Últimos 7 días",start:this.daysAgo(6),end:this.today},{label:"Últimos 15 días",start:this.daysAgo(14),end:this.today},{label:"Últimos 30 días",start:this.daysAgo(29),end:this.today},{label:"Últimos 90 días",start:this.daysAgo(89),end:this.today}];return this.hideTodayRangeShortcut?t.slice(1):t}selectShortcut(t){const a=this.shortcuts[t];this.start=a.start,this.end=a.end,this.activeRange=t,this.showWarning=!1,this.emit()}onStartChange(t){this.start=t.target.value,this.activeRange=-1,this.checkRange(),this.start&&this.end&&this.emit()}onEndChange(t){this.end=t.target.value,this.activeRange=-1,this.checkRange(),this.start&&this.end&&this.emit()}checkRange(){if(this.start&&this.end&&this.maxDaysRange>0){const t=(new Date(this.end).getTime()-new Date(this.start).getTime())/864e5;this.showWarning=t>this.maxDaysRange}else this.showWarning=!1}emit(){this.dropiStartDateChange.emit(this.start),this.dropiEndDateChange.emit(this.end),this.dropiRangeChange.emit({start:this.start,end:this.end})}render(){return this.loading?i("div",{class:"skeleton"}):i("div",{class:"date-picker-range"},this.showLabel&&i("div",{class:"label"},"Rango de fechas"),i("div",{class:"inputs-row"},i("div",{class:"input-group"},i("label",{class:"input-label"},"Desde"),i("input",{type:"date",class:"date-input",value:this.start,max:this.end||this.today,onChange:t=>this.onStartChange(t)})),i("span",{class:"separator"},"—"),i("div",{class:"input-group"},i("label",{class:"input-label"},"Hasta"),i("input",{type:"date",class:"date-input",value:this.end,min:this.start,max:this.today,onChange:t=>this.onEndChange(t)}))),i("div",{class:"shortcuts"},this.shortcuts.map(((t,a)=>i("button",{key:a,class:"shortcut-btn"+(this.activeRange===a?" active":""),onClick:()=>this.selectShortcut(a)},t.label)))),this.showWarning&&i("div",{class:"warning-box"},i("span",{class:"warning-message"},"Solo puedes filtrar en un rango máximo de ",this.maxDaysRange," días.")))}static get watchers(){return{startDate:[{onStartPropChange:0}],endDate:[{onEndPropChange:0}]}}};e.style=":host{display:block;width:100%;max-width:380px}*,*::before,*::after{box-sizing:border-box}.date-picker-range{width:100%;font-family:inherit}.label{font-size:11px;font-weight:500;color:#7b8190;margin-bottom:8px}.inputs-row{display:flex;align-items:flex-end;gap:8px}.input-group{flex:1;display:flex;flex-direction:column;gap:4px}.input-label{font-size:var(--font-size-xs, 11px);color:var(--Gray-Gray-500, #69738c);font-weight:var(--font-weight-medium, 500)}.date-input{width:100%;height:40px;padding:0 10px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);color:var(--Gray-Gray-600, #475066);font-size:13px;font-family:inherit;outline:none;cursor:pointer;transition:border-color 0.15s ease}.date-input:focus{border-color:var(--Primary-Primary-500, #f49a3d)}.separator{padding-bottom:8px;color:var(--Gray-Gray-400, #858ea6);font-size:16px}.shortcuts{display:flex;flex-direction:column;gap:2px;margin-top:10px;border-left:1px solid var(--Gray-Gray-100, #e6eaf2);padding-left:10px}.shortcut-btn{background:transparent;border:none;padding:4px 6px;font-size:13px;font-family:inherit;color:var(--Gray-Gray-700, #32394d);cursor:pointer;text-align:left;border-radius:5px;transition:background 0.1s ease;font-weight:400}.shortcut-btn:hover{background:var(--Gray-Gray-50, #f5f6f8)}.shortcut-btn.active{background:var(--Gray-Gray-50, #f5f6f8);font-weight:600}.warning-box{margin-top:8px;padding:4px 8px;border:1px solid #f4c370;border-radius:4px;background:#fef8ed}.warning-message{color:#495057;font-size:10px;line-height:16px}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.skeleton{height:40px;width:100%;min-width:180px;border-radius:6px;animation:shimmer 1s linear infinite;background:linear-gradient(to right, #f5f6f8 8%, #e3e7ef 28%, #f5f6f8 77%);background-size:800px 104px}@media screen and (max-width: 480px){.inputs-row{flex-direction:column}.separator{display:none}.shortcuts{flex-direction:row;flex-wrap:wrap;border-left:none;padding-left:0;border-top:1px solid var(--Gray-Gray-100, #e6eaf2);padding-top:8px}}";export{e as dropi_date_picker_range}

package/dist/dropi-ui/p-3983a7aa.entry.js

@@ -1 +0,0 @@
-import{r as e,c as s,h as i}from"./p-Tbza12Gt.js";const r=class{constructor(i){e(this,i),this.dropiCheckedValues=s(this,"dropiCheckedValues",7),this.dropiSearch=s(this,"dropiSearch",7)}options=[];showFilter=!0;filterPlaceholder="Buscar...";showNotFound=!0;notFoundMessage="Sin resultados";multiSelect=!0;filterText="";selected=[];parsedOptions=[];dropiCheckedValues;dropiSearch;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.options)}get filtered(){if(!this.filterText)return this.parsedOptions;const e=this.filterText.toLowerCase();return this.parsedOptions.filter((s=>s.name?.toLowerCase().includes(e)))}toggle(e){this.selected=this.multiSelect?this.selected.includes(e)?this.selected.filter((s=>s!==e)):[...this.selected,e]:this.selected.includes(e)?[]:[e],this.dropiCheckedValues.emit(this.selected)}render(){const e=this.filtered;return i("div",{key:"9d51ab3a5e9dc547cd98d851c99ef579b229e12c",class:"csl"},this.showFilter&&i("div",{key:"2fb9b167722dd7c18b879954a434b5645b9f0d94",class:"csl__search"},i("dropi-icon",{key:"ec92ffaa3fef65af3b41f0da876ecffd2ef8797b",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),i("input",{key:"9b04983e29d09213416084c41ab097c7eb214e7d",class:"csl__search-input",type:"text",placeholder:this.filterPlaceholder,value:this.filterText,onInput:e=>{this.filterText=e.target.value,this.dropiSearch.emit(this.filterText)}}),this.filterText&&i("button",{key:"eeb575b800bc047f9c1a4a16a2adab5b1cf7963f",class:"csl__clear",onClick:()=>{this.filterText="",this.dropiSearch.emit("")}},i("dropi-icon",{key:"7e0bf6b94a0d8251f7ab7faa7155bbe16eb5380e",name:"Close-small",width:"14px",height:"14px",color:"Gray-Gray-400"}))),i("div",{key:"7be1584cc51b50430f1d86096aa024aa2bcc2dc8",class:"csl__list"},0===e.length&&this.showNotFound?i("div",{class:"csl__empty"},this.notFoundMessage):e.map((e=>{const s=this.selected.includes(e.id);return i("div",{class:"csl__item",key:e.id,onClick:()=>this.toggle(e.id)},i("dropi-checkbox",{checked:s}),e.icon&&i("img",{class:"csl__icon",src:e.icon,alt:e.name}),i("span",{class:"csl__label"},e.name))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}};r.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.csl__search{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);margin-bottom:var(--Size-2, 8px)}.csl__search-input{flex:1;border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:transparent}.csl__clear{display:flex;background:none;border:none;padding:0;cursor:pointer}.csl__list{display:flex;flex-direction:column}.csl__item{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;border-radius:var(--Border-1, 4px);transition:background 0.15s}.csl__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.csl__icon{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.csl__label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);flex:1}.csl__empty{padding:var(--Size-4, 16px);text-align:center;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-400, #858ea6)}";export{r as dropi_checkbox_selection_list}

package/dist/dropi-ui/p-40e91337.entry.js

@@ -1 +0,0 @@
-import{r as e,c as r,h as t}from"./p-Tbza12Gt.js";const a=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],i=["Lu","Ma","Mi","Ju","Vi","Sa","Do"],o=class{constructor(t){e(this,t),this.dropiDateChange=r(this,"dropiDateChange",7),this.dropiRangeChange=r(this,"dropiRangeChange",7)}value="";startDate="";endDate="";range=!1;minDate="";maxDate="";label="";placeholder="Seleccionar fecha";disabled=!1;open=!1;viewYear=(new Date).getFullYear();viewMonth=(new Date).getMonth();hoverDate="";dropiDateChange;dropiRangeChange;get displayValue(){return this.range?this.startDate&&this.endDate?`${this.startDate} – ${this.endDate}`:this.startDate?this.startDate:"":this.value}open_(){if(!this.disabled){if(this.value){const e=new Date(this.value);this.viewYear=e.getFullYear(),this.viewMonth=e.getMonth()}else if(this.startDate){const e=new Date(this.startDate);this.viewYear=e.getFullYear(),this.viewMonth=e.getMonth()}this.open=!0}}prevMonth(){0===this.viewMonth?(this.viewMonth=11,this.viewYear--):this.viewMonth--}nextMonth(){11===this.viewMonth?(this.viewMonth=0,this.viewYear++):this.viewMonth++}toISO(e,r,t){return`${e}-${String(r+1).padStart(2,"0")}-${String(t).padStart(2,"0")}`}isDisabled(e){return!!(this.minDate&&e<this.minDate)||!!(this.maxDate&&e>this.maxDate)}isInRange(e){if(!this.range)return!1;const r=this.startDate,t=this.endDate||this.hoverDate;if(!r||!t)return!1;const[a,i]=r<=t?[r,t]:[t,r];return e>a&&e<i}selectDate(e){if(!this.isDisabled(e))return this.range?void(!this.startDate||this.startDate&&this.endDate?(this.startDate=e,this.endDate=""):(e<this.startDate?(this.endDate=this.startDate,this.startDate=e):this.endDate=e,this.open=!1,this.dropiRangeChange.emit({start:this.startDate,end:this.endDate}))):(this.value=e,this.open=!1,void this.dropiDateChange.emit(e))}buildDays(){const e=this.viewYear,r=this.viewMonth,t=(new Date(e,r,1).getDay()+6)%7,a=new Date(e,r+1,0).getDate(),i=new Date(e,r,0).getDate(),o=[];for(let a=t-1;a>=0;a--){const t=i-a;o.push({iso:this.toISO(0===r?e-1:e,0===r?11:r-1,t),day:t,currentMonth:!1})}for(let t=1;t<=a;t++)o.push({iso:this.toISO(e,r,t),day:t,currentMonth:!0});const d=42-o.length;for(let t=1;t<=d;t++)o.push({iso:this.toISO(11===r?e+1:e,11===r?0:r+1,t),day:t,currentMonth:!1});return o}render(){const e=this.buildDays(),r=(new Date).toISOString().slice(0,10);return t("div",{key:"ee619ad7d2528fa29f74cd9e149a9a4f8250c1b5",class:"dp-wrap"},this.label&&t("label",{key:"faffc20912e7e27cf27f6b8895050df117f2fcd9",class:"dp-label"},this.label),t("button",{key:"6249c8e76c7b19bd54bedb3f2e98342b45eb9444",class:{"dp-trigger":!0,"dp-trigger--disabled":this.disabled},onClick:()=>this.open?this.open=!1:this.open_(),disabled:this.disabled,type:"button"},t("dropi-icon",{key:"3033520703a6c58fb30d8231196a206e1f2a153c",name:"Calendar",width:"16px",height:"16px",color:"Gray-Gray-400"}),t("span",{key:"c426b0a12c17108d4f32d2d01732bfc13ec15b26",class:{"dp-trigger__value":!0,"dp-trigger__placeholder":!this.displayValue}},this.displayValue||this.placeholder),t("dropi-icon",{key:"218703644316e36b4a2bece89975db723eaa0bfa",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"})),this.open&&t("div",{key:"4ca8fa76344e960a42e4aec332e6ecdabab3bc6c",class:"dp-popup"},t("div",{key:"04b2b43eb0b209127a31adb2d0721b70449e84ab",class:"dp-nav"},t("button",{key:"4f7e1208d4a6b2e03f30730fb38306f4aaf365af",class:"dp-nav__btn",onClick:()=>this.prevMonth(),type:"button"},t("dropi-icon",{key:"307a5dcbd86c26f13a22e0d69a8f61b7a646378b",name:"Arrow-Left-2",width:"16px",height:"16px",color:"Gray-Gray-600"})),t("span",{key:"1c094b7fb9385cc7673a2dd3038eebdc11a247c7",class:"dp-nav__title"},a[this.viewMonth]," ",this.viewYear),t("button",{key:"70c629dc1f1229fffcceec2f01ed8acc72bf1794",class:"dp-nav__btn",onClick:()=>this.nextMonth(),type:"button"},t("dropi-icon",{key:"ab1847f3771ccc80c9257a82f31ed7cd2cb0dd0a",name:"Arrow-Right-2",width:"16px",height:"16px",color:"Gray-Gray-600"}))),t("div",{key:"92ff7685583877bed3a63ea74c92fd4581b9a777",class:"dp-grid"},i.map((e=>t("div",{class:"dp-day-header"},e))),e.map((({iso:e,day:a,currentMonth:i})=>{const o=this.range?e===this.startDate||e===this.endDate:e===this.value,d=this.range&&e===this.startDate,s=this.range&&e===this.endDate,n=this.isInRange(e),c=this.isDisabled(e);return t("button",{class:{"dp-cell":!0,"dp-cell--other-month":!i,"dp-cell--today":e===r,"dp-cell--selected":o,"dp-cell--range-start":d,"dp-cell--range-end":s,"dp-cell--in-range":n,"dp-cell--disabled":c},type:"button",disabled:c,onClick:()=>this.selectDate(e),onMouseEnter:()=>{this.range&&this.startDate&&!this.endDate&&(this.hoverDate=e)},onMouseLeave:()=>this.hoverDate=""},a)}))),t("div",{key:"2e1a6e5e3f016b68b9486e6acadb94738671fe7f",class:"dp-footer"},t("button",{key:"cef6300ccd52c617426522d3977ac72829cb40cc",class:"dp-footer__clear",type:"button",onClick:()=>{this.value="",this.startDate="",this.endDate="",this.open=!1}},"Limpiar"),t("button",{key:"a5627d87cdc24d70368618fb8c67eff30b0800c7",class:"dp-footer__today",type:"button",onClick:()=>{this.range?(this.startDate=r,this.endDate=""):(this.value=r,this.open=!1,this.dropiDateChange.emit(r))}},"Hoy"))))}};o.style=":host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.dp-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.dp-trigger{width:100%;height:40px;display:flex;align-items:center;gap:var(--Size-2, 8px);padding:0 var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);cursor:pointer;font-family:inherit;transition:border-color 0.2s}.dp-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.dp-trigger--disabled{background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed;opacity:0.6}.dp-trigger__value{flex:1;text-align:left;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-trigger__placeholder{color:var(--Gray-Gray-400, #858ea6)}.dp-popup{position:absolute;top:calc(100% + 4px);left:0;width:280px;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 24px rgba(0,0,0,0.1);z-index:300;padding:var(--Size-3, 12px)}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Size-3, 12px)}.dp-nav__btn{background:none;border:none;padding:4px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.dp-nav__btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-nav__title{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033)}.dp-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px}.dp-day-header{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);text-align:center;padding:4px 0;font-weight:var(--font-weight-bold, 700)}.dp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 10px);font-family:inherit;border:none;border-radius:var(--Border-1, 4px);cursor:pointer;background:none;color:var(--Gray-Gray-700, #32394d);transition:background 0.15s, color 0.15s}.dp-cell:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.dp-cell--other-month{color:var(--Gray-Gray-300, #a0a9c0)}.dp-cell--today{font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d)}.dp-cell--selected,.dp-cell--range-start,.dp-cell--range-end{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff);border-radius:var(--Border-1, 4px)}.dp-cell--in-range{background:var(--Primary-Primary-50, #fff5eb);border-radius:0}.dp-cell--range-start{border-radius:var(--Border-1, 4px) 0 0 var(--Border-1, 4px)}.dp-cell--range-end{border-radius:0 var(--Border-1, 4px) var(--Border-1, 4px) 0}.dp-cell--disabled{opacity:0.35;cursor:not-allowed}.dp-footer{display:flex;justify-content:space-between;margin-top:var(--Size-3, 12px);border-top:1px solid var(--Gray-Gray-100, #eceef4);padding-top:var(--Size-2, 8px)}.dp-footer__clear,.dp-footer__today{background:none;border:none;padding:4px 8px;font-size:var(--font-size-xs, 10px);font-family:inherit;cursor:pointer;border-radius:var(--Border-1, 4px);transition:background 0.15s}.dp-footer__clear{color:var(--Gray-Gray-500, #68738f)}.dp-footer__today{color:var(--Primary-Primary-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-footer__clear:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-footer__today:hover{background:var(--Primary-Primary-50, #fff5eb)}";export{o as dropi_date_picker}

package/dist/dropi-ui/p-4be64bf0.entry.js

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

package/dist/dropi-ui/p-4ec17510.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e}from"./p-Tbza12Gt.js";const i=class{constructor(e){t(this,e)}type="primary";state="default";showIcon=!1;icon="";text="";colorMap={default:"Primary-Primary",success:"Success-Success",info:"Info-Info",warning:"Warning-Warning",error:"Error-Error",legacy:"Gray-Gray"};propsChanged(){}get bgColor(){const t=this.colorMap[this.state];return"primary"===this.type?`var(--${t}-500)`:`var(--${t}${"default"===this.state||"legacy"===this.state?"-100":"-50"})`}get textColor(){return"primary"===this.type?"var(--Neutral-White)":`var(--${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"})`}get iconColor(){return"primary"===this.type?"Neutral-White":`${this.colorMap[this.state]}${"default"===this.state?"-500":"-700"}`}get hasContent(){return"string"==typeof this.text&&this.text.trim().length>0}render(){return e("div",{key:"ca7fdd40b3d059abe34a6c4ccfba5cbfbdb5c786",class:"container-chips"},e("div",{key:"897f4ab4a9d2d5ecb7088c6732f59c6cc3138c43",class:{tags:!0,"icon-only":this.showIcon&&!this.hasContent},style:{backgroundColor:this.bgColor,color:this.textColor}},this.showIcon&&this.icon&&e("dropi-icon",{key:"77b9315e4d1d4bd257331a4ce4cb3b82480430c0",class:"file-icon",name:this.icon,width:"16px",height:"16px",color:this.iconColor}),this.hasContent&&e("span",{key:"c55aede3070168989b8ebefa85480968f71eb08a"},this.text)))}static get watchers(){return{type:[{propsChanged:0}],state:[{propsChanged:0}]}}};i.style=":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:inline-block}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--Size-5, 24px);animation:fade-in 200ms ease-out}.tags.icon-only{gap:0}.file-icon{display:flex}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}";export{i as dropi_tag}

package/dist/dropi-ui/p-5023eef0.entry.js

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

package/dist/dropi-ui/p-51a97b1a.entry.js

@@ -1 +0,0 @@
-import{r as e,c as a,a as t,h as i}from"./p-Tbza12Gt.js";const r=class{constructor(t){e(this,t),this.dropiPlay=a(this,"dropiPlay",7),this.dropiEnded=a(this,"dropiEnded",7)}get el(){return t(this)}src="";mediaType="audio";poster="";autoplay=!1;loop=!1;initialVolume=1;mediaTitle="";playing=!1;currentTime=0;duration=0;volume=1;muted=!1;loading=!0;mediaEl;dropiPlay;dropiEnded;componentDidLoad(){this.mediaEl&&(this.mediaEl.volume=this.initialVolume,this.volume=this.initialVolume)}togglePlay(){this.mediaEl&&(this.playing?this.mediaEl.pause():this.mediaEl.play())}handleTimeUpdate(){this.currentTime=this.mediaEl.currentTime}handleLoadedMetadata(){this.duration=this.mediaEl.duration,this.loading=!1}handleSeek(e){const a=Number(e.target.value);this.mediaEl.currentTime=a,this.currentTime=a}handleVolume(e){const a=Number(e.target.value);this.mediaEl.volume=a,this.volume=a,this.muted=0===a}toggleMute(){this.muted=!this.muted,this.mediaEl.muted=this.muted}handleFullscreen(){if("video"!==this.mediaType)return;const e=this.mediaEl;document.fullscreenElement?document.exitFullscreen():e.requestFullscreen?.()}formatTime(e){if(isNaN(e))return"0:00";const a=Math.floor(e/60),t=Math.floor(e%60);return`${a}:${String(t).padStart(2,"0")}`}render(){const e=this.duration?this.currentTime/this.duration*100:0;return i("div",{key:"76ee9c93a56b78e8ebdad1a77a59b56bbd1ae8f6",class:`player player--${this.mediaType}`},"video"===this.mediaType?i("video",{class:"player__video",ref:e=>this.mediaEl=e,src:this.src,poster:this.poster,autoplay:this.autoplay,loop:this.loop,preload:"metadata",onPlay:()=>{this.playing=!0,this.dropiPlay.emit(!0)},onPause:()=>{this.playing=!1,this.dropiPlay.emit(!1)},onTimeUpdate:()=>this.handleTimeUpdate(),onLoadedMetaData:()=>this.handleLoadedMetadata(),onEnded:()=>{this.playing=!1,this.dropiEnded.emit()},onWaiting:()=>this.loading=!0,onCanPlay:()=>this.loading=!1}):i("audio",{ref:e=>this.mediaEl=e,src:this.src,autoplay:this.autoplay,loop:this.loop,preload:"metadata",onPlay:()=>{this.playing=!0,this.dropiPlay.emit(!0)},onPause:()=>{this.playing=!1,this.dropiPlay.emit(!1)},onTimeUpdate:()=>this.handleTimeUpdate(),onLoadedMetaData:()=>this.handleLoadedMetadata(),onEnded:()=>{this.playing=!1,this.dropiEnded.emit()}}),i("div",{key:"444cb9c86d3a69042d827ab4785e8c0995f82e6d",class:"player__controls"},this.mediaTitle&&i("span",{key:"39bee7040cddfae5ce17e6ee62d0713ba0062ae4",class:"player__title"},this.mediaTitle),i("div",{key:"05ccbde97d88387d1b167495887877f0d3443cc4",class:"player__seek-wrap"},i("span",{key:"1e8f81054b851975a0526224f5b2455687d6d1ba",class:"player__time"},this.formatTime(this.currentTime)),i("div",{key:"aecd083653f3384e47938ff00bcd0f913eab4e13",class:"player__seek-track"},i("div",{key:"2bef10203f1c0d22e371e8e7ee223ec9aaf9b496",class:"player__seek-fill",style:{width:`${e}%`}}),i("input",{key:"7d8b658dca7b663e01d86d69480113edc8849951",class:"player__seek",type:"range",min:0,max:this.duration||100,step:.1,value:this.currentTime,onInput:e=>this.handleSeek(e)})),i("span",{key:"0127fa197a59db81f224db1a168b52fc4be154fe",class:"player__time"},this.formatTime(this.duration))),i("div",{key:"171eff82a5f55544cb0ad601ae4ae07954e93c43",class:"player__buttons"},i("button",{key:"0d207dcd555e040999e6434009b7762e9caf8359",class:"player__btn player__btn--play",onClick:()=>this.togglePlay(),type:"button"},i("dropi-icon",this.loading?{name:"Spinner",width:"20px",height:"20px",color:"Neutral-White"}:{name:this.playing?"Pause":"Play",width:"20px",height:"20px",color:"Neutral-White"})),i("div",{key:"d8eeb92e14729c49e0b2ef459c44ed1f402ce9f8",class:"player__volume"},i("button",{key:"4bdf9ca4d03e1e7a420b280f0106e67d50fe6285",class:"player__btn",onClick:()=>this.toggleMute(),type:"button"},i("dropi-icon",{key:"715e93fc8b50f42c07c545ace9dbbf757ac0742a",name:this.muted||0===this.volume?"Volume-off":this.volume<.5?"Volume-low":"Volume-high",width:"16px",height:"16px",color:"Gray-Gray-600"})),i("input",{key:"d2a3f93696c8c1a42ce99c04c4fbf419e2f8b3e6",class:"player__volume-slider",type:"range",min:0,max:1,step:.05,value:this.muted?0:this.volume,onInput:e=>this.handleVolume(e)})),i("span",{key:"7dc77449676683256fbf746ff9e3679d0b8ed41d",class:"player__spacer"}),"video"===this.mediaType&&i("button",{key:"442d58c35ca6e8649849e30f46d33274bbff577b",class:"player__btn",onClick:()=>this.handleFullscreen(),type:"button"},i("dropi-icon",{key:"89a88d82501bfa0af389a8bc3c17cb3eeca9af00",name:"Fullscreen",width:"16px",height:"16px",color:"Gray-Gray-600"})))))}};r.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.player{background:var(--Gray-Gray-800, #1a2033);border-radius:var(--Border-2, 8px);overflow:hidden;display:flex;flex-direction:column}.player__video{width:100%;display:block;max-height:400px;object-fit:contain;background:#000}.player__controls{padding:var(--Size-3, 12px);display:flex;flex-direction:column;gap:var(--Size-2, 8px)}.player__title{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-300, #a0a9c0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__seek-wrap{display:flex;align-items:center;gap:var(--Size-2, 8px)}.player__time{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);white-space:nowrap;flex-shrink:0}.player__seek-track{flex:1;position:relative;height:4px;background:var(--Gray-Gray-600, #475066);border-radius:100px}.player__seek-fill{position:absolute;left:0;top:0;bottom:0;background:var(--Primary-Primary-500, #f49a3d);border-radius:100px;pointer-events:none}.player__seek{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;accent-color:var(--Primary-Primary-500, #f49a3d)}.player__buttons{display:flex;align-items:center;gap:var(--Size-2, 8px)}.player__btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;border-radius:var(--Border-1, 4px);transition:background 0.15s}.player__btn:hover{background:rgba(255,255,255,0.08)}.player__btn--play{width:36px;height:36px;background:var(--Primary-Primary-500, #f49a3d);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.player__btn--play:hover{background:var(--Primary-Primary-600, #e08526)}.player__volume{display:flex;align-items:center;gap:4px}.player__volume-slider{width:60px;accent-color:var(--Primary-Primary-500, #f49a3d);cursor:pointer}.player__spacer{flex:1}.player--audio .player__controls{padding:var(--Size-4, 16px)}";export{r as dropi_media_player}

package/dist/dropi-ui/p-52796d84.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,h as t}from"./p-Tbza12Gt.js";const r=class{constructor(t){e(this,t),this.dropiInput=i(this,"dropiInput",7),this.dropiBlur=i(this,"dropiBlur",7),this.dropiKeyEnter=i(this,"dropiKeyEnter",7),this.dropiClear=i(this,"dropiClear",7),this.dropiChange=i(this,"dropiChange",7)}placeholder="Buscar...";value="";maxlength;showClear=!0;options=[];labelKey="name";multiSelect=!1;dropdownHeight="240px";label="";open=!1;selected=[];parsedOptions=[];dropiInput;dropiBlur;dropiKeyEnter;dropiClear;dropiChange;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.options)}get filtered(){if(!this.value)return this.parsedOptions;const e=this.value.toLowerCase();return this.parsedOptions.filter((i=>String(i[this.labelKey]??"").toLowerCase().includes(e)))}handleInput(e){this.value=e.target.value,this.open=this.parsedOptions.length>0,this.dropiInput.emit(this.value)}handleKeyDown(e){"Enter"===e.key&&this.dropiKeyEnter.emit(this.value),"Escape"===e.key&&(this.open=!1)}handleClear(){this.value="",this.open=!1,this.dropiClear.emit(),this.dropiInput.emit("")}isSelected(e){return this.selected.some((i=>i[this.labelKey]===e[this.labelKey]))}selectOption(e){this.multiSelect?this.selected=this.isSelected(e)?this.selected.filter((i=>i[this.labelKey]!==e[this.labelKey])):[...this.selected,e]:(this.value=e[this.labelKey]??"",this.selected=[e],this.open=!1),this.dropiChange.emit(this.selected)}render(){const e=this.open&&this.parsedOptions.length>0;return t("div",{key:"f7b5b5256a42dc534286dd02248b419fddd74d39",class:"search-wrap"},this.label&&t("label",{key:"721b09602381aad6f1f72acdc1029556222144c8",class:"search-label"},this.label),t("div",{key:"a6c9cff477367a5a6e3653ddd2ae56066acc9236",class:"search-input-row"},t("dropi-icon",{key:"95a51114f701aa87c258e620ccd60e2282830554",class:"search-icon",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),t("input",{key:"fc0f13786b69d08a1fa71accf5316ca98d6e3823",class:"search-input",type:"text",placeholder:this.placeholder,value:this.value,maxLength:this.maxlength,onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e),onFocus:()=>{this.parsedOptions.length&&(this.open=!0)},onBlur:()=>{setTimeout((()=>this.open=!1),150),this.dropiBlur.emit()}}),this.showClear&&this.value&&t("button",{key:"e16e8746a1800927966aec5268c73bf8c4c10275",class:"search-clear",onClick:()=>this.handleClear(),"aria-label":"Limpiar"},t("dropi-icon",{key:"691106cf972751b909d1a0a467268098e3ff02e8",name:"Close-small",width:"16px",height:"16px",color:"Gray-Gray-400"}))),e&&t("div",{key:"41f2d2f38dbe9d5fb1c48e1b960888fb8cc5738b",class:"search-dropdown",style:{"--dropdown-height":this.dropdownHeight}},0===this.filtered.length?t("div",{class:"search-no-results"},"Sin resultados"):this.filtered.map(((e,i)=>t("div",{class:{"search-option":!0,"search-option--selected":this.isSelected(e)},key:i,onMouseDown:i=>{i.preventDefault(),this.selectOption(e)}},this.multiSelect&&t("dropi-checkbox",{checked:this.isSelected(e)}),t("span",{class:"search-option__label"},e[this.labelKey]))))))}static get watchers(){return{options:[{optionsChanged:0}]}}};r.style=":host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.search-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.search-input-row{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:10px;pointer-events:none;z-index:1}.search-input{width:100%;height:40px;padding:0 36px 0 34px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);outline:none;transition:border-color 0.2s}.search-input:focus{border-color:var(--Info-Info-500, #50a5f1)}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-clear{position:absolute;right:10px;display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;z-index:1}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:var(--dropdown-height, 240px);overflow-y:auto;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.08);z-index:100}.search-option{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;transition:background 0.15s;user-select:none}.search-option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.search-option--selected{background:var(--Primary-Primary-50, #fff5eb)}.search-option__label{flex:1;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-no-results{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-400, #858ea6);text-align:center}";export{r as dropi_search}

package/dist/dropi-ui/p-53a5bd7b.entry.js

@@ -1 +0,0 @@
-import{r as t,c as r,h as a}from"./p-Tbza12Gt.js";const e=class{constructor(a){t(this,a),this.dropiToggleFavorite=r(this,"dropiToggleFavorite",7)}isFavorite=!1;dropiToggleFavorite;hovered=!1;toggle(){this.isFavorite=!this.isFavorite,this.dropiToggleFavorite.emit(this.isFavorite)}render(){return a("button",{key:"1911efe67d8e0ab2f7531e01a844880054fdf693",class:{"fav-btn":!0,"fav-btn--active":this.isFavorite},onClick:()=>this.toggle(),onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,"aria-label":this.isFavorite?"Quitar de favoritos":"Agregar a favoritos","aria-pressed":String(this.isFavorite)},a("dropi-icon",{key:"be817f295f9e3e36ca86027f487781f07ae1561d",name:this.isFavorite||this.hovered?"Heart-solid":"Heart",width:"19px",height:"19px",color:this.isFavorite||this.hovered?"Primary-Primary-500":"Gray-Gray-800"}))}};e.style=":host{display:inline-flex}.fav-btn{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:8px;border:1px solid var(--Gray-Gray-200);background:var(--Neutral-White);cursor:pointer;transition:all 0.2s ease-in-out}.fav-btn:hover,.fav-btn--active{background:var(--Gray-Gray-50)}.fav-btn:active{transform:scale(0.95)}";export{e as dropi_favorite_button}

package/dist/dropi-ui/p-5425f941.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,h as r}from"./p-Tbza12Gt.js";const e=class{constructor(r){t(this,r),this.dropiSlideChange=a(this,"dropiSlideChange",7)}images=[];altPrefix="Imagen";showArrows=!0;showDots=!0;showThumbs=!1;autoplay=0;activeIndex=0;objectFit="cover";parsedImages=[];current=0;timer;dropiSlideChange;imagesChanged(t){this.parsedImages="string"==typeof t?JSON.parse(t):t||[]}activeIndexChanged(t){this.current=t}componentWillLoad(){this.imagesChanged(this.images),this.current=this.activeIndex}componentDidLoad(){this.autoplay>0&&this.startAutoplay()}disconnectedCallback(){this.stopAutoplay()}startAutoplay(){this.timer=setInterval((()=>this.next()),this.autoplay)}stopAutoplay(){this.timer&&clearInterval(this.timer)}go(t){const a=this.parsedImages.length;this.current=(t%a+a)%a,this.activeIndex=this.current,this.dropiSlideChange.emit(this.current)}prev(){this.go(this.current-1)}next(){this.go(this.current+1)}render(){const t=this.parsedImages;return t.length?r("div",{class:"carousel"},r("div",{class:"carousel__stage"},t.map(((t,a)=>r("div",{class:{carousel__slide:!0,"carousel__slide--active":a===this.current},"aria-hidden":a!==this.current},r("img",{class:"carousel__img",src:t,alt:`${this.altPrefix} ${a+1}`,style:{objectFit:this.objectFit},loading:"lazy"})))),this.showArrows&&t.length>1&&r("button",{class:"carousel__nav carousel__nav--prev",onClick:()=>this.prev(),"aria-label":"Anterior"},r("dropi-icon",{name:"Arrow-Left-2",width:"20px",height:"20px",color:"Neutral-White"})),this.showArrows&&t.length>1&&r("button",{class:"carousel__nav carousel__nav--next",onClick:()=>this.next(),"aria-label":"Siguiente"},r("dropi-icon",{name:"Arrow-Right-2",width:"20px",height:"20px",color:"Neutral-White"}))),this.showDots&&t.length>1&&r("div",{class:"carousel__dots"},t.map(((t,a)=>r("button",{class:{carousel__dot:!0,"carousel__dot--active":a===this.current},onClick:()=>this.go(a),"aria-label":`Ir a diapositiva ${a+1}`})))),this.showThumbs&&t.length>1&&r("div",{class:"carousel__thumbs"},t.map(((t,a)=>r("img",{class:{carousel__thumb:!0,"carousel__thumb--active":a===this.current},src:t,alt:`${this.altPrefix} ${a+1}`,onClick:()=>this.go(a),loading:"lazy"}))))):null}static get watchers(){return{images:[{imagesChanged:0}],activeIndex:[{activeIndexChanged:0}]}}};e.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.carousel{display:flex;flex-direction:column;gap:var(--Size-2, 8px);width:100%}.carousel__stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--Border-2, 8px);background:var(--Gray-Gray-100, #eceef4)}.carousel__slide{position:absolute;inset:0;opacity:0;transition:opacity 0.4s ease;pointer-events:none}.carousel__slide--active{opacity:1;pointer-events:all}.carousel__img{width:100%;height:100%}.carousel__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0, 0, 0, 0.4);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s;z-index:1}.carousel__nav:hover{background:rgba(0,0,0,0.65)}.carousel__nav--prev{left:var(--Size-2, 8px)}.carousel__nav--next{right:var(--Size-2, 8px)}.carousel__dots{display:flex;justify-content:center;gap:var(--Size-1, 4px)}.carousel__dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--Gray-Gray-300, #a0a9c0);cursor:pointer;padding:0;transition:background 0.2s, transform 0.2s}.carousel__dot--active{background:var(--Primary-Primary-500, #f49a3d);transform:scale(1.3)}.carousel__thumbs{display:flex;gap:var(--Size-2, 8px);overflow-x:auto;padding-bottom:2px}.carousel__thumbs::-webkit-scrollbar{height:4px}.carousel__thumbs::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:2px}.carousel__thumb{width:56px;height:56px;object-fit:cover;border-radius:var(--Border-1, 4px);cursor:pointer;flex-shrink:0;opacity:0.5;border:2px solid transparent;transition:opacity 0.15s, border-color 0.15s}.carousel__thumb:hover{opacity:0.8}.carousel__thumb--active{opacity:1;border-color:var(--Primary-Primary-500, #f49a3d)}";export{e as dropi_carousel}

package/dist/dropi-ui/p-58d0bf7a.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,h as r}from"./p-Tbza12Gt.js";const a=class{constructor(r){e(this,r),this.dropiSidebarItemClick=i(this,"dropiSidebarItemClick",7),this.dropiCollapse=i(this,"dropiCollapse",7)}items=[];activeId="";collapsed=!1;showToggle=!0;logoUrl="";width="240px";expandedIds=new Set;dropiSidebarItemClick;dropiCollapse;get parsedItems(){const e=this.items;return"string"==typeof e?JSON.parse(e):e||[]}toggleExpand(e){this.expandedIds.has(e)?this.expandedIds.delete(e):this.expandedIds.add(e),this.expandedIds=new Set(this.expandedIds)}renderItem(e,i=0){const a=e.children&&e.children.length>0,t=this.expandedIds.has(e.id),s=e.id===this.activeId;return r("li",null,r("button",{class:{sidebar__item:!0,"sidebar__item--active":s,"sidebar__item--depth1":1===i},style:{paddingLeft:i>0?12+12*i+"px":void 0},onClick:()=>{a?this.toggleExpand(e.id):this.dropiSidebarItemClick.emit(e.id)},type:"button",title:this.collapsed?e.label:void 0},e.icon&&r("dropi-icon",{name:e.icon,width:"18px",height:"18px",color:s?"Primary-Primary-500":"Gray-Gray-600"}),!this.collapsed&&r("span",{class:"sidebar__item-label"},e.label),!this.collapsed&&null!=e.badge&&"0"!==String(e.badge)&&r("span",{class:"sidebar__badge"},e.badge),!this.collapsed&&a&&r("dropi-icon",{name:t?"Arrow-Up-2":"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"})),a&&t&&!this.collapsed&&r("ul",{class:"sidebar__sub"},e.children.map((e=>this.renderItem(e,i+1)))))}render(){const e=this.parsedItems;return r("aside",{key:"97c46e8c84a9e389fb67b34364321c35b0c5ebf2",class:{sidebar:!0,"sidebar--collapsed":this.collapsed},style:{width:this.collapsed?"56px":this.width}},this.logoUrl&&r("div",{key:"211e43514bcdd6b613aa1001ef630e5b9629091a",class:"sidebar__logo-wrap"},r("img",{key:"ce6b7a3b9ce26f4caa1eafd4821f5a2fa70e4dda",class:"sidebar__logo",src:this.logoUrl,alt:"Logo"})),this.showToggle&&r("button",{key:"ba66d7664b76ecdea519f9d128e998331106da8f",class:"sidebar__toggle",onClick:()=>{this.collapsed=!this.collapsed,this.dropiCollapse.emit(this.collapsed)},"aria-label":this.collapsed?"Expandir":"Colapsar",type:"button"},r("dropi-icon",{key:"3a362cb657dfa881523ae29c1e677e6cc16afb61",name:this.collapsed?"Arrow-Right-2":"Arrow-Left-2",width:"16px",height:"16px",color:"Gray-Gray-400"})),r("nav",{key:"02152d2e92f7802daa1192bd9d00d21c13619de4",class:"sidebar__nav"},r("ul",{key:"9e90a7d2d25a63885713b881c6d091528027ec57",class:"sidebar__list"},e.map((e=>this.renderItem(e))))),r("div",{key:"b70d89a324de1b56e022ec66b52ecb2b01031d34",class:"sidebar__footer"},r("slot",{key:"6ead0e515e6a59194cd3495bd691ae9acdb0dd05",name:"footer"})))}};a.style=":host{display:block;height:100%}*,*::before,*::after{box-sizing:border-box}.sidebar{display:flex;flex-direction:column;height:100%;background:var(--Neutral-White, #fff);border-right:1px solid var(--Gray-Gray-100, #eceef4);transition:width 0.25s ease;overflow:hidden;flex-shrink:0}.sidebar__logo-wrap{display:flex;align-items:center;justify-content:center;padding:var(--Size-4, 16px) var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #eceef4)}.sidebar__logo{height:28px;object-fit:contain;max-width:100%}.sidebar__toggle{align-self:flex-end;margin:var(--Size-2, 8px);background:none;border:1px solid var(--Gray-Gray-100, #eceef4);border-radius:var(--Border-1, 4px);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s;flex-shrink:0}.sidebar__toggle:hover{background:var(--Gray-Gray-50, #f7f8fa)}.sidebar__nav{flex:1;overflow-y:auto;padding:var(--Size-2, 8px) 0}.sidebar__list,.sidebar__sub{list-style:none;margin:0;padding:0}.sidebar__item{width:100%;display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);background:none;border:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-600, #475066);cursor:pointer;text-align:left;transition:background 0.15s, color 0.15s;white-space:nowrap;overflow:hidden}.sidebar__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.sidebar__item--active{background:var(--Primary-Primary-50, #fff5eb);color:var(--Primary-Primary-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.sidebar__item--depth1{font-size:var(--font-size-xs, 10px)}.sidebar__item-label{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar__badge{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #fff);font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 4px;flex-shrink:0}.sidebar__sub{padding-left:0}.sidebar__footer{padding:var(--Size-3, 12px);border-top:1px solid var(--Gray-Gray-100, #eceef4);flex-shrink:0}.sidebar__footer:empty{display:none}.sidebar--collapsed .sidebar__item{justify-content:center;padding:var(--Size-2, 8px)}";export{a as dropi_sidebar}

package/dist/dropi-ui/p-59d3bd9b.entry.js

@@ -1 +0,0 @@
-import{r as e,c as r,h as a}from"./p-Tbza12Gt.js";const i=class{constructor(a){e(this,a),this.dropiCancel=r(this,"dropiCancel",7)}fileName="";fileSize="";progress=0;status="uploading";errorMessage="Error al cargar el archivo";showCancel=!0;dropiCancel;get clampedProgress(){return Math.min(100,Math.max(0,this.progress))}get iconName(){switch(this.status){case"success":return"Check-circle";case"error":return"Close-circle";case"paused":return"Pause-circle";default:return"Document"}}get iconColor(){switch(this.status){case"success":return"Success-Success-500";case"error":return"Error-Error-500";case"paused":return"Warning-Warning-500";default:return"Primary-Primary-500"}}render(){const e=this.clampedProgress;return a("div",{key:"1a7e98a56a7f60be4f9934f6e124ed9b78d815a2",class:`upload-item upload-item--${this.status}`},a("div",{key:"a3bd11ec50244ba045361e015202bf895e74ef54",class:"upload-item__icon"},a("dropi-icon",{key:"0cbd181eb3cebab1feff8bc21748a62c66a4a38f",name:this.iconName,width:"24px",height:"24px",color:this.iconColor})),a("div",{key:"fde507232d8105da36820a2dcd5e555ef28da37e",class:"upload-item__content"},a("div",{key:"6d800c22fe3c659bfe39bf8b75f62668cfda6195",class:"upload-item__header"},a("span",{key:"cec4dc4b7c0658bf2f086742cc53caea655ef493",class:"upload-item__name"},this.fileName),this.fileSize&&a("span",{key:"9c523619ef47586b4236de2f21f9e483c6c100fc",class:"upload-item__size"},this.fileSize)),"error"===this.status?a("p",{class:"upload-item__error"},this.errorMessage):a("div",{class:"upload-item__bar-wrap"},a("div",{class:"upload-item__bar"},a("div",{class:"upload-item__bar-fill",style:{width:`${e}%`}})),a("span",{class:"upload-item__pct"},e,"%"))),this.showCancel&&a("button",{key:"375c0fb876e6d2073ae55a96a2fe9654f399870e",class:"upload-item__cancel",onClick:()=>this.dropiCancel.emit(),"aria-label":"Cancelar"},a("dropi-icon",{key:"84dc8576cabe8846b7759411ad57fe7bab218ec2",name:"Close-small",width:"16px",height:"16px",color:"Gray-Gray-400"})))}};i.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.upload-item{display:flex;align-items:flex-start;gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-100, #eceef4);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff)}.upload-item--success{border-color:var(--Success-Success-200, #a7edbb)}.upload-item--error{border-color:var(--Error-Error-200, #f9b4b4)}.upload-item__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--Gray-Gray-50, #f7f8fa);border-radius:var(--Border-1, 4px)}.upload-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--Size-1, 4px)}.upload-item__header{display:flex;align-items:center;justify-content:space-between;gap:var(--Size-2, 8px)}.upload-item__name{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.upload-item__size{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);flex-shrink:0}.upload-item__bar-wrap{display:flex;align-items:center;gap:var(--Size-2, 8px)}.upload-item__bar{flex:1;height:6px;background:var(--Gray-Gray-100, #eceef4);border-radius:100px;overflow:hidden}.upload-item__bar-fill{height:100%;background:var(--Primary-Primary-500, #f49a3d);border-radius:100px;transition:width 0.3s ease}.upload-item--success .upload-item__bar-fill{background:var(--Success-Success-500, #34c55a)}.upload-item--error .upload-item__bar-fill{background:var(--Error-Error-500, #f46a6b)}.upload-item--paused .upload-item__bar-fill{background:var(--Warning-Warning-500, #f49a3d)}.upload-item__pct{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);width:32px;text-align:right;flex-shrink:0}.upload-item__error{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b)}.upload-item__cancel{background:none;border:none;padding:2px;cursor:pointer;display:flex;align-items:center;flex-shrink:0;border-radius:var(--Border-1, 4px);transition:background 0.15s}.upload-item__cancel:hover{background:var(--Gray-Gray-50, #f7f8fa)}";export{i as dropi_file_upload_progress_bar}

package/dist/dropi-ui/p-5e957631.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i}from"./p-Tbza12Gt.js";const s=class{constructor(i){t(this,i)}country="";flagStyle="flat";width="";height="";get src(){const t=(this.country||"").toUpperCase();return"circle"===this.flagStyle?`https://hatscripts.github.io/circle-flags/flags/${t.toLowerCase()}.svg`:`https://flagsapi.com/${t}/flat/64.png`}render(){const t={};return this.width&&(t.width=this.width.includes("px")?this.width:`${this.width}px`),this.height&&(t.height=this.height.includes("px")?this.height:`${this.height}px`),i("figure",{key:"a0e00a2c47e205b0ddd565726a9aff1945cfad2e",class:`flag ${this.flagStyle}`},i("img",{key:"4048129356b4d43ae761f7dd7858483dd008f2b9",src:this.src,style:t,alt:`flag-${this.country}`}))}};s.style=":host{display:inline-flex}.flag{max-width:40px;max-height:40px;margin:0;display:flex;align-items:center;justify-content:center}.flag img{width:100%;height:100%;object-fit:cover}.circle{border-radius:50%;overflow:hidden}.rectangle{border-radius:4px;overflow:hidden;max-width:32px !important;max-height:24px !important}";export{s as dropi_country_flags}

package/dist/dropi-ui/p-64cbf4ea.entry.js

@@ -1 +0,0 @@
-import{r as t,h as a}from"./p-Tbza12Gt.js";const r=class{constructor(a){t(this,a)}label="VARIABLE";render(){return a("div",{key:"7002748963348a2361665d0d307f4d8eb3a24e3a",class:"type-variation"},this.label)}};r.style=":host{display:inline-block}.type-variation{border-radius:4px;background:#f1b44c;padding:2px 6px;font-size:12px;color:#fff;text-transform:capitalize;font-weight:400;width:fit-content}";export{r as dropi_tag_type_product}