npm - @dropi/ui - Versions diffs - 0.1.52 → 0.1.54 - Mend

@dropi/ui 0.1.52 → 0.1.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (593) hide show

package/dist/dropi-ui/dropi-date-picker-range.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, d as createEvent, a as getElement, h } from './index-CPacpXAJ.js';
+import { r as registerInstance, d as createEvent, a as getElement, h } from './index-BKkSRXlb.js';
-const dropiDatePickerRangeCss = () => `:host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.dpr-label{display:block;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066);margin-bottom:8px}.dpr-trigger{width:100%;height:40px;display:flex;align-items:center;gap:var(--Size-2, 8px);padding:0 var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);cursor:pointer;font-family:inherit;transition:border-color 0.2s}.dpr-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.dpr-trigger--disabled{background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed;opacity:0.6}.dpr-trigger__value{flex:1;text-align:left;font-size:var(--font-size-xs, 12px);color:var(--Gray-Gray-700, #32394d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpr-trigger__placeholder{color:var(--Gray-Gray-400, #858ea6)}.dpr-popup{position:absolute;top:calc(100% + 8px);left:0;display:flex;flex-direction:row;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-3, 12px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:300;overflow:hidden}.dpr-calendar{padding:var(--Size-4, 16px);width:300px;flex-shrink:0}.dpr-divider{width:1px;background:var(--Gray-Gray-100, #e6eaf2);flex-shrink:0}.dpr-shortcuts{padding:var(--Size-4, 16px) var(--Size-3, 12px);display:flex;flex-direction:column;gap:2px;min-width:140px}.shortcut-btn{background:transparent;border:1px solid transparent;padding:6px 10px;font-size:13px;font-family:inherit;color:var(--Gray-Gray-700, #32394d);cursor:pointer;text-align:left;border-radius:6px;transition:background 0.1s ease;font-weight:var(--font-weight-regular);white-space:nowrap}.shortcut-btn:hover{background:var(--Gray-Gray-50, #f5f6f8)}.shortcut-btn--active{border-color:var(--Gray-Gray-200, #c3c9d9);font-weight:var(--font-weight-semibold);background:var(--Gray-Gray-50, #f5f6f8)}.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}.dp-month-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}.dp-month-cell{padding:10px 4px;font-size:var(--font-size-s, 14px);font-family:inherit;font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-700, #32394d);background:transparent;border:1px solid transparent;border-radius:var(--Border-2, 8px);cursor:pointer;text-align:center;transition:background 0.15s, border-color 0.15s}.dp-month-cell:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-month-cell--selected{border-color:var(--Info-Info-500, #50a5f1);font-weight:var(--font-weight-semibold, 600)}.dp-month-cell--current{background:var(--Gray-Gray-100, #e6eaf2)}.dp-year-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px}.dp-year-cell{padding:10px 4px;font-size:var(--font-size-s, 14px);font-family:inherit;font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-700, #32394d);background:transparent;border:1px solid transparent;border-radius:var(--Border-2, 8px);cursor:pointer;text-align:center;transition:background 0.15s, border-color 0.15s}.dp-year-cell:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-year-cell--selected{border-color:var(--Info-Info-500, #50a5f1);font-weight:var(--font-weight-semibold, 600)}.dp-year-cell--current{background:var(--Gray-Gray-100, #e6eaf2)}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Size-4, 16px);padding-bottom:var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.dp-nav__btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background 0.15s}.dp-nav__btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-nav__title{background:none;border:none;font-size:var(--font-size-s, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);display:flex;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--Border-1, 4px);font-family:inherit;transition:background 0.15s}.dp-nav__title:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-grid{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:6px;column-gap:2px}.dp-day-header{font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);text-align:center;padding:6px 0;font-weight:var(--font-weight-bold, 700)}.dp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 12px);font-family:inherit;border:none;cursor:pointer;background:transparent;color:var(--Gray-Gray-600, #475066);width:100%;position:relative;z-index:1;padding:0}.dp-cell::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;transition:background 0.15s;z-index:-1;background:transparent}.dp-cell::before{content:"";position:absolute;top:0;bottom:0;z-index:-2;background:transparent}.dp-cell:hover:not(:disabled)::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--other-month{color:var(--Gray-Gray-300, #a0a9c0)}.dp-cell--today{font-weight:var(--font-weight-bold, 700)}.dp-cell--today::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--selected{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--selected::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--range-start,.dp-cell--range-end{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--range-start::after,.dp-cell--range-end::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--in-range{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-cell--in-range::before{left:-1px;right:-1px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start::before{left:50%;right:-1px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-end::before{left:-1px;right:50%;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start.dp-cell--range-end::before{background:transparent}.dp-cell--disabled{opacity:0.35;cursor:not-allowed}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.skeleton{height:40px;width:100%;border-radius:8px;animation:shimmer 1s linear infinite;background:linear-gradient(to right, #f5f6f8 8%, #e3e7ef 28%, #f5f6f8 77%);background-size:800px 104px}`;
+const dropiDatePickerRangeCss = () => `:host{display:block;width:100%;position:relative}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}*,*::before,*::after{box-sizing:border-box}.dpr-label{display:block;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066);margin-bottom:8px}.dpr-trigger{width:100%;height:40px;display:flex;align-items:center;gap:var(--Size-2, 8px);padding:0 var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);cursor:pointer;font-family:var(--font-family-01, 'Inter', sans-serif);transition:border-color 0.2s}.dpr-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.dpr-trigger--disabled{background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed;opacity:0.6}.dpr-trigger__value{flex:1;text-align:left;font-size:var(--font-size-xs, 12px);color:var(--Gray-Gray-700, #32394d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpr-trigger__placeholder{color:var(--Gray-Gray-400, #858ea6)}.dpr-popup{position:absolute;top:calc(100% + 8px);left:0;display:flex;flex-direction:row;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-3, 12px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:300;overflow:hidden}.dpr-calendar{padding:var(--Size-4, 16px);width:300px;flex-shrink:0}.dpr-divider{width:1px;background:var(--Gray-Gray-100, #e6eaf2);flex-shrink:0}.dpr-shortcuts{padding:var(--Size-4, 16px) var(--Size-3, 12px);display:flex;flex-direction:column;gap:2px;min-width:140px}.shortcut-btn{background:transparent;border:1px solid transparent;padding:6px 10px;font-size:13px;font-family:var(--font-family-01, 'Inter', sans-serif);color:var(--Gray-Gray-700, #32394d);cursor:pointer;text-align:left;border-radius:6px;transition:background 0.1s ease;font-weight:var(--font-weight-regular);white-space:nowrap}.shortcut-btn:hover{background:var(--Gray-Gray-50, #f5f6f8)}.shortcut-btn--active{border-color:var(--Gray-Gray-200, #c3c9d9);font-weight:var(--font-weight-semibold);background:var(--Gray-Gray-50, #f5f6f8)}.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}.dp-month-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}.dp-month-cell{padding:10px 4px;font-size:var(--font-size-s, 14px);font-family:var(--font-family-01, 'Inter', sans-serif);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-700, #32394d);background:transparent;border:1px solid transparent;border-radius:var(--Border-2, 8px);cursor:pointer;text-align:center;transition:background 0.15s, border-color 0.15s}.dp-month-cell:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-month-cell--selected{border-color:var(--Info-Info-500, #50a5f1);font-weight:var(--font-weight-semibold, 600)}.dp-month-cell--current{background:var(--Gray-Gray-100, #e6eaf2)}.dp-year-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px}.dp-year-cell{padding:10px 4px;font-size:var(--font-size-s, 14px);font-family:var(--font-family-01, 'Inter', sans-serif);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-700, #32394d);background:transparent;border:1px solid transparent;border-radius:var(--Border-2, 8px);cursor:pointer;text-align:center;transition:background 0.15s, border-color 0.15s}.dp-year-cell:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-year-cell--selected{border-color:var(--Info-Info-500, #50a5f1);font-weight:var(--font-weight-semibold, 600)}.dp-year-cell--current{background:var(--Gray-Gray-100, #e6eaf2)}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Size-4, 16px);padding-bottom:var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.dp-nav__btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background 0.15s}.dp-nav__btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-nav__title{background:none;border:none;font-size:var(--font-size-s, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);display:flex;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--Border-1, 4px);font-family:var(--font-family-01, 'Inter', sans-serif);transition:background 0.15s}.dp-nav__title:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-grid{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:6px;column-gap:2px}.dp-day-header{font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);text-align:center;padding:6px 0;font-weight:var(--font-weight-bold, 700)}.dp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 12px);font-family:var(--font-family-01, 'Inter', sans-serif);border:none;cursor:pointer;background:transparent;color:var(--Gray-Gray-600, #475066);width:100%;position:relative;z-index:1;padding:0}.dp-cell::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;transition:background 0.15s;z-index:-1;background:transparent}.dp-cell::before{content:"";position:absolute;top:0;bottom:0;z-index:-2;background:transparent}.dp-cell:hover:not(:disabled)::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--other-month{color:var(--Gray-Gray-300, #a0a9c0)}.dp-cell--today{font-weight:var(--font-weight-bold, 700)}.dp-cell--today::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--selected{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--selected::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--range-start,.dp-cell--range-end{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--range-start::after,.dp-cell--range-end::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--in-range{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-cell--in-range::before{left:-1px;right:-1px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start::before{left:50%;right:-1px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-end::before{left:-1px;right:50%;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start.dp-cell--range-end::before{background:transparent}.dp-cell--disabled{opacity:0.35;cursor:not-allowed}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.skeleton{height:40px;width:100%;border-radius:8px;animation:shimmer 1s linear infinite;background:linear-gradient(to right, #f5f6f8 8%, #e3e7ef 28%, #f5f6f8 77%);background-size:800px 104px}`;
 const MONTHS_ES = [
     'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',

package/dist/dropi-ui/dropi-date-picker-range.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dropi-date-picker-range.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-date-picker-range/dropi-date-picker-range.css?tag=dropi-date-picker-range&encapsulation=shadow","src/components/dropi-date-picker-range/dropi-date-picker-range.tsx"],"sourcesContent":[":host { display: block; width: 100%; position: relative; }\n, ::before, ::after { box-sizing: border-box; }\n\n/ Label /\n.dpr-label {\n display: block;\n font-size: var(--font-size-xs, 10px);\n font-weight: var(--font-weight-regular, 400);\n color: var(--Gray-Gray-600, #475066);\n margin-bottom: 8px;\n}\n\n/ Trigger /\n.dpr-trigger {\n width: 100%;\n height: 40px;\n display: flex;\n align-items: center;\n gap: var(--Size-2, 8px);\n padding: 0 var(--Size-3, 12px);\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n border-radius: var(--Border-2, 8px);\n background: var(--Neutral-White, #ffffff);\n cursor: pointer;\n font-family: inherit;\n transition: border-color 0.2s;\n}\n.dpr-trigger:hover:not(:disabled) { border-color: var(--Info-Info-500, #50a5f1); }\n.dpr-trigger--disabled { background: var(--Gray-Gray-50, #f7f8fa); cursor: not-allowed; opacity: 0.6; }\n\n.dpr-trigger__value {\n flex: 1;\n text-align: left;\n font-size: var(--font-size-xs, 12px);\n color: var(--Gray-Gray-700, #32394d);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.dpr-trigger__placeholder { color: var(--Gray-Gray-400, #858ea6); }\n\n/ Popup /\n.dpr-popup {\n position: absolute;\n top: calc(100% + 8px);\n left: 0;\n display: flex;\n flex-direction: row;\n background: var(--Neutral-White, #ffffff);\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n border-radius: var(--Border-3, 12px);\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n z-index: 300;\n overflow: hidden;\n}\n\n/ Calendar section /\n.dpr-calendar {\n padding: var(--Size-4, 16px);\n width: 300px;\n flex-shrink: 0;\n}\n\n/ Vertical divider /\n.dpr-divider {\n width: 1px;\n background: var(--Gray-Gray-100, #e6eaf2);\n flex-shrink: 0;\n}\n\n/ Shortcuts section /\n.dpr-shortcuts {\n padding: var(--Size-4, 16px) var(--Size-3, 12px);\n display: flex;\n flex-direction: column;\n gap: 2px;\n min-width: 140px;\n}\n\n.shortcut-btn {\n background: transparent;\n border: 1px solid transparent;\n padding: 6px 10px;\n font-size: 13px;\n font-family: inherit;\n color: var(--Gray-Gray-700, #32394d);\n cursor: pointer;\n text-align: left;\n border-radius: 6px;\n transition: background 0.1s ease;\n font-weight: var(--font-weight-regular);\n white-space: nowrap;\n}\n.shortcut-btn:hover {\n background: var(--Gray-Gray-50, #f5f6f8);\n}\n.shortcut-btn--active {\n border-color: var(--Gray-Gray-200, #c3c9d9);\n font-weight: var(--font-weight-semibold);\n background: var(--Gray-Gray-50, #f5f6f8);\n}\n\n/ Warning /\n.warning-box {\n margin-top: 8px;\n padding: 4px 8px;\n border: 1px solid var(--Warning-Warning-400);\n border-radius: 4px;\n background: var(--Warning-Warning-50);\n}\n.warning-message {\n color: #495057;\n font-size: var(--font-size-xxs);\n line-height: 16px;\n}\n\n/ ── Calendar styles (copied from dropi-date-picker) ── /\n\n/ Month grid /\n.dp-month-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 8px;\n}\n.dp-month-cell {\n padding: 10px 4px;\n font-size: var(--font-size-s, 14px);\n font-family: inherit;\n font-weight: var(--font-weight-regular, 400);\n color: var(--Gray-Gray-700, #32394d);\n background: transparent;\n border: 1px solid transparent;\n border-radius: var(--Border-2, 8px);\n cursor: pointer;\n text-align: center;\n transition: background 0.15s, border-color 0.15s;\n}\n.dp-month-cell:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n.dp-month-cell--selected { border-color: var(--Info-Info-500, #50a5f1); font-weight: var(--font-weight-semibold, 600); }\n.dp-month-cell--current { background: var(--Gray-Gray-100, #e6eaf2); }\n\n/ Year grid /\n.dp-year-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 8px;\n}\n.dp-year-cell {\n padding: 10px 4px;\n font-size: var(--font-size-s, 14px);\n font-family: inherit;\n font-weight: var(--font-weight-regular, 400);\n color: var(--Gray-Gray-700, #32394d);\n background: transparent;\n border: 1px solid transparent;\n border-radius: var(--Border-2, 8px);\n cursor: pointer;\n text-align: center;\n transition: background 0.15s, border-color 0.15s;\n}\n.dp-year-cell:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n.dp-year-cell--selected { border-color: var(--Info-Info-500, #50a5f1); font-weight: var(--font-weight-semibold, 600); }\n.dp-year-cell--current { background: var(--Gray-Gray-100, #e6eaf2); }\n\n.dp-nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: var(--Size-4, 16px);\n padding-bottom: var(--Size-3, 12px);\n border-bottom: 1px solid var(--Gray-Gray-100, #e6eaf2);\n}\n.dp-nav__btn {\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n transition: background 0.15s;\n}\n.dp-nav__btn:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n.dp-nav__title {\n background: none;\n border: none;\n font-size: var(--font-size-s, 14px);\n font-weight: var(--font-weight-bold, 700);\n color: var(--Gray-Gray-700, #32394d);\n display: flex;\n gap: 8px;\n cursor: pointer;\n padding: 4px 8px;\n border-radius: var(--Border-1, 4px);\n font-family: inherit;\n transition: background 0.15s;\n}\n.dp-nav__title:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n\n.dp-grid {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n row-gap: 6px;\n column-gap: 2px;\n}\n.dp-day-header {\n font-size: var(--font-size-s, 14px);\n color: var(--Gray-Gray-700, #32394d);\n text-align: center;\n padding: 6px 0;\n font-weight: var(--font-weight-bold, 700);\n}\n\n.dp-cell {\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size-xs, 12px);\n font-family: inherit;\n border: none;\n cursor: pointer;\n background: transparent;\n color: var(--Gray-Gray-600, #475066);\n width: 100%;\n position: relative;\n z-index: 1;\n padding: 0;\n}\n.dp-cell::after {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n border-radius: 50%;\n transition: background 0.15s;\n z-index: -1;\n background: transparent;\n}\n.dp-cell::before {\n content: \"\";\n position: absolute;\n top: 0; bottom: 0;\n z-index: -2;\n background: transparent;\n}\n\n.dp-cell:hover:not(:disabled)::after { background: var(--Gray-Gray-100, #e6eaf2); }\n.dp-cell--other-month { color: var(--Gray-Gray-300, #a0a9c0); }\n.dp-cell--today { font-weight: var(--font-weight-bold, 700); }\n.dp-cell--today::after { background: var(--Gray-Gray-100, #e6eaf2); }\n\n.dp-cell--selected { color: var(--Neutral-White, #ffffff); font-weight: var(--font-weight-bold, 700); }\n.dp-cell--selected::after { background: var(--Orange-orange-500, #f49a3d) !important; }\n\n.dp-cell--range-start, .dp-cell--range-end {\n color: var(--Neutral-White, #ffffff);\n font-weight: var(--font-weight-bold, 700);\n}\n.dp-cell--range-start::after, .dp-cell--range-end::after {\n background: var(--Orange-orange-500, #f49a3d) !important;\n}\n\n.dp-cell--in-range { color: var(--Orange-orange-500, #f49a3d); font-weight: var(--font-weight-bold, 700); }\n.dp-cell--in-range::before { left: -1px; right: -1px; background: var(--Orange-orange-50, #fef5ec); }\n.dp-cell--range-start::before { left: 50%; right: -1px; background: var(--Orange-orange-50, #fef5ec); }\n.dp-cell--range-end::before { left: -1px; right: 50%; background: var(--Orange-orange-50, #fef5ec); }\n.dp-cell--range-start.dp-cell--range-end::before { background: transparent; }\n.dp-cell--disabled { opacity: 0.35; cursor: not-allowed; }\n\n/ Skeleton /\n@keyframes shimmer {\n 0% { background-position: -468px 0; }\n 100% { background-position: 468px 0; }\n}\n.skeleton {\n height: 40px;\n width: 100%;\n border-radius: 8px;\n animation: shimmer 1s linear infinite;\n background: linear-gradient(to right, #f5f6f8 8%, #e3e7ef 28%, #f5f6f8 77%);\n background-size: 800px 104px;\n}\n","import { Component, Prop, Event, EventEmitter, State, Watch, h, Element, Listen } from '@stencil/core';\n\nexport interface DateRange {\n start: string;\n end: string;\n}\n\nconst MONTHS_ES = [\n 'Enero','Febrero','Marzo','Abril','Mayo','Junio',\n 'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre',\n];\nconst MONTHS_SHORT = ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'];\nconst DAYS_ES = ['Do','Lu','Ma','Mi','Ju','Vi','Sa'];\n\n/\n @component dropi-date-picker-range\n * Date range picker with calendar popup and shortcut panel.\n \n @example\n * <dropi-date-picker-range></dropi-date-picker-range>\n /\n@Component({\n tag: 'dropi-date-picker-range',\n styleUrl: 'dropi-date-picker-range.css',\n shadow: true,\n})\nexport class DropiDatePickerRange {\n /* Start date (YYYY-MM-DD) /\n @Prop({ mutable: true }) startDate: string = '';\n /* End date (YYYY-MM-DD) /\n @Prop({ mutable: true }) endDate: string = '';\n /* Show \"Rango de fechas\" label /\n @Prop() showLabel: boolean = true;\n /* Input placeholder /\n @Prop() placeholder: string = 'DD/MM/YYYY – DD/MM/YYYY';\n /* Show loading skeleton /\n @Prop() loading: boolean = false;\n /* Max allowed range in days (0 = unlimited) /\n @Prop() maxDaysRange: number = 0;\n /* Hide \"Hoy\" shortcut /\n @Prop() hideTodayRangeShortcut: boolean = false;\n /* Disabled state /\n @Prop() disabled: boolean = false;\n\n @Event() startDateChange: EventEmitter<string>;\n @Event() endDateChange: EventEmitter<string>;\n @Event() dropiRangeChange: EventEmitter<DateRange>;\n\n @State() private start: string = '';\n @State() private end: string = '';\n @State() private activeRange: number = -1;\n @State() private showWarning: boolean = false;\n @State() private open: boolean = false;\n @State() private viewYear: number = new Date().getFullYear();\n @State() private viewMonth: number = new Date().getMonth();\n @State() private hoverDate: string = '';\n @State() private viewMode: 'day' \| 'month' \| 'year' = 'day';\n\n @Element() el!: HTMLElement;\n\n @Watch('startDate')\n onStartPropChange(val: string) { this.start = val; }\n\n @Watch('endDate')\n onEndPropChange(val: string) { this.end = val; }\n\n @Listen('click', { target: 'document' })\n handleDocClick(e: MouseEvent) {\n if (this.open && !e.composedPath().includes(this.el)) {\n this.open = false;\n }\n }\n\n componentWillLoad() {\n this.start = this.startDate;\n this.end = this.endDate;\n }\n\n private get today(): string {\n return new Date().toISOString().split('T')[0];\n }\n\n private daysAgo(n: number): string {\n const d = new Date();\n d.setDate(d.getDate() - n);\n return d.toISOString().split('T')[0];\n }\n\n private get shortcuts() {\n const all = [\n { label: 'Hoy', start: this.today, end: this.today },\n { label: 'Últimos 7 días', start: this.daysAgo(6), end: this.today },\n { label: 'Últimos 15 días', start: this.daysAgo(14), end: this.today },\n { label: 'Últimos 30 días', start: this.daysAgo(29), end: this.today },\n { label: 'Últimos 90 días', start: this.daysAgo(89), end: this.today },\n ];\n return this.hideTodayRangeShortcut ? all.slice(1) : all;\n }\n\n private get displayValue(): string {\n const fmt = (s: string) => s.split('-').reverse().join('/');\n if (this.start && this.end) return `${fmt(this.start)} – ${fmt(this.end)}`;\n if (this.start) return fmt(this.start);\n return '';\n }\n\n private toggleOpen() {\n if (this.disabled) return;\n if (!this.open && this.start) {\n const d = new Date(this.start);\n this.viewYear = d.getFullYear();\n this.viewMonth = d.getMonth();\n }\n this.viewMode = 'day';\n this.open = !this.open;\n }\n\n private get decadeStart(): number {\n return Math.floor(this.viewYear / 10) 10;\n }\n\n private get navTitle(): string {\n if (this.viewMode === 'day') return `${MONTHS_ES[this.viewMonth]} ${this.viewYear}`;\n if (this.viewMode === 'month') return `${this.viewYear}`;\n return `${this.decadeStart}-${this.decadeStart + 9}`;\n }\n\n private cycleView() {\n if (this.viewMode === 'day') this.viewMode = 'month';\n else if (this.viewMode === 'month') this.viewMode = 'year';\n }\n\n private prevNav() {\n if (this.viewMode === 'day') {\n if (this.viewMonth === 0) { this.viewMonth = 11; this.viewYear--; }\n else this.viewMonth--;\n } else if (this.viewMode === 'month') {\n this.viewYear--;\n } else {\n this.viewYear = this.decadeStart - 10;\n }\n }\n\n private nextNav() {\n if (this.viewMode === 'day') {\n if (this.viewMonth === 11) { this.viewMonth = 0; this.viewYear++; }\n else this.viewMonth++;\n } else if (this.viewMode === 'month') {\n this.viewYear++;\n } else {\n this.viewYear = this.decadeStart + 10;\n }\n }\n\n private selectMonth(month: number) {\n this.viewMonth = month;\n this.viewMode = 'day';\n }\n\n private selectYear(year: number) {\n this.viewYear = year;\n this.viewMode = 'month';\n }\n\n private toISO(year: number, month: number, day: number): string {\n return `${year}-${String(month + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;\n }\n\n private isInRange(iso: string): boolean {\n const end = this.end \|\| this.hoverDate;\n if (!this.start \|\| !end) return false;\n const [s, e] = this.start <= end ? [this.start, end] : [end, this.start];\n return iso > s && iso < e;\n }\n\n private selectDate(iso: string) {\n if (!this.start \|\| (this.start && this.end)) {\n this.start = iso;\n this.end = '';\n this.activeRange = -1;\n this.showWarning = false;\n } else {\n if (iso < this.start) {\n this.end = this.start;\n this.start = iso;\n } else {\n this.end = iso;\n }\n this.activeRange = -1;\n if (this.maxDaysRange > 0) {\n const diff = (new Date(this.end).getTime() - new Date(this.start).getTime()) / 86400000;\n this.showWarning = diff > this.maxDaysRange;\n if (this.showWarning) return;\n }\n this.open = false;\n this.emit();\n }\n }\n\n private selectShortcut(idx: number) {\n const s = this.shortcuts[idx];\n this.start = s.start;\n this.end = s.end;\n this.activeRange = idx;\n this.showWarning = false;\n this.open = false;\n this.emit();\n }\n\n private emit() {\n this.startDateChange.emit(this.start);\n this.endDateChange.emit(this.end);\n this.dropiRangeChange.emit({ start: this.start, end: this.end });\n }\n\n private buildDays(): Array<{ iso: string; day: number; currentMonth: boolean }> {\n const year = this.viewYear;\n const month = this.viewMonth;\n const firstDay = new Date(year, month, 1).getDay();\n const daysInMonth = new Date(year, month + 1, 0).getDate();\n const daysInPrevMonth = new Date(year, month, 0).getDate();\n const cells: Array<{ iso: string; day: number; currentMonth: boolean }> = [];\n\n for (let i = firstDay - 1; i >= 0; i--) {\n const d = daysInPrevMonth - i;\n const m = month === 0 ? 11 : month - 1;\n const y = month === 0 ? year - 1 : year;\n cells.push({ iso: this.toISO(y, m, d), day: d, currentMonth: false });\n }\n for (let d = 1; d <= daysInMonth; d++) {\n cells.push({ iso: this.toISO(year, month, d), day: d, currentMonth: true });\n }\n const remaining = 42 - cells.length;\n for (let d = 1; d <= remaining; d++) {\n const m = month === 11 ? 0 : month + 1;\n const y = month === 11 ? year + 1 : year;\n cells.push({ iso: this.toISO(y, m, d), day: d, currentMonth: false });\n }\n return cells;\n }\n\n private renderDayView(today: string) {\n const days = this.buildDays();\n return (\n <div class=\"dp-grid\">\n {DAYS_ES.map(d => <div class=\"dp-day-header\">{d}</div>)}\n {days.map(({ iso, day, currentMonth }) => {\n const isStart = iso === this.start;\n const isEnd = iso === this.end;\n const inRange = this.isInRange(iso);\n const isToday = iso === today;\n return (\n <button\n class={{\n 'dp-cell': true,\n 'dp-cell--other-month': !currentMonth,\n 'dp-cell--today': isToday && !isStart && !isEnd,\n 'dp-cell--selected': isStart \|\| isEnd,\n 'dp-cell--range-start': isStart,\n 'dp-cell--range-end': isEnd,\n 'dp-cell--in-range': inRange,\n }}\n type=\"button\"\n onClick={() => this.selectDate(iso)}\n onMouseEnter={() => { if (this.start && !this.end) this.hoverDate = iso; }}\n onMouseLeave={() => this.hoverDate = ''}\n >\n {day}\n </button>\n );\n })}\n </div>\n );\n }\n\n private renderMonthView() {\n const todayMonth = new Date().getMonth();\n const todayYear = new Date().getFullYear();\n return (\n <div class=\"dp-month-grid\">\n {MONTHS_SHORT.map((name, idx) => {\n const isSelected = idx === this.viewMonth;\n const isCurrent = idx === todayMonth && this.viewYear === todayYear;\n return (\n <button\n class={{\n 'dp-month-cell': true,\n 'dp-month-cell--selected': isSelected,\n 'dp-month-cell--current': isCurrent && !isSelected,\n }}\n type=\"button\"\n onClick={() => this.selectMonth(idx)}\n >\n {name}\n </button>\n );\n })}\n </div>\n );\n }\n\n private renderYearView() {\n const currentYear = new Date().getFullYear();\n const start = this.decadeStart;\n const years = Array.from({ length: 10 }, (_, i) => start + i);\n return (\n <div class=\"dp-year-grid\">\n {years.map(year => {\n const isSelected = year === this.viewYear;\n const isCurrent = year === currentYear;\n return (\n <button\n class={{\n 'dp-year-cell': true,\n 'dp-year-cell--selected': isSelected,\n 'dp-year-cell--current': isCurrent && !isSelected,\n }}\n type=\"button\"\n onClick={() => this.selectYear(year)}\n >\n {year}\n </button>\n );\n })}\n </div>\n );\n }\n\n render() {\n if (this.loading) return <div class=\"skeleton\" />;\n\n const today = this.today;\n\n return (\n <div class=\"dpr-wrap\">\n {this.showLabel && <label class=\"dpr-label\">Rango de fechas</label>}\n\n <button\n class={{ 'dpr-trigger': true, 'dpr-trigger--disabled': this.disabled }}\n onClick={() => this.toggleOpen()}\n disabled={this.disabled}\n type=\"button\"\n >\n <dropi-icon name=\"Calendar\" iconWidth=\"16px\" iconHeight=\"16px\" color=\"Gray-Gray-400\" />\n <span class={{ 'dpr-trigger__value': true, 'dpr-trigger__placeholder': !this.displayValue }}>\n {this.displayValue \|\| this.placeholder}\n </span>\n </button>\n\n {this.open && (\n <div class=\"dpr-popup\">\n\n {/* LEFT — Calendar /}\n <div class=\"dpr-calendar\">\n <div class=\"dp-nav\">\n <button class=\"dp-nav__btn\" onClick={() => this.prevNav()} type=\"button\">\n <dropi-icon name=\"dropdown-left\" iconWidth=\"16px\" iconHeight=\"16px\" color=\"Gray-Gray-600\" />\n </button>\n <button class=\"dp-nav__title\" onClick={() => this.cycleView()} type=\"button\">\n {this.viewMode === 'day'\n ? [<span>{MONTHS_ES[this.viewMonth]}</span>, <span>{this.viewYear}</span>]\n : <span>{this.navTitle}</span>\n }\n </button>\n <button class=\"dp-nav__btn\" onClick={() => this.nextNav()} type=\"button\">\n <dropi-icon name=\"dropdown-right\" iconWidth=\"16px\" iconHeight=\"16px\" color=\"Gray-Gray-600\" />\n </button>\n </div>\n\n {this.viewMode === 'day' && this.renderDayView(today)}\n {this.viewMode === 'month' && this.renderMonthView()}\n {this.viewMode === 'year' && this.renderYearView()}\n\n {this.showWarning && (\n <div class=\"warning-box\">\n <span class=\"warning-message\">\n Solo puedes filtrar en un rango máximo de {this.maxDaysRange} días.\n </span>\n </div>\n )}\n </div>\n\n {/ Divider /}\n <div class=\"dpr-divider\" />\n\n {/ RIGHT — Shortcuts */}\n <div class=\"dpr-shortcuts\">\n {this.shortcuts.map((s, i) => (\n <button\n key={i}\n class={{ 'shortcut-btn': true, 'shortcut-btn--active': this.activeRange === i }}\n onClick={() => this.selectShortcut(i)}\n type=\"button\"\n >\n {s.label}\n </button>\n ))}\n </div>\n\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"dropi-date-picker-range.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-date-picker-range/dropi-date-picker-range.css?tag=dropi-date-picker-range&encapsulation=shadow","src/components/dropi-date-picker-range/dropi-date-picker-range.tsx"],"sourcesContent":[":host { display: block; width: 100%; position: relative; }\nbutton, input, select, textarea { font-family: var(--font-family-01, 'Inter', sans-serif); }\n, ::before, ::after { box-sizing: border-box; }\n\n/ Label /\n.dpr-label {\n display: block;\n font-size: var(--font-size-xs, 10px);\n font-weight: var(--font-weight-regular, 400);\n color: var(--Gray-Gray-600, #475066);\n margin-bottom: 8px;\n}\n\n/ Trigger /\n.dpr-trigger {\n width: 100%;\n height: 40px;\n display: flex;\n align-items: center;\n gap: var(--Size-2, 8px);\n padding: 0 var(--Size-3, 12px);\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n border-radius: var(--Border-2, 8px);\n background: var(--Neutral-White, #ffffff);\n cursor: pointer;\n font-family: var(--font-family-01, 'Inter', sans-serif);\n transition: border-color 0.2s;\n}\n.dpr-trigger:hover:not(:disabled) { border-color: var(--Info-Info-500, #50a5f1); }\n.dpr-trigger--disabled { background: var(--Gray-Gray-50, #f7f8fa); cursor: not-allowed; opacity: 0.6; }\n\n.dpr-trigger__value {\n flex: 1;\n text-align: left;\n font-size: var(--font-size-xs, 12px);\n color: var(--Gray-Gray-700, #32394d);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.dpr-trigger__placeholder { color: var(--Gray-Gray-400, #858ea6); }\n\n/ Popup /\n.dpr-popup {\n position: absolute;\n top: calc(100% + 8px);\n left: 0;\n display: flex;\n flex-direction: row;\n background: var(--Neutral-White, #ffffff);\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n border-radius: var(--Border-3, 12px);\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n z-index: 300;\n overflow: hidden;\n}\n\n/ Calendar section /\n.dpr-calendar {\n padding: var(--Size-4, 16px);\n width: 300px;\n flex-shrink: 0;\n}\n\n/ Vertical divider /\n.dpr-divider {\n width: 1px;\n background: var(--Gray-Gray-100, #e6eaf2);\n flex-shrink: 0;\n}\n\n/ Shortcuts section /\n.dpr-shortcuts {\n padding: var(--Size-4, 16px) var(--Size-3, 12px);\n display: flex;\n flex-direction: column;\n gap: 2px;\n min-width: 140px;\n}\n\n.shortcut-btn {\n background: transparent;\n border: 1px solid transparent;\n padding: 6px 10px;\n font-size: 13px;\n font-family: var(--font-family-01, 'Inter', sans-serif);\n color: var(--Gray-Gray-700, #32394d);\n cursor: pointer;\n text-align: left;\n border-radius: 6px;\n transition: background 0.1s ease;\n font-weight: var(--font-weight-regular);\n white-space: nowrap;\n}\n.shortcut-btn:hover {\n background: var(--Gray-Gray-50, #f5f6f8);\n}\n.shortcut-btn--active {\n border-color: var(--Gray-Gray-200, #c3c9d9);\n font-weight: var(--font-weight-semibold);\n background: var(--Gray-Gray-50, #f5f6f8);\n}\n\n/ Warning /\n.warning-box {\n margin-top: 8px;\n padding: 4px 8px;\n border: 1px solid var(--Warning-Warning-400);\n border-radius: 4px;\n background: var(--Warning-Warning-50);\n}\n.warning-message {\n color: #495057;\n font-size: var(--font-size-xxs);\n line-height: 16px;\n}\n\n/ ── Calendar styles (copied from dropi-date-picker) ── /\n\n/ Month grid /\n.dp-month-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 8px;\n}\n.dp-month-cell {\n padding: 10px 4px;\n font-size: var(--font-size-s, 14px);\n font-family: var(--font-family-01, 'Inter', sans-serif);\n font-weight: var(--font-weight-regular, 400);\n color: var(--Gray-Gray-700, #32394d);\n background: transparent;\n border: 1px solid transparent;\n border-radius: var(--Border-2, 8px);\n cursor: pointer;\n text-align: center;\n transition: background 0.15s, border-color 0.15s;\n}\n.dp-month-cell:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n.dp-month-cell--selected { border-color: var(--Info-Info-500, #50a5f1); font-weight: var(--font-weight-semibold, 600); }\n.dp-month-cell--current { background: var(--Gray-Gray-100, #e6eaf2); }\n\n/ Year grid /\n.dp-year-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 8px;\n}\n.dp-year-cell {\n padding: 10px 4px;\n font-size: var(--font-size-s, 14px);\n font-family: var(--font-family-01, 'Inter', sans-serif);\n font-weight: var(--font-weight-regular, 400);\n color: var(--Gray-Gray-700, #32394d);\n background: transparent;\n border: 1px solid transparent;\n border-radius: var(--Border-2, 8px);\n cursor: pointer;\n text-align: center;\n transition: background 0.15s, border-color 0.15s;\n}\n.dp-year-cell:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n.dp-year-cell--selected { border-color: var(--Info-Info-500, #50a5f1); font-weight: var(--font-weight-semibold, 600); }\n.dp-year-cell--current { background: var(--Gray-Gray-100, #e6eaf2); }\n\n.dp-nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: var(--Size-4, 16px);\n padding-bottom: var(--Size-3, 12px);\n border-bottom: 1px solid var(--Gray-Gray-100, #e6eaf2);\n}\n.dp-nav__btn {\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n transition: background 0.15s;\n}\n.dp-nav__btn:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n.dp-nav__title {\n background: none;\n border: none;\n font-size: var(--font-size-s, 14px);\n font-weight: var(--font-weight-bold, 700);\n color: var(--Gray-Gray-700, #32394d);\n display: flex;\n gap: 8px;\n cursor: pointer;\n padding: 4px 8px;\n border-radius: var(--Border-1, 4px);\n font-family: var(--font-family-01, 'Inter', sans-serif);\n transition: background 0.15s;\n}\n.dp-nav__title:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n\n.dp-grid {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n row-gap: 6px;\n column-gap: 2px;\n}\n.dp-day-header {\n font-size: var(--font-size-s, 14px);\n color: var(--Gray-Gray-700, #32394d);\n text-align: center;\n padding: 6px 0;\n font-weight: var(--font-weight-bold, 700);\n}\n\n.dp-cell {\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size-xs, 12px);\n font-family: var(--font-family-01, 'Inter', sans-serif);\n border: none;\n cursor: pointer;\n background: transparent;\n color: var(--Gray-Gray-600, #475066);\n width: 100%;\n position: relative;\n z-index: 1;\n padding: 0;\n}\n.dp-cell::after {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n border-radius: 50%;\n transition: background 0.15s;\n z-index: -1;\n background: transparent;\n}\n.dp-cell::before {\n content: \"\";\n position: absolute;\n top: 0; bottom: 0;\n z-index: -2;\n background: transparent;\n}\n\n.dp-cell:hover:not(:disabled)::after { background: var(--Gray-Gray-100, #e6eaf2); }\n.dp-cell--other-month { color: var(--Gray-Gray-300, #a0a9c0); }\n.dp-cell--today { font-weight: var(--font-weight-bold, 700); }\n.dp-cell--today::after { background: var(--Gray-Gray-100, #e6eaf2); }\n\n.dp-cell--selected { color: var(--Neutral-White, #ffffff); font-weight: var(--font-weight-bold, 700); }\n.dp-cell--selected::after { background: var(--Orange-orange-500, #f49a3d) !important; }\n\n.dp-cell--range-start, .dp-cell--range-end {\n color: var(--Neutral-White, #ffffff);\n font-weight: var(--font-weight-bold, 700);\n}\n.dp-cell--range-start::after, .dp-cell--range-end::after {\n background: var(--Orange-orange-500, #f49a3d) !important;\n}\n\n.dp-cell--in-range { color: var(--Orange-orange-500, #f49a3d); font-weight: var(--font-weight-bold, 700); }\n.dp-cell--in-range::before { left: -1px; right: -1px; background: var(--Orange-orange-50, #fef5ec); }\n.dp-cell--range-start::before { left: 50%; right: -1px; background: var(--Orange-orange-50, #fef5ec); }\n.dp-cell--range-end::before { left: -1px; right: 50%; background: var(--Orange-orange-50, #fef5ec); }\n.dp-cell--range-start.dp-cell--range-end::before { background: transparent; }\n.dp-cell--disabled { opacity: 0.35; cursor: not-allowed; }\n\n/ Skeleton /\n@keyframes shimmer {\n 0% { background-position: -468px 0; }\n 100% { background-position: 468px 0; }\n}\n.skeleton {\n height: 40px;\n width: 100%;\n border-radius: 8px;\n animation: shimmer 1s linear infinite;\n background: linear-gradient(to right, #f5f6f8 8%, #e3e7ef 28%, #f5f6f8 77%);\n background-size: 800px 104px;\n}\n","import { Component, Prop, Event, EventEmitter, State, Watch, h, Element, Listen } from '@stencil/core';\n\nexport interface DateRange {\n start: string;\n end: string;\n}\n\nconst MONTHS_ES = [\n 'Enero','Febrero','Marzo','Abril','Mayo','Junio',\n 'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre',\n];\nconst MONTHS_SHORT = ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'];\nconst DAYS_ES = ['Do','Lu','Ma','Mi','Ju','Vi','Sa'];\n\n/\n @component dropi-date-picker-range\n * Date range picker with calendar popup and shortcut panel.\n \n @example\n * <dropi-date-picker-range></dropi-date-picker-range>\n /\n@Component({\n tag: 'dropi-date-picker-range',\n styleUrl: 'dropi-date-picker-range.css',\n shadow: true,\n})\nexport class DropiDatePickerRange {\n /* Start date (YYYY-MM-DD) /\n @Prop({ mutable: true }) startDate: string = '';\n /* End date (YYYY-MM-DD) /\n @Prop({ mutable: true }) endDate: string = '';\n /* Show \"Rango de fechas\" label /\n @Prop() showLabel: boolean = true;\n /* Input placeholder /\n @Prop() placeholder: string = 'DD/MM/YYYY – DD/MM/YYYY';\n /* Show loading skeleton /\n @Prop() loading: boolean = false;\n /* Max allowed range in days (0 = unlimited) /\n @Prop() maxDaysRange: number = 0;\n /* Hide \"Hoy\" shortcut /\n @Prop() hideTodayRangeShortcut: boolean = false;\n /* Disabled state /\n @Prop() disabled: boolean = false;\n\n @Event() startDateChange: EventEmitter<string>;\n @Event() endDateChange: EventEmitter<string>;\n @Event() dropiRangeChange: EventEmitter<DateRange>;\n\n @State() private start: string = '';\n @State() private end: string = '';\n @State() private activeRange: number = -1;\n @State() private showWarning: boolean = false;\n @State() private open: boolean = false;\n @State() private viewYear: number = new Date().getFullYear();\n @State() private viewMonth: number = new Date().getMonth();\n @State() private hoverDate: string = '';\n @State() private viewMode: 'day' \| 'month' \| 'year' = 'day';\n\n @Element() el!: HTMLElement;\n\n @Watch('startDate')\n onStartPropChange(val: string) { this.start = val; }\n\n @Watch('endDate')\n onEndPropChange(val: string) { this.end = val; }\n\n @Listen('click', { target: 'document' })\n handleDocClick(e: MouseEvent) {\n if (this.open && !e.composedPath().includes(this.el)) {\n this.open = false;\n }\n }\n\n componentWillLoad() {\n this.start = this.startDate;\n this.end = this.endDate;\n }\n\n private get today(): string {\n return new Date().toISOString().split('T')[0];\n }\n\n private daysAgo(n: number): string {\n const d = new Date();\n d.setDate(d.getDate() - n);\n return d.toISOString().split('T')[0];\n }\n\n private get shortcuts() {\n const all = [\n { label: 'Hoy', start: this.today, end: this.today },\n { label: 'Últimos 7 días', start: this.daysAgo(6), end: this.today },\n { label: 'Últimos 15 días', start: this.daysAgo(14), end: this.today },\n { label: 'Últimos 30 días', start: this.daysAgo(29), end: this.today },\n { label: 'Últimos 90 días', start: this.daysAgo(89), end: this.today },\n ];\n return this.hideTodayRangeShortcut ? all.slice(1) : all;\n }\n\n private get displayValue(): string {\n const fmt = (s: string) => s.split('-').reverse().join('/');\n if (this.start && this.end) return `${fmt(this.start)} – ${fmt(this.end)}`;\n if (this.start) return fmt(this.start);\n return '';\n }\n\n private toggleOpen() {\n if (this.disabled) return;\n if (!this.open && this.start) {\n const d = new Date(this.start);\n this.viewYear = d.getFullYear();\n this.viewMonth = d.getMonth();\n }\n this.viewMode = 'day';\n this.open = !this.open;\n }\n\n private get decadeStart(): number {\n return Math.floor(this.viewYear / 10) 10;\n }\n\n private get navTitle(): string {\n if (this.viewMode === 'day') return `${MONTHS_ES[this.viewMonth]} ${this.viewYear}`;\n if (this.viewMode === 'month') return `${this.viewYear}`;\n return `${this.decadeStart}-${this.decadeStart + 9}`;\n }\n\n private cycleView() {\n if (this.viewMode === 'day') this.viewMode = 'month';\n else if (this.viewMode === 'month') this.viewMode = 'year';\n }\n\n private prevNav() {\n if (this.viewMode === 'day') {\n if (this.viewMonth === 0) { this.viewMonth = 11; this.viewYear--; }\n else this.viewMonth--;\n } else if (this.viewMode === 'month') {\n this.viewYear--;\n } else {\n this.viewYear = this.decadeStart - 10;\n }\n }\n\n private nextNav() {\n if (this.viewMode === 'day') {\n if (this.viewMonth === 11) { this.viewMonth = 0; this.viewYear++; }\n else this.viewMonth++;\n } else if (this.viewMode === 'month') {\n this.viewYear++;\n } else {\n this.viewYear = this.decadeStart + 10;\n }\n }\n\n private selectMonth(month: number) {\n this.viewMonth = month;\n this.viewMode = 'day';\n }\n\n private selectYear(year: number) {\n this.viewYear = year;\n this.viewMode = 'month';\n }\n\n private toISO(year: number, month: number, day: number): string {\n return `${year}-${String(month + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;\n }\n\n private isInRange(iso: string): boolean {\n const end = this.end \|\| this.hoverDate;\n if (!this.start \|\| !end) return false;\n const [s, e] = this.start <= end ? [this.start, end] : [end, this.start];\n return iso > s && iso < e;\n }\n\n private selectDate(iso: string) {\n if (!this.start \|\| (this.start && this.end)) {\n this.start = iso;\n this.end = '';\n this.activeRange = -1;\n this.showWarning = false;\n } else {\n if (iso < this.start) {\n this.end = this.start;\n this.start = iso;\n } else {\n this.end = iso;\n }\n this.activeRange = -1;\n if (this.maxDaysRange > 0) {\n const diff = (new Date(this.end).getTime() - new Date(this.start).getTime()) / 86400000;\n this.showWarning = diff > this.maxDaysRange;\n if (this.showWarning) return;\n }\n this.open = false;\n this.emit();\n }\n }\n\n private selectShortcut(idx: number) {\n const s = this.shortcuts[idx];\n this.start = s.start;\n this.end = s.end;\n this.activeRange = idx;\n this.showWarning = false;\n this.open = false;\n this.emit();\n }\n\n private emit() {\n this.startDateChange.emit(this.start);\n this.endDateChange.emit(this.end);\n this.dropiRangeChange.emit({ start: this.start, end: this.end });\n }\n\n private buildDays(): Array<{ iso: string; day: number; currentMonth: boolean }> {\n const year = this.viewYear;\n const month = this.viewMonth;\n const firstDay = new Date(year, month, 1).getDay();\n const daysInMonth = new Date(year, month + 1, 0).getDate();\n const daysInPrevMonth = new Date(year, month, 0).getDate();\n const cells: Array<{ iso: string; day: number; currentMonth: boolean }> = [];\n\n for (let i = firstDay - 1; i >= 0; i--) {\n const d = daysInPrevMonth - i;\n const m = month === 0 ? 11 : month - 1;\n const y = month === 0 ? year - 1 : year;\n cells.push({ iso: this.toISO(y, m, d), day: d, currentMonth: false });\n }\n for (let d = 1; d <= daysInMonth; d++) {\n cells.push({ iso: this.toISO(year, month, d), day: d, currentMonth: true });\n }\n const remaining = 42 - cells.length;\n for (let d = 1; d <= remaining; d++) {\n const m = month === 11 ? 0 : month + 1;\n const y = month === 11 ? year + 1 : year;\n cells.push({ iso: this.toISO(y, m, d), day: d, currentMonth: false });\n }\n return cells;\n }\n\n private renderDayView(today: string) {\n const days = this.buildDays();\n return (\n <div class=\"dp-grid\">\n {DAYS_ES.map(d => <div class=\"dp-day-header\">{d}</div>)}\n {days.map(({ iso, day, currentMonth }) => {\n const isStart = iso === this.start;\n const isEnd = iso === this.end;\n const inRange = this.isInRange(iso);\n const isToday = iso === today;\n return (\n <button\n class={{\n 'dp-cell': true,\n 'dp-cell--other-month': !currentMonth,\n 'dp-cell--today': isToday && !isStart && !isEnd,\n 'dp-cell--selected': isStart \|\| isEnd,\n 'dp-cell--range-start': isStart,\n 'dp-cell--range-end': isEnd,\n 'dp-cell--in-range': inRange,\n }}\n type=\"button\"\n onClick={() => this.selectDate(iso)}\n onMouseEnter={() => { if (this.start && !this.end) this.hoverDate = iso; }}\n onMouseLeave={() => this.hoverDate = ''}\n >\n {day}\n </button>\n );\n })}\n </div>\n );\n }\n\n private renderMonthView() {\n const todayMonth = new Date().getMonth();\n const todayYear = new Date().getFullYear();\n return (\n <div class=\"dp-month-grid\">\n {MONTHS_SHORT.map((name, idx) => {\n const isSelected = idx === this.viewMonth;\n const isCurrent = idx === todayMonth && this.viewYear === todayYear;\n return (\n <button\n class={{\n 'dp-month-cell': true,\n 'dp-month-cell--selected': isSelected,\n 'dp-month-cell--current': isCurrent && !isSelected,\n }}\n type=\"button\"\n onClick={() => this.selectMonth(idx)}\n >\n {name}\n </button>\n );\n })}\n </div>\n );\n }\n\n private renderYearView() {\n const currentYear = new Date().getFullYear();\n const start = this.decadeStart;\n const years = Array.from({ length: 10 }, (_, i) => start + i);\n return (\n <div class=\"dp-year-grid\">\n {years.map(year => {\n const isSelected = year === this.viewYear;\n const isCurrent = year === currentYear;\n return (\n <button\n class={{\n 'dp-year-cell': true,\n 'dp-year-cell--selected': isSelected,\n 'dp-year-cell--current': isCurrent && !isSelected,\n }}\n type=\"button\"\n onClick={() => this.selectYear(year)}\n >\n {year}\n </button>\n );\n })}\n </div>\n );\n }\n\n render() {\n if (this.loading) return <div class=\"skeleton\" />;\n\n const today = this.today;\n\n return (\n <div class=\"dpr-wrap\">\n {this.showLabel && <label class=\"dpr-label\">Rango de fechas</label>}\n\n <button\n class={{ 'dpr-trigger': true, 'dpr-trigger--disabled': this.disabled }}\n onClick={() => this.toggleOpen()}\n disabled={this.disabled}\n type=\"button\"\n >\n <dropi-icon name=\"Calendar\" iconWidth=\"16px\" iconHeight=\"16px\" color=\"Gray-Gray-400\" />\n <span class={{ 'dpr-trigger__value': true, 'dpr-trigger__placeholder': !this.displayValue }}>\n {this.displayValue \|\| this.placeholder}\n </span>\n </button>\n\n {this.open && (\n <div class=\"dpr-popup\">\n\n {/* LEFT — Calendar /}\n <div class=\"dpr-calendar\">\n <div class=\"dp-nav\">\n <button class=\"dp-nav__btn\" onClick={() => this.prevNav()} type=\"button\">\n <dropi-icon name=\"dropdown-left\" iconWidth=\"16px\" iconHeight=\"16px\" color=\"Gray-Gray-600\" />\n </button>\n <button class=\"dp-nav__title\" onClick={() => this.cycleView()} type=\"button\">\n {this.viewMode === 'day'\n ? [<span>{MONTHS_ES[this.viewMonth]}</span>, <span>{this.viewYear}</span>]\n : <span>{this.navTitle}</span>\n }\n </button>\n <button class=\"dp-nav__btn\" onClick={() => this.nextNav()} type=\"button\">\n <dropi-icon name=\"dropdown-right\" iconWidth=\"16px\" iconHeight=\"16px\" color=\"Gray-Gray-600\" />\n </button>\n </div>\n\n {this.viewMode === 'day' && this.renderDayView(today)}\n {this.viewMode === 'month' && this.renderMonthView()}\n {this.viewMode === 'year' && this.renderYearView()}\n\n {this.showWarning && (\n <div class=\"warning-box\">\n <span class=\"warning-message\">\n Solo puedes filtrar en un rango máximo de {this.maxDaysRange} días.\n </span>\n </div>\n )}\n </div>\n\n {/ Divider /}\n <div class=\"dpr-divider\" />\n\n {/ RIGHT — Shortcuts */}\n <div class=\"dpr-shortcuts\">\n {this.shortcuts.map((s, i) => (\n <button\n key={i}\n class={{ 'shortcut-btn': true, 'shortcut-btn--active': this.activeRange === i }}\n onClick={() => this.selectShortcut(i)}\n type=\"button\"\n >\n {s.label}\n </button>\n ))}\n </div>\n\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-date-picker.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, d as createEvent, a as getElement, h } from './index-CPacpXAJ.js';
+import { r as registerInstance, d as createEvent, a as getElement, h } from './index-BKkSRXlb.js';
-const dropiDatePickerCss = () => `:host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.dp-label{display:block;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066);margin-bottom:8px}.dp-trigger{width:100%;height:40px;display:flex;align-items:center;gap:var(--Size-2, 8px);padding:0 var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);cursor:pointer;font-family:inherit;transition:border-color 0.2s}.dp-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.dp-trigger--disabled{background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed;opacity:0.6}.dp-trigger__value{flex:1;text-align:left;font-size:var(--font-size-xs, 12px);color:var(--Gray-Gray-700, #32394d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-trigger__placeholder{color:var(--Gray-Gray-400, #858ea6)}.dp-popup{position:absolute;top:calc(100% + 8px);left:0;width:320px;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-3, 12px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:300;padding:var(--Size-4, 16px)}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Size-4, 16px);padding-bottom:var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.dp-nav__btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background 0.15s}.dp-nav__btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-nav__title{background:none;border:none;font-size:var(--font-size-s, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);display:flex;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--Border-1, 4px);transition:background 0.15s;font-family:inherit}.dp-nav__title:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-grid{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:8px;column-gap:4px}.dp-day-header{font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);text-align:center;padding:8px 0;font-weight:var(--font-weight-bold, 700)}.dp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 12px);font-family:inherit;border:none;cursor:pointer;background:transparent;color:var(--Gray-Gray-600, #475066);width:100%;position:relative;z-index:1;padding:0}.dp-cell::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;transition:all 0.2s;z-index:-1;background:transparent}.dp-cell::before{content:"";position:absolute;top:0;bottom:0;z-index:-2;border-radius:0;background:transparent}.dp-cell:hover:not(:disabled)::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--other-month{color:var(--Gray-Gray-300, #a0a9c0)}.dp-cell--today{font-weight:var(--font-weight-bold, 700)}.dp-cell--today::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--selected{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--selected::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--range-start,.dp-cell--range-end{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--range-start::after,.dp-cell--range-end::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--in-range{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-cell--in-range::before{left:-2px;right:-2px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start::before{left:50%;right:-2px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-end::before{left:-2px;right:50%;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start.dp-cell--range-end::before{background:transparent}.dp-cell--disabled{opacity:0.35;cursor:not-allowed}.dp-month-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}.dp-month-cell{padding:10px 4px;font-size:var(--font-size-s, 14px);font-family:inherit;font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-700, #32394d);background:transparent;border:1px solid transparent;border-radius:var(--Border-2, 8px);cursor:pointer;text-align:center;transition:background 0.15s, border-color 0.15s}.dp-month-cell:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-month-cell--selected{border-color:var(--Info-Info-500, #50a5f1);font-weight:var(--font-weight-semibold, 600)}.dp-month-cell--current{background:var(--Gray-Gray-100, #e6eaf2)}.dp-year-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px}.dp-year-cell{padding:10px 4px;font-size:var(--font-size-s, 14px);font-family:inherit;font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-700, #32394d);background:transparent;border:1px solid transparent;border-radius:var(--Border-2, 8px);cursor:pointer;text-align:center;transition:background 0.15s, border-color 0.15s}.dp-year-cell:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-year-cell--selected{border-color:var(--Info-Info-500, #50a5f1);font-weight:var(--font-weight-semibold, 600)}.dp-year-cell--current{background:var(--Gray-Gray-100, #e6eaf2)}`;
+const dropiDatePickerCss = () => `:host{display:block;width:100%;position:relative}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}*,*::before,*::after{box-sizing:border-box}.dp-label{display:block;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066);margin-bottom:8px}.dp-trigger{width:100%;height:40px;display:flex;align-items:center;gap:var(--Size-2, 8px);padding:0 var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);cursor:pointer;font-family:var(--font-family-01, 'Inter', sans-serif);transition:border-color 0.2s}.dp-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.dp-trigger--disabled{background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed;opacity:0.6}.dp-trigger__value{flex:1;text-align:left;font-size:var(--font-size-xs, 12px);color:var(--Gray-Gray-700, #32394d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-trigger__placeholder{color:var(--Gray-Gray-400, #858ea6)}.dp-popup{position:absolute;top:calc(100% + 8px);left:0;display:flex;flex-direction:row;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-3, 12px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:300;overflow:hidden}.dp-calendar{padding:var(--Size-4, 16px);width:300px;flex-shrink:0}.dp-divider{width:1px;background:var(--Gray-Gray-100, #e6eaf2);flex-shrink:0}.dp-shortcuts{padding:var(--Size-4, 16px) var(--Size-3, 12px);display:flex;flex-direction:column;gap:2px;min-width:140px}.shortcut-btn{background:transparent;border:1px solid transparent;padding:6px 10px;font-size:13px;font-family:var(--font-family-01, 'Inter', sans-serif);color:var(--Gray-Gray-700, #32394d);cursor:pointer;text-align:left;border-radius:6px;transition:background 0.1s ease;font-weight:var(--font-weight-regular);white-space:nowrap}.shortcut-btn:hover{background:var(--Gray-Gray-50, #f5f6f8)}.shortcut-btn--active{border-color:var(--Gray-Gray-200, #c3c9d9);font-weight:var(--font-weight-semibold);background:var(--Gray-Gray-50, #f5f6f8)}.dp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Size-4, 16px);padding-bottom:var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.dp-nav__btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background 0.15s}.dp-nav__btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-nav__title{background:none;border:none;font-size:var(--font-size-s, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);display:flex;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--Border-1, 4px);transition:background 0.15s;font-family:var(--font-family-01, 'Inter', sans-serif)}.dp-nav__title:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-grid{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:8px;column-gap:4px}.dp-day-header{font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);text-align:center;padding:8px 0;font-weight:var(--font-weight-bold, 700)}.dp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 12px);font-family:var(--font-family-01, 'Inter', sans-serif);border:none;cursor:pointer;background:transparent;color:var(--Gray-Gray-600, #475066);width:100%;position:relative;z-index:1;padding:0}.dp-cell::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;transition:all 0.2s;z-index:-1;background:transparent}.dp-cell::before{content:"";position:absolute;top:0;bottom:0;z-index:-2;border-radius:0;background:transparent}.dp-cell:hover:not(:disabled)::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--other-month{color:var(--Gray-Gray-300, #a0a9c0)}.dp-cell--today{font-weight:var(--font-weight-bold, 700)}.dp-cell--today::after{background:var(--Gray-Gray-100, #e6eaf2)}.dp-cell--selected{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--selected::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--range-start,.dp-cell--range-end{color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.dp-cell--range-start::after,.dp-cell--range-end::after{background:var(--Orange-orange-500, #f49a3d) !important}.dp-cell--in-range{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-cell--in-range::before{left:-2px;right:-2px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start::before{left:50%;right:-2px;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-end::before{left:-2px;right:50%;background:var(--Orange-orange-50, #fef5ec)}.dp-cell--range-start.dp-cell--range-end::before{background:transparent}.dp-cell--disabled{opacity:0.35;cursor:not-allowed}.dp-month-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}.dp-month-cell{padding:10px 4px;font-size:var(--font-size-s, 14px);font-family:var(--font-family-01, 'Inter', sans-serif);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-700, #32394d);background:transparent;border:1px solid transparent;border-radius:var(--Border-2, 8px);cursor:pointer;text-align:center;transition:background 0.15s, border-color 0.15s}.dp-month-cell:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-month-cell--selected{border-color:var(--Info-Info-500, #50a5f1);font-weight:var(--font-weight-semibold, 600)}.dp-month-cell--current{background:var(--Gray-Gray-100, #e6eaf2)}.dp-year-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px}.dp-year-cell{padding:10px 4px;font-size:var(--font-size-s, 14px);font-family:var(--font-family-01, 'Inter', sans-serif);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-700, #32394d);background:transparent;border:1px solid transparent;border-radius:var(--Border-2, 8px);cursor:pointer;text-align:center;transition:background 0.15s, border-color 0.15s}.dp-year-cell:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-year-cell--selected{border-color:var(--Info-Info-500, #50a5f1);font-weight:var(--font-weight-semibold, 600)}.dp-year-cell--current{background:var(--Gray-Gray-100, #e6eaf2)}`;
 const MONTHS_ES = [
     'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',
@@ -48,11 +48,14 @@ const DropiDatePicker = class {
     isInvalid = false;
     /** Loading state */
     loading = false;
+    /** Hide "Hoy" shortcut */
+    hideTodayShortcut = false;
     open = false;
     viewYear = new Date().getFullYear();
     viewMonth = new Date().getMonth();
     hoverDate = '';
     viewMode = 'day';
+    activeShortcut = -1;
     get el() { return getElement(this); }
     handleDocClick(e) {
         if (this.open && !e.composedPath().includes(this.el)) {
@@ -153,6 +156,38 @@ const DropiDatePicker = class {
         this.viewYear = year;
         this.viewMode = 'month';
     }
+    get today() {
+        return new Date().toISOString().slice(0, 10);
+    }
+    daysAgo(n) {
+        const d = new Date();
+        d.setDate(d.getDate() - n);
+        return d.toISOString().slice(0, 10);
+    }
+    get shortcuts() {
+        const all = [
+            { 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.hideTodayShortcut ? all.slice(1) : all;
+    }
+    selectShortcut(idx) {
+        const s = this.shortcuts[idx];
+        this.activeShortcut = idx;
+        if (this.selectionMode === 'range') {
+            this.startDate = s.start;
+            this.endDate = s.end;
+            this.dropiRangeChange.emit({ start: s.start, end: s.end });
+        }
+        else {
+            this.selectedDate = s.end;
+            this.dropiChangeDate.emit(s.end);
+        }
+        this.open = false;
+    }
     toISO(year, month, day) {
         return `${year}-${String(month + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
     }
@@ -277,14 +312,17 @@ const DropiDatePicker = class {
     }
     render() {
         const today = new Date().toISOString().slice(0, 10);
-        return (h("div", { key: 'bebcd5066fef040a50e96795ea7631ca7d40d284', class: "dp-wrap" }, this.label && h("label", { key: 'd82258bb53d8b8109e6794287873e061dc04d4db', class: "dp-label" }, this.label), h("button", { key: '267600a176cae96f99afefce2dca6bafebb8f04c', class: {
+        return (h("div", { key: 'b414572c157c2968d844437de8c5572f3b899923', class: "dp-wrap" }, this.label && h("label", { key: 'b0bff43ccf2947751fe448d666bfd05756f2b807', class: "dp-label" }, this.label), h("button", { key: '14ca371e16f0be6aac456dcfb62904f722a60ff0', class: {
                 'dp-trigger': true,
                 'dp-trigger--disabled': this.disabled,
                 'dp-trigger--invalid': this.isInvalid,
                 'dp-trigger--loading': this.loading
-            }, onClick: () => this.open ? this.open = false : this.open_(), disabled: this.disabled || this.loading, type: "button" }, h("dropi-icon", { key: '299b1623458adb5d6c95235394d1a28dd0474273', name: "Calendar", iconWidth: "16px", iconHeight: "16px", color: "Gray-Gray-400" }), h("span", { key: '7fd2575556b3f809f0118e28a521c542186659a8', class: { 'dp-trigger__value': true, 'dp-trigger__placeholder': !this.displayValue } }, this.displayValue || this.placeholder)), this.open && (h("div", { key: 'aab2b722c9e4f97af867b5763f9557d84a0717cb', class: "dp-popup" }, h("div", { key: 'c1119cdfc0a5538ee3cd4f6e00a5e86249ff59f1', class: "dp-nav" }, h("button", { key: 'e8b4206be3ff47e5aca1effde5157e55019c983f', class: "dp-nav__btn", onClick: () => this.prevNav(), type: "button" }, h("dropi-icon", { key: '2085677ae09ff3f069772eb35cb53a1a858d0b63', name: "dropdown-left", iconWidth: "16px", iconHeight: "16px", color: "Gray-Gray-600" })), h("button", { key: '2261d123dc8cb071b4487f994aff7dcc1cae2dcd', class: "dp-nav__title", onClick: () => this.cycleView(), type: "button" }, this.viewMode === 'day'
+            }, onClick: () => this.open ? this.open = false : this.open_(), disabled: this.disabled || this.loading, type: "button" }, h("dropi-icon", { key: '506fe8ecdf4e47e543dffd9a7e6a678f6e42d82a', name: "Calendar", iconWidth: "16px", iconHeight: "16px", color: "Gray-Gray-400" }), h("span", { key: '56d45d8b7c30593446be399642d4daca9be551ad', class: { 'dp-trigger__value': true, 'dp-trigger__placeholder': !this.displayValue } }, this.displayValue || this.placeholder)), this.open && (h("div", { key: 'bcd80c7c70cae7ede3f804f3abbf6662c6db4a7f', class: "dp-popup" }, h("div", { key: '12fec7a08f95903cb8c3b33dd3c8f184863ed102', class: "dp-calendar" }, h("div", { key: '51d00fdfb988ee8922996cbed3b474ff3d7b80ca', class: "dp-nav" }, h("button", { key: '6b8df10edc439c6247cdd0664c0bbb778ba9b32b', class: "dp-nav__btn", onClick: () => this.prevNav(), type: "button" }, h("dropi-icon", { key: '9a06b27208f2eee04bff10dc1ded80df98c96262', name: "dropdown-left", iconWidth: "16px", iconHeight: "16px", color: "Gray-Gray-600" })), h("button", { key: '6893879e168d2420e7adcc6f2793a4e1df6955fa', class: "dp-nav__title", onClick: () => this.cycleView(), type: "button" }, this.viewMode === 'day'
             ? [h("span", null, MONTHS_ES[this.viewMonth]), h("span", null, this.viewYear)]
-            : h("span", null, this.navTitle)), h("button", { key: 'f3eb5393bb203d8c095e168618b4ae525fb99f4b', class: "dp-nav__btn", onClick: () => this.nextNav(), type: "button" }, h("dropi-icon", { key: 'be10fcbc1b1625f4fca57e4d090261c562c5a95d', name: "dropdown-right", iconWidth: "16px", iconHeight: "16px", color: "Gray-Gray-600" }))), this.viewMode === 'day' && this.renderDayView(today), this.viewMode === 'month' && this.renderMonthView(), this.viewMode === 'year' && this.renderYearView()))));
+            : h("span", null, this.navTitle)), h("button", { key: 'd583d53324559f39dcca420a1f2c90f9e8385531', class: "dp-nav__btn", onClick: () => this.nextNav(), type: "button" }, h("dropi-icon", { key: 'bcf58b1ff0f8d54a3ce603ec28493761e5c47f0c', name: "dropdown-right", iconWidth: "16px", iconHeight: "16px", color: "Gray-Gray-600" }))), this.viewMode === 'day' && this.renderDayView(today), this.viewMode === 'month' && this.renderMonthView(), this.viewMode === 'year' && this.renderYearView()), this.selectionMode === 'range' && [
+            h("div", { key: 'c7042c65904360f8f925d49514f98fcd97c40777', class: "dp-divider" }),
+            h("div", { key: 'de98884be898bf658633e655731b3a9c4d6d503d', class: "dp-shortcuts" }, this.shortcuts.map((s, i) => (h("button", { key: i, class: { 'shortcut-btn': true, 'shortcut-btn--active': this.activeShortcut === i }, onClick: () => this.selectShortcut(i), type: "button" }, s.label))))
+        ]))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/dropi-ui/dropi-date-picker.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dropi-date-picker.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-date-picker/dropi-date-picker.css?tag=dropi-date-picker&encapsulation=shadow","src/components/dropi-date-picker/dropi-date-picker.tsx"],"sourcesContent":[":host { display: block; width: 100%; position: relative; }\n, ::before, ::after { box-sizing: border-box; }\n\n.dp-label {\n display: block;\n font-size: var(--font-size-xs, 10px);\n font-weight: var(--font-weight-regular, 400);\n color: var(--Gray-Gray-600, #475066);\n margin-bottom: 8px;\n}\n\n/ Trigger /\n.dp-trigger {\n width: 100%;\n height: 40px;\n display: flex;\n align-items: center;\n gap: var(--Size-2, 8px);\n padding: 0 var(--Size-3, 12px);\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n border-radius: var(--Border-2, 8px);\n background: var(--Neutral-White, #ffffff);\n cursor: pointer;\n font-family: inherit;\n transition: border-color 0.2s;\n}\n.dp-trigger:hover:not(:disabled) { border-color: var(--Info-Info-500, #50a5f1); }\n.dp-trigger--disabled { background: var(--Gray-Gray-50, #f7f8fa); cursor: not-allowed; opacity: 0.6; }\n\n.dp-trigger__value {\n flex: 1;\n text-align: left;\n font-size: var(--font-size-xs, 12px);\n color: var(--Gray-Gray-700, #32394d);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.dp-trigger__placeholder { color: var(--Gray-Gray-400, #858ea6); }\n\n/ Popup /\n.dp-popup {\n position: absolute;\n top: calc(100% + 8px);\n left: 0;\n width: 320px;\n background: var(--Neutral-White, #ffffff);\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n border-radius: var(--Border-3, 12px);\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n z-index: 300;\n padding: var(--Size-4, 16px);\n}\n\n/ Navigation /\n.dp-nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: var(--Size-4, 16px);\n padding-bottom: var(--Size-3, 12px);\n border-bottom: 1px solid var(--Gray-Gray-100, #e6eaf2);\n}\n\n.dp-nav__btn {\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n transition: background 0.15s;\n}\n.dp-nav__btn:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n\n.dp-nav__title {\n background: none;\n border: none;\n font-size: var(--font-size-s, 14px);\n font-weight: var(--font-weight-bold, 700);\n color: var(--Gray-Gray-700, #32394d);\n display: flex;\n gap: 8px;\n cursor: pointer;\n padding: 4px 8px;\n border-radius: var(--Border-1, 4px);\n transition: background 0.15s;\n font-family: inherit;\n}\n.dp-nav__title:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n\n/ Day grid /\n.dp-grid {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n row-gap: 8px;\n column-gap: 4px;\n}\n\n.dp-day-header {\n font-size: var(--font-size-s, 14px);\n color: var(--Gray-Gray-700, #32394d);\n text-align: center;\n padding: 8px 0;\n font-weight: var(--font-weight-bold, 700);\n}\n\n/ Day cells /\n.dp-cell {\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size-xs, 12px);\n font-family: inherit;\n border: none;\n cursor: pointer;\n background: transparent;\n color: var(--Gray-Gray-600, #475066);\n width: 100%;\n position: relative;\n z-index: 1;\n padding: 0;\n}\n.dp-cell::after {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n border-radius: 50%;\n transition: all 0.2s;\n z-index: -1;\n background: transparent;\n}\n.dp-cell::before {\n content: \"\";\n position: absolute;\n top: 0; bottom: 0;\n z-index: -2;\n border-radius: 0;\n background: transparent;\n}\n\n.dp-cell:hover:not(:disabled)::after { background: var(--Gray-Gray-100, #e6eaf2); }\n.dp-cell--other-month { color: var(--Gray-Gray-300, #a0a9c0); }\n.dp-cell--today { font-weight: var(--font-weight-bold, 700); }\n.dp-cell--today::after { background: var(--Gray-Gray-100, #e6eaf2); }\n.dp-cell--selected { color: var(--Neutral-White, #ffffff); font-weight: var(--font-weight-bold, 700); }\n.dp-cell--selected::after { background: var(--Orange-orange-500, #f49a3d) !important; }\n.dp-cell--range-start, .dp-cell--range-end { color: var(--Neutral-White, #ffffff); font-weight: var(--font-weight-bold, 700); }\n.dp-cell--range-start::after, .dp-cell--range-end::after { background: var(--Orange-orange-500, #f49a3d) !important; }\n.dp-cell--in-range { color: var(--Orange-orange-500, #f49a3d); font-weight: var(--font-weight-bold, 700); }\n.dp-cell--in-range::before { left: -2px; right: -2px; background: var(--Orange-orange-50, #fef5ec); }\n.dp-cell--range-start::before { left: 50%; right: -2px; background: var(--Orange-orange-50, #fef5ec); }\n.dp-cell--range-end::before { left: -2px; right: 50%; background: var(--Orange-orange-50, #fef5ec); }\n.dp-cell--range-start.dp-cell--range-end::before { background: transparent; }\n.dp-cell--disabled { opacity: 0.35; cursor: not-allowed; }\n\n/ Month grid /\n.dp-month-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 8px;\n}\n\n.dp-month-cell {\n padding: 10px 4px;\n font-size: var(--font-size-s, 14px);\n font-family: inherit;\n font-weight: var(--font-weight-regular, 400);\n color: var(--Gray-Gray-700, #32394d);\n background: transparent;\n border: 1px solid transparent;\n border-radius: var(--Border-2, 8px);\n cursor: pointer;\n text-align: center;\n transition: background 0.15s, border-color 0.15s;\n}\n.dp-month-cell:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n.dp-month-cell--selected {\n border-color: var(--Info-Info-500, #50a5f1);\n font-weight: var(--font-weight-semibold, 600);\n}\n.dp-month-cell--current { background: var(--Gray-Gray-100, #e6eaf2); }\n\n/ Year grid /\n.dp-year-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 8px;\n}\n\n.dp-year-cell {\n padding: 10px 4px;\n font-size: var(--font-size-s, 14px);\n font-family: inherit;\n font-weight: var(--font-weight-regular, 400);\n color: var(--Gray-Gray-700, #32394d);\n background: transparent;\n border: 1px solid transparent;\n border-radius: var(--Border-2, 8px);\n cursor: pointer;\n text-align: center;\n transition: background 0.15s, border-color 0.15s;\n}\n.dp-year-cell:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n.dp-year-cell--selected {\n border-color: var(--Info-Info-500, #50a5f1);\n font-weight: var(--font-weight-semibold, 600);\n}\n.dp-year-cell--current { background: var(--Gray-Gray-100, #e6eaf2); }\n\n","import { Component, Prop, State, Event, EventEmitter, h, Element, Listen, AttachInternals, Watch } from '@stencil/core';\n\nconst MONTHS_ES = [\n 'Enero','Febrero','Marzo','Abril','Mayo','Junio',\n 'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'\n];\nconst MONTHS_SHORT = ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'];\nconst DAYS_ES = ['Do','Lu','Ma','Mi','Ju','Vi','Sa'];\n\n/\n @component dropi-date-picker\n * Calendar date picker with optional date range mode.\n * Emits ISO date strings (YYYY-MM-DD).\n /\n@Component({\n tag: 'dropi-date-picker',\n styleUrl: 'dropi-date-picker.css',\n shadow: true,\n formAssociated: true,\n})\nexport class DropiDatePicker {\n @AttachInternals() internals: ElementInternals;\n\n /* Name for native form submission /\n @Prop({ reflect: true }) name!: string;\n\n /* Selected date (ISO string, single mode) /\n @Prop({ mutable: true }) selectedDate: string = '';\n /* Range start date (ISO string, range mode) /\n @Prop({ mutable: true }) startDate: string = '';\n /* Range end date (ISO string, range mode) /\n @Prop({ mutable: true }) endDate: string = '';\n\n @Watch('selectedDate')\n @Watch('startDate')\n @Watch('endDate')\n valueChanged() { this.updateFormValue(); }\n\n /* Enable range selection /\n @Prop() selectionMode: 'single' \| 'range' = 'single';\n /* Min selectable date (ISO string) /\n @Prop() minDate: string = '';\n /* Max selectable date (ISO string) /\n @Prop() maxDate: string = '';\n /* Label /\n @Prop() label: string \| null = null;\n /* Placeholder /\n @Prop() placeholder: string = 'DD/MM/YYYY';\n /* Disabled /\n @Prop() disabled: boolean = false;\n /* Is invalid state /\n @Prop() isInvalid: boolean = false;\n /* Loading state /\n @Prop() loading: boolean = false;\n\n @State() private open: boolean = false;\n @State() private viewYear: number = new Date().getFullYear();\n @State() private viewMonth: number = new Date().getMonth();\n @State() private hoverDate: string = '';\n @State() private viewMode: 'day' \| 'month' \| 'year' = 'day';\n\n @Element() el!: HTMLElement;\n\n @Listen('click', { target: 'document' })\n handleDocClick(e: MouseEvent) {\n if (this.open && !e.composedPath().includes(this.el)) {\n this.open = false;\n }\n }\n\n @Event() dropiChangeDate: EventEmitter<string>;\n @Event() dropiClosePanel: EventEmitter<void>;\n @Event() dropiRangeChange: EventEmitter<{ start: string; end: string }>;\n\n componentWillLoad() { this.updateFormValue(); }\n\n private updateFormValue() {\n if (this.selectionMode === 'range') {\n this.internals.setFormValue(this.startDate && this.endDate ? `${this.startDate},${this.endDate}` : '');\n } else {\n this.internals.setFormValue(this.selectedDate \|\| '');\n }\n }\n\n private get displayValue(): string {\n if (this.selectionMode === 'range') {\n if (this.startDate && this.endDate) return `${this.startDate} – ${this.endDate}`;\n if (this.startDate) return this.startDate;\n return '';\n }\n return this.selectedDate;\n }\n\n private open_() {\n if (this.disabled) return;\n if (this.selectedDate) {\n const d = new Date(this.selectedDate);\n this.viewYear = d.getFullYear();\n this.viewMonth = d.getMonth();\n } else if (this.startDate) {\n const d = new Date(this.startDate);\n this.viewYear = d.getFullYear();\n this.viewMonth = d.getMonth();\n }\n this.viewMode = 'day';\n this.open = true;\n }\n\n private get decadeStart(): number {\n return Math.floor(this.viewYear / 10) 10;\n }\n\n private get navTitle(): string {\n if (this.viewMode === 'day') return `${MONTHS_ES[this.viewMonth]} ${this.viewYear}`;\n if (this.viewMode === 'month') return `${this.viewYear}`;\n return `${this.decadeStart}-${this.decadeStart + 9}`;\n }\n\n private cycleView() {\n if (this.viewMode === 'day') this.viewMode = 'month';\n else if (this.viewMode === 'month') this.viewMode = 'year';\n }\n\n private prevNav() {\n if (this.viewMode === 'day') {\n if (this.viewMonth === 0) { this.viewMonth = 11; this.viewYear--; }\n else this.viewMonth--;\n } else if (this.viewMode === 'month') {\n this.viewYear--;\n } else {\n this.viewYear = this.decadeStart - 10;\n }\n }\n\n private nextNav() {\n if (this.viewMode === 'day') {\n if (this.viewMonth === 11) { this.viewMonth = 0; this.viewYear++; }\n else this.viewMonth++;\n } else if (this.viewMode === 'month') {\n this.viewYear++;\n } else {\n this.viewYear = this.decadeStart + 10;\n }\n }\n\n private selectMonth(month: number) {\n this.viewMonth = month;\n this.viewMode = 'day';\n }\n\n private selectYear(year: number) {\n this.viewYear = year;\n this.viewMode = 'month';\n }\n\n private toISO(year: number, month: number, day: number): string {\n return `${year}-${String(month + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;\n }\n\n private isDisabled(iso: string): boolean {\n if (this.minDate && iso < this.minDate) return true;\n if (this.maxDate && iso > this.maxDate) return true;\n return false;\n }\n\n private isInRange(iso: string): boolean {\n if (this.selectionMode !== 'range') return false;\n const start = this.startDate;\n const end = this.endDate \|\| this.hoverDate;\n if (!start \|\| !end) return false;\n const [s, e] = start <= end ? [start, end] : [end, start];\n return iso > s && iso < e;\n }\n\n private selectDate(iso: string) {\n if (this.isDisabled(iso)) return;\n\n if (this.selectionMode !== 'range') {\n this.selectedDate = iso;\n this.open = false;\n this.dropiChangeDate.emit(iso);\n return;\n }\n\n if (!this.startDate \|\| (this.startDate && this.endDate)) {\n this.startDate = iso;\n this.endDate = '';\n } else {\n if (iso < this.startDate) {\n this.endDate = this.startDate;\n this.startDate = iso;\n } else {\n this.endDate = iso;\n }\n this.open = false;\n this.dropiRangeChange.emit({ start: this.startDate, end: this.endDate });\n }\n }\n\n private buildDays(): Array<{ iso: string; day: number; currentMonth: boolean }> {\n const year = this.viewYear;\n const month = this.viewMonth;\n const firstDay = new Date(year, month, 1).getDay();\n const daysInMonth = new Date(year, month + 1, 0).getDate();\n const daysInPrevMonth = new Date(year, month, 0).getDate();\n const cells: Array<{ iso: string; day: number; currentMonth: boolean }> = [];\n\n for (let i = firstDay - 1; i >= 0; i--) {\n const d = daysInPrevMonth - i;\n const m = month === 0 ? 11 : month - 1;\n const y = month === 0 ? year - 1 : year;\n cells.push({ iso: this.toISO(y, m, d), day: d, currentMonth: false });\n }\n for (let d = 1; d <= daysInMonth; d++) {\n cells.push({ iso: this.toISO(year, month, d), day: d, currentMonth: true });\n }\n const remaining = 42 - cells.length;\n for (let d = 1; d <= remaining; d++) {\n const m = month === 11 ? 0 : month + 1;\n const y = month === 11 ? year + 1 : year;\n cells.push({ iso: this.toISO(y, m, d), day: d, currentMonth: false });\n }\n return cells;\n }\n\n private renderDayView(today: string) {\n const days = this.buildDays();\n return (\n <div class=\"dp-grid\">\n {DAYS_ES.map(d => <div class=\"dp-day-header\">{d}</div>)}\n {days.map(({ iso, day, currentMonth }) => {\n const isSelected = this.selectionMode !== 'range'\n ? iso === this.selectedDate\n : iso === this.startDate \|\| iso === this.endDate;\n const isRangeStart = this.selectionMode === 'range' && iso === this.startDate;\n const isRangeEnd = this.selectionMode === 'range' && iso === this.endDate;\n const inRange = this.isInRange(iso);\n const disabled = this.isDisabled(iso);\n const isToday = iso === today;\n return (\n <button\n class={{\n 'dp-cell': true,\n 'dp-cell--other-month': !currentMonth,\n 'dp-cell--today': isToday,\n 'dp-cell--selected': isSelected,\n 'dp-cell--range-start': isRangeStart,\n 'dp-cell--range-end': isRangeEnd,\n 'dp-cell--in-range': inRange,\n 'dp-cell--disabled': disabled,\n }}\n type=\"button\"\n disabled={disabled}\n onClick={() => this.selectDate(iso)}\n onMouseEnter={() => { if (this.selectionMode === 'range' && this.startDate && !this.endDate) this.hoverDate = iso; }}\n onMouseLeave={() => this.hoverDate = ''}\n >\n {day}\n </button>\n );\n })}\n </div>\n );\n }\n\n private renderMonthView() {\n const todayMonth = new Date().getMonth();\n const todayYear = new Date().getFullYear();\n return (\n <div class=\"dp-month-grid\">\n {MONTHS_SHORT.map((name, idx) => {\n const isSelected = idx === this.viewMonth;\n const isCurrent = idx === todayMonth && this.viewYear === todayYear;\n return (\n <button\n class={{\n 'dp-month-cell': true,\n 'dp-month-cell--selected': isSelected,\n 'dp-month-cell--current': isCurrent && !isSelected,\n }}\n type=\"button\"\n onClick={() => this.selectMonth(idx)}\n >\n {name}\n </button>\n );\n })}\n </div>\n );\n }\n\n private renderYearView() {\n const currentYear = new Date().getFullYear();\n const start = this.decadeStart;\n const years = Array.from({ length: 10 }, (_, i) => start + i);\n return (\n <div class=\"dp-year-grid\">\n {years.map(year => {\n const isSelected = year === this.viewYear;\n const isCurrent = year === currentYear;\n return (\n <button\n class={{\n 'dp-year-cell': true,\n 'dp-year-cell--selected': isSelected,\n 'dp-year-cell--current': isCurrent && !isSelected,\n }}\n type=\"button\"\n onClick={() => this.selectYear(year)}\n >\n {year}\n </button>\n );\n })}\n </div>\n );\n }\n\n render() {\n const today = new Date().toISOString().slice(0, 10);\n\n return (\n <div class=\"dp-wrap\">\n {this.label && <label class=\"dp-label\">{this.label}</label>}\n\n <button\n class={{\n 'dp-trigger': true,\n 'dp-trigger--disabled': this.disabled,\n 'dp-trigger--invalid': this.isInvalid,\n 'dp-trigger--loading': this.loading\n }}\n onClick={() => this.open ? this.open = false : this.open_()}\n disabled={this.disabled \|\| this.loading}\n type=\"button\"\n >\n <dropi-icon name=\"Calendar\" iconWidth=\"16px\" iconHeight=\"16px\" color=\"Gray-Gray-400\" />\n <span class={{ 'dp-trigger__value': true, 'dp-trigger__placeholder': !this.displayValue }}>\n {this.displayValue \|\| this.placeholder}\n </span>\n </button>\n\n {this.open && (\n <div class=\"dp-popup\">\n <div class=\"dp-nav\">\n <button class=\"dp-nav__btn\" onClick={() => this.prevNav()} type=\"button\">\n <dropi-icon name=\"dropdown-left\" iconWidth=\"16px\" iconHeight=\"16px\" color=\"Gray-Gray-600\" />\n </button>\n <button class=\"dp-nav__title\" onClick={() => this.cycleView()} type=\"button\">\n {this.viewMode === 'day'\n ? [<span>{MONTHS_ES[this.viewMonth]}</span>, <span>{this.viewYear}</span>]\n : <span>{this.navTitle}</span>\n }\n </button>\n <button class=\"dp-nav__btn\" onClick={() => this.nextNav()} type=\"button\">\n <dropi-icon name=\"dropdown-right\" iconWidth=\"16px\" iconHeight=\"16px\" color=\"Gray-Gray-600\" />\n </button>\n </div>\n\n {this.viewMode === 'day' && this.renderDayView(today)}\n {this.viewMode === 'month' && this.renderMonthView()}\n {this.viewMode === 'year' && this.renderYearView()}\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"dropi-date-picker.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-date-picker/dropi-date-picker.css?tag=dropi-date-picker&encapsulation=shadow","src/components/dropi-date-picker/dropi-date-picker.tsx"],"sourcesContent":[":host { display: block; width: 100%; position: relative; }\nbutton, input, select, textarea { font-family: var(--font-family-01, 'Inter', sans-serif); }\n, ::before, ::after { box-sizing: border-box; }\n\n.dp-label {\n display: block;\n font-size: var(--font-size-xs, 10px);\n font-weight: var(--font-weight-regular, 400);\n color: var(--Gray-Gray-600, #475066);\n margin-bottom: 8px;\n}\n\n/ Trigger /\n.dp-trigger {\n width: 100%;\n height: 40px;\n display: flex;\n align-items: center;\n gap: var(--Size-2, 8px);\n padding: 0 var(--Size-3, 12px);\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n border-radius: var(--Border-2, 8px);\n background: var(--Neutral-White, #ffffff);\n cursor: pointer;\n font-family: var(--font-family-01, 'Inter', sans-serif);\n transition: border-color 0.2s;\n}\n.dp-trigger:hover:not(:disabled) { border-color: var(--Info-Info-500, #50a5f1); }\n.dp-trigger--disabled { background: var(--Gray-Gray-50, #f7f8fa); cursor: not-allowed; opacity: 0.6; }\n\n.dp-trigger__value {\n flex: 1;\n text-align: left;\n font-size: var(--font-size-xs, 12px);\n color: var(--Gray-Gray-700, #32394d);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.dp-trigger__placeholder { color: var(--Gray-Gray-400, #858ea6); }\n\n/ Popup /\n.dp-popup {\n position: absolute;\n top: calc(100% + 8px);\n left: 0;\n display: flex;\n flex-direction: row;\n background: var(--Neutral-White, #ffffff);\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n border-radius: var(--Border-3, 12px);\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n z-index: 300;\n overflow: hidden;\n}\n\n/ Calendar section /\n.dp-calendar {\n padding: var(--Size-4, 16px);\n width: 300px;\n flex-shrink: 0;\n}\n\n/ Vertical divider /\n.dp-divider {\n width: 1px;\n background: var(--Gray-Gray-100, #e6eaf2);\n flex-shrink: 0;\n}\n\n/ Shortcuts section /\n.dp-shortcuts {\n padding: var(--Size-4, 16px) var(--Size-3, 12px);\n display: flex;\n flex-direction: column;\n gap: 2px;\n min-width: 140px;\n}\n\n.shortcut-btn {\n background: transparent;\n border: 1px solid transparent;\n padding: 6px 10px;\n font-size: 13px;\n font-family: var(--font-family-01, 'Inter', sans-serif);\n color: var(--Gray-Gray-700, #32394d);\n cursor: pointer;\n text-align: left;\n border-radius: 6px;\n transition: background 0.1s ease;\n font-weight: var(--font-weight-regular);\n white-space: nowrap;\n}\n.shortcut-btn:hover {\n background: var(--Gray-Gray-50, #f5f6f8);\n}\n.shortcut-btn--active {\n border-color: var(--Gray-Gray-200, #c3c9d9);\n font-weight: var(--font-weight-semibold);\n background: var(--Gray-Gray-50, #f5f6f8);\n}\n\n/ Navigation /\n.dp-nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: var(--Size-4, 16px);\n padding-bottom: var(--Size-3, 12px);\n border-bottom: 1px solid var(--Gray-Gray-100, #e6eaf2);\n}\n\n.dp-nav__btn {\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n transition: background 0.15s;\n}\n.dp-nav__btn:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n\n.dp-nav__title {\n background: none;\n border: none;\n font-size: var(--font-size-s, 14px);\n font-weight: var(--font-weight-bold, 700);\n color: var(--Gray-Gray-700, #32394d);\n display: flex;\n gap: 8px;\n cursor: pointer;\n padding: 4px 8px;\n border-radius: var(--Border-1, 4px);\n transition: background 0.15s;\n font-family: var(--font-family-01, 'Inter', sans-serif);\n}\n.dp-nav__title:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n\n/ Day grid /\n.dp-grid {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n row-gap: 8px;\n column-gap: 4px;\n}\n\n.dp-day-header {\n font-size: var(--font-size-s, 14px);\n color: var(--Gray-Gray-700, #32394d);\n text-align: center;\n padding: 8px 0;\n font-weight: var(--font-weight-bold, 700);\n}\n\n/ Day cells /\n.dp-cell {\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size-xs, 12px);\n font-family: var(--font-family-01, 'Inter', sans-serif);\n border: none;\n cursor: pointer;\n background: transparent;\n color: var(--Gray-Gray-600, #475066);\n width: 100%;\n position: relative;\n z-index: 1;\n padding: 0;\n}\n.dp-cell::after {\n content: \"\";\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n border-radius: 50%;\n transition: all 0.2s;\n z-index: -1;\n background: transparent;\n}\n.dp-cell::before {\n content: \"\";\n position: absolute;\n top: 0; bottom: 0;\n z-index: -2;\n border-radius: 0;\n background: transparent;\n}\n\n.dp-cell:hover:not(:disabled)::after { background: var(--Gray-Gray-100, #e6eaf2); }\n.dp-cell--other-month { color: var(--Gray-Gray-300, #a0a9c0); }\n.dp-cell--today { font-weight: var(--font-weight-bold, 700); }\n.dp-cell--today::after { background: var(--Gray-Gray-100, #e6eaf2); }\n.dp-cell--selected { color: var(--Neutral-White, #ffffff); font-weight: var(--font-weight-bold, 700); }\n.dp-cell--selected::after { background: var(--Orange-orange-500, #f49a3d) !important; }\n.dp-cell--range-start, .dp-cell--range-end { color: var(--Neutral-White, #ffffff); font-weight: var(--font-weight-bold, 700); }\n.dp-cell--range-start::after, .dp-cell--range-end::after { background: var(--Orange-orange-500, #f49a3d) !important; }\n.dp-cell--in-range { color: var(--Orange-orange-500, #f49a3d); font-weight: var(--font-weight-bold, 700); }\n.dp-cell--in-range::before { left: -2px; right: -2px; background: var(--Orange-orange-50, #fef5ec); }\n.dp-cell--range-start::before { left: 50%; right: -2px; background: var(--Orange-orange-50, #fef5ec); }\n.dp-cell--range-end::before { left: -2px; right: 50%; background: var(--Orange-orange-50, #fef5ec); }\n.dp-cell--range-start.dp-cell--range-end::before { background: transparent; }\n.dp-cell--disabled { opacity: 0.35; cursor: not-allowed; }\n\n/ Month grid /\n.dp-month-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 8px;\n}\n\n.dp-month-cell {\n padding: 10px 4px;\n font-size: var(--font-size-s, 14px);\n font-family: var(--font-family-01, 'Inter', sans-serif);\n font-weight: var(--font-weight-regular, 400);\n color: var(--Gray-Gray-700, #32394d);\n background: transparent;\n border: 1px solid transparent;\n border-radius: var(--Border-2, 8px);\n cursor: pointer;\n text-align: center;\n transition: background 0.15s, border-color 0.15s;\n}\n.dp-month-cell:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n.dp-month-cell--selected {\n border-color: var(--Info-Info-500, #50a5f1);\n font-weight: var(--font-weight-semibold, 600);\n}\n.dp-month-cell--current { background: var(--Gray-Gray-100, #e6eaf2); }\n\n/ Year grid /\n.dp-year-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 8px;\n}\n\n.dp-year-cell {\n padding: 10px 4px;\n font-size: var(--font-size-s, 14px);\n font-family: var(--font-family-01, 'Inter', sans-serif);\n font-weight: var(--font-weight-regular, 400);\n color: var(--Gray-Gray-700, #32394d);\n background: transparent;\n border: 1px solid transparent;\n border-radius: var(--Border-2, 8px);\n cursor: pointer;\n text-align: center;\n transition: background 0.15s, border-color 0.15s;\n}\n.dp-year-cell:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n.dp-year-cell--selected {\n border-color: var(--Info-Info-500, #50a5f1);\n font-weight: var(--font-weight-semibold, 600);\n}\n.dp-year-cell--current { background: var(--Gray-Gray-100, #e6eaf2); }\n\n","import { Component, Prop, State, Event, EventEmitter, h, Element, Listen, AttachInternals, Watch } from '@stencil/core';\n\nconst MONTHS_ES = [\n 'Enero','Febrero','Marzo','Abril','Mayo','Junio',\n 'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'\n];\nconst MONTHS_SHORT = ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'];\nconst DAYS_ES = ['Do','Lu','Ma','Mi','Ju','Vi','Sa'];\n\n/\n @component dropi-date-picker\n * Calendar date picker with optional date range mode.\n * Emits ISO date strings (YYYY-MM-DD).\n /\n@Component({\n tag: 'dropi-date-picker',\n styleUrl: 'dropi-date-picker.css',\n shadow: true,\n formAssociated: true,\n})\nexport class DropiDatePicker {\n @AttachInternals() internals: ElementInternals;\n\n /* Name for native form submission /\n @Prop({ reflect: true }) name!: string;\n\n /* Selected date (ISO string, single mode) /\n @Prop({ mutable: true }) selectedDate: string = '';\n /* Range start date (ISO string, range mode) /\n @Prop({ mutable: true }) startDate: string = '';\n /* Range end date (ISO string, range mode) /\n @Prop({ mutable: true }) endDate: string = '';\n\n @Watch('selectedDate')\n @Watch('startDate')\n @Watch('endDate')\n valueChanged() { this.updateFormValue(); }\n\n /* Enable range selection /\n @Prop() selectionMode: 'single' \| 'range' = 'single';\n /* Min selectable date (ISO string) /\n @Prop() minDate: string = '';\n /* Max selectable date (ISO string) /\n @Prop() maxDate: string = '';\n /* Label /\n @Prop() label: string \| null = null;\n /* Placeholder /\n @Prop() placeholder: string = 'DD/MM/YYYY';\n /* Disabled /\n @Prop() disabled: boolean = false;\n /* Is invalid state /\n @Prop() isInvalid: boolean = false;\n /* Loading state /\n @Prop() loading: boolean = false;\n\n /* Hide \"Hoy\" shortcut /\n @Prop() hideTodayShortcut: boolean = false;\n\n @State() private open: boolean = false;\n @State() private viewYear: number = new Date().getFullYear();\n @State() private viewMonth: number = new Date().getMonth();\n @State() private hoverDate: string = '';\n @State() private viewMode: 'day' \| 'month' \| 'year' = 'day';\n @State() private activeShortcut: number = -1;\n\n @Element() el!: HTMLElement;\n\n @Listen('click', { target: 'document' })\n handleDocClick(e: MouseEvent) {\n if (this.open && !e.composedPath().includes(this.el)) {\n this.open = false;\n }\n }\n\n @Event() dropiChangeDate: EventEmitter<string>;\n @Event() dropiClosePanel: EventEmitter<void>;\n @Event() dropiRangeChange: EventEmitter<{ start: string; end: string }>;\n\n componentWillLoad() { this.updateFormValue(); }\n\n private updateFormValue() {\n if (this.selectionMode === 'range') {\n this.internals.setFormValue(this.startDate && this.endDate ? `${this.startDate},${this.endDate}` : '');\n } else {\n this.internals.setFormValue(this.selectedDate \|\| '');\n }\n }\n\n private get displayValue(): string {\n if (this.selectionMode === 'range') {\n if (this.startDate && this.endDate) return `${this.startDate} – ${this.endDate}`;\n if (this.startDate) return this.startDate;\n return '';\n }\n return this.selectedDate;\n }\n\n private open_() {\n if (this.disabled) return;\n if (this.selectedDate) {\n const d = new Date(this.selectedDate);\n this.viewYear = d.getFullYear();\n this.viewMonth = d.getMonth();\n } else if (this.startDate) {\n const d = new Date(this.startDate);\n this.viewYear = d.getFullYear();\n this.viewMonth = d.getMonth();\n }\n this.viewMode = 'day';\n this.open = true;\n }\n\n private get decadeStart(): number {\n return Math.floor(this.viewYear / 10) 10;\n }\n\n private get navTitle(): string {\n if (this.viewMode === 'day') return `${MONTHS_ES[this.viewMonth]} ${this.viewYear}`;\n if (this.viewMode === 'month') return `${this.viewYear}`;\n return `${this.decadeStart}-${this.decadeStart + 9}`;\n }\n\n private cycleView() {\n if (this.viewMode === 'day') this.viewMode = 'month';\n else if (this.viewMode === 'month') this.viewMode = 'year';\n }\n\n private prevNav() {\n if (this.viewMode === 'day') {\n if (this.viewMonth === 0) { this.viewMonth = 11; this.viewYear--; }\n else this.viewMonth--;\n } else if (this.viewMode === 'month') {\n this.viewYear--;\n } else {\n this.viewYear = this.decadeStart - 10;\n }\n }\n\n private nextNav() {\n if (this.viewMode === 'day') {\n if (this.viewMonth === 11) { this.viewMonth = 0; this.viewYear++; }\n else this.viewMonth++;\n } else if (this.viewMode === 'month') {\n this.viewYear++;\n } else {\n this.viewYear = this.decadeStart + 10;\n }\n }\n\n private selectMonth(month: number) {\n this.viewMonth = month;\n this.viewMode = 'day';\n }\n\n private selectYear(year: number) {\n this.viewYear = year;\n this.viewMode = 'month';\n }\n\n private get today(): string {\n return new Date().toISOString().slice(0, 10);\n }\n\n private daysAgo(n: number): string {\n const d = new Date();\n d.setDate(d.getDate() - n);\n return d.toISOString().slice(0, 10);\n }\n\n private get shortcuts() {\n const all = [\n { label: 'Hoy', start: this.today, end: this.today },\n { label: 'Últimos 7 días', start: this.daysAgo(6), end: this.today },\n { label: 'Últimos 15 días', start: this.daysAgo(14), end: this.today },\n { label: 'Últimos 30 días', start: this.daysAgo(29), end: this.today },\n { label: 'Últimos 90 días', start: this.daysAgo(89), end: this.today },\n ];\n return this.hideTodayShortcut ? all.slice(1) : all;\n }\n\n private selectShortcut(idx: number) {\n const s = this.shortcuts[idx];\n this.activeShortcut = idx;\n if (this.selectionMode === 'range') {\n this.startDate = s.start;\n this.endDate = s.end;\n this.dropiRangeChange.emit({ start: s.start, end: s.end });\n } else {\n this.selectedDate = s.end;\n this.dropiChangeDate.emit(s.end);\n }\n this.open = false;\n }\n\n private toISO(year: number, month: number, day: number): string {\n return `${year}-${String(month + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;\n }\n\n private isDisabled(iso: string): boolean {\n if (this.minDate && iso < this.minDate) return true;\n if (this.maxDate && iso > this.maxDate) return true;\n return false;\n }\n\n private isInRange(iso: string): boolean {\n if (this.selectionMode !== 'range') return false;\n const start = this.startDate;\n const end = this.endDate \|\| this.hoverDate;\n if (!start \|\| !end) return false;\n const [s, e] = start <= end ? [start, end] : [end, start];\n return iso > s && iso < e;\n }\n\n private selectDate(iso: string) {\n if (this.isDisabled(iso)) return;\n\n if (this.selectionMode !== 'range') {\n this.selectedDate = iso;\n this.open = false;\n this.dropiChangeDate.emit(iso);\n return;\n }\n\n if (!this.startDate \|\| (this.startDate && this.endDate)) {\n this.startDate = iso;\n this.endDate = '';\n } else {\n if (iso < this.startDate) {\n this.endDate = this.startDate;\n this.startDate = iso;\n } else {\n this.endDate = iso;\n }\n this.open = false;\n this.dropiRangeChange.emit({ start: this.startDate, end: this.endDate });\n }\n }\n\n private buildDays(): Array<{ iso: string; day: number; currentMonth: boolean }> {\n const year = this.viewYear;\n const month = this.viewMonth;\n const firstDay = new Date(year, month, 1).getDay();\n const daysInMonth = new Date(year, month + 1, 0).getDate();\n const daysInPrevMonth = new Date(year, month, 0).getDate();\n const cells: Array<{ iso: string; day: number; currentMonth: boolean }> = [];\n\n for (let i = firstDay - 1; i >= 0; i--) {\n const d = daysInPrevMonth - i;\n const m = month === 0 ? 11 : month - 1;\n const y = month === 0 ? year - 1 : year;\n cells.push({ iso: this.toISO(y, m, d), day: d, currentMonth: false });\n }\n for (let d = 1; d <= daysInMonth; d++) {\n cells.push({ iso: this.toISO(year, month, d), day: d, currentMonth: true });\n }\n const remaining = 42 - cells.length;\n for (let d = 1; d <= remaining; d++) {\n const m = month === 11 ? 0 : month + 1;\n const y = month === 11 ? year + 1 : year;\n cells.push({ iso: this.toISO(y, m, d), day: d, currentMonth: false });\n }\n return cells;\n }\n\n private renderDayView(today: string) {\n const days = this.buildDays();\n return (\n <div class=\"dp-grid\">\n {DAYS_ES.map(d => <div class=\"dp-day-header\">{d}</div>)}\n {days.map(({ iso, day, currentMonth }) => {\n const isSelected = this.selectionMode !== 'range'\n ? iso === this.selectedDate\n : iso === this.startDate \|\| iso === this.endDate;\n const isRangeStart = this.selectionMode === 'range' && iso === this.startDate;\n const isRangeEnd = this.selectionMode === 'range' && iso === this.endDate;\n const inRange = this.isInRange(iso);\n const disabled = this.isDisabled(iso);\n const isToday = iso === today;\n return (\n <button\n class={{\n 'dp-cell': true,\n 'dp-cell--other-month': !currentMonth,\n 'dp-cell--today': isToday,\n 'dp-cell--selected': isSelected,\n 'dp-cell--range-start': isRangeStart,\n 'dp-cell--range-end': isRangeEnd,\n 'dp-cell--in-range': inRange,\n 'dp-cell--disabled': disabled,\n }}\n type=\"button\"\n disabled={disabled}\n onClick={() => this.selectDate(iso)}\n onMouseEnter={() => { if (this.selectionMode === 'range' && this.startDate && !this.endDate) this.hoverDate = iso; }}\n onMouseLeave={() => this.hoverDate = ''}\n >\n {day}\n </button>\n );\n })}\n </div>\n );\n }\n\n private renderMonthView() {\n const todayMonth = new Date().getMonth();\n const todayYear = new Date().getFullYear();\n return (\n <div class=\"dp-month-grid\">\n {MONTHS_SHORT.map((name, idx) => {\n const isSelected = idx === this.viewMonth;\n const isCurrent = idx === todayMonth && this.viewYear === todayYear;\n return (\n <button\n class={{\n 'dp-month-cell': true,\n 'dp-month-cell--selected': isSelected,\n 'dp-month-cell--current': isCurrent && !isSelected,\n }}\n type=\"button\"\n onClick={() => this.selectMonth(idx)}\n >\n {name}\n </button>\n );\n })}\n </div>\n );\n }\n\n private renderYearView() {\n const currentYear = new Date().getFullYear();\n const start = this.decadeStart;\n const years = Array.from({ length: 10 }, (_, i) => start + i);\n return (\n <div class=\"dp-year-grid\">\n {years.map(year => {\n const isSelected = year === this.viewYear;\n const isCurrent = year === currentYear;\n return (\n <button\n class={{\n 'dp-year-cell': true,\n 'dp-year-cell--selected': isSelected,\n 'dp-year-cell--current': isCurrent && !isSelected,\n }}\n type=\"button\"\n onClick={() => this.selectYear(year)}\n >\n {year}\n </button>\n );\n })}\n </div>\n );\n }\n\n render() {\n const today = new Date().toISOString().slice(0, 10);\n\n return (\n <div class=\"dp-wrap\">\n {this.label && <label class=\"dp-label\">{this.label}</label>}\n\n <button\n class={{\n 'dp-trigger': true,\n 'dp-trigger--disabled': this.disabled,\n 'dp-trigger--invalid': this.isInvalid,\n 'dp-trigger--loading': this.loading\n }}\n onClick={() => this.open ? this.open = false : this.open_()}\n disabled={this.disabled \|\| this.loading}\n type=\"button\"\n >\n <dropi-icon name=\"Calendar\" iconWidth=\"16px\" iconHeight=\"16px\" color=\"Gray-Gray-400\" />\n <span class={{ 'dp-trigger__value': true, 'dp-trigger__placeholder': !this.displayValue }}>\n {this.displayValue \|\| this.placeholder}\n </span>\n </button>\n\n {this.open && (\n <div class=\"dp-popup\">\n\n {/* LEFT — Calendar */}\n <div class=\"dp-calendar\">\n <div class=\"dp-nav\">\n <button class=\"dp-nav__btn\" onClick={() => this.prevNav()} type=\"button\">\n <dropi-icon name=\"dropdown-left\" iconWidth=\"16px\" iconHeight=\"16px\" color=\"Gray-Gray-600\" />\n </button>\n <button class=\"dp-nav__title\" onClick={() => this.cycleView()} type=\"button\">\n {this.viewMode === 'day'\n ? [<span>{MONTHS_ES[this.viewMonth]}</span>, <span>{this.viewYear}</span>]\n : <span>{this.navTitle}</span>\n }\n </button>\n <button class=\"dp-nav__btn\" onClick={() => this.nextNav()} type=\"button\">\n <dropi-icon name=\"dropdown-right\" iconWidth=\"16px\" iconHeight=\"16px\" color=\"Gray-Gray-600\" />\n </button>\n </div>\n\n {this.viewMode === 'day' && this.renderDayView(today)}\n {this.viewMode === 'month' && this.renderMonthView()}\n {this.viewMode === 'year' && this.renderYearView()}\n </div>\n\n {this.selectionMode === 'range' && [\n <div class=\"dp-divider\" />,\n <div class=\"dp-shortcuts\">\n {this.shortcuts.map((s, i) => (\n <button\n key={i}\n class={{ 'shortcut-btn': true, 'shortcut-btn--active': this.activeShortcut === i }}\n onClick={() => this.selectShortcut(i)}\n type=\"button\"\n >\n {s.label}\n </button>\n ))}\n </div>\n ]}\n\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-drawer.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, d as createEvent, h } from './index-CPacpXAJ.js';
+import { r as registerInstance, d as createEvent, h } from './index-BKkSRXlb.js';
-const dropiDrawerCss = () => `:host{display:contents;font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.drawer-host{position:fixed;inset:0;z-index:var(--dropi-z-index-drawer, 9999);pointer-events:none;visibility:hidden}.drawer-host--open{pointer-events:all;visibility:visible}.drawer-backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.5);opacity:0;transition:opacity 0.25s}.drawer-host--open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;background:var(--Neutral-White, #ffffff);display:flex;flex-direction:column;transition:transform 0.25s ease;overflow:hidden;max-width:100%;min-width:auto}.drawer-panel--right{top:0;right:0;bottom:0;transform:translateX(100%);box-shadow:-4px 0 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--right{transform:translateX(0)}.drawer-panel--left{top:0;left:0;bottom:0;transform:translateX(-100%);box-shadow:4px 0 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--left{transform:translateX(0)}.drawer-panel--bottom{bottom:0;left:0;right:0;transform:translateY(100%);border-radius:var(--Border-2, 8px) var(--Border-2, 8px) 0 0;box-shadow:0 -4px 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--bottom{transform:translateY(0)}.drawer-panel--top{top:0;left:0;right:0;transform:translateY(-100%);border-radius:0 0 var(--Border-2, 8px) var(--Border-2, 8px);box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--top{transform:translateY(0)}.drawer-panel--size-m{width:550px}.drawer-panel--size-l{width:1137px}.drawer-panel--size-xl{width:1280px}.drawer-panel--size-xxl{width:1330px}.drawer-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--Size-4, 16px) var(--Size-4, 16px) var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);flex-shrink:0}.drawer-header--headless{display:none}.drawer-header__title{color:var(--Gray-700, #32394d);font-family:Inter, sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:110%;margin:0}.drawer-header__close{width:var(--Size-6, 32px);height:var(--Size-6, 32px);background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--Gray-400, #858ea6);border-radius:var(--Border-1, 4px);transition:background 0.15s;flex-shrink:0}.drawer-header__close:hover{background:var(--Gray-Gray-50, #f7f8fa)}.drawer-body{flex:1;overflow-y:auto;padding:var(--Size-4, 16px);display:flex;flex-direction:column}.drawer-footer{display:none}`;
+const dropiDrawerCss = () => `:host{display:contents;font-family:var(--font-family-01, 'Inter', sans-serif);font-family:var(--font-family-01, 'Inter', sans-serif)}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}*,*::before,*::after{box-sizing:border-box}.drawer-host{position:fixed;inset:0;z-index:var(--dropi-z-index-drawer, 9999);pointer-events:none;visibility:hidden}.drawer-host--open{pointer-events:all;visibility:visible}.drawer-backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.5);opacity:0;transition:opacity 0.25s}.drawer-host--open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;background:var(--Neutral-White, #ffffff);display:flex;flex-direction:column;transition:transform 0.25s ease;overflow:hidden;max-width:100%;min-width:auto}.drawer-panel--right{top:0;right:0;bottom:0;transform:translateX(100%);box-shadow:-4px 0 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--right{transform:translateX(0)}.drawer-panel--left{top:0;left:0;bottom:0;transform:translateX(-100%);box-shadow:4px 0 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--left{transform:translateX(0)}.drawer-panel--bottom{bottom:0;left:0;right:0;transform:translateY(100%);border-radius:var(--Border-2, 8px) var(--Border-2, 8px) 0 0;box-shadow:0 -4px 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--bottom{transform:translateY(0)}.drawer-panel--top{top:0;left:0;right:0;transform:translateY(-100%);border-radius:0 0 var(--Border-2, 8px) var(--Border-2, 8px);box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}.drawer-host--open .drawer-panel--top{transform:translateY(0)}.drawer-panel--size-m{width:550px}.drawer-panel--size-l{width:1137px}.drawer-panel--size-xl{width:1280px}.drawer-panel--size-xxl{width:1330px}.drawer-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--Size-4, 16px) var(--Size-4, 16px) var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);flex-shrink:0}.drawer-header--headless{display:none}.drawer-header__title{color:var(--Gray-700, #32394d);font-family:Inter, sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:110%;margin:0}.drawer-header__close{width:var(--Size-6, 32px);height:var(--Size-6, 32px);background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--Gray-400, #858ea6);border-radius:var(--Border-1, 4px);transition:background 0.15s;flex-shrink:0}.drawer-header__close:hover{background:var(--Gray-Gray-50, #f7f8fa)}.drawer-body{flex:1;overflow-y:auto;padding:var(--Size-4, 16px);display:flex;flex-direction:column}.drawer-footer{display:none}`;
 const DropiDrawer = class {
     constructor(hostRef) {
@@ -58,10 +58,10 @@ const DropiDrawer = class {
             else
                 panelStyle['height'] = this.height;
         }
-        return (h("div", { key: '9b1b33854d6fadf4d1b6d4943845884668b7be00', class: { 'drawer-host': true, 'drawer-host--open': this.open } }, h("div", { key: '8b9c42a08044dc1189c4813fbcd80f02b27e6468', class: "drawer-backdrop", onClick: () => {
+        return (h("div", { key: '4f3e4424c575892b5ce1a48806fd0afa7e072630', class: { 'drawer-host': true, 'drawer-host--open': this.open } }, h("div", { key: '773c4638fb2636c6679594240c3155271e7d570e', class: "drawer-backdrop", onClick: () => {
                 if (this.closeOnBackdrop)
                     this.close();
-            } }), h("div", { key: '1d313a7e2bcc758e4c26ae4d549b32e58035738b', class: `drawer-panel drawer-panel--${this.position}${sizeClass ? ' ' + sizeClass : ''}`, style: panelStyle, role: "dialog", "aria-modal": "true" }, h("div", { key: 'cf8a864b6036f26bbf1833c53c2ba431da4c7b00', class: { 'drawer-header': true, 'drawer-header--headless': this.headless } }, h("h3", { key: 'dbab42c2c60137f270e49b50ae952888a27b8054', class: "drawer-header__title" }, this.drawerTitle), h("button", { key: '9da45f9e7ebaae623d529278bf08dd07478adf49', class: "drawer-header__close", onClick: () => this.close(), "aria-label": "Cerrar" }, h("dropi-icon", { key: 'af75c687d23459c642d1564c6248d572e726f307', name: "Close-small", iconWidth: "32px", iconHeight: "32px", color: "Gray-Gray-400" }))), h("div", { key: '493d6d678f3283fa5c22a99bac53c0cf0d2db430', class: "drawer-body" }, h("slot", { key: '7f71ed9e3470d72c5e7ad7d3edfb44145f12368d' })), h("div", { key: '9433c6c8ea14ae3bf7e84a6fd587804d2ab25854', class: "drawer-footer" }, h("slot", { key: '2cc4e74e7c0a82e8048b8aa5aa2fded3547841c1', name: "footer" })))));
+            } }), h("div", { key: '469c184d14cfa01e80e4c969c24972d97b7f3024', class: `drawer-panel drawer-panel--${this.position}${sizeClass ? ' ' + sizeClass : ''}`, style: panelStyle, role: "dialog", "aria-modal": "true" }, h("div", { key: 'ee71f327050597ac7eed9df2baf8a44c11f387cb', class: { 'drawer-header': true, 'drawer-header--headless': this.headless } }, h("h3", { key: '1224b4b5677845a55017489337dc3a7ecc24ce8c', class: "drawer-header__title" }, this.drawerTitle), h("button", { key: '19b8a22f8bb8aaeddce29a78ad45d6d35cedb032', class: "drawer-header__close", onClick: () => this.close(), "aria-label": "Cerrar" }, h("dropi-icon", { key: '8510c972fd1e0116862aaaa3a2e8d6cfb546e7b6', name: "Close-small", iconWidth: "32px", iconHeight: "32px", color: "Gray-Gray-400" }))), h("div", { key: '1a40daddcff9f546b24ebf380d741da620810d27', class: "drawer-body" }, h("slot", { key: 'dd230f11d1bd9b4b4ea37fc1f75e3ebc8d457203' })), h("div", { key: '64b1018b957d0a159d3265c33ac82490724c7c31', class: "drawer-footer" }, h("slot", { key: '5651bf1970b07c3487573395c0f404156ae8b78d', name: "footer" })))));
     }
     static get watchers() { return {
         "open": [{

package/dist/dropi-ui/dropi-drawer.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dropi-drawer.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,MAAM,CAAC,~~67EAA67E,~~CAAC;;~~MCY/8E~~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","names":[],"sources":["src/components/dropi-drawer/dropi-drawer.css?tag=dropi-drawer&encapsulation=shadow","src/components/dropi-drawer/dropi-drawer.tsx"],"sourcesContent":[":host { display: contents; font-family: 'Inter', sans-serif; }\n, ::before, ::after { box-sizing: border-box; }\n\n.drawer-host {\n position: fixed;\n inset: 0;\n z-index: var(--dropi-z-index-drawer, 9999);\n pointer-events: none;\n visibility: hidden;\n}\n.drawer-host--open {\n pointer-events: all;\n visibility: visible;\n}\n\n/ Backdrop /\n.drawer-backdrop {\n position: absolute;\n inset: 0;\n background: rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition: opacity 0.25s;\n}\n.drawer-host--open .drawer-backdrop { opacity: 1; }\n\n/ Panel base /\n.drawer-panel {\n position: absolute;\n background: var(--Neutral-White, #ffffff);\n display: flex;\n flex-direction: column;\n transition: transform 0.25s ease;\n overflow: hidden;\n max-width: 100%;\n min-width: auto;\n}\n\n/ Positions /\n.drawer-panel--right {\n top: 0; right: 0; bottom: 0;\n transform: translateX(100%);\n box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);\n}\n.drawer-host--open .drawer-panel--right { transform: translateX(0); }\n\n.drawer-panel--left {\n top: 0; left: 0; bottom: 0;\n transform: translateX(-100%);\n box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);\n}\n.drawer-host--open .drawer-panel--left { transform: translateX(0); }\n\n.drawer-panel--bottom {\n bottom: 0; left: 0; right: 0;\n transform: translateY(100%);\n border-radius: var(--Border-2, 8px) var(--Border-2, 8px) 0 0;\n box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.12);\n}\n.drawer-host--open .drawer-panel--bottom { transform: translateY(0); }\n\n.drawer-panel--top {\n top: 0; left: 0; right: 0;\n transform: translateY(-100%);\n border-radius: 0 0 var(--Border-2, 8px) var(--Border-2, 8px);\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);\n}\n.drawer-host--open .drawer-panel--top { transform: translateY(0); }\n\n/ Sizes — coinciden con size-m/l/xl/xxl del host /\n.drawer-panel--size-m { width: 550px; }\n.drawer-panel--size-l { width: 1137px; }\n.drawer-panel--size-xl { width: 1280px; }\n.drawer-panel--size-xxl { width: 1330px; }\n\n/ Header /\n.drawer-header {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: var(--Size-4, 16px) var(--Size-4, 16px) var(--Size-3, 12px);\n border-bottom: 1px solid var(--Gray-Gray-100, #eceef4);\n flex-shrink: 0;\n}\n\n.drawer-header--headless {\n display: none;\n}\n\n.drawer-header__title {\n color: var(--Gray-700, #32394d);\n font-family: Inter, sans-serif;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: 110%;\n margin: 0;\n}\n\n.drawer-header__close {\n width: var(--Size-6, 32px);\n height: var(--Size-6, 32px);\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--Gray-400, #858ea6);\n border-radius: var(--Border-1, 4px);\n transition: background 0.15s;\n flex-shrink: 0;\n}\n.drawer-header__close:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n\n/ Body /\n.drawer-body {\n flex: 1;\n overflow-y: auto;\n padding: var(--Size-4, 16px);\n display: flex;\n flex-direction: column;\n}\n\n/ Footer — oculto por defecto como en el host /\n.drawer-footer {\n display: none;\n}\n","import { Component, Prop, Event, EventEmitter, Watch, h } from '@stencil/core';\n\n/\n @component dropi-drawer\n * Slide-in panel from any side of the screen with backdrop.\n * Matches dropi-core_front implementation with size and headless support.\n /\n@Component({\n tag: 'dropi-drawer',\n styleUrl: 'dropi-drawer.css',\n shadow: true,\n})\nexport class DropiDrawer {\n @Prop() drawerTitle: string = '';\n /* Controls visibility (alias of open for Angular parity) /\n @Prop({ mutable: true }) drawerIsOpen: any = false;\n /* Controls visibility /\n @Prop({ mutable: true }) open: any = false;\n /* Side from which the drawer slides in /\n @Prop() position: 'left' \| 'right' \| 'top' \| 'bottom' = 'right';\n /* Preset size (overrides width when set): 'm' \| 'l' \| 'xl' \| 'xxl' /\n @Prop() size: 'm' \| 'l' \| 'xl' \| 'xxl' \| '' = '';\n /* Custom width for left/right drawers (used when size is not set) /\n @Prop() width: string = '400px';\n /* Custom height for top/bottom drawers /\n @Prop() height: string = '50vh';\n /* Hide the header (headless mode) /\n @Prop() headless: boolean = false;\n /* Close on backdrop click /\n @Prop() closeOnBackdrop: boolean = true;\n\n /* Emitted when drawer closes /\n @Event() dropiClose: EventEmitter<void>;\n\n @Watch('open')\n @Watch('drawerIsOpen')\n openChanged(val: boolean) {\n this.open = val;\n this.drawerIsOpen = val;\n if (typeof document !== 'undefined') {\n if (val) document.body.classList.add('dropi-modal-open');\n else document.body.classList.remove('dropi-modal-open');\n }\n }\n\n componentWillLoad() {\n if (this.drawerIsOpen) this.open = true;\n if (this.open) this.drawerIsOpen = true;\n }\n\n private close() {\n this.open = false;\n this.dropiClose.emit();\n }\n\n render() {\n const isHorizontal = this.position === 'left' \|\| this.position === 'right';\n\n // Clase de tamaño según prop size\n const sizeClass = this.size ? `drawer-panel--size-${this.size}` : '';\n\n // Estilo inline solo cuando no hay size preset\n const panelStyle: { [key: string]: string } = {};\n if (!this.size) {\n if (isHorizontal) panelStyle['width'] = this.width;\n else panelStyle['height'] = this.height;\n }\n\n return (\n <div class={{ 'drawer-host': true, 'drawer-host--open': this.open }}>\n {/ Backdrop /}\n <div\n class=\"drawer-backdrop\"\n onClick={() => { if (this.closeOnBackdrop) this.close(); }}\n />\n\n {/ Panel /}\n <div\n class={`drawer-panel drawer-panel--${this.position}${sizeClass ? ' ' + sizeClass : ''}`}\n style={panelStyle}\n role=\"dialog\"\n aria-modal=\"true\"\n >\n {/ Header /}\n <div class={{ 'drawer-header': true, 'drawer-header--headless': this.headless }}>\n <h3 class=\"drawer-header__title\">{this.drawerTitle}</h3>\n <button class=\"drawer-header__close\" onClick={() => this.close()} aria-label=\"Cerrar\">\n <dropi-icon name=\"Close-small\" iconWidth=\"32px\" iconHeight=\"32px\" color=\"Gray-Gray-400\" />\n </button>\n </div>\n\n {/ Body /}\n <div class=\"drawer-body\">\n <slot />\n </div>\n\n {/ Footer — hidden by default matching host */}\n <div class=\"drawer-footer\">\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"dropi-drawer.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,MAAM,CAAC,+lFAA+lF,CAAC;;MCYjnF,WAAW,GAAA,MAAA;;;;;IACd,WAAW,GAAW,EAAE;;IAEP,YAAY,GAAQ,KAAK;;IAEzB,IAAI,GAAQ,KAAK;;IAElC,QAAQ,GAAwC,OAAO;;IAEvD,IAAI,GAAkC,EAAE;;IAExC,KAAK,GAAW,OAAO;;IAEvB,MAAM,GAAW,MAAM;;IAEvB,QAAQ,GAAY,KAAK;;IAEzB,eAAe,GAAY,IAAI;;AAG9B,IAAA,UAAU;AAInB,IAAA,WAAW,CAAC,GAAY,EAAA;AACtB,QAAA,IAAI,CAAC,IAAI,GAAG,GAAG;AACf,QAAA,IAAI,CAAC,YAAY,GAAG,GAAG;AACvB,QAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;AACnC,YAAA,IAAI,GAAG;gBAAE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC;;gBACnD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC;;;IAI3D,iBAAiB,GAAA;QACf,IAAI,IAAI,CAAC,YAAY;AAAE,YAAA,IAAI,CAAC,IAAI,GAAG,IAAI;QACvC,IAAI,IAAI,CAAC,IAAI;AAAE,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;;IAGjC,KAAK,GAAA;AACX,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;;IAGxB,MAAM,GAAA;AACJ,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO;;AAG1E,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,CAAA,mBAAA,EAAsB,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,EAAE;;QAGpE,MAAM,UAAU,GAA8B,EAAE;AAChD,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AACd,YAAA,IAAI,YAAY;AAAE,gBAAA,UAAU,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,KAAK;;AAC7C,gBAAA,UAAU,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,MAAM;;AAGzC,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,CAAC,IAAI,EAAE,EAAA,EAEjE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,MAAK;gBAAG,IAAI,IAAI,CAAC,eAAe;oBAAE,IAAI,CAAC,KAAK,EAAE;aAAG,EAAA,CAC1D,EAGF,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,CAAA,2BAAA,EAA8B,IAAI,CAAC,QAAQ,CAAA,EAAG,SAAS,GAAG,GAAG,GAAG,SAAS,GAAG,EAAE,CAAA,CAAE,EACvF,KAAK,EAAE,UAAU,EACjB,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,MAAM,EAAA,EAGjB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,yBAAyB,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAA,EAC7E,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,WAAW,CAAM,EACxD,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,gBAAa,QAAQ,EAAA,EACnF,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,EAAA,CAAG,CACnF,CACL,EAGN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,aAAa,EAAA,EACtB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ,EAGN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACxB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CAClB,CACF,CACF;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dropi-drawer/dropi-drawer.css?tag=dropi-drawer&encapsulation=shadow","src/components/dropi-drawer/dropi-drawer.tsx"],"sourcesContent":[":host { display: contents; font-family: var(--font-family-01, 'Inter', sans-serif); font-family: var(--font-family-01, 'Inter', sans-serif); }\nbutton, input, select, textarea { font-family: var(--font-family-01, 'Inter', sans-serif); }\n, ::before, ::after { box-sizing: border-box; }\n\n.drawer-host {\n position: fixed;\n inset: 0;\n z-index: var(--dropi-z-index-drawer, 9999);\n pointer-events: none;\n visibility: hidden;\n}\n.drawer-host--open {\n pointer-events: all;\n visibility: visible;\n}\n\n/ Backdrop /\n.drawer-backdrop {\n position: absolute;\n inset: 0;\n background: rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition: opacity 0.25s;\n}\n.drawer-host--open .drawer-backdrop { opacity: 1; }\n\n/ Panel base /\n.drawer-panel {\n position: absolute;\n background: var(--Neutral-White, #ffffff);\n display: flex;\n flex-direction: column;\n transition: transform 0.25s ease;\n overflow: hidden;\n max-width: 100%;\n min-width: auto;\n}\n\n/ Positions /\n.drawer-panel--right {\n top: 0; right: 0; bottom: 0;\n transform: translateX(100%);\n box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);\n}\n.drawer-host--open .drawer-panel--right { transform: translateX(0); }\n\n.drawer-panel--left {\n top: 0; left: 0; bottom: 0;\n transform: translateX(-100%);\n box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);\n}\n.drawer-host--open .drawer-panel--left { transform: translateX(0); }\n\n.drawer-panel--bottom {\n bottom: 0; left: 0; right: 0;\n transform: translateY(100%);\n border-radius: var(--Border-2, 8px) var(--Border-2, 8px) 0 0;\n box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.12);\n}\n.drawer-host--open .drawer-panel--bottom { transform: translateY(0); }\n\n.drawer-panel--top {\n top: 0; left: 0; right: 0;\n transform: translateY(-100%);\n border-radius: 0 0 var(--Border-2, 8px) var(--Border-2, 8px);\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);\n}\n.drawer-host--open .drawer-panel--top { transform: translateY(0); }\n\n/ Sizes — coinciden con size-m/l/xl/xxl del host /\n.drawer-panel--size-m { width: 550px; }\n.drawer-panel--size-l { width: 1137px; }\n.drawer-panel--size-xl { width: 1280px; }\n.drawer-panel--size-xxl { width: 1330px; }\n\n/ Header /\n.drawer-header {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: var(--Size-4, 16px) var(--Size-4, 16px) var(--Size-3, 12px);\n border-bottom: 1px solid var(--Gray-Gray-100, #eceef4);\n flex-shrink: 0;\n}\n\n.drawer-header--headless {\n display: none;\n}\n\n.drawer-header__title {\n color: var(--Gray-700, #32394d);\n font-family: Inter, sans-serif;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: 110%;\n margin: 0;\n}\n\n.drawer-header__close {\n width: var(--Size-6, 32px);\n height: var(--Size-6, 32px);\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--Gray-400, #858ea6);\n border-radius: var(--Border-1, 4px);\n transition: background 0.15s;\n flex-shrink: 0;\n}\n.drawer-header__close:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n\n/ Body /\n.drawer-body {\n flex: 1;\n overflow-y: auto;\n padding: var(--Size-4, 16px);\n display: flex;\n flex-direction: column;\n}\n\n/ Footer — oculto por defecto como en el host /\n.drawer-footer {\n display: none;\n}\n","import { Component, Prop, Event, EventEmitter, Watch, h } from '@stencil/core';\n\n/\n @component dropi-drawer\n * Slide-in panel from any side of the screen with backdrop.\n * Matches dropi-core_front implementation with size and headless support.\n /\n@Component({\n tag: 'dropi-drawer',\n styleUrl: 'dropi-drawer.css',\n shadow: true,\n})\nexport class DropiDrawer {\n @Prop() drawerTitle: string = '';\n /* Controls visibility (alias of open for Angular parity) /\n @Prop({ mutable: true }) drawerIsOpen: any = false;\n /* Controls visibility /\n @Prop({ mutable: true }) open: any = false;\n /* Side from which the drawer slides in /\n @Prop() position: 'left' \| 'right' \| 'top' \| 'bottom' = 'right';\n /* Preset size (overrides width when set): 'm' \| 'l' \| 'xl' \| 'xxl' /\n @Prop() size: 'm' \| 'l' \| 'xl' \| 'xxl' \| '' = '';\n /* Custom width for left/right drawers (used when size is not set) /\n @Prop() width: string = '400px';\n /* Custom height for top/bottom drawers /\n @Prop() height: string = '50vh';\n /* Hide the header (headless mode) /\n @Prop() headless: boolean = false;\n /* Close on backdrop click /\n @Prop() closeOnBackdrop: boolean = true;\n\n /* Emitted when drawer closes /\n @Event() dropiClose: EventEmitter<void>;\n\n @Watch('open')\n @Watch('drawerIsOpen')\n openChanged(val: boolean) {\n this.open = val;\n this.drawerIsOpen = val;\n if (typeof document !== 'undefined') {\n if (val) document.body.classList.add('dropi-modal-open');\n else document.body.classList.remove('dropi-modal-open');\n }\n }\n\n componentWillLoad() {\n if (this.drawerIsOpen) this.open = true;\n if (this.open) this.drawerIsOpen = true;\n }\n\n private close() {\n this.open = false;\n this.dropiClose.emit();\n }\n\n render() {\n const isHorizontal = this.position === 'left' \|\| this.position === 'right';\n\n // Clase de tamaño según prop size\n const sizeClass = this.size ? `drawer-panel--size-${this.size}` : '';\n\n // Estilo inline solo cuando no hay size preset\n const panelStyle: { [key: string]: string } = {};\n if (!this.size) {\n if (isHorizontal) panelStyle['width'] = this.width;\n else panelStyle['height'] = this.height;\n }\n\n return (\n <div class={{ 'drawer-host': true, 'drawer-host--open': this.open }}>\n {/ Backdrop /}\n <div\n class=\"drawer-backdrop\"\n onClick={() => { if (this.closeOnBackdrop) this.close(); }}\n />\n\n {/ Panel /}\n <div\n class={`drawer-panel drawer-panel--${this.position}${sizeClass ? ' ' + sizeClass : ''}`}\n style={panelStyle}\n role=\"dialog\"\n aria-modal=\"true\"\n >\n {/ Header /}\n <div class={{ 'drawer-header': true, 'drawer-header--headless': this.headless }}>\n <h3 class=\"drawer-header__title\">{this.drawerTitle}</h3>\n <button class=\"drawer-header__close\" onClick={() => this.close()} aria-label=\"Cerrar\">\n <dropi-icon name=\"Close-small\" iconWidth=\"32px\" iconHeight=\"32px\" color=\"Gray-Gray-400\" />\n </button>\n </div>\n\n {/ Body /}\n <div class=\"drawer-body\">\n <slot />\n </div>\n\n {/ Footer — hidden by default matching host */}\n <div class=\"drawer-footer\">\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}