@dropi/ui 0.1.20 → 0.1.22

package/dist/components/dropi-alert.js

@@ -1 +1 @@
-import{t as r,p as e,H as t,c as a,h as o}from"./index.js";import{d as i}from"./p-wO1yy0Zr.js";const s={success:"Check-circle",error:"Warning-circle",warning:"Warning-triangle",info:"Info"},n={success:"Success-Success-500",error:"Error-Error-500",warning:"Warning-Warning-500",info:"Info-Info-500"},l=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dropiClose=a(this,"dropiClose",7),this.dropiButtonClick=a(this,"dropiButtonClick",7),this.dropiLinkClick=a(this,"dropiLinkClick",7)}message="";type="default";state="info";dismissable=!1;showButton=!1;buttonText="";anchorText="";anchorUrl="";showAlert=!0;dropiClose;dropiButtonClick;dropiLinkClick;render(){return this.showAlert?o("div",{class:{alert:!0,["alert--"+this.type]:!0,["alert--"+this.state]:!0}},"flag"!==this.type&&o("div",{class:"alert__icon"},o("dropi-icon",{name:s[this.state],width:"18px",height:"18px",color:n[this.state]})),o("div",{class:"alert__body"},o("span",{class:"alert__message"},this.message),this.anchorText&&o("a",{class:"alert__link",href:this.anchorUrl||"#",onClick:r=>{r.preventDefault(),this.dropiLinkClick.emit()}},this.anchorText)),o("div",{class:"alert__actions"},this.showButton&&this.buttonText&&"flag"!==this.type&&o("button",{class:"alert__btn",onClick:()=>this.dropiButtonClick.emit()},this.buttonText),this.dismissable&&o("button",{class:"alert__close",onClick:()=>{this.showAlert=!1,this.dropiClose.emit()},"aria-label":"Cerrar"},o("dropi-icon",{name:"Close-small",width:"18px",height:"18px",color:"Gray-Gray-500"})))):null}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.alert{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid transparent;width:100%;animation:fadeIn 0.3s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alert--success{background:var(--Success-Success-50, #e7f8f3);border-color:var(--Success-Success-500, #0abb87)}.alert--error{background:var(--Error-Error-50, #fef0f0);border-color:var(--Error-Error-500, #f46a6b)}.alert--warning{background:var(--Warning-Warning-50, #fef8ed);border-color:var(--Warning-Warning-500, #f1b44c)}.alert--info{background:var(--Info-Info-50, #eef6fe);border-color:var(--Info-Info-500, #50a5f1)}.alert--flag{padding:var(--Size-1, 4px) var(--Size-2, 8px);border-radius:var(--Border-1, 4px);border:none !important;justify-content:center}.alert--flag .alert__body{justify-content:center;text-align:center}.alert--flag .alert__message{font-size:12px;font-weight:400}.alert__icon{display:flex;align-items:center;flex-shrink:0;padding-top:1px}.alert__body{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--Size-1, 4px)}.alert__message{font-size:14px;color:var(--Gray-600, #475066);font-weight:500;line-height:1.5}.alert__link{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);text-decoration:underline;cursor:pointer}.alert__actions{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.alert__btn{height:28px;padding:0 var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid var(--Primary-Primary-500, #f49a3d);background:transparent;color:var(--Primary-Primary-500, #f49a3d);font-size:var(--font-size-xs, 10px);font-family:inherit;font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:background 0.15s, color 0.15s}.alert__btn:hover{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff)}.alert__close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;opacity:0.6;transition:opacity 0.15s}.alert__close:hover{opacity:1}"}},[513,"dropi-alert",{message:[1],type:[1],state:[1],dismissable:[4],showButton:[4,"show-button"],buttonText:[1,"button-text"],anchorText:[1,"anchor-text"],anchorUrl:[1,"anchor-url"],showAlert:[1028,"show-alert"]}]);function c(){"undefined"!=typeof customElements&&["dropi-alert","dropi-icon"].forEach((e=>{switch(e){case"dropi-alert":customElements.get(r(e))||customElements.define(r(e),l);break;case"dropi-icon":customElements.get(r(e))||i()}}))}c();const d=l,f=c;export{d as DropiAlert,f as defineCustomElement}
+import{D as o,d as p}from"./p-BrjO_JXp.js";const r=o,s=p;export{r as DropiAlert,s as defineCustomElement}

package/dist/components/dropi-avatars.js

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

package/dist/components/dropi-badge-legacy.d.ts

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

package/dist/components/dropi-badge-legacy.js

@@ -0,0 +1 @@
+import{t as e,p as a,H as t,h as s}from"./index.js";const c=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}type="state";state="check";variant="primary";count=0;render(){const e="counter"===this.type;return s("div",{key:"f3d7bf7be848acee4077acef4f8e2ab4cfd99d83",class:{"badge-legacy":!0,["badge-legacy--"+this.variant]:!0,["badge-legacy--"+this.type]:!0}},e?s("span",{class:"badge-count"},this.count):s("span",{class:{"badge-state-icon":!0,["badge-state--"+this.state]:!0}},"check"===this.state?"✓":"..."))}static get style(){return":host{display:inline-block}.badge-legacy{display:flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.badge-legacy--primary{background:var(--Primary-Primary-50);color:var(--Primary-Primary-500)}.badge-legacy--secondary{background:var(--Gray-Gray-100);color:var(--Gray-Gray-600)}.badge-legacy--tertiary{background:var(--Success-Success-50);color:var(--Success-Success-500)}"}},[513,"dropi-badge-legacy",{type:[1],state:[1],variant:[1],count:[2]}]);function r(){"undefined"!=typeof customElements&&["dropi-badge-legacy"].forEach((a=>{"dropi-badge-legacy"===a&&(customElements.get(e(a))||customElements.define(e(a),c))}))}r();const n=c,i=r;export{n as DropiBadgeLegacy,i as defineCustomElement}

package/dist/components/dropi-badge.js

@@ -1 +1 @@
-import{t as e,p as t,H as a,h as n}from"./index.js";const s=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}state="pending";stateText={pending:"Pendiente",active:"Activo",canceled:"Cancelado",frozen:"Congelado"};renderIcon(){return"active"===this.state?n("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M11.5444 5.87067L12.5389 6.88004L8.43554 10.9225C8.16142 11.1966 7.80087 11.3333 7.43892 11.3333C7.07696 11.3333 6.71287 11.1952 6.43592 10.919L4.46533 9.00929L5.45204 7.99142L7.43042 9.90887L11.5444 5.87067ZM17 8.5C17 13.187 13.187 17 8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5ZM15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5Z",fill:"currentColor"})):"pending"===this.state?n("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5C17 13.187 13.187 17 8.5 17ZM8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667ZM9.20833 8.5V4.25C9.20833 3.859 8.891 3.54167 8.5 3.54167C8.109 3.54167 7.79167 3.859 7.79167 4.25V7.79167H5.66667C5.27567 7.79167 4.95833 8.109 4.95833 8.5C4.95833 8.891 5.27567 9.20833 5.66667 9.20833H8.5C8.891 9.20833 9.20833 8.891 9.20833 8.5Z",fill:"currentColor"})):"canceled"===this.state?n("svg",{width:"12",height:"14",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.5497 4.86859V5.76046C12.1075 6.00391 12.5823 6.40464 12.916 6.91364C13.2497 7.42264 13.4279 8.01785 13.4287 8.62648V12.3844C13.4277 13.2146 13.0974 14.0106 12.5103 14.5976C11.9233 15.1847 11.1273 15.515 10.2971 15.516H4.03392C3.20368 15.515 2.40773 15.1847 1.82066 14.5976C1.23359 14.0106 0.903338 13.2146 0.902344 12.3844V8.62648C0.903144 8.01785 1.08129 7.42264 1.41498 6.91364C1.74868 6.40464 2.22347 6.00391 2.78129 5.76046V4.86859C2.78129 3.70582 3.2432 2.59068 4.0654 1.76848C4.8876 0.946282 6.00274 0.484375 7.1655 0.484375C8.32827 0.484375 9.44341 0.946282 10.2656 1.76848C11.0878 2.59068 11.5497 3.70582 11.5497 4.86859ZM4.95114 2.65422C4.36386 3.24151 4.03392 4.03804 4.03392 4.86859V5.4949H10.2971V4.86859C10.2971 4.03804 9.96715 3.24151 9.37986 2.65422C8.79258 2.06694 7.99605 1.73701 7.1655 1.73701C6.33496 1.73701 5.53843 2.06694 4.95114 2.65422ZM11.6257 13.713C11.9781 13.3606 12.176 12.8827 12.176 12.3844V8.62648C12.176 8.12815 11.9781 7.65023 11.6257 7.29786C11.2733 6.94549 10.7954 6.74753 10.2971 6.74753H4.03392C3.53559 6.74753 3.05768 6.94549 2.70531 7.29786C2.35294 7.65023 2.15498 8.12815 2.15498 8.62648V12.3844C2.15498 12.8827 2.35294 13.3606 2.70531 13.713C3.05768 14.0654 3.53559 14.2633 4.03392 14.2633H10.2971C10.7954 14.2633 11.2733 14.0654 11.6257 13.713ZM6.72263 9.43615C6.84009 9.31869 6.99939 9.25271 7.1655 9.25271C7.33161 9.25271 7.49092 9.31869 7.60837 9.43615C7.72583 9.55361 7.79182 9.71291 7.79182 9.87902V11.1317C7.79182 11.2978 7.72583 11.4571 7.60837 11.5745C7.49092 11.692 7.33161 11.758 7.1655 11.758C6.99939 11.758 6.84009 11.692 6.72263 11.5745C6.60517 11.4571 6.53919 11.2978 6.53919 11.1317V9.87902C6.53919 9.71291 6.60517 9.55361 6.72263 9.43615Z",fill:"currentColor"})):null}render(){return n("div",{key:"5fe86b98326a2bc1b6916421ff51204fe307e7b7",class:"tag-state "+this.state},this.renderIcon(),n("p",{key:"887a979f44c1128a3e78f01be2f20750aab9b276"},this.stateText[this.state]))}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.tag-state{border-radius:12px;padding:2px 10px;display:flex;align-items:center;gap:4px}.tag-state svg{width:13px}.tag-state p{font-size:13px;font-weight:500;line-height:20px;margin:0;padding:0}.tag-state.active{background:var(--Success-Success-50, #e7f8f3);color:var(--Success-Success-500, #0abb87)}.tag-state.pending{color:var(--Orange-orange-500, #f49a3d);background:var(--Orange-orange-50, #fef5ec)}.tag-state.canceled,.tag-state.frozen{color:var(--Gray-Gray-500, #69738c);background:var(--Gray-Gray-50, #f7f8fa)}"}},[513,"dropi-badge",{state:[1]}]);function r(){"undefined"!=typeof customElements&&["dropi-badge"].forEach((t=>{"dropi-badge"===t&&(customElements.get(e(t))||customElements.define(e(t),s))}))}r();const i=s,C=r;export{i as DropiBadge,C as defineCustomElement}
+import{t as e,p as t,H as a,h as n}from"./index.js";const r=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}state;stateText={pending:"Pendiente",active:"Activo",canceled:"Cancelado",frozen:"Congelado"};renderIcon(){return"active"===this.state?n("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M11.5444 5.87067L12.5389 6.88004L8.43554 10.9225C8.16142 11.1966 7.80087 11.3333 7.43892 11.3333C7.07696 11.3333 6.71287 11.1952 6.43592 10.919L4.46533 9.00929L5.45204 7.99142L7.43042 9.90887L11.5444 5.87067ZM17 8.5C17 13.187 13.187 17 8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5ZM15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5Z",fill:"currentColor"})):"pending"===this.state?n("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{d:"M8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5C17 13.187 13.187 17 8.5 17ZM8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667ZM9.20833 8.5V4.25C9.20833 3.859 8.891 3.54167 8.5 3.54167C8.109 3.54167 7.79167 3.859 7.79167 4.25V7.79167H5.66667C5.27567 7.79167 4.95833 8.109 4.95833 8.5C4.95833 8.891 5.27567 9.20833 5.66667 9.20833H8.5C8.891 9.20833 9.20833 8.891 9.20833 8.5Z",fill:"currentColor"})):"canceled"===this.state?n("svg",{width:"12",height:"14",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.5497 4.86859V5.76046C12.1075 6.00391 12.5823 6.40464 12.916 6.91364C13.2497 7.42264 13.4279 8.01785 13.4287 8.62648V12.3844C13.4277 13.2146 13.0974 14.0106 12.5103 14.5976C11.9233 15.1847 11.1273 15.515 10.2971 15.516H4.03392C3.20368 15.515 2.40773 15.1847 1.82066 14.5976C1.23359 14.0106 0.903338 13.2146 0.902344 12.3844V8.62648C0.903144 8.01785 1.08129 7.42264 1.41498 6.91364C1.74868 6.40464 2.22347 6.00391 2.78129 5.76046V4.86859C2.78129 3.70582 3.2432 2.59068 4.0654 1.76848C4.8876 0.946282 6.00274 0.484375 7.1655 0.484375C8.32827 0.484375 9.44341 0.946282 10.2656 1.76848C11.0878 2.59068 11.5497 3.70582 11.5497 4.86859ZM4.95114 2.65422C4.36386 3.24151 4.03392 4.03804 4.03392 4.86859V5.4949H10.2971V4.86859C10.2971 4.03804 9.96715 3.24151 9.37986 2.65422C8.79258 2.06694 7.99605 1.73701 7.1655 1.73701C6.33496 1.73701 5.53843 2.06694 4.95114 2.65422ZM11.6257 13.713C11.9781 13.3606 12.176 12.8827 12.176 12.3844V8.62648C12.176 8.12815 11.9781 7.65023 11.6257 7.29786C11.2733 6.94549 10.7954 6.74753 10.2971 6.74753H4.03392C3.53559 6.74753 3.05768 6.94549 2.70531 7.29786C2.35294 7.65023 2.15498 8.12815 2.15498 8.62648V12.3844C2.15498 12.8827 2.35294 13.3606 2.70531 13.713C3.05768 14.0654 3.53559 14.2633 4.03392 14.2633H10.2971C10.7954 14.2633 11.2733 14.0654 11.6257 13.713ZM6.72263 9.43615C6.84009 9.31869 6.99939 9.25271 7.1655 9.25271C7.33161 9.25271 7.49092 9.31869 7.60837 9.43615C7.72583 9.55361 7.79182 9.71291 7.79182 9.87902V11.1317C7.79182 11.2978 7.72583 11.4571 7.60837 11.5745C7.49092 11.692 7.33161 11.758 7.1655 11.758C6.99939 11.758 6.84009 11.692 6.72263 11.5745C6.60517 11.4571 6.53919 11.2978 6.53919 11.1317V9.87902C6.53919 9.71291 6.60517 9.55361 6.72263 9.43615Z",fill:"currentColor"})):null}render(){return n("div",{key:"b4cae2eac2f963a641ca23e27b33899469b2b370",class:"tag-state "+this.state},this.renderIcon(),n("p",{key:"64a2504a1844f2cb9397878ca305aa183b0609a5"},this.stateText[this.state]))}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.tag-state{border-radius:12px;padding:2px 10px;display:flex;align-items:center;gap:4px}.tag-state svg{width:13px}.tag-state p{font-size:13px;font-weight:var(--font-weight-medium);line-height:20px;margin:0;padding:0}.tag-state.active{background:var(--Success-Success-50, #e7f8f3);color:var(--Success-Success-500, #0abb87)}.tag-state.pending{color:var(--Orange-orange-500, #f49a3d);background:var(--Orange-orange-50, #fef5ec)}.tag-state.canceled,.tag-state.frozen{color:var(--Gray-Gray-500, #69738c);background:var(--Gray-Gray-50, #f7f8fa)}"}},[513,"dropi-badge",{state:[1]}]);function s(){"undefined"!=typeof customElements&&["dropi-badge"].forEach((t=>{"dropi-badge"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}s();const i=r,C=s;export{i as DropiBadge,C as defineCustomElement}

package/dist/components/dropi-banner-external.js

@@ -1 +1 @@
-import{t as r,p as e,H as i,c as n,h as t}from"./index.js";import{d as o}from"./p-wO1yy0Zr.js";const a=e(class extends i{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dropiBannerClick=n(this,"dropiBannerClick",7),this.dropiBannerClose=n(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=t("div",{class:"inner"},t("img",{src:this.imageUrl,alt:this.alt,loading:"lazy"}),t("button",{class:"close-btn","aria-label":"Cerrar banner",onClick:r=>this.closeBanner(r)},t("dropi-icon",{name:"Close-small",width:"20px",height:"20px",color:"Gray-Gray-600"})));return t("div",{class:"dropi-banner-external",style:{background:this.backgroundColor}},this.link?t("a",{href:this.link,target:"_blank",rel:"noopener noreferrer",onClick:r=>this.handleClick(r)},r):t("div",{class:"click-wrapper",onClick:r=>this.handleClick(r)},r))}static get style(){return":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)}"}},[513,"dropi-banner-external",{imageUrl:[1,"image-url"],link:[1],alt:[1],backgroundColor:[1,"background-color"],closed:[32]}]);function s(){"undefined"!=typeof customElements&&["dropi-banner-external","dropi-icon"].forEach((e=>{switch(e){case"dropi-banner-external":customElements.get(r(e))||customElements.define(r(e),a);break;case"dropi-icon":customElements.get(r(e))||o()}}))}s();const l=a,c=s;export{l as DropiBannerExternal,c as defineCustomElement}
+import{t as e,p as i,H as r,c as t,h as n}from"./index.js";import{d as s}from"./p-D13d88W3.js";const o=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bannerClick=t(this,"bannerClick",7),this.isVisible=t(this,"isVisible",7)}imageUrl="";link="";alt="";backgroundColor="transparent";slugName="";viewOnWhiteBrand=!1;viewOnlyCountries=[];closed=!1;get el(){return this}componentWillLoad(){this.imageUrl||(this.imageUrl=this.el.getAttribute("imageUrl")||this.el.getAttribute("image-url")||this.el.getAttribute("imageurl")||"")}bannerClick;isVisible;handleClick(e){this.link||(e.preventDefault(),this.bannerClick.emit())}closeBanner(e){e.preventDefault(),e.stopPropagation(),this.closed=!0,this.isVisible.emit(!1)}render(){if(this.closed||!this.imageUrl)return null;const e=n("div",{class:"inner"},n("img",{src:this.imageUrl,alt:this.alt}),n("button",{class:"close-btn","aria-label":"Cerrar banner",onClick:e=>this.closeBanner(e)},n("dropi-icon",{name:"Close-small",width:"20px",height:"20px",color:"Gray-Gray-600"})));return n("div",{class:"dropi-banner-external",style:{background:this.backgroundColor}},this.link?n("a",{href:this.link,target:"_blank",rel:"noopener noreferrer",onClick:e=>this.handleClick(e)},e):n("div",{class:"click-wrapper",onClick:e=>this.handleClick(e)},e))}static get style(){return":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)}"}},[513,"dropi-banner-external",{imageUrl:[1,"image-url"],link:[1],alt:[1],backgroundColor:[1,"background-color"],slugName:[1,"slug-name"],viewOnWhiteBrand:[4,"view-on-white-brand"],viewOnlyCountries:[16],closed:[32]}]);function a(){"undefined"!=typeof customElements&&["dropi-banner-external","dropi-icon"].forEach((i=>{switch(i){case"dropi-banner-external":customElements.get(e(i))||customElements.define(e(i),o);break;case"dropi-icon":customElements.get(e(i))||s()}}))}a();const l=o,c=a;export{l as DropiBannerExternal,c as defineCustomElement}

package/dist/components/dropi-breadcrumb.js

@@ -1 +1 @@
-import{t as e,p as r,H as a,c as o,h as t}from"./index.js";import{d as i}from"./p-wO1yy0Zr.js";const c=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiNavigate=o(this,"dropiNavigate",7)}items=[];homeRoute="/";homeIconName="Home";lastItemClickable=!1;dropiNavigate;get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return[]}return this.items}render(){const e=this.parsedItems;return t("nav",{key:"03396956a168feaa860265e9962d9c5cbca8b23f",class:"breadcrumb","aria-label":"Breadcrumb"},t("div",{key:"88e05f4ea225b26a9686bc9f1a01e8e3710806dc",class:"crumb-list"},t("div",{key:"54e0dfc3bbef05a3041d187cd9ec0536f69c34e3",class:"crumb-home"},t("a",{key:"31c971efc13b5122ff2775ee2f79b25c06a01b0f",href:this.homeRoute,class:"home-link","aria-label":"Inicio",onClick:e=>{e.preventDefault(),this.dropiNavigate.emit(this.homeRoute)}},t("dropi-icon",{key:"8a436c3d254884e4479713a9c6981929bb91df55",name:this.homeIconName,width:"16px",color:"Gray-Gray-500"})),e.length>0&&t("dropi-icon",{key:"f57beceaa6dab5ed00a2c1c38ff43ea6bce040f5",name:"Dropdown-Right",width:"16px",color:"Gray-Gray-500"})),e.map(((r,a)=>{const o=a===e.length-1;return t("div",{class:"crumb",key:a},!o||this.lastItemClickable?t("a",{class:"crumb-link Body-S-Regular"+(r.disabled?" disabled":""),href:r.url||r.routerLink||"#",onClick:e=>{e.preventDefault(),r.disabled||this.dropiNavigate.emit(r)}},r.label):t("span",{class:"current Body-S-Regular","aria-current":"page"},r.label),!o&&t("dropi-icon",{name:"Dropdown-Right",width:"16px",height:"16px",color:"Gray-Gray-500"}))}))))}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}.breadcrumb{margin:0}.crumb-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.crumb-home{display:flex;padding-right:4px;align-items:center;gap:4px}.home-link{display:inline-flex;align-items:center;color:var(--Gray-Gray-500, #69738c);text-decoration:none;transition:color 0.2s ease}.home-link:hover{color:var(--Gray-Gray-700, #32394d)}.crumb{display:flex;padding:0 4px;align-items:center;gap:8px}.crumb-link{color:var(--Gray-Gray-500, #69738c);text-align:center;cursor:pointer;text-decoration:none;transition:color 0.2s ease;font-size:var(--font-size-s, 12px)}.crumb-link:hover{color:var(--Gray-Gray-700, #32394d);text-decoration:underline}.crumb-link.disabled{pointer-events:none;color:var(--Gray-Gray-300, #a1a8b8);cursor:not-allowed;text-decoration:none}.current{color:var(--Gray-Gray-700, #32394d);cursor:default;font-size:var(--font-size-s, 12px)}"}},[513,"dropi-breadcrumb",{items:[1],homeRoute:[1,"home-route"],homeIconName:[1,"home-icon-name"],lastItemClickable:[4,"last-item-clickable"]}]);function s(){"undefined"!=typeof customElements&&["dropi-breadcrumb","dropi-icon"].forEach((r=>{switch(r){case"dropi-breadcrumb":customElements.get(e(r))||customElements.define(e(r),c);break;case"dropi-icon":customElements.get(e(r))||i()}}))}s();const n=c,l=s;export{n as DropiBreadcrumb,l as defineCustomElement}
+import{t as e,p as r,H as a,c as o,h as t}from"./index.js";import{d as i}from"./p-D13d88W3.js";const c=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiNavigate=o(this,"dropiNavigate",7)}items=[];homeRoute="/";homeIconName="Home";lastItemClickable=!1;dropiNavigate;get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return[]}return this.items}render(){const e=this.parsedItems;return t("nav",{key:"c4546d7a0c7852e01f685176b5365f1e0082ad24",class:"breadcrumb","aria-label":"Breadcrumb"},t("div",{key:"924ab634ae4e71f6bd39a67b4b3889cdca20234d",class:"crumb-list"},t("div",{key:"e7b1b285bdd497a028a041ada1eb8b34f77384b0",class:"crumb-home"},t("a",{key:"9e288d5f5761daed20b35dbf056c7de9c2e7b8e3",href:this.homeRoute,class:"home-link","aria-label":"Inicio",onClick:e=>{e.preventDefault(),this.dropiNavigate.emit(this.homeRoute)}},t("dropi-icon",{key:"15210c5feb41fc5a8dd37f52eba1e5a211834f84",name:this.homeIconName,width:"16px",color:"Gray-Gray-500"})),e.length>0&&t("dropi-icon",{key:"5acd21133859ec42b078fd323f82b7bc13c7b359",name:"Dropdown-Right",width:"16px",color:"Gray-Gray-500"})),e.map(((r,a)=>{const o=a===e.length-1;return t("div",{class:"crumb",key:a},!o||this.lastItemClickable?t("a",{class:"crumb-link Body-S-Regular"+(r.disabled?" disabled":""),href:r.url||r.routerLink||"#",onClick:e=>{e.preventDefault(),r.disabled||this.dropiNavigate.emit(r)}},r.label):t("span",{class:"current Body-S-Regular","aria-current":"page"},r.label),!o&&t("dropi-icon",{name:"Dropdown-Right",width:"16px",height:"16px",color:"Gray-Gray-500"}))}))))}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}.breadcrumb{margin:0}.crumb-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.crumb-home{display:flex;padding-right:4px;align-items:center;gap:4px}.home-link{display:inline-flex;align-items:center;color:var(--Gray-Gray-500, #69738c);text-decoration:none;transition:color 0.2s ease}.home-link:hover{color:var(--Gray-Gray-700, #32394d)}.crumb{display:flex;padding:0 4px;align-items:center;gap:8px}.crumb-link{color:var(--Gray-Gray-500, #69738c);text-align:center;cursor:pointer;text-decoration:none;transition:color 0.2s ease;font-size:var(--font-size-s, 12px)}.crumb-link:hover{color:var(--Gray-Gray-700, #32394d);text-decoration:underline}.crumb-link.disabled{pointer-events:none;color:var(--Gray-Gray-300, #a1a8b8);cursor:not-allowed;text-decoration:none}.current{color:var(--Gray-Gray-700, #32394d);cursor:default;font-size:var(--font-size-s, 12px)}"}},[513,"dropi-breadcrumb",{items:[1],homeRoute:[1,"home-route"],homeIconName:[1,"home-icon-name"],lastItemClickable:[4,"last-item-clickable"]}]);function s(){"undefined"!=typeof customElements&&["dropi-breadcrumb","dropi-icon"].forEach((r=>{switch(r){case"dropi-breadcrumb":customElements.get(e(r))||customElements.define(e(r),c);break;case"dropi-icon":customElements.get(e(r))||i()}}))}s();const n=c,d=s;export{n as DropiBreadcrumb,d as defineCustomElement}

package/dist/components/dropi-button.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-DUX_WvqW.js";const p=o,r=s;export{p as DropiButton,r as defineCustomElement}
+import{D as o,d as s}from"./p-CV4X3Gm4.js";const m=o,p=s;export{m as DropiButton,p as defineCustomElement}

package/dist/components/dropi-card-checkbox.js

@@ -1 +1 @@
-import{t as e,p as i,H as r,c as a,h as t}from"./index.js";import{d as c}from"./p-DUPOnSiL.js";const d=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=a(this,"dropiChange",7)}type="default";checked=!1;cardTitle="";description="";extraInfo="";extraInfoDescription="";disabled=!1;dropiChange;handleClick(){this.disabled||(this.checked=!this.checked,this.dropiChange.emit(this.checked))}render(){return t("div",{key:"9c647faab478d2817593315051b1f02d0334756d",class:{"container-card-check":!0,"default-card":"default"===this.type,"is-checked":this.checked&&"with-card"===this.type,disabled:this.disabled},onClick:()=>this.handleClick()},t("dropi-checkbox",{key:"31db5cd31da290692d6aa77e0129b7e4361c23aa",checked:this.checked,disabled:this.disabled}),t("div",{key:"4b5c8eeadd255a79344d634d84e3ff93fafa34b4",class:"container-text"},t("div",{key:"30a03f764294e0b4ca8a2bf4fd1badc08d0dc7e9",class:"title-check"},this.cardTitle),this.description&&t("div",{key:"751b4fac066b17c903e56a0aa5ef16b0d4151944",class:"description-text"},this.description)),(this.extraInfo||this.extraInfoDescription)&&t("div",{key:"6b7eec457d42169ac87d1042b65b1bebdd436a5e",class:"extra-info"},this.extraInfo&&t("div",{key:"07e1cfa079668255343570498e0ad0dc0351effb"},this.extraInfo),this.extraInfoDescription&&t("h4",{key:"3a8277e2749b9cbdaf7d5d11086c7f2ac11dc39c"},this.extraInfoDescription)))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.container-card-check{padding:var(--Size-4, 16px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Size-2, 8px);width:100%;display:flex;align-items:center;gap:var(--Size-3, 12px);cursor:pointer;height:66px;overflow:hidden;transition:background 0.15s ease, border-color 0.15s ease}.container-card-check.disabled{border-radius:var(--Border-2, 8px);border:1px solid var(--Gray-Gray-100, #e6eaf2);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:default}.container-card-check.disabled .title-check,.container-card-check.disabled .description-text,.container-card-check.disabled .extra-info{color:var(--Gray-Gray-400, #858ea6)}.container-text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:start;overflow:hidden}.title-check{color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-regular, 400);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.description-text{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);margin-top:var(--Size-1, 4px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.extra-info{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:4px;flex-shrink:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.extra-info h4{margin:0;font-size:var(--font-size-s, 12px)}.default-card{border:none}.is-checked{background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-500, #f49a3d)}"}},[513,"dropi-card-checkbox",{type:[1],checked:[1028],cardTitle:[1,"card-title"],description:[1],extraInfo:[1,"extra-info"],extraInfoDescription:[1,"extra-info-description"],disabled:[4]}]);function o(){"undefined"!=typeof customElements&&["dropi-card-checkbox","dropi-checkbox"].forEach((i=>{switch(i){case"dropi-card-checkbox":customElements.get(e(i))||customElements.define(e(i),d);break;case"dropi-checkbox":customElements.get(e(i))||c()}}))}o();const s=d,n=o;export{s as DropiCardCheckbox,n as defineCustomElement}
+import{t as e,p as i,H as t,c as r,h as a}from"./index.js";import{d as c}from"./p-B9R8Apw7.js";const d=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onChange=r(this,"onChange",7)}type="default";state="checked";title="Tittle";description="";extraInfo="";extraInfoDescription="";disabled=!1;onChange;get isChecked(){return"checked"===this.state}handleClick(){this.disabled||(this.state=this.isChecked?"default":"checked",this.onChange.emit(this.isChecked))}render(){return a("div",{key:"238a146e7500efbc01d83a8494ee577fbb600729",class:{"container-card-check":!0,"default-card":"default"===this.type,"is-checked":this.isChecked&&"with card"===this.type,disabled:this.disabled},onClick:()=>this.handleClick()},a("dropi-checkbox",{key:"405d834de33790be58fba7e50b0e579889f04394",checked:this.isChecked,disabled:this.disabled}),a("div",{key:"49659771de9ca8ee8c2fa9fbe828a1d94fbd3c9e",class:"container-text"},a("div",{key:"7d39435ef56cd61605e9d9b69d6917e3ec8470fa",class:"title-check"},this.title),this.description&&a("div",{key:"00a7723401979d7a9d926ce939eb09430ddb7372",class:"description-text"},this.description)),(this.extraInfo||this.extraInfoDescription)&&a("div",{key:"4d1c9e49f6e397f0433827960167ff88bcd669db",class:"extra-info"},this.extraInfo&&a("div",{key:"b9da8514c2013cd6cab9cf6005dad8d3ae30b930"},this.extraInfo),this.extraInfoDescription&&a("h4",{key:"ac2fcbc6359ea173911f181b2a145de59af10c9d"},this.extraInfoDescription)))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.container-card-check{padding:var(--Size-4, 16px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Size-2, 8px);width:100%;display:flex;align-items:center;gap:var(--Size-3, 12px);cursor:pointer;height:66px;overflow:hidden;transition:background 0.15s ease, border-color 0.15s ease}.container-card-check.disabled{border-radius:var(--Border-2, 8px);border:1px solid var(--Gray-Gray-100, #e6eaf2);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:default}.container-card-check.disabled .title-check,.container-card-check.disabled .description-text,.container-card-check.disabled .extra-info{color:var(--Gray-Gray-400, #858ea6)}.container-text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:start;overflow:hidden}.title-check{color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-regular, 400);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.description-text{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);margin-top:var(--Size-1, 4px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.extra-info{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:4px;flex-shrink:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.extra-info h4{margin:0;font-weight:var(--font-weight-semibold);color:inherit;line-height:inherit}.default-card{border:none}.is-checked{background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-500, #f49a3d)}"}},[513,"dropi-card-checkbox",{type:[1],state:[1025],title:[1],description:[1],extraInfo:[1,"extra-info"],extraInfoDescription:[1,"extra-info-description"],disabled:[4]}]);function o(){"undefined"!=typeof customElements&&["dropi-card-checkbox","dropi-checkbox"].forEach((i=>{switch(i){case"dropi-card-checkbox":customElements.get(e(i))||customElements.define(e(i),d);break;case"dropi-checkbox":customElements.get(e(i))||c()}}))}o();const s=d,n=o;export{s as DropiCardCheckbox,n as defineCustomElement}

package/dist/components/dropi-card-product.js

@@ -1 +1 @@
-import{t as r,p as a,H as e,c as o,h as i}from"./index.js";import{d}from"./p-wO1yy0Zr.js";const t=a(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dropiCardClick=o(this,"dropiCardClick",7),this.dropiToggleFavorite=o(this,"dropiToggleFavorite",7),this.dropiAddProduct=o(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 i("div",{key:"98684e3d5fac7968633bcd62b46dba6f0e0f5d64",class:"card",onClick:()=>this.dropiCardClick.emit()},i("div",{key:"848cf4ef786584e5b02a99249df3cfa48c41d428",class:"card__image-wrap"},this.image?i("img",{class:"card__image",src:this.image,alt:this.productName,loading:"lazy"}):i("div",{class:"card__image-placeholder"},i("dropi-icon",{name:"Image",width:"32px",height:"32px",color:"Gray-Gray-300"})),this.badge&&i("span",{key:"7238c35891b35a0bb12a774817542323bcd33e99",class:"card__badge card__badge--"+this.badgeType},this.badge),this.showFavorite&&i("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"},i("dropi-icon",{key:"a9d654e3bdc5816f2c58537cb07c486a61021fcd",name:this.isFavorite?"Heart-filled":"Heart",width:"16px",height:"16px",color:this.isFavorite?"Error-Error-500":"Gray-Gray-400"}))),i("div",{key:"c553168c5926dafb582210b680571eb9b4ae72ea",class:"card__body"},this.category&&i("span",{key:"6cee8941275bc0461c9d06b0c5bf2f0a75f14f0b",class:"card__category"},this.category),i("p",{key:"d4577a94b9a7b7b8b9c275987369dc56e4a0c2b4",class:"card__name"},this.productName),i("p",{key:"2ead66bd7ce7a7f15285b8099cfea7de8d4f6d1a",class:"card__price"},i("span",{key:"90e317dc5bdad1cbe6199ef9abd13cf6468a439b",class:"card__price-currency"},this.currency),this.formatPrice(this.price)),this.supplier&&i("p",{key:"f70fc28afbc468d7eca3683afbc193ec47c275f4",class:"card__supplier"},this.supplier),!this.inStock&&i("p",{key:"37d9911367a0e0504e661e52eee69f4628572bb1",class:"card__no-stock"},"Sin stock disponible")),this.showAddButton&&i("div",{key:"eef0213d00268319b6fa9901ced750d2f06735ed",class:"card__footer"},i("button",{key:"f026718a0146fdea94dbcda40614354be80fa932",class:"card__add-btn",disabled:!this.inStock,onClick:r=>{r.stopPropagation(),this.dropiAddProduct.emit()}},i("dropi-icon",{key:"dc3ff5553e60df93a3eb93bab43be874f8d6582d",name:"Plus",width:"14px",height:"14px",color:"Neutral-White"}),"Agregar")))}static get style(){return":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}"}},[513,"dropi-card-product",{image:[1],productName:[1,"product-name"],price:[2],currency:[1],supplier:[1],category:[1],showFavorite:[4,"show-favorite"],isFavorite:[1028,"is-favorite"],showAddButton:[4,"show-add-button"],badge:[1],badgeType:[1,"badge-type"],inStock:[4,"in-stock"]}]);function c(){"undefined"!=typeof customElements&&["dropi-card-product","dropi-icon"].forEach((a=>{switch(a){case"dropi-card-product":customElements.get(r(a))||customElements.define(r(a),t);break;case"dropi-icon":customElements.get(r(a))||d()}}))}c();const s=t,n=c;export{s as DropiCardProduct,n as defineCustomElement}
+import{t as e,p as i,H as t,c as a,h as o}from"./index.js";import{d as r}from"./p-D13d88W3.js";import{d as s}from"./p-B_Ace02i.js";const c=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onProductClick=a(this,"onProductClick",7),this.changeFavorite=a(this,"changeFavorite",7),this.dropiAddProduct=a(this,"dropiAddProduct",7),this.dropiSupplierClick=a(this,"dropiSupplierClick",7)}image="";productName="";salePrice=0;suggestedPrice=0;currency="$";supplier="";category="";stock=0;supplierCategory="";showFavorite=!0;isFavorite=!1;showAddButton=!0;onProductClick;changeFavorite;dropiAddProduct;dropiSupplierClick;formatPrice(e){return null==e?"0":e.toLocaleString("es-CO")}get inStock(){return this.stock>0}getStockColor(){return 0===this.stock?"var(--Error-Error-500, #f46a6b)":this.stock<=10?"var(--Warning-Warning-500, #f59e0b)":"var(--Success-Success-500, #0abb87)"}render(){return o("div",{key:"42990ea883dcd6cc72e1f62771f7b9554c36bdba",class:"dropi-card-product",onClick:()=>this.onProductClick.emit()},o("div",{key:"59295427ddc350ec3c70d7d1bd4803ffa6bf26b0",class:"product-image-container"},o("div",{key:"9d10e18f2eadf16f0c0b1b7cb7860d08f2ca778f",class:"product-image"},o("img",{key:"19f7af8eddcbea880d32ef30603d55bfe9337f17",src:this.image||"",alt:this.productName,onError:e=>{e.target.src="./assets/utils/no-image.jpg"},class:this.image?"":"error-img"}),this.showFavorite&&o("button",{key:"a6e13eea7c211fd772fe5ee7c13c7d475d54986c",class:{"favorite-button":!0,"favorite-active":this.isFavorite},onClick:e=>{e.stopPropagation(),this.isFavorite=!this.isFavorite,this.changeFavorite.emit(this.isFavorite)},"aria-label":"Favorito"},o("dropi-icon",{key:"0020aaa1beffedd0243c62f616dfeb6428ec63e5",name:this.isFavorite?"Heart-solid":"Heart",width:"18px",height:"18px",color:this.isFavorite?"#fff":"#858ea6"})))),o("div",{key:"390a04f46d8394deb0591969a04525f3687509a0",class:"product-info"},this.supplierCategory&&o("dropi-ilustration-icon",{key:"7fa320fcc36f6d4929197a2d88e59deb76d34ab0",class:"supplier-insignia",type:"insignia",stateInsignia:this.supplierCategory,tagProduct:!0}),o("div",{key:"67e922b0afc44b3f376db3b20a33d7cc0ae8e987",class:"product-header"},this.category&&o("span",{key:"421f39afc07922579610fe57abdfa37b4fa68586",class:"category"},this.category),o("div",{key:"e4ad1d38535bd876298efb6d819d3355ac6b7446",class:"stock-info"},o("span",{key:"5dbdabc282dbfaee4adec81668d38a909e04227d",class:"stock-label"},"Stock:"),o("span",{key:"f14a47956953779f4527404930b4a988ac5c5737",class:"stock-value",style:{color:this.getStockColor()}},0===this.stock?"Agotado":this.stock))),o("h3",{key:"4403e622316112df4075fafbbbbc17151d2e1b39",class:"product-name"},this.productName),this.supplier&&o("div",{key:"28554238023a313e1698847a5faccd17e9bbd750",class:"supplier-info"},o("span",{key:"e34245925f659f232050ad835cf83690b112d7d0",class:"supplier-label"},"Proveedor:"),o("span",{key:"cabf8743951095acf0c05dd6e48ee74140984773",class:"supplier-name",onClick:e=>{e.stopPropagation(),this.dropiSupplierClick.emit()}},this.supplier)),o("div",{key:"193982dc4aea14f337f64c9156d97f7c23d02db7",class:"price-container"},o("div",{key:"f2925c29fe4d5f9be2f92c501b92351e9a4f60e0",class:"price-item"},o("span",{key:"d0a8f99140d6ced64e19a69a2f198ba861cca017",class:"price-label"},"Precio proveedor"),o("span",{key:"6fa5b8b5cd1f6d6e7b2551bdceedf65e3cb0029d",class:"price-value"},this.currency," ",this.formatPrice(this.salePrice))),o("div",{key:"0a37ead7f660608ed6303c97893fdd9156b5bfad",class:"price-item"},o("span",{key:"8bb33b1b418fdbb79c31ed69ddfa2598f6450efd",class:"price-label"},"Precio sugerido"),o("span",{key:"2df4c30b299190461f0032a66cc8d281ce9c9dab",class:"price-value"},this.currency," ",this.formatPrice(this.suggestedPrice))))),o("div",{key:"91a8306e386ac8d0422a02d3b4bac2d96ba7bebc",class:"separator"}),this.showAddButton&&o("div",{key:"69fd0267e5388770f5067a23d4ddf2636867b030",class:{"action-button":!0,"action-button--disabled":!this.inStock},onClick:e=>{e.stopPropagation(),this.inStock&&this.dropiAddProduct.emit()}},o("dropi-icon",{key:"6e9a7333778b5a4e75bca612f7900909e9b52c80",name:"Shopping-cart-arrow-rigth",width:"20px",height:"20px",color:"#f49a3d"}),o("span",{key:"1f3eb20049a94cb74bef8c89f8773a831667dc7b",class:"button-text"},"Enviar a cliente")))}static get style(){return":host{display:block;font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.dropi-card-product{position:relative;background:#ffffff;border-radius:8px;overflow:hidden;transition:all 0.2s ease-in-out;cursor:pointer;display:flex;flex-direction:column;height:100%;box-sizing:border-box;width:100%;max-width:450px;box-shadow:none}.product-image-container{padding:4px;flex-shrink:0}.product-image{position:relative;width:100%;aspect-ratio:1;border-radius:8px;border:1px solid #c3c9d9;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-image img.error-img{object-fit:contain}.favorite-button{position:absolute;bottom:5px;right:6px;border-radius:8px;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;z-index:2;display:flex;align-items:center;justify-content:center;width:42px;height:40px;background:#ffffff;border:1px solid #858ea6}.favorite-button.favorite-active{background:var(--Primary-Primary-500, #f49a3d);border:1px solid var(--Primary-Primary-500, #f49a3d)}.product-info{position:relative;padding:8px;display:flex;flex-direction:column;gap:4px;flex:1;justify-content:space-between}.supplier-insignia{position:absolute;top:-24px;left:0px}.product-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:26px}.category{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;flex:1}.stock-info{display:flex;align-items:center;gap:2px;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5}.stock-label{color:#69738c}.stock-value{font-weight:500}.product-name{color:#32394d;font-family:'Inter', sans-serif;font-size:16px;font-weight:500;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.supplier-info{font-family:'Inter', sans-serif;font-size:12px;line-height:1.2}.supplier-label{color:#69738c;font-weight:400}.supplier-name{color:#50a5f1;font-weight:400;margin-left:4px;cursor:pointer}.price-container{display:flex;gap:8px;margin-top:4px}.price-item{flex:1;display:flex;flex-direction:column}.price-label{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;height:18px;min-width:max-content}.price-value{color:#32394d;font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;margin-top:2px}.separator{height:1px;background:#e6eaf2;margin:0;flex-shrink:0}.action-button{background:#ffffff;border:none;border-top:1px solid #e6eaf2;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;flex-shrink:0}.action-button--disabled{opacity:0.3;cursor:not-allowed}.button-text{font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;color:#f49a3d;text-align:center;white-space:nowrap}"}},[513,"dropi-card-product",{image:[1],productName:[1,"product-name"],salePrice:[2,"sale-price"],suggestedPrice:[2,"suggested-price"],currency:[1],supplier:[1],category:[1],stock:[2],supplierCategory:[1,"supplier-category"],showFavorite:[4,"show-favorite"],isFavorite:[1028,"is-favorite"],showAddButton:[4,"show-add-button"]}]);function d(){"undefined"!=typeof customElements&&["dropi-card-product","dropi-icon","dropi-ilustration-icon"].forEach((i=>{switch(i){case"dropi-card-product":customElements.get(e(i))||customElements.define(e(i),c);break;case"dropi-icon":customElements.get(e(i))||r();break;case"dropi-ilustration-icon":customElements.get(e(i))||s()}}))}d();const n=c,f=d;export{n as DropiCardProduct,f as defineCustomElement}

package/dist/components/dropi-card-section.js

@@ -1 +1 @@
-import{t as e,p as t,H as i,c as s,h as r}from"./index.js";import{d as c}from"./p-wO1yy0Zr.js";import{d as o}from"./p-CYCV-5qV.js";const a=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=s(this,"dropiChange",7),this.dropiClick=s(this,"dropiClick",7)}sectionTitle="";description="";typeElement="switch";type="medium";isChecked=!1;dropiChange;dropiClick;render(){return r("div",{key:"f2653804e3d325fb6859d5cc096c893c8fb08ed8",class:"card-section"},r("div",{key:"25fb5e34a9abcdc6a2761adf7053256cb431304d",class:"card-section__text"},"important"===this.type?r("h5",{class:"card-section__title card-section__title--important"},this.sectionTitle):r("h6",{class:"card-section__title"},this.sectionTitle),this.description&&r("p",{key:"fbfb5509a685f39053aa787b57df7c9f2ba1b6eb",class:"card-section__desc"},this.description)),r("div",{key:"f5e6a3d27b08cd6d8be791d9d8bb007c2859d9d2",class:"card-section__control"},"switch"===this.typeElement?r("dropi-switch",{isChecked:this.isChecked,onDropiChange:e=>{this.isChecked=e.detail,this.dropiChange.emit(e.detail)}}):r("button",{class:"card-section__dropdown-btn",onClick:()=>this.dropiClick.emit(),"aria-label":"Expandir"},r("dropi-icon",{name:"Dropdown-down",width:"20px",height:"20px",color:"Gray-Gray-500"}))))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.card-section{display:flex;align-items:center;justify-content:space-between;gap:var(--Size-4, 16px);padding:var(--Size-3, 12px) var(--Size-4, 16px);background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-100, #e6eaf2);border-radius:var(--Border-2, 8px)}.card-section__text{flex:1}.card-section__title{margin:0 0 4px;font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033)}h5.card-section__title{font-size:var(--font-size-m, 14px)}h6.card-section__title{font-size:var(--font-size-s, 12px)}.card-section__desc{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}.card-section__control{flex-shrink:0}.card-section__dropdown-btn{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer}"}},[513,"dropi-card-section",{sectionTitle:[1,"section-title"],description:[1],typeElement:[1,"type-element"],type:[1],isChecked:[1028,"is-checked"]}]);function n(){"undefined"!=typeof customElements&&["dropi-card-section","dropi-icon","dropi-switch"].forEach((t=>{switch(t){case"dropi-card-section":customElements.get(e(t))||customElements.define(e(t),a);break;case"dropi-icon":customElements.get(e(t))||c();break;case"dropi-switch":customElements.get(e(t))||o()}}))}n();const d=a,p=n;export{d as DropiCardSection,p as defineCustomElement}
+import{t as e,p as t,H as i,c as s,h as o}from"./index.js";import{d as r}from"./p-D13d88W3.js";import{d as c}from"./p-CV_oz45O.js";const a=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onChange=s(this,"onChange",7),this.onClick=s(this,"onClick",7)}title="title";description="Description";typeElement="dropdown";type="important";isChecked=!1;onChange;onClick;render(){return o("div",{key:"aa7548c223bf3238b7af10e52821e3ffd19fefca",class:"card-section"},o("div",{key:"6b0ed1e7f7c282b0f67277567a2fa1ffbab9d04e",class:"card-section__text"},"important"===this.type?o("h5",{class:"card-section__title card-section__title--important"},this.title):o("h6",{class:"card-section__title"},this.title),this.description&&o("p",{key:"f0c83d631d541d95c19e4a246634da56413a3de9",class:"card-section__desc"},this.description)),o("div",{key:"976d78401ab26872df88115ae0f0449bcd2faae9",class:"card-section__control"},"switch"===this.typeElement?o("dropi-switch",{isChecked:this.isChecked,onOnChange:e=>{this.isChecked=e.detail,this.onChange.emit(e.detail)}}):o("button",{class:"card-section__dropdown-btn",onClick:()=>this.onClick.emit(),"aria-label":"Expandir"},o("dropi-icon",{name:"Dropdown-down",width:"20px",height:"20px",color:"Gray-Gray-500"}))))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.card-section{display:flex;align-items:center;justify-content:space-between;gap:var(--Size-4, 16px);padding:var(--Size-3, 12px) var(--Size-4, 16px);background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-100, #e6eaf2);border-radius:var(--Border-2, 8px)}.card-section__text{flex:1}.card-section__title{margin:0 0 4px;font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433)}h5.card-section__title{font-size:var(--font-size-m, 14px)}h6.card-section__title{font-size:var(--font-size-s, 12px)}.card-section__desc{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}.card-section__control{flex-shrink:0}.card-section__dropdown-btn{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer}"}},[513,"dropi-card-section",{title:[1],description:[1],typeElement:[1,"type-element"],type:[1],isChecked:[1028,"is-checked"]}]);function n(){"undefined"!=typeof customElements&&["dropi-card-section","dropi-icon","dropi-switch"].forEach((t=>{switch(t){case"dropi-card-section":customElements.get(e(t))||customElements.define(e(t),a);break;case"dropi-icon":customElements.get(e(t))||r();break;case"dropi-switch":customElements.get(e(t))||c()}}))}n();const d=a,p=n;export{d as DropiCardSection,p as defineCustomElement}

package/dist/components/dropi-carousel.js

@@ -1 +1 @@
-import{t,p as e,H as s,c as a,h as r}from"./index.js";import{d as i}from"./p-wO1yy0Zr.js";const o=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),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 e=this.parsedImages.length;this.current=(t%e+e)%e,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,e)=>r("div",{class:{carousel__slide:!0,"carousel__slide--active":e===this.current},"aria-hidden":e!==this.current},r("img",{class:"carousel__img",src:t,alt:`${this.altPrefix} ${e+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,e)=>r("button",{class:{carousel__dot:!0,"carousel__dot--active":e===this.current},onClick:()=>this.go(e),"aria-label":"Ir a diapositiva "+(e+1)})))),this.showThumbs&&t.length>1&&r("div",{class:"carousel__thumbs"},t.map(((t,e)=>r("img",{class:{carousel__thumb:!0,"carousel__thumb--active":e===this.current},src:t,alt:`${this.altPrefix} ${e+1}`,onClick:()=>this.go(e),loading:"lazy"}))))):null}static get watchers(){return{images:[{imagesChanged:0}],activeIndex:[{activeIndexChanged:0}]}}static get style(){return":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)}"}},[513,"dropi-carousel",{images:[1],altPrefix:[1,"alt-prefix"],showArrows:[4,"show-arrows"],showDots:[4,"show-dots"],showThumbs:[4,"show-thumbs"],autoplay:[2],activeIndex:[1026,"active-index"],objectFit:[1,"object-fit"],parsedImages:[32],current:[32]},void 0,{images:[{imagesChanged:0}],activeIndex:[{activeIndexChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["dropi-carousel","dropi-icon"].forEach((e=>{switch(e){case"dropi-carousel":customElements.get(t(e))||customElements.define(t(e),o);break;case"dropi-icon":customElements.get(t(e))||i()}}))}c();const n=o,l=c;export{n as DropiCarousel,l as defineCustomElement}
+import{t as i,p as t,H as e,c as s,h as a}from"./index.js";const r=t(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.pageChange=s(this,"pageChange",7),this.onPage=s(this,"onPage",7)}get el(){return this}value=[];page=0;numVisible=1;numScroll=1;orientation="horizontal";showNavigators=!0;showIndicators=!0;autoplayInterval=0;circular=!1;parsedValue=[];internalPage=0;isAnimating=!1;totalPages=0;itemsContainer;timer;pageChange;onPage;handleValue(i){this.parsedValue="string"==typeof i?JSON.parse(i):i||[],this.updateTotalPages(),this.updateTransform()}handlePage(i){this.internalPage=i,this.updateTransform()}componentWillLoad(){if(!this.value||Array.isArray(this.value)&&0===this.value.length){const i=this.el.getAttribute("value");i&&(this.value=i)}this.handleValue(this.value),this.internalPage=this.page}componentDidLoad(){this.updateTransform(),this.autoplayInterval>0&&this.startAutoplay(),window.addEventListener("resize",this.onResize)}disconnectedCallback(){this.stopAutoplay(),window.removeEventListener("resize",this.onResize)}onResize=()=>{this.updateTotalPages(),this.updateTransform()};startAutoplay(){this.timer=setInterval((()=>this.navForward()),this.autoplayInterval)}stopAutoplay(){this.timer&&clearInterval(this.timer)}updateTotalPages(){this.totalPages=!this.parsedValue.length||this.parsedValue.length<=this.numVisible?1:Math.ceil((this.parsedValue.length-this.numVisible)/this.numScroll)+1}updateTransform(){if(!this.itemsContainer)return;const i="vertical"===this.orientation?"translateY":"translateX",t=this.itemsContainer.querySelector(".dropi-carousel-item");if(!t)return;const e="vertical"===this.orientation?t.offsetHeight:t.offsetWidth;this.itemsContainer.style.transform=`${i}(${-Math.min(this.internalPage*this.numScroll,Math.max(0,this.parsedValue.length-this.numVisible))*e}px)`}navForward=i=>{i&&i.preventDefault(),(this.circular||this.internalPage<this.totalPages-1)&&(this.isAnimating=!0,this.internalPage=(this.internalPage+1)%this.totalPages,this.page=this.internalPage,this.updateTransform(),this.pageChange.emit(this.internalPage),setTimeout((()=>this.isAnimating=!1),500))};navBackward=i=>{i&&i.preventDefault(),(this.circular||this.internalPage>0)&&(this.isAnimating=!0,this.internalPage=(this.internalPage-1+this.totalPages)%this.totalPages,this.page=this.internalPage,this.updateTransform(),this.pageChange.emit(this.internalPage),setTimeout((()=>this.isAnimating=!1),500))};onDotClick(i){this.isAnimating=!0,this.internalPage=i,this.page=this.internalPage,this.updateTransform(),this.pageChange.emit(this.internalPage),setTimeout((()=>this.isAnimating=!1),500)}render(){const i=this.parsedValue;if(!i.length)return null;const t=100/this.numVisible+"%";return a("div",{class:{"dropi-carousel-container":!0,vertical:"vertical"===this.orientation}},a("div",{class:"dropi-carousel-content"},this.showNavigators&&i.length>this.numVisible&&a("button",{class:"dropi-carousel-nav dropi-carousel-prev",disabled:!this.circular&&0===this.internalPage,onClick:i=>this.navBackward(i),"aria-label":"Anterior"},a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a("path",{d:"M14.659 17.5a.833.833 0 0 1-.589-.244l-4.43-4.431a.833.833 0 0 1 0-1.178l4.43-4.431a.834.834 0 0 1 1.179 1.178L11.42 12.25l3.83 3.829a.833.833 0 0 1-.59 1.421Z",fill:"#475066"}))),a("div",{class:"dropi-carousel-items-content"},a("div",{class:"dropi-carousel-items-container",ref:i=>this.itemsContainer=i,style:{transition:this.isAnimating?"transform 0.5s ease":"none"}},i.map(((i,e)=>a("div",{class:"dropi-carousel-item",style:{flex:"0 0 "+t}},"string"==typeof i?a("img",{src:i,alt:"Slide "+(e+1)}):a("slot",{name:"item-"+e})))))),this.showNavigators&&i.length>this.numVisible&&a("button",{class:"dropi-carousel-nav dropi-carousel-next",disabled:!this.circular&&this.internalPage>=this.totalPages-1,onClick:i=>this.navForward(i),"aria-label":"Siguiente"},a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a("path",{d:"M9.341 17.5a.833.833 0 0 0 .589-.244l4.43-4.431a.833.833 0 0 0 0-1.178l-4.43-4.431a.834.834 0 0 0-1.179 1.178l3.83 3.829-3.83 3.829a.833.833 0 0 0 .59 1.421Z",fill:"#475066"})))),this.showIndicators&&this.totalPages>1&&a("ul",{class:"dropi-carousel-indicators"},Array.from({length:this.totalPages}).map(((i,t)=>a("li",{class:{active:t===this.internalPage},onClick:()=>this.onDotClick(t)},a("button",{type:"button","aria-label":"Página "+(t+1)}))))))}static get watchers(){return{value:[{handleValue:0}],page:[{handlePage:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.dropi-carousel-container{display:flex;flex-direction:column;position:relative;width:100%;max-width:100%;overflow:hidden;padding:0 var(--Size-4)}.dropi-carousel-content{display:flex;align-items:center;position:relative;padding:1rem 0;width:100%}.dropi-carousel-items-content{overflow:hidden;flex:1;padding:0;width:100%;max-width:100%}.dropi-carousel-items-container{display:flex;padding-bottom:var(--Size-3);will-change:transform}.dropi-carousel-item{flex:0 0 auto;padding:0 0.5rem;box-sizing:border-box}.dropi-carousel-item>*{width:100%;box-sizing:border-box;display:block}.dropi-carousel-nav{display:flex;width:40px;height:40px;justify-content:center;align-items:center;cursor:pointer;transition:all 0.2s;flex-shrink:0;z-index:1;border-radius:var(--Border-5);background:var(--Neutral-White, #fff);box-shadow:var(--Shadow-medium);border:none;appearance:none;padding:0}.dropi-carousel-nav:hover{background:var(--Gray-Gray-50)}.dropi-carousel-nav:disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.dropi-carousel-prev{margin-right:1rem}.dropi-carousel-next{margin-left:1rem}.dropi-carousel-indicators{display:flex;justify-content:center;gap:0.5rem;list-style:none;padding:1rem 0 0 0;margin:0}.dropi-carousel-indicators li{cursor:pointer}.dropi-carousel-indicators li button{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--Gray-Gray-100, #eceef4);background:var(--Neutral-White, #fff);cursor:pointer;transition:all 0.2s;padding:0}.dropi-carousel-indicators li.active button{background:var(--Primary-Primary-500);border-color:var(--Primary-Primary-500)}.dropi-carousel-indicators li:hover button{background:var(--Gray-Gray-200)}.vertical .dropi-carousel-content{flex-direction:column}.vertical .dropi-carousel-items-container{flex-direction:column}.vertical .dropi-carousel-prev{margin:0 0 1rem 0}.vertical .dropi-carousel-next{margin:1rem 0 0 0}@media (max-width: 768px){.dropi-carousel-container{padding:0}.dropi-carousel-item{padding:0 0.25rem}}"}},[769,"dropi-carousel",{value:[1],page:[1026],numVisible:[2,"num-visible"],numScroll:[2,"num-scroll"],orientation:[1],showNavigators:[8,"show-navigators"],showIndicators:[8,"show-indicators"],autoplayInterval:[2,"autoplay-interval"],circular:[8],parsedValue:[32],internalPage:[32],isAnimating:[32],totalPages:[32]},void 0,{value:[{handleValue:0}],page:[{handlePage:0}]}]);function o(){"undefined"!=typeof customElements&&["dropi-carousel"].forEach((t=>{"dropi-carousel"===t&&(customElements.get(i(t))||customElements.define(i(t),r))}))}o();const n=r,l=o;export{n as DropiCarousel,l as defineCustomElement}

package/dist/components/dropi-checkbox-selection-list.js

@@ -1 +1 @@
-import{t as e,p as s,H as t,c as i,h as o}from"./index.js";import{d as r}from"./p-DUPOnSiL.js";import{d as a}from"./p-wO1yy0Zr.js";const c=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiCheckedValues=i(this,"dropiCheckedValues",7),this.dropiSearch=i(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 o("div",{key:"9d51ab3a5e9dc547cd98d851c99ef579b229e12c",class:"csl"},this.showFilter&&o("div",{key:"2fb9b167722dd7c18b879954a434b5645b9f0d94",class:"csl__search"},o("dropi-icon",{key:"ec92ffaa3fef65af3b41f0da876ecffd2ef8797b",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),o("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&&o("button",{key:"eeb575b800bc047f9c1a4a16a2adab5b1cf7963f",class:"csl__clear",onClick:()=>{this.filterText="",this.dropiSearch.emit("")}},o("dropi-icon",{key:"7e0bf6b94a0d8251f7ab7faa7155bbe16eb5380e",name:"Close-small",width:"14px",height:"14px",color:"Gray-Gray-400"}))),o("div",{key:"7be1584cc51b50430f1d86096aa024aa2bcc2dc8",class:"csl__list"},0===e.length&&this.showNotFound?o("div",{class:"csl__empty"},this.notFoundMessage):e.map((e=>{const s=this.selected.includes(e.id);return o("div",{class:"csl__item",key:e.id,onClick:()=>this.toggle(e.id)},o("dropi-checkbox",{checked:s}),e.icon&&o("img",{class:"csl__icon",src:e.icon,alt:e.name}),o("span",{class:"csl__label"},e.name))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}static get style(){return":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)}"}},[513,"dropi-checkbox-selection-list",{options:[1],showFilter:[4,"show-filter"],filterPlaceholder:[1,"filter-placeholder"],showNotFound:[4,"show-not-found"],notFoundMessage:[1,"not-found-message"],multiSelect:[4,"multi-select"],filterText:[32],selected:[32],parsedOptions:[32]},void 0,{options:[{optionsChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-checkbox-selection-list","dropi-checkbox","dropi-icon"].forEach((s=>{switch(s){case"dropi-checkbox-selection-list":customElements.get(e(s))||customElements.define(e(s),c);break;case"dropi-checkbox":customElements.get(e(s))||r();break;case"dropi-icon":customElements.get(e(s))||a()}}))}n();const l=c,d=n;export{l as DropiCheckboxSelectionList,d as defineCustomElement}
+import{t as e,p as s,H as t,c as i,h as o}from"./index.js";import{d as r}from"./p-B9R8Apw7.js";import{d as c}from"./p-D13d88W3.js";const a=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.checkedValues=i(this,"checkedValues",7),this.onSearch=i(this,"onSearch",7)}options=[];showFilter=!0;filterPlaceholder="Search";showNotFound=!0;notFoundMessage="No related results found";multiSelect=!0;searchDelay=100;filterText="";selected=[];parsedOptions=[];checkedValues;onSearch;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.label?.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.checkedValues.emit(this.selected)}render(){const e=this.filtered;return o("div",{key:"a86957a361ddab935966496e85da0474d6c7618a",class:"csl"},this.showFilter&&o("div",{key:"c6e6d3c7386a788c0e3141ac77b78b597020e43d",class:"csl__search"},o("dropi-icon",{key:"02b8bbc778c1811f65f4cd07bfd0618a0c647573",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"}),o("input",{key:"935768e39f732099837e2d3dc4791ab2f7f31273",class:"csl__search-input",type:"text",placeholder:this.filterPlaceholder,value:this.filterText,onInput:e=>{this.filterText=e.target.value,this.onSearch.emit(this.filterText)}}),this.filterText&&o("button",{key:"b93947ffd70113fc80e425dd0da04cce04ad3f27",class:"csl__clear",onClick:()=>{this.filterText="",this.onSearch.emit("")}},o("dropi-icon",{key:"b2e152f7276a914fc03664dabdb3574a2cbeb2c6",name:"Close-small",width:"14px",height:"14px",color:"Gray-Gray-400"}))),o("div",{key:"6010ffc9d6ff60dc444da1274609f2b15f69d4a8",class:"csl__list"},0===e.length&&this.showNotFound?o("div",{class:"csl__empty"},this.notFoundMessage):e.map((e=>{const s=this.selected.includes(e.id);return o("div",{class:"csl__item",key:e.id,onClick:()=>this.toggle(e.id)},o("dropi-checkbox",{checked:s}),e.icon&&o("img",{class:"csl__icon",src:e.icon,alt:e.label}),o("span",{class:"csl__label"},e.label))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}static get style(){return":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)}"}},[513,"dropi-checkbox-selection-list",{options:[1],showFilter:[4,"show-filter"],filterPlaceholder:[1,"filter-placeholder"],showNotFound:[4,"show-not-found"],notFoundMessage:[1,"not-found-message"],multiSelect:[4,"multi-select"],searchDelay:[2,"search-delay"],filterText:[32],selected:[32],parsedOptions:[32]},void 0,{options:[{optionsChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["dropi-checkbox-selection-list","dropi-checkbox","dropi-icon"].forEach((s=>{switch(s){case"dropi-checkbox-selection-list":customElements.get(e(s))||customElements.define(e(s),a);break;case"dropi-checkbox":customElements.get(e(s))||r();break;case"dropi-icon":customElements.get(e(s))||c()}}))}l();const n=a,d=l;export{n as DropiCheckboxSelectionList,d as defineCustomElement}

package/dist/components/dropi-checkbox.js

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

package/dist/components/dropi-chips.js

@@ -1 +1 @@
-import{t as e,p as i,H as r,c as t,h as o}from"./index.js";import{d as c}from"./p-wO1yy0Zr.js";const s=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiClose=t(this,"dropiClose",7)}chipStyle="filters";type="text";urlImg="";showIcon=!0;icon="";dropiClose;render(){return o("div",{key:"44be034581ddeffb27fb90fec61dd6275dc5998a",class:{chip:!0,["chip--"+this.chipStyle]:!0}},"avatar"===this.type&&this.urlImg&&o("img",{key:"3312f3d54aab3d6546ddde9820569251eb1faaa3",class:"chip__avatar",src:this.urlImg,alt:""}),"icon"===this.type&&this.icon&&o("dropi-icon",{key:"bf035db87cbe2b8ba9639d3c72b6b9dd706138e9",class:"chip__pre-icon",name:this.icon,width:"14px",height:"14px",color:"currentColor"}),o("span",{key:"cf634d59c25b1ad5590bf2bc19f55cdc50b67a66",class:"chip__text"},o("slot",{key:"5534b85253e0f2d91c2b901b97c1e90b5c5c4b32"})),this.showIcon&&o("button",{key:"70723641a9ef1c8b9e412fc7442156d604fcc6d0",class:"chip__close",onClick:()=>this.dropiClose.emit(),"aria-label":"Eliminar"},o("dropi-icon",{key:"beeefbb7aaec6af0762c1f4611d3fb88e6ef8bd1",name:"Close-small",width:"14px",height:"14px",color:"currentColor"})))}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);height:24px;padding:0 var(--Size-2, 8px);border-radius:var(--Border-2, 8px);font-size:var(--font-size-xs, 10px);font-family:inherit;width:fit-content;max-width:200px}.chip--filters{background:var(--Primary-Primary-50, #fff5eb);border:1px solid var(--Primary-Primary-200, #fbd4a3);color:var(--Primary-Primary-600, #d4872e)}.chip--fill{background:var(--Gray-Gray-100, #e6eaf2);border:1px solid transparent;color:var(--Gray-Gray-700, #32394d)}.chip__avatar{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0}.chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chip__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;color:inherit;opacity:0.7;transition:opacity 0.15s}.chip__close:hover{opacity:1}"}},[769,"dropi-chips",{chipStyle:[1,"chip-style"],type:[1],urlImg:[1,"url-img"],showIcon:[4,"show-icon"],icon:[1]}]);function a(){"undefined"!=typeof customElements&&["dropi-chips","dropi-icon"].forEach((i=>{switch(i){case"dropi-chips":customElements.get(e(i))||customElements.define(e(i),s);break;case"dropi-icon":customElements.get(e(i))||c()}}))}a();const n=s,d=a;export{n as DropiChips,d as defineCustomElement}
+import{t as e,p as i,H as r,c as t,h as o}from"./index.js";import{d as c}from"./p-D13d88W3.js";const a=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onClose=t(this,"onClose",7)}customStyle="fill";type="icon";urlImg="";showIcon=!1;icon="";onClose;render(){return o("div",{key:"1d2faf302cc3eb832d55f46f98a7817fb616e4e1",class:{chip:!0,["chip--"+this.customStyle]:!0}},"avatar"===this.type&&this.urlImg&&o("img",{key:"3014d189c71a8d3bc23f11caf1181285c6b1b0ed",class:"chip__avatar",src:this.urlImg,alt:""}),"icon"===this.type&&this.icon&&o("dropi-icon",{key:"42c60e26f35e08582045833049d140c3aceaa11d",class:"chip__pre-icon",name:this.icon,width:"14px",height:"14px",color:"currentColor"}),o("span",{key:"474a4adfc086e20b2007f1b423f53b29454546be",class:"chip__text"},o("slot",{key:"3c3460ffc17a54b8446b63f7b7c7a76162bb5838"})),this.showIcon&&o("button",{key:"6da5b10c81f203dcd204c0fa93babbcab8aaba16",class:"chip__close",onClick:()=>this.onClose.emit(),"aria-label":"Eliminar"},o("dropi-icon",{key:"14ef2e91ede7847830b0e491fd844f9efa637f9a",name:"Cross-circle",width:"14px",height:"14px",color:"currentColor"})))}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);height:24px;padding:0 var(--Size-2, 8px);border-radius:var(--Border-2, 8px);font-size:var(--font-size-xs, 10px);font-family:inherit;width:fit-content;max-width:200px}.chip--filters{background:var(--Primary-Primary-50, #fff5eb);border:1px solid var(--Primary-Primary-200, #fbd4a3);color:var(--Primary-Primary-600, #d4872e)}.chip--fill{background:var(--Gray-Gray-100, #e6eaf2);border:1px solid transparent;color:var(--Gray-Gray-700, #32394d)}.chip__avatar{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0}.chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chip__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;color:inherit;opacity:0.7;transition:opacity 0.15s}.chip__close:hover{opacity:1}"}},[769,"dropi-chips",{customStyle:[1,"custom-style"],type:[1],urlImg:[1,"url-img"],showIcon:[4,"show-icon"],icon:[1]}]);function s(){"undefined"!=typeof customElements&&["dropi-chips","dropi-icon"].forEach((i=>{switch(i){case"dropi-chips":customElements.get(e(i))||customElements.define(e(i),a);break;case"dropi-icon":customElements.get(e(i))||c()}}))}s();const n=a,l=s;export{n as DropiChips,l as defineCustomElement}

package/dist/components/dropi-city-selector.js

@@ -1 +1 @@
-import{t as e,p as r,H as a,c as i,h as t}from"./index.js";import{d as s}from"./p-wO1yy0Zr.js";const o=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiCityChange=i(this,"dropiCityChange",7)}options=[];selectedCities=[];placeholder="Selecciona ciudades";disabled=!1;dropiCityChange;isOpen=!1;selected=[];parsedOptions=[];searchTerm="";optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e}selectedChanged(e){this.selected="string"==typeof e?JSON.parse(e):[...e]}componentWillLoad(){this.optionsChanged(this.options),this.selectedChanged(this.selectedCities)}get filtered(){if(!this.searchTerm)return this.parsedOptions;const e=this.searchTerm.toLowerCase();return this.parsedOptions.map((r=>({...r,items:r.items.filter((r=>r.label.toLowerCase().includes(e)))}))).filter((e=>e.items.length>0))}toggle(){this.disabled||(this.isOpen=!this.isOpen)}toggleCity(e){this.selected=this.selected.includes(e)?this.selected.filter((r=>r!==e)):[...this.selected,e],this.dropiCityChange.emit([...this.selected])}removeCity(e,r){r.stopPropagation(),this.selected=this.selected.filter((r=>r!==e)),this.dropiCityChange.emit([...this.selected])}getLabel(e){for(const r of this.parsedOptions){const a=r.items.find((r=>r.value==e));if(a)return a.label}return e+""}render(){return t("div",{key:"53650ed7717099d343115c539d6ee7de6fd7a415",class:"city-selector"+(this.disabled?" disabled":"")},t("div",{key:"03bdc026a711321c6719745521e5fabad900c1dc",class:"selector-trigger",onClick:()=>this.toggle()},t("div",{key:"e59a7625b10181bf92c5680b86119b91d0d497ae",class:"chips-area"},0===this.selected.length&&t("span",{key:"a7521c4285660c2ef5ac9d4df19466a3322b0873",class:"placeholder"},this.placeholder),this.selected.map((e=>t("span",{class:"chip",key:e+""},this.getLabel(e),t("button",{class:"chip-remove","aria-label":"Quitar",onClick:r=>this.removeCity(e,r)},"×"))))),t("dropi-icon",{key:"1ee96f23ca167c420d1ad24b6d6cbd27e331f378",name:this.isOpen?"Dropdown-up":"Dropdown-down",width:"16px",height:"16px",color:"Gray-Gray-500"})),this.isOpen&&t("div",{key:"cb6ab864645c9dea1d9b2b5eedcafe22596c623d",class:"dropdown"},t("div",{key:"8cdfc3b52a59f5e6501cf577444cad6272056bf6",class:"search-wrap"},t("input",{key:"33e96a874c4ef2b257ae934e5eeb66f128e6a21d",class:"search-input",type:"text",placeholder:"Buscar ciudad...",value:this.searchTerm,onInput:e=>{this.searchTerm=e.target.value}})),t("div",{key:"e163afcf9a1d5ad61527828ed935b840cf4b04ef",class:"options-list"},0===this.filtered.length&&t("div",{key:"c4b35559a86cc0f36563c74824afe9f2ad8df781",class:"no-results"},"Sin resultados"),this.filtered.map((e=>t("div",{key:e.value,class:"group"},t("div",{class:"group-label"},e.label),e.items.map((e=>t("div",{key:e.value+"",class:"city-option"+(this.selected.includes(e.value)?" selected":""),onClick:()=>this.toggleCity(e.value)},t("span",{class:"check-mark"},this.selected.includes(e.value)?"✓":""),e.label)))))))))}static get watchers(){return{options:[{optionsChanged:0}],selectedCities:[{selectedChanged:0}]}}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.city-selector{position:relative;width:100%}.city-selector.disabled .selector-trigger{background:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2);cursor:not-allowed}.selector-trigger{min-height:40px;padding:6px 10px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:border-color 0.15s ease}.selector-trigger:hover:not(.disabled *){border-color:var(--Gray-Gray-300, #a3abbf)}.chips-area{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-height:24px;align-items:center}.placeholder{color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 12px)}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-200, #fcd5a8);border-radius:4px;padding:2px 6px;font-size:var(--font-size-xs, 11px);color:var(--Primary-Primary-700, #b85c00)}.chip-remove{background:none;border:none;cursor:pointer;font-size:14px;line-height:1;padding:0;color:var(--Primary-Primary-500, #f49a3d);display:flex;align-items:center}.dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);z-index:200;overflow:hidden}.search-wrap{padding:8px;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.search-input{width:100%;padding:6px 10px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-600, #475066);outline:none}.search-input:focus{border-color:var(--Primary-Primary-500, #f49a3d)}.options-list{max-height:240px;overflow-y:auto}.group-label{padding:6px 12px 2px;font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-semibold, 600);color:var(--Gray-Gray-400, #858ea6);text-transform:uppercase;letter-spacing:0.5px;background:var(--Gray-Gray-50, #f7f8fa);border-top:1px solid var(--Gray-Gray-100, #e6eaf2)}.city-option{padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);transition:background 0.1s ease}.city-option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.city-option.selected{color:var(--Primary-Primary-600, #d97c1a);background:var(--Primary-Primary-50, #fff8f0)}.check-mark{width:16px;font-size:12px;color:var(--Primary-Primary-500, #f49a3d);font-weight:bold}.no-results{padding:16px;text-align:center;color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 12px)}"}},[513,"dropi-city-selector",{options:[1],selectedCities:[1025,"selected-cities"],placeholder:[1],disabled:[4],isOpen:[32],selected:[32],parsedOptions:[32],searchTerm:[32]},void 0,{options:[{optionsChanged:0}],selectedCities:[{selectedChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["dropi-city-selector","dropi-icon"].forEach((r=>{switch(r){case"dropi-city-selector":customElements.get(e(r))||customElements.define(e(r),o);break;case"dropi-icon":customElements.get(e(r))||s()}}))}d();const c=o,n=d;export{c as DropiCitySelector,n as defineCustomElement}
+import{t as e,p as r,H as t,c as i,h as a}from"./index.js";import{d as o}from"./p-D13d88W3.js";const s=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectedCitiesChange=i(this,"selectedCitiesChange",7)}options=[];selectedCities=[];placeholder="Seleccione una ciudad";disabled=!1;selectedCitiesChange;isOpen=!1;selected=[];parsedOptions=[];searchTerm="";get el(){return this}handleDocClick(e){this.isOpen&&!e.composedPath().includes(this.el)&&(this.isOpen=!1)}optionsChanged(e){this.parsedOptions=null!=e?"string"==typeof e?JSON.parse(e):e:[]}selectedChanged(e){this.selected=null!=e?"string"==typeof e?JSON.parse(e):[...e]:[]}componentWillLoad(){this.optionsChanged(this.options),this.selectedChanged(this.selectedCities)}get filtered(){if(!this.searchTerm)return this.parsedOptions;const e=this.searchTerm.toLowerCase();return this.parsedOptions.map((r=>({...r,items:r.items.filter((r=>r.label.toLowerCase().includes(e)))}))).filter((e=>e.items.length>0))}toggle(){this.disabled||(this.isOpen=!this.isOpen)}toggleCity(e,r){r.stopPropagation(),this.selected=this.selected.includes(e)?this.selected.filter((r=>r!==e)):[...this.selected,e],this.selectedCitiesChange.emit([...this.selected])}removeCity(e,r){r.stopPropagation(),this.selected=this.selected.filter((r=>r!==e)),this.selectedCitiesChange.emit([...this.selected])}getLabel(e){for(const r of this.parsedOptions){const t=r.items.find((r=>r.value==e));if(t)return t.label}return e+""}render(){const e=this.filtered;return a("div",{key:"5b1e27677c34d0dc85dc9c8544e4b0ba9a66216b",class:{"city-selector":!0,"city-selector--disabled":this.disabled}},a("button",{key:"e359c1baff0a255cd396ee35836430486bc67cd3",type:"button",class:"selector-trigger",disabled:this.disabled,onClick:()=>this.toggle(),"aria-haspopup":"listbox","aria-expanded":this.isOpen},a("div",{key:"082246999f826e8cfe1b2d09fd801a5d7db7e1b2",class:"chips-area"},0===this.selected.length&&a("span",{key:"90453c84cae3561412f795ec1ffc01923cd87040",class:"placeholder"},this.placeholder),this.selected.map((e=>a("span",{class:"chip",key:e+""},this.getLabel(e),a("button",{type:"button",class:"chip-remove","aria-label":"Quitar",onClick:r=>this.removeCity(e,r)},a("dropi-icon",{name:"Close-small",width:"10px",height:"10px",color:"Primary-Primary-500"})))))),a("dropi-icon",{key:"27f05e3fcf08bdb4e83ee52f7bba02a5c87f2d3e",name:this.isOpen?"Arrow-Up-2":"Arrow-Down-2",width:"16px",height:"16px",color:"Gray-Gray-500"})),this.isOpen&&a("div",{key:"2fd2d164c186d9d4d1f6664e531449373dfce023",class:"dropdown",role:"listbox"},a("div",{key:"e6fb9fc7938296d696598e2984167cec5d693b07",class:"search-wrap"},a("div",{key:"9a56582e19bf264065bb11e9bccdf3179e56fb7b",class:"search-field"},a("input",{key:"9228debd9abc4e2a884006bd45046e8e5b3cce25",class:"search-input",type:"text",placeholder:"Buscar...",value:this.searchTerm,onInput:e=>{this.searchTerm=e.target.value},autoComplete:"off"}),a("span",{key:"609751d699dc6227347ec565ff14c3f35fa9a6cf",class:"search-icon"},a("dropi-icon",{key:"fcacc7c73eeb3f2dc27f83f9dfcbe2476b85136e",name:"Search",width:"16px",height:"16px",color:"Gray-Gray-400"})))),a("div",{key:"c71c2b0303f37169ee221387aeec6ceea499b8e1",class:"options-list"},0===e.length&&a("div",{key:"a5525ef28be665b337658032318507ae01f69a0d",class:"no-results"},"Sin resultados"),e.map((e=>a("div",{key:e.value,class:"group"},a("div",{class:"group-label"},e.label),e.items.map((e=>{const r=this.selected.includes(e.value);return a("div",{key:e.value+"",class:{"city-option":!0,"city-option--selected":r},onClick:r=>this.toggleCity(e.value,r),role:"option","aria-selected":r},a("span",{class:{checkbox:!0,"checkbox--checked":r}},r&&a("dropi-icon",{name:"Check",width:"10px",height:"10px",color:"Neutral-White"})),a("span",{class:"city-label"},e.label))}))))))))}static get watchers(){return{options:[{optionsChanged:0}],selectedCities:[{selectedChanged:0}]}}static get style(){return":host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.city-selector{position:relative;width:100%}.selector-trigger{width:100%;min-height:44px;padding:6px 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color 0.15s}.selector-trigger:hover:not(:disabled){border-color:var(--Gray-Gray-300, #a3abbf)}.selector-trigger:focus{outline:none;border-color:var(--Info-Info-500, #50a5f1)}.city-selector--disabled .selector-trigger{background:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2);cursor:not-allowed;opacity:0.6}.chips-area{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-height:26px;align-items:center}.placeholder{color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-200, #fcd5a8);border-radius:var(--Border-1, 4px);padding:2px 6px;font-size:var(--font-size-xs, 12px);color:var(--Primary-Primary-700, #b85c00)}.chip-remove{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.10);z-index:200;overflow:hidden}.search-wrap{padding:10px 12px;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.search-field{position:relative;display:flex;align-items:center}.search-input{width:100%;height:36px;padding:0 36px 0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 14px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Gray-Gray-50, #f7f8fa);outline:none;transition:border-color 0.15s}.search-input:focus{border-color:var(--Info-Info-500, #50a5f1);background:var(--Neutral-White, #ffffff)}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-icon{position:absolute;right:10px;display:flex;align-items:center;pointer-events:none}.options-list{max-height:280px;overflow-y:auto;background:var(--Neutral-White, #ffffff)}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:transparent}.options-list::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:4px}.group-label{padding:14px 16px 8px;font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433);background:var(--Neutral-White, #ffffff)}.city-option{padding:10px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #ffffff);transition:background 0.1s;user-select:none}.city-option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.city-option--selected .city-label{color:var(--Gray-Gray-800, #1f2433);font-weight:var(--font-weight-medium, 500)}.checkbox{width:22px;height:22px;border:1.5px solid var(--Gray-Gray-300, #c3c9d9);border-radius:var(--Border-1, 6px);background:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color 0.15s, background 0.15s}.checkbox--checked{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-500, #f49a3d)}.city-label{flex:1}.no-results{padding:20px 16px;text-align:center;color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}"}},[513,"dropi-city-selector",{options:[1],selectedCities:[1025,"selected-cities"],placeholder:[1],disabled:[4],isOpen:[32],selected:[32],parsedOptions:[32],searchTerm:[32]},[[4,"click","handleDocClick"]],{options:[{optionsChanged:0}],selectedCities:[{selectedChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["dropi-city-selector","dropi-icon"].forEach((r=>{switch(r){case"dropi-city-selector":customElements.get(e(r))||customElements.define(e(r),s);break;case"dropi-icon":customElements.get(e(r))||o()}}))}c();const n=s,d=c;export{n as DropiCitySelector,d as defineCustomElement}

package/dist/components/dropi-color-picker.js

@@ -1 +1 @@
-import{t as e,p as a,H as r,c,h as i}from"./index.js";import{d as o}from"./p-wO1yy0Zr.js";const t=["#f46a6b","#f49a3d","#f4d03d","#34c55a","#50a5f1","#7c6bea","#1a2033","#475066","#858ea6","#c3c9d9","#eceef4","#ffffff"],s=a(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiColorChange=c(this,"dropiColorChange",7),this.dropiOpacityChange=c(this,"dropiOpacityChange",7)}value="#f49a3d";showOpacity=!1;opacity=100;label="";disabled=!1;showPresets=!0;open=!1;hexInput="";dropiColorChange;dropiOpacityChange;componentWillLoad(){this.hexInput=this.value}selectColor(e){this.value=e,this.hexInput=e,this.dropiColorChange.emit(e)}handleHexInput(e){const a=e.target.value;this.hexInput=a,/^#[0-9a-fA-F]{6}$/.test(a)&&(this.value=a,this.dropiColorChange.emit(a))}handleOpacity(e){const a=Number(e.target.value);this.opacity=a,this.dropiOpacityChange.emit(a)}handleNativeColor(e){this.selectColor(e.target.value)}render(){return i("div",{key:"945a6065e2b3a74223a461a26685292edcd78c35",class:"cp-wrap"},this.label&&i("label",{key:"f55fc2254ee0c2c301e9e32811dea37b6b8eff5d",class:"cp-label"},this.label),i("button",{key:"021c23bc249bc3a3053176834808732c58441018",class:{"cp-trigger":!0,"cp-trigger--disabled":this.disabled},disabled:this.disabled,onClick:()=>{this.disabled||(this.open=!this.open)},type:"button"},i("span",{key:"be49ed05577c5c585d1509bdc1b5055e0e394383",class:"cp-trigger__swatch",style:{background:this.value}}),i("span",{key:"402a7005da1daf2b3a2e12b086b41f79552aa061",class:"cp-trigger__value"},this.value),i("dropi-icon",{key:"da5d7aa322ad7649e90832c54c6ecba445c5e64b",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"})),this.open&&i("div",{key:"5e14ace3d21ce605ecc8131acf6c1cb382ee33fa",class:"cp-popup"},i("div",{key:"4408dff1ab4a6ab9a9765eb93502f88fe0946ac0",class:"cp-spectrum-wrap"},i("input",{key:"8d3a7e7b38f528e8dfe14eb668da2af1d861cfe8",type:"color",class:"cp-native",value:this.value,onChange:e=>this.handleNativeColor(e)}),i("div",{key:"4c37fc46fb692afde5574f681b02159f1a84d06b",class:"cp-spectrum-label"},"Selecciona un color")),i("div",{key:"a968e35abe0fc39806002d49f5ca46dece28c0a6",class:"cp-hex-row"},i("span",{key:"0cb30134befff62ced36803c6ed0d5c96b41c680",class:"cp-hex-label"},"HEX"),i("input",{key:"ff6e209fcfeb2ec2d55354806aaba41c041492c5",class:"cp-hex-input",type:"text",value:this.hexInput,maxLength:7,onInput:e=>this.handleHexInput(e),placeholder:"#000000"}),i("div",{key:"6b744fc086dbbc9b5dc148f224673085c7a28704",class:"cp-hex-preview",style:{background:this.value}})),this.showOpacity&&i("div",{key:"5250878b5392e1b00c2e677db727f56c2db91c11",class:"cp-opacity-row"},i("span",{key:"58b49f3749d8a33edcfc580b0e11517087bc25b4",class:"cp-opacity-label"},"Opacidad"),i("input",{key:"48f060900c5d7184e5d2ab93c0abd1641cc755e7",class:"cp-opacity-slider",type:"range",min:0,max:100,value:this.opacity,onInput:e=>this.handleOpacity(e)}),i("span",{key:"7da0ec0a86c1472bd1836a8bb0ca616091dde695",class:"cp-opacity-value"},this.opacity,"%")),this.showPresets&&i("div",{key:"96434d1c7bdfe187f04f613494b79e28acef7750",class:"cp-presets"},t.map((e=>i("button",{class:{"cp-swatch":!0,"cp-swatch--active":e===this.value},style:{background:e},onClick:()=>this.selectColor(e),type:"button",title:e})))),i("button",{key:"e5ad3d16b888c8eb0a4444ae3a6fbab9c83689c5",class:"cp-close",onClick:()=>this.open=!1,type:"button"},"Cerrar")))}static get style(){return":host{display:block;position:relative}*,*::before,*::after{box-sizing:border-box}.cp-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.cp-trigger{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:0 var(--Size-3, 12px);height:40px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);cursor:pointer;font-family:inherit;transition:border-color 0.2s;width:100%}.cp-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.cp-trigger--disabled{opacity:0.6;cursor:not-allowed}.cp-trigger__swatch{width:20px;height:20px;border-radius:var(--Border-1, 4px);border:1px solid rgba(0,0,0,0.1);flex-shrink:0}.cp-trigger__value{flex:1;text-align:left;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);font-family:monospace}.cp-popup{position:absolute;top:calc(100% + 4px);left:0;width:220px;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 24px rgba(0,0,0,0.12);z-index:300;padding:var(--Size-3, 12px);display:flex;flex-direction:column;gap:var(--Size-3, 12px)}.cp-spectrum-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--Size-1, 4px)}.cp-native{width:100%;height:80px;border:none;border-radius:var(--Border-1, 4px);cursor:pointer;padding:0;background:none}.cp-native::-webkit-color-swatch-wrapper{padding:0}.cp-native::-webkit-color-swatch{border:none;border-radius:var(--Border-1, 4px)}.cp-spectrum-label{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6)}.cp-hex-row{display:flex;align-items:center;gap:var(--Size-2, 8px)}.cp-hex-label{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-500, #68738f);width:24px;flex-shrink:0}.cp-hex-input{flex:1;height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);font-size:var(--font-size-xs, 10px);font-family:monospace;color:var(--Gray-Gray-700, #32394d);outline:none}.cp-hex-input:focus{border-color:var(--Info-Info-500, #50a5f1)}.cp-hex-preview{width:24px;height:24px;border-radius:var(--Border-1, 4px);border:1px solid rgba(0,0,0,0.1);flex-shrink:0}.cp-opacity-row{display:flex;align-items:center;gap:var(--Size-2, 8px)}.cp-opacity-label{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #68738f);white-space:nowrap}.cp-opacity-slider{flex:1;height:4px;cursor:pointer;accent-color:var(--Primary-Primary-500, #f49a3d)}.cp-opacity-value{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #68738f);width:28px;text-align:right;flex-shrink:0}.cp-presets{display:grid;grid-template-columns:repeat(6, 1fr);gap:var(--Size-1, 4px)}.cp-swatch{width:24px;height:24px;border-radius:var(--Border-1, 4px);border:2px solid transparent;cursor:pointer;transition:transform 0.15s, border-color 0.15s;padding:0}.cp-swatch:hover{transform:scale(1.15)}.cp-swatch--active{border-color:var(--Gray-Gray-800, #1a2033)}.cp-close{background:none;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);padding:4px 12px;font-size:var(--font-size-xs, 10px);font-family:inherit;color:var(--Gray-Gray-600, #475066);cursor:pointer;align-self:flex-end;transition:background 0.15s}.cp-close:hover{background:var(--Gray-Gray-50, #f7f8fa)}"}},[513,"dropi-color-picker",{value:[1025],showOpacity:[4,"show-opacity"],opacity:[1026],label:[1],disabled:[4],showPresets:[4,"show-presets"],open:[32],hexInput:[32]}]);function p(){"undefined"!=typeof customElements&&["dropi-color-picker","dropi-icon"].forEach((a=>{switch(a){case"dropi-color-picker":customElements.get(e(a))||customElements.define(e(a),s);break;case"dropi-icon":customElements.get(e(a))||o()}}))}p();const d=s,n=p;export{d as DropiColorPicker,n as defineCustomElement}
+import{t,p as i,H as e,c as o,h as r}from"./index.js";const s=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.colorChange=o(this,"colorChange",7)}get el(){return this}currentColor="#ffffff";position="right";colorChange;color="";hue=0;saturation=0;currentVal=0;opacity=100;showEdit=!1;isDragging=!1;isHueDragging=!1;isOpacityDragging=!1;colorCanvas;hueCanvas;opacityCanvas;onValueChange(t){this.showEdit||(this.color=t,this.syncFromHex())}componentWillLoad(){this.color=this.currentColor,this.syncFromHex()}componentDidLoad(){document.addEventListener("mousemove",this.onMouseMove.bind(this)),document.addEventListener("mouseup",this.onMouseUp.bind(this)),document.addEventListener("click",this.handleClickOutside.bind(this)),setTimeout((()=>{this.hueCanvas&&this.drawHueCanvas(),this.colorCanvas&&this.drawColorCanvas(),this.opacityCanvas&&this.drawOpacityCanvas()}),50)}disconnectedCallback(){document.removeEventListener("mousemove",this.onMouseMove.bind(this)),document.removeEventListener("mouseup",this.onMouseUp.bind(this)),document.removeEventListener("click",this.handleClickOutside.bind(this))}onMouseMove(t){this.isDragging?this.updateColorFromPosition(t):this.isHueDragging?this.updateHueFromPosition(t):this.isOpacityDragging&&this.updateOpacityFromPosition(t)}onMouseUp(){this.isDragging=!1,this.isHueDragging=!1,this.isOpacityDragging=!1}handleClickOutside(t){!t.composedPath().includes(this.el)&&this.showEdit&&(this.showEdit=!1,this.currentColor=this.color,this.colorChange.emit(this.color))}drawColorCanvas(){if(!this.colorCanvas)return;const t=this.colorCanvas.getContext("2d"),i=this.colorCanvas.width,e=this.colorCanvas.height,o=t.createLinearGradient(0,0,i,0);o.addColorStop(0,"#FFFFFF"),o.addColorStop(1,`hsl(${this.hue??0}, 100%, 50%)`);const r=t.createLinearGradient(0,0,0,e);r.addColorStop(0,"rgba(0, 0, 0, 0)"),r.addColorStop(1,"#000000"),t.fillStyle=o,t.fillRect(0,0,i,e),t.fillStyle=r,t.fillRect(0,0,i,e)}drawHueCanvas(){if(!this.hueCanvas)return;const t=this.hueCanvas.getContext("2d"),i=this.hueCanvas.width,e=this.hueCanvas.height,o=t.createLinearGradient(0,0,i,0);for(let t=0;t<=360;t+=60)o.addColorStop(t/360,`hsl(${t}, 100%, 50%)`);t.fillStyle=o,t.fillRect(0,0,i,e)}drawOpacityCanvas(){if(!this.opacityCanvas)return;const t=this.opacityCanvas.getContext("2d"),i=this.opacityCanvas.width,e=this.opacityCanvas.height;t.clearRect(0,0,i,e),t.fillStyle="#FFFFFF",t.fillRect(0,0,i,e);const o=this.hsvToRgb(this.hue,this.saturation,this.currentVal),r=t.createLinearGradient(0,0,i,0);r.addColorStop(0,`rgba(${o.r}, ${o.g}, ${o.b}, 0)`),r.addColorStop(1,`rgba(${o.r}, ${o.g}, ${o.b}, 1)`),t.fillStyle=r,t.fillRect(0,0,i,e)}updateColor(){const t=this.hsvToRgb(this.hue,this.saturation,this.currentVal),i=this.rgbToHex(t.r,t.g,t.b,this.opacity);this.color=i,this.drawColorCanvas(),this.drawOpacityCanvas(),this.currentColor=i,this.colorChange.emit(this.color)}hsvToRgb(t,i,e){const o=(e/=100)*(i/=100),r=o*(1-Math.abs(t/60%2-1)),s=e-o;let a=0,n=0,c=0;return t>=0&&t<60?(a=o,n=r,c=0):t>=60&&t<120?(a=r,n=o,c=0):t>=120&&t<180?(a=0,n=o,c=r):t>=180&&t<240?(a=0,n=r,c=o):t>=240&&t<300?(a=r,n=0,c=o):t>=300&&t<=360&&(a=o,n=0,c=r),{r:Math.round(255*(a+s)),g:Math.round(255*(n+s)),b:Math.round(255*(c+s))}}rgbToHex(t,i,e,o=100){const r=t=>Math.round(t).toString(16).padStart(2,"0");return`#${r(t)}${r(i)}${r(e)}${r(Math.round(o/100*255))}`}syncFromHex(){if(/^#?[0-9A-F]{6}([0-9A-F]{2})?$/i.test(this.color)){this.color.startsWith("#")||(this.color="#"+this.color);const t=this.color.substring(1),i=parseInt(t.substring(0,2),16),e=parseInt(t.substring(2,4),16),o=parseInt(t.substring(4,6),16),r=8===t.length?parseInt(t.substring(6,8),16)/255:1,s=this.rgbToHsv(i,e,o,r);this.hue=s.h,this.saturation=s.s,this.currentVal=s.v,this.opacity=100*r,this.drawColorCanvas(),this.drawOpacityCanvas()}}onHexInputChange(t){this.color=t.target.value,this.syncFromHex()}rgbToHsv(t,i,e,o=1){const r=Math.max(t/=255,i/=255,e/=255),s=r-Math.min(t,i,e);let a=0;0!==s&&(r===t?a=(i-e)/s%6*60:r===i?a=60*((e-t)/s+2):r===e&&(a=60*((t-i)/s+4))),a<0&&(a+=360);const n=0===r?0:s/r*100,c=100*r;return{h:Math.round(a),s:Math.round(n),v:Math.round(c),a:parseFloat(o.toFixed(3))}}getCanvasPosition(t,i){const e=t.getBoundingClientRect();return{x:t.width/e.width*(i.clientX-e.left),y:t.height/e.height*(i.clientY-e.top)}}onColorMouseDown(t){this.isDragging=!0,this.updateColorFromPosition(t)}onHueMouseDown(t){this.isHueDragging=!0,this.updateHueFromPosition(t)}onOpacityMouseDown(t){this.isOpacityDragging=!0,this.updateOpacityFromPosition(t)}updateColorFromPosition(t){if(!this.colorCanvas)return;const i=this.getCanvasPosition(this.colorCanvas,t),e=Math.max(0,Math.min(i.x,256)),o=Math.max(0,Math.min(i.y,150));this.saturation=Math.round(e/256*100),this.currentVal=100-Math.round(o/150*100),this.updateColor()}updateHueFromPosition(t){if(!this.hueCanvas)return;const i=this.getCanvasPosition(this.hueCanvas,t);this.hue=Math.round(Math.max(0,Math.min(i.x,256))/256*360),this.drawColorCanvas(),this.updateColor()}updateOpacityFromPosition(t){if(!this.opacityCanvas)return;const i=this.getCanvasPosition(this.opacityCanvas,t);this.opacity=Math.round(Math.max(0,Math.min(i.x,256))/256*100),this.updateColor()}showEditor(){this.showEdit=!this.showEdit,this.color=this.currentColor,this.showEdit&&setTimeout((()=>{this.drawHueCanvas(),this.drawColorCanvas(),this.drawOpacityCanvas(),this.syncFromHex()}),100)}render(){return r("div",{key:"2ee2bd6abd837388d8169961f6b1024da228b453",class:"general-container"},r("div",{key:"15416c1a844daf774dda53f1c08bbe6b15435b64",class:"main-input-container"},r("div",{key:"e08aacd3ebb059a8467cf6f597d2b3bb3419e286",class:"overlay",onClick:()=>this.showEditor()}),r("div",{key:"dda8addee7afb351fb1f6c18dda516d29259220d",class:"line-color-preview"},r("div",{key:"b242eac802dc0c1d0a9965fb6fc9b6f010408ae2",class:"color-preview",style:{background:this.currentColor}})),r("div",{key:"8dddc6632dddae52cc58d964ee50cae1e6460b12",class:"color-info"},r("input",{key:"7181e30bddae8005260d285653425cd5cad2386e",type:"text",class:"color-input",value:this.currentColor,maxLength:9,readOnly:!0}))),r("div",{key:"0ad3b547299fc1a4ccab9ddb7efebd7962fd7855",class:`color-picker-container position-${this.position} ${this.showEdit?"show":""}`},r("div",{key:"c49847d5a6ca7a90f27889afe26f6c30c1959676",class:"main-color-canvas-container"},r("canvas",{key:"44531a25415492782d70d070aacf17797f9e3818",ref:t=>this.colorCanvas=t,width:256,height:150,onMouseDown:t=>this.onColorMouseDown(t)}),r("div",{key:"325bc14afacafa6dddd0a9bc837c6448ff803bd8",class:"color-selector-pointer",style:{left:this.saturation/100*256+"px",top:(100-this.currentVal)/100*150+"px"}})),r("div",{key:"ab6d2a987b4c317fa218e70a1602ea829505fe0a",class:"slider-container"},r("div",{key:"fe9ae897de10c04322653870cb9e5b79f61a2b86",class:"slider-group"},r("div",{key:"f39f1935c0410509f6ecbf69b718730201d70be7",class:"hue-slider-container"},r("canvas",{key:"6a08c8dd36f3c9d70aa0f0438006bc4efa4df401",ref:t=>this.hueCanvas=t,width:256,height:20,onMouseDown:t=>this.onHueMouseDown(t)}),r("div",{key:"a91a4f4469e3152b24bf1e7dfd3d4738eb17f661",class:"slider-pointer",style:{left:this.hue/360*234+"px"}}))),r("div",{key:"2a45b1e24dcb447e515d8dbfac2ecd4032661af8",class:"slider-group"},r("div",{key:"ec945cd912ecf046ca16e7520bae48d3e998f8fd",class:"opacity-slider-container"},r("canvas",{key:"f181f9a8b16274d94377f3dd300c3bff231088df",ref:t=>this.opacityCanvas=t,width:256,height:20,onMouseDown:t=>this.onOpacityMouseDown(t)}),r("div",{key:"2e246b9e62991569c60024ac4f8b1ae32543e03e",class:"slider-pointer",style:{left:this.opacity/100*234+"px"}}))),r("div",{key:"c8c539dda06f8ce70b4c669a32e56cb693132f49",class:"color-info"},r("div",{key:"5939e97e1331e57a5837e868ea6088b069e3c3eb",class:"color-label"},"HEX"),r("input",{key:"321cebcb041223d4cb6c072f310720edcdb2391c",type:"text",class:"color-input",value:this.color,onInput:t=>this.onHexInputChange(t),maxLength:9})))))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":host{display:block}.general-container{position:relative;width:fit-content}.main-input-container{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--Size-3);position:relative;width:fit-content}.main-input-container .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;cursor:pointer}.line-color-preview{width:40px;height:40px;border-radius:50%;border:1px solid var(--Gray-Gray-200);display:flex;justify-content:center;align-items:center;padding:5px}.line-color-preview .color-preview{width:100%;height:100%;border-radius:50%;border:1px solid var(--Gray-Gray-200)}.position-right{top:0;left:250px}.position-left{top:0;right:200px}.position-top{bottom:55px}.position-bottom{top:55px}.position-bottom::before{transform:rotate(90deg);left:50%;top:-15px}.position-right::before{left:-6px;top:10px}.position-top::before{transform:rotate(270deg);left:50%;bottom:-15px}.position-left::before{transform:rotate(180deg);right:-9px}.color-picker-container::before{content:'';position:absolute;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid var(--Neutral-White);z-index:1}.color-picker-container{width:280px;padding:var(--Size-4);background:var(--Neutral-White);border-radius:var(--Size-2);box-shadow:var(--Shadow-large);position:absolute;z-index:100;transform-origin:top left;opacity:0;transition:transform 0.2s ease-out,     opacity 0.2s ease-out;pointer-events:none}.color-picker-container .main-color-canvas-container{position:relative;margin-bottom:var(--Size-4);border:1px solid var(--Gray-Gray-200);border-radius:var(--Size-1);display:flex;justify-self:center;align-items:center}.color-picker-container .main-color-canvas-container canvas{display:block;border-radius:var(--Size-1)}.color-picker-container .main-color-canvas-container .color-selector-pointer{position:absolute;width:var(--Size-3);height:var(--Size-3);border:2px solid var(--Neutral-White);border-radius:50%;transform:translate(-6px, -6px);pointer-events:none}.color-picker-container .slider-container{display:flex;flex-direction:column;gap:var(--Size-3)}.color-picker-container .slider-container .slider-group{display:flex;flex-direction:column;gap:var(--Size-1)}.color-picker-container .slider-container .slider-group label{font-size:var(--font-size-xs);color:var(--Gray-Gray-500);font-weight:var(--font-weight-bold)}.color-picker-container .slider-container .slider-group .hue-slider-container,.color-picker-container .slider-container .slider-group .opacity-slider-container{position:relative;height:var(--Size-3);border-radius:var(--Size-4);overflow:hidden}.color-picker-container .slider-container .slider-group .hue-slider-container canvas,.color-picker-container .slider-container .slider-group .opacity-slider-container canvas{display:block;width:100%;height:100%}.color-picker-container .slider-container .slider-group .hue-slider-container .slider-pointer,.color-picker-container .slider-container .slider-group .opacity-slider-container .slider-pointer{position:absolute;top:0;height:var(--Size-3);width:var(--Size-3);background:transparent;border:2px solid var(--Neutral-White);border-radius:50%;pointer-events:none}.color-picker-container.show{transform:scale(1);opacity:1;pointer-events:auto}.color-info .color-label{font-size:var(--font-size-xs);color:var(--Gray-Gray-500);font-weight:var(--font-weight-bold);text-transform:uppercase;margin-bottom:var(--Size-2)}.color-info .color-input{border:1px solid var(--Gray-Gray-200, #ddd);border-radius:var(--Size-1);padding:6px 8px;font-size:var(--font-size-s);width:100%;font-family:monospace;text-transform:uppercase;background-color:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-800, #1f2433);outline:none}"}},[513,"dropi-color-picker",{currentColor:[1025,"current-color"],position:[1],color:[32],hue:[32],saturation:[32],currentVal:[32],opacity:[32],showEdit:[32]},void 0,{value:[{onValueChange:0}]}]);function a(){"undefined"!=typeof customElements&&["dropi-color-picker"].forEach((i=>{"dropi-color-picker"===i&&(customElements.get(t(i))||customElements.define(t(i),s))}))}a();const n=s,c=a;export{n as DropiColorPicker,c as defineCustomElement}

package/dist/components/dropi-country-flags.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-D0ZJcRZn.js";const p=o,r=s;export{p as DropiCountryFlags,r as defineCustomElement}
+import{D as o,d as r}from"./p-a-hGQrJd.js";const s=o,a=r;export{s as DropiCountryFlags,a as defineCustomElement}

package/dist/components/dropi-country-selector.js

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

package/dist/components/dropi-date-picker-range.js

@@ -1 +1 @@
-import{t,p as e,H as a,c as i,h as s}from"./index.js";const r=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dropiStartDateChange=i(this,"dropiStartDateChange",7),this.dropiEndDateChange=i(this,"dropiEndDateChange",7),this.dropiRangeChange=i(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 e=new Date;return e.setDate(e.getDate()-t),e.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 e=this.shortcuts[t];this.start=e.start,this.end=e.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?s("div",{class:"skeleton"}):s("div",{class:"date-picker-range"},this.showLabel&&s("div",{class:"label"},"Rango de fechas"),s("div",{class:"inputs-row"},s("div",{class:"input-group"},s("label",{class:"input-label"},"Desde"),s("input",{type:"date",class:"date-input",value:this.start,max:this.end||this.today,onChange:t=>this.onStartChange(t)})),s("span",{class:"separator"},"—"),s("div",{class:"input-group"},s("label",{class:"input-label"},"Hasta"),s("input",{type:"date",class:"date-input",value:this.end,min:this.start,max:this.today,onChange:t=>this.onEndChange(t)}))),s("div",{class:"shortcuts"},this.shortcuts.map(((t,e)=>s("button",{key:e,class:"shortcut-btn"+(this.activeRange===e?" active":""),onClick:()=>this.selectShortcut(e)},t.label)))),this.showWarning&&s("div",{class:"warning-box"},s("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}]}}static get style(){return":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}}"}},[513,"dropi-date-picker-range",{startDate:[1025,"start-date"],endDate:[1025,"end-date"],showLabel:[4,"show-label"],placeholder:[1],loading:[4],maxDaysRange:[2,"max-days-range"],hideTodayRangeShortcut:[4,"hide-today-range-shortcut"],start:[32],end:[32],activeRange:[32],showWarning:[32]},void 0,{startDate:[{onStartPropChange:0}],endDate:[{onEndPropChange:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-date-picker-range"].forEach((e=>{"dropi-date-picker-range"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}n();const o=r,d=n;export{o as DropiDatePickerRange,d as defineCustomElement}
+import{t,p as a,H as e,c as i,h as s}from"./index.js";const r=a(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.startDateChange=i(this,"startDateChange",7),this.endDateChange=i(this,"endDateChange",7),this.dropiRangeChange=i(this,"dropiRangeChange",7)}startDate="";endDate="";showLabel=!0;placeholder="";loading=!1;maxDaysRange=0;hideTodayRangeShortcut=!1;startDateChange;endDateChange;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.startDateChange.emit(this.start),this.endDateChange.emit(this.end),this.dropiRangeChange.emit({start:this.start,end:this.end})}render(){return this.loading?s("div",{class:"skeleton"}):s("div",{class:"date-picker-range"},this.showLabel&&s("div",{class:"label"},"Rango de fechas"),s("div",{class:"inputs-row"},s("div",{class:"input-group"},s("label",{class:"input-label"},"Desde"),s("input",{type:"date",class:"date-input",value:this.start,max:this.end||this.today,onChange:t=>this.onStartChange(t)})),s("span",{class:"separator"},"—"),s("div",{class:"input-group"},s("label",{class:"input-label"},"Hasta"),s("input",{type:"date",class:"date-input",value:this.end,min:this.start,max:this.today,onChange:t=>this.onEndChange(t)}))),s("div",{class:"shortcuts"},this.shortcuts.map(((t,a)=>s("button",{key:a,class:"shortcut-btn"+(this.activeRange===a?" active":""),onClick:()=>this.selectShortcut(a)},t.label)))),this.showWarning&&s("div",{class:"warning-box"},s("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}]}}static get style(){return":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:var(--font-weight-medium);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, #ffffff);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:var(--font-size-m)}.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:var(--font-weight-regular)}.shortcut-btn:hover{background:var(--Gray-Gray-50, #f5f6f8)}.shortcut-btn.active{background:var(--Gray-Gray-50, #f5f6f8);font-weight:var(--font-weight-semibold)}.warning-box{margin-top:8px;padding:4px 8px;border:1px solid var(--Warning-Warning-400);border-radius:4px;background:var(--Warning-Warning-50)}.warning-message{color:#495057;font-size:var(--font-size-xxs);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}}"}},[513,"dropi-date-picker-range",{startDate:[1025,"start-date"],endDate:[1025,"end-date"],showLabel:[4,"show-label"],placeholder:[1],loading:[4],maxDaysRange:[2,"max-days-range"],hideTodayRangeShortcut:[4,"hide-today-range-shortcut"],start:[32],end:[32],activeRange:[32],showWarning:[32]},void 0,{startDate:[{onStartPropChange:0}],endDate:[{onEndPropChange:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-date-picker-range"].forEach((a=>{"dropi-date-picker-range"===a&&(customElements.get(t(a))||customElements.define(t(a),r))}))}n();const o=r,d=n;export{o as DropiDatePickerRange,d as defineCustomElement}