npm - @dropi/ui - Versions diffs - 0.1.21 → 0.1.23 - Mend

@dropi/ui 0.1.21 → 0.1.23

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 (507) hide show

package/dist/dropi-ui/dropi-color-picker.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-color-picker.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-color-picker/dropi-color-picker.css?tag=dropi-color-picker&encapsulation=shadow","src/components/dropi-color-picker/dropi-color-picker.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.general-container {\n position: relative;\n width: fit-content;\n}\n\n.main-input-container {\n display: flex;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: var(--Size-3);\n position: relative;\n width: fit-content;\n}\n\n.main-input-container .overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 100;\n cursor: pointer;\n}\n\n.line-color-preview {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: 1px solid var(--Gray-Gray-200);\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 5px;\n}\n\n.line-color-preview .color-preview {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n border: 1px solid var(--Gray-Gray-200);\n}\n\n.position-right {\n top: 0;\n left: 250px;\n}\n\n.position-left {\n top: 0;\n right: 200px;\n}\n\n.position-top {\n bottom: 55px;\n}\n\n.position-bottom {\n top: 55px;\n}\n\n.position-bottom::before {\n transform: rotate(90deg);\n left: 50%;\n top: -15px;\n}\n\n.position-right::before {\n left: -6px;\n top: 10px;\n}\n\n.position-top::before {\n transform: rotate(270deg);\n left: 50%;\n bottom: -15px;\n}\n\n.position-left::before {\n transform: rotate(180deg);\n right: -9px;\n}\n\n.color-picker-container::before {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-right: 10px solid var(--Neutral-White);\n z-index: 1;\n}\n\n.color-picker-container {\n width: 280px;\n padding: var(--Size-4);\n background: var(--Neutral-White);\n border-radius: var(--Size-2);\n box-shadow: var(--Shadow-large);\n position: absolute;\n z-index: 100;\n transform-origin: top left;\n opacity: 0;\n transition:\n transform 0.2s ease-out,\n opacity 0.2s ease-out;\n pointer-events: none;\n}\n\n.color-picker-container .main-color-canvas-container {\n position: relative;\n margin-bottom: var(--Size-4);\n border: 1px solid var(--Gray-Gray-200);\n border-radius: var(--Size-1);\n display: flex;\n justify-self: center;\n align-items: center;\n}\n\n.color-picker-container .main-color-canvas-container canvas {\n display: block;\n border-radius: var(--Size-1);\n}\n\n.color-picker-container .main-color-canvas-container .color-selector-pointer {\n position: absolute;\n width: var(--Size-3);\n height: var(--Size-3);\n border: 2px solid var(--Neutral-White);\n border-radius: 50%;\n transform: translate(-6px, -6px);\n pointer-events: none;\n}\n\n.color-picker-container .slider-container {\n display: flex;\n flex-direction: column;\n gap: var(--Size-3);\n}\n\n.color-picker-container .slider-container .slider-group {\n display: flex;\n flex-direction: column;\n gap: var(--Size-1);\n}\n\n.color-picker-container .slider-container .slider-group label {\n font-size: var(--font-size-xs);\n color: var(--Gray-Gray-500);\n font-weight: var(--font-weight-bold);\n}\n\n.color-picker-container .slider-container .slider-group .hue-slider-container,\n.color-picker-container .slider-container .slider-group .opacity-slider-container {\n position: relative;\n height: var(--Size-3);\n border-radius: var(--Size-4);\n overflow: hidden;\n}\n\n.color-picker-container .slider-container .slider-group .hue-slider-container canvas,\n.color-picker-container .slider-container .slider-group .opacity-slider-container canvas {\n display: block;\n width: 100%;\n height: 100%;\n}\n\n.color-picker-container .slider-container .slider-group .hue-slider-container .slider-pointer,\n.color-picker-container .slider-container .slider-group .opacity-slider-container .slider-pointer {\n position: absolute;\n top: 0;\n height: var(--Size-3);\n width: var(--Size-3);\n background: transparent;\n border: 2px solid var(--Neutral-White);\n border-radius: 50%;\n pointer-events: none;\n}\n\n.color-picker-container.show {\n transform: scale(1);\n opacity: 1;\n pointer-events: auto;\n}\n\n.color-info .color-label {\n font-size: var(--font-size-xs);\n color: var(--Gray-Gray-500);\n font-weight: var(--font-weight-bold);\n text-transform: uppercase;\n margin-bottom: var(--Size-2);\n}\n\n.color-info .color-input {\n border: 1px solid var(--Gray-Gray-200, #ddd);\n border-radius: var(--Size-1);\n padding: 6px 8px;\n font-size: var(--font-size-s);\n width: 100%;\n font-family: monospace;\n text-transform: uppercase;\n background-color: var(--Neutral-White, #ffffff);\n color: var(--Gray-Gray-800, #1f2433);\n outline: none;\n}\n","import { Component, Prop, State, Event, EventEmitter, h, Element, Watch } from '@stencil/core';\n\n@Component({\n tag: 'dropi-color-picker',\n styleUrl: 'dropi-color-picker.css',\n shadow: true,\n})\nexport class DropiColorPicker {\n @Element() el!: HTMLElement;\n\n @Prop({ mutable: true }) currentColor: string = '#ffffff';\n @Prop() position: 'top' | 'bottom' | 'left' | 'right' = 'right';\n\n @Event() colorChange: EventEmitter<string>;\n\n @State() private color: string = '';\n @State() private hue: number = 0;\n @State() private saturation: number = 0;\n @State() private currentVal: number = 0;\n @State() private opacity: number = 100;\n \n @State() private showEdit: boolean = false;\n\n private isDragging: boolean = false;\n private isHueDragging: boolean = false;\n private isOpacityDragging: boolean = false;\n\n private colorCanvas!: HTMLCanvasElement;\n private hueCanvas!: HTMLCanvasElement;\n private opacityCanvas!: HTMLCanvasElement;\n\n @Watch('value')\n onValueChange(newValue: string) {\n if (!this.showEdit) {\n this.color = newValue;\n this.syncFromHex();\n }\n }\n\n componentWillLoad() {\n this.color = this.currentColor;\n this.syncFromHex();\n }\n\n componentDidLoad() {\n document.addEventListener('mousemove', this.onMouseMove.bind(this));\n document.addEventListener('mouseup', this.onMouseUp.bind(this));\n document.addEventListener('click', this.handleClickOutside.bind(this));\n \n // Defer canvas drawing slightly to ensure elements are rendered\n setTimeout(() => {\n if (this.hueCanvas) this.drawHueCanvas();\n if (this.colorCanvas) this.drawColorCanvas();\n if (this.opacityCanvas) this.drawOpacityCanvas();\n }, 50);\n }\n\n disconnectedCallback() {\n document.removeEventListener('mousemove', this.onMouseMove.bind(this));\n document.removeEventListener('mouseup', this.onMouseUp.bind(this));\n document.removeEventListener('click', this.handleClickOutside.bind(this));\n }\n\n onMouseMove(event: MouseEvent) {\n if (this.isDragging) {\n this.updateColorFromPosition(event);\n return;\n }\n if (this.isHueDragging) {\n this.updateHueFromPosition(event);\n return;\n }\n if (this.isOpacityDragging) {\n this.updateOpacityFromPosition(event);\n return;\n }\n }\n\n onMouseUp() {\n this.isDragging = false;\n this.isHueDragging = false;\n this.isOpacityDragging = false;\n }\n\n handleClickOutside(event: MouseEvent) {\n // Determine if the click target is outside the host element\n const clickedInside = event.composedPath().includes(this.el);\n if (!clickedInside && this.showEdit) {\n this.showEdit = false;\n this.currentColor = this.color;\n this.colorChange.emit(this.color);\n }\n }\n\n drawColorCanvas() {\n if (!this.colorCanvas) return;\n const ctx = this.colorCanvas.getContext('2d')!;\n const width = this.colorCanvas.width;\n const height = this.colorCanvas.height;\n\n const saturationGradient = ctx.createLinearGradient(0, 0, width, 0);\n saturationGradient.addColorStop(0, '#FFFFFF');\n saturationGradient.addColorStop(1, `hsl(${this.hue ?? 0}, 100%, 50%)`);\n\n const valueGradient = ctx.createLinearGradient(0, 0, 0, height);\n valueGradient.addColorStop(0, 'rgba(0, 0, 0, 0)');\n valueGradient.addColorStop(1, '#000000');\n\n ctx.fillStyle = saturationGradient;\n ctx.fillRect(0, 0, width, height);\n ctx.fillStyle = valueGradient;\n ctx.fillRect(0, 0, width, height);\n }\n\n drawHueCanvas() {\n if (!this.hueCanvas) return;\n const ctx = this.hueCanvas.getContext('2d')!;\n const width = this.hueCanvas.width;\n const height = this.hueCanvas.height;\n\n const hueGradient = ctx.createLinearGradient(0, 0, width, 0);\n for (let i = 0; i <= 360; i += 60) {\n hueGradient.addColorStop(i / 360, `hsl(${i}, 100%, 50%)`);\n }\n\n ctx.fillStyle = hueGradient;\n ctx.fillRect(0, 0, width, height);\n }\n\n drawOpacityCanvas() {\n if (!this.opacityCanvas) return;\n const ctx = this.opacityCanvas.getContext('2d')!;\n const width = this.opacityCanvas.width;\n const height = this.opacityCanvas.height;\n\n ctx.clearRect(0, 0, width, height);\n ctx.fillStyle = '#FFFFFF';\n ctx.fillRect(0, 0, width, height);\n\n const rgb = this.hsvToRgb(this.hue, this.saturation, this.currentVal);\n\n const opacityGradient = ctx.createLinearGradient(0, 0, width, 0);\n opacityGradient.addColorStop(0, `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 0)`);\n opacityGradient.addColorStop(1, `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 1)`);\n\n ctx.fillStyle = opacityGradient;\n ctx.fillRect(0, 0, width, height);\n }\n\n updateColor() {\n const rgb = this.hsvToRgb(this.hue, this.saturation, this.currentVal);\n const hex = this.rgbToHex(rgb.r, rgb.g, rgb.b, this.opacity);\n this.color = hex;\n this.drawColorCanvas();\n this.drawOpacityCanvas();\n this.currentColor = hex;\n this.colorChange.emit(this.color);\n }\n\n hsvToRgb(h: number, s: number, v: number): { r: number; g: number; b: number } {\n s /= 100;\n v /= 100;\n\n const c = v * s;\n const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n const m = v - c;\n\n let r = 0, g = 0, b = 0;\n\n if (h >= 0 && h < 60) { r = c; g = x; b = 0; }\n else if (h >= 60 && h < 120) { r = x; g = c; b = 0; }\n else if (h >= 120 && h < 180) { r = 0; g = c; b = x; }\n else if (h >= 180 && h < 240) { r = 0; g = x; b = c; }\n else if (h >= 240 && h < 300) { r = x; g = 0; b = c; }\n else if (h >= 300 && h <= 360) { r = c; g = 0; b = x; }\n\n return {\n r: Math.round((r + m) * 255),\n g: Math.round((g + m) * 255),\n b: Math.round((b + m) * 255),\n };\n }\n\n rgbToHex(red: number, green: number, black: number, opacity = 100) {\n const toHex = (val: number) => {\n const hex = Math.round(val).toString(16);\n return hex.padStart(2, '0');\n };\n\n const rHex = toHex(red);\n const gHex = toHex(green);\n const bHex = toHex(black);\n const alpha = Math.round((opacity / 100) * 255);\n const aHex = toHex(alpha);\n\n return `#${rHex}${gHex}${bHex}${aHex}`;\n }\n\n syncFromHex() {\n if (/^#?[0-9A-F]{6}([0-9A-F]{2})?$/i.test(this.color)) {\n if (!this.color.startsWith('#')) {\n this.color = '#' + this.color;\n }\n\n const hex = this.color.substring(1);\n const r = parseInt(hex.substring(0, 2), 16);\n const g = parseInt(hex.substring(2, 4), 16);\n const b = parseInt(hex.substring(4, 6), 16);\n const a = hex.length === 8 ? parseInt(hex.substring(6, 8), 16) / 255 : 1;\n\n const hsv = this.rgbToHsv(r, g, b, a);\n this.hue = hsv.h;\n this.saturation = hsv.s;\n this.currentVal = hsv.v;\n this.opacity = a * 100;\n\n this.drawColorCanvas();\n this.drawOpacityCanvas();\n }\n }\n\n onHexInputChange(event: Event) {\n this.color = (event.target as HTMLInputElement).value;\n this.syncFromHex();\n }\n\n rgbToHsv(r: number, g: number, b: number, a: number = 1): { h: number; s: number; v: number; a: number } {\n r /= 255;\n g /= 255;\n b /= 255;\n\n const max = Math.max(r, g, b);\n const min = Math.min(r, g, b);\n const delta = max - min;\n\n let h = 0;\n if (delta !== 0) {\n if (max === r) h = 60 * (((g - b) / delta) % 6);\n else if (max === g) h = 60 * ((b - r) / delta + 2);\n else if (max === b) h = 60 * ((r - g) / delta + 4);\n }\n\n if (h < 0) h += 360;\n\n const s = max === 0 ? 0 : (delta / max) * 100;\n const v = max * 100;\n\n return {\n h: Math.round(h),\n s: Math.round(s),\n v: Math.round(v),\n a: parseFloat(a.toFixed(3)),\n };\n }\n\n getCanvasPosition(canvas: HTMLCanvasElement, event: MouseEvent): { x: number; y: number } {\n const rect = canvas.getBoundingClientRect();\n const scaleX = canvas.width / rect.width;\n const scaleY = canvas.height / rect.height;\n\n return {\n x: (event.clientX - rect.left) * scaleX,\n y: (event.clientY - rect.top) * scaleY,\n };\n }\n\n onColorMouseDown(event: MouseEvent) {\n this.isDragging = true;\n this.updateColorFromPosition(event);\n }\n\n onHueMouseDown(event: MouseEvent) {\n this.isHueDragging = true;\n this.updateHueFromPosition(event);\n }\n\n onOpacityMouseDown(event: MouseEvent) {\n this.isOpacityDragging = true;\n this.updateOpacityFromPosition(event);\n }\n\n updateColorFromPosition(event: MouseEvent) {\n if (!this.colorCanvas) return;\n const pos = this.getCanvasPosition(this.colorCanvas, event);\n\n const x = Math.max(0, Math.min(pos.x, 256));\n const y = Math.max(0, Math.min(pos.y, 150));\n\n this.saturation = Math.round((x / 256) * 100);\n this.currentVal = 100 - Math.round((y / 150) * 100);\n this.updateColor();\n }\n\n updateHueFromPosition(event: MouseEvent) {\n if (!this.hueCanvas) return;\n const pos = this.getCanvasPosition(this.hueCanvas, event);\n const x = Math.max(0, Math.min(pos.x, 256));\n this.hue = Math.round((x / 256) * 360);\n this.drawColorCanvas();\n this.updateColor();\n }\n\n updateOpacityFromPosition(event: MouseEvent) {\n if (!this.opacityCanvas) return;\n const pos = this.getCanvasPosition(this.opacityCanvas, event);\n const x = Math.max(0, Math.min(pos.x, 256));\n\n this.opacity = Math.round((x / 256) * 100);\n this.updateColor();\n }\n\n showEditor() {\n this.showEdit = !this.showEdit;\n this.color = this.currentColor;\n if (this.showEdit) {\n setTimeout(() => {\n this.drawHueCanvas();\n this.drawColorCanvas();\n this.drawOpacityCanvas();\n this.syncFromHex();\n }, 100);\n }\n }\n\n render() {\n return (\n <div class=\"general-container\">\n <div class=\"main-input-container\">\n <div class=\"overlay\" onClick={() => this.showEditor()}></div>\n <div class=\"line-color-preview\">\n <div class=\"color-preview\" style={{ background: this.currentColor }}></div>\n </div>\n <div class=\"color-info\">\n <input \n type=\"text\" \n class=\"color-input\" \n value={this.currentColor} \n maxLength={9} \n readOnly \n />\n </div>\n </div>\n\n <div class={`color-picker-container position-${this.position} ${this.showEdit ? 'show' : ''}`}>\n <div class=\"main-color-canvas-container\">\n <canvas \n ref={(el) => this.colorCanvas = el as HTMLCanvasElement} \n width={256} \n height={150} \n onMouseDown={(e) => this.onColorMouseDown(e)}\n ></canvas>\n <div\n class=\"color-selector-pointer\"\n style={{\n left: `${(this.saturation / 100) * 256}px`,\n top: `${((100 - this.currentVal) / 100) * 150}px`\n }}\n ></div>\n </div>\n\n <div class=\"slider-container\">\n <div class=\"slider-group\">\n <div class=\"hue-slider-container\">\n <canvas \n ref={(el) => this.hueCanvas = el as HTMLCanvasElement} \n width={256} \n height={20} \n onMouseDown={(e) => this.onHueMouseDown(e)}\n ></canvas>\n <div class=\"slider-pointer\" style={{ left: `${(this.hue / 360) * 234}px` }}></div>\n </div>\n </div>\n\n <div class=\"slider-group\">\n <div class=\"opacity-slider-container\">\n <canvas\n ref={(el) => this.opacityCanvas = el as HTMLCanvasElement}\n width={256}\n height={20}\n onMouseDown={(e) => this.onOpacityMouseDown(e)}\n ></canvas>\n <div class=\"slider-pointer\" style={{ left: `${(this.opacity / 100) * 234}px` }}></div>\n </div>\n </div>\n\n <div class=\"color-info\">\n <div class=\"color-label\">HEX</div>\n <input\n type=\"text\"\n class=\"color-input\"\n value={this.color}\n onInput={(e) => this.onHexInputChange(e)}\n maxLength={9}\n />\n </div>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-country-flags.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-TXz_09YZ.js';
+import { r as registerInstance, h } from './index-Cvp2LQOM.js';
 const dropiCountryFlagsCss = () => `:host{display:inline-flex}.flag{max-width:40px;max-height:40px;margin:0;display:flex;align-items:center;justify-content:center}.flag img{width:100%;height:100%;object-fit:cover}.circle{border-radius:50%;overflow:hidden}.rectangle{border-radius:4px;overflow:hidden;max-width:32px !important;max-height:24px !important}`;
@@ -27,9 +27,12 @@ const DropiCountryFlags = class {
             style['width'] = this.width.includes('px') ? this.width : `${this.width}px`;
         if (this.height)
             style['height'] = this.height.includes('px') ? this.height : `${this.height}px`;
-        return (h("figure", { key: '08e6efa91f51eb4c408ae868cef6a2c449e7ac2f', class: `flag ${this.customStyle}` }, h("img", { key: 'd0c24fdb98b1c2561f36dc70663e07ccea7802ca', src: this.src, style: style, alt: `flag-${this.country}` })));
+        return (h("figure", { key: '924adeb5372e2c02ce1c0471a162b57fc53616bd', class: `flag ${this.customStyle ?? 'flat'}` }, h("img", { key: '8433b69bbfc51aa5e72f8bd7166382e1d7907cfa', src: this.src, style: style, alt: `flag-${this.country}` })));
     }
 };
 DropiCountryFlags.style = dropiCountryFlagsCss();
 export { DropiCountryFlags as dropi_country_flags };
+//# sourceMappingURL=dropi-country-flags.entry.esm.js.map
+//# sourceMappingURL=dropi-country-flags.entry.js.map

package/dist/dropi-ui/dropi-country-flags.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-country-flags.entry.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,MAAM,CAAC,6TAA6T,CAAC;;MCcrV,iBAAiB,GAAA,MAAA;;;;;IAEpB,OAAO,GAAW,EAAE;;IAEpB,WAAW,GAAoC,MAAM;;IAErD,KAAK,GAAW,EAAE;;IAElB,MAAM,GAAW,EAAE;AAE3B,IAAA,IAAY,GAAG,GAAA;AACb,QAAA,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,EAAE,WAAW,EAAE;AAC/C,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,QAAQ,EAAE;AACjC,YAAA,OAAO,mDAAmD,IAAI,CAAC,WAAW,EAAE,MAAM;;QAEpF,OAAO,CAAA,qBAAA,EAAwB,IAAI,CAAA,YAAA,CAAc;;IAGnD,MAAM,GAAA;QACJ,MAAM,KAAK,GAA2B,EAAE;QACxC,IAAI,IAAI,CAAC,KAAK;YAAE,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAA,EAAG,IAAI,CAAC,KAAK,CAAA,EAAA,CAAI;QAC3F,IAAI,IAAI,CAAC,MAAM;YAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAA,EAAG,IAAI,CAAC,MAAM,CAAA,EAAA,CAAI;QAEhG,QACE,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAE,CAAA,KAAA,EAAQ,IAAI,CAAC,WAAW,IAAI,MAAM,EAAE,EAAA,EACjD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,CAAA,KAAA,EAAQ,IAAI,CAAC,OAAO,EAAE,EAAA,CAAI,CAC1D;;;;;;;","names":[],"sources":["src/components/dropi-country-flags/dropi-country-flags.css?tag=dropi-country-flags&encapsulation=shadow","src/components/dropi-country-flags/dropi-country-flags.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n\n.flag {\n max-width: 40px;\n max-height: 40px;\n margin: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.flag img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.circle {\n border-radius: 50%;\n overflow: hidden;\n}\n\n.rectangle {\n border-radius: 4px;\n overflow: hidden;\n max-width: 32px !important;\n max-height: 24px !important;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * @component dropi-country-flags\n * Displays a country flag image. Supports circle, rectangle, and flat styles.\n *\n * @example\n * <dropi-country-flags country=\"CO\" style=\"circle\"></dropi-country-flags>\n */\n@Component({\n tag: 'dropi-country-flags',\n styleUrl: 'dropi-country-flags.css',\n shadow: true,\n})\nexport class DropiCountryFlags {\n /** ISO 3166-1 alpha-2 country code (e.g. \"CO\", \"US\") */\n @Prop() country: string = '';\n /** Visual style: circle uses circle-flags CDN, rectangle/flat uses flagsapi */\n @Prop() customStyle: 'circle' | 'rectangle' | 'flat' = 'flat';\n /** Width in px */\n @Prop() width: string = '';\n /** Height in px */\n @Prop() height: string = '';\n\n private get src(): string {\n const code = (this.country || '').toUpperCase();\n if (this.customStyle === 'circle') {\n return `https://hatscripts.github.io/circle-flags/flags/${code.toLowerCase()}.svg`;\n }\n return `https://flagsapi.com/${code}/flat/64.png`;\n }\n\n render() {\n const style: Record<string, string> = {};\n if (this.width) style['width'] = this.width.includes('px') ? this.width : `${this.width}px`;\n if (this.height) style['height'] = this.height.includes('px') ? this.height : `${this.height}px`;\n\n return (\n <figure class={`flag ${this.customStyle ?? 'flat'}`}>\n <img src={this.src} style={style} alt={`flag-${this.country}`} />\n </figure>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-country-selector.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-TXz_09YZ.js';
+import { r as registerInstance, d as createEvent, a as getElement, h } from './index-Cvp2LQOM.js';
 const dropiCountrySelectorCss = () => `:host{display:block;width:100%;text-align:left}*,*::before,*::after{box-sizing:border-box}.custom-select{position:relative;width:100%}label{display:block;font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066);margin-bottom:6px}.required{color:var(--Error-Error-500, #ef4444);margin-left:2px}.select-button{width:100%;height:44px;padding:0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 14px);font-family:inherit;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;transition:border-color 0.15s ease}.select-button:focus{outline:none;border-color:var(--Info-Info-500, #3b82f6)}.select-button:disabled{border-color:var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6);background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.select-button.select-completed{color:var(--Gray-Gray-700, #32394d)}.select-button.select-invalid{border-color:var(--Error-Error-500, #ef4444)}.selected-content{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1}.selected-option{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-s, 14px)}.placeholder-text{color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}.flag-img{border-radius:var(--Border-1, 4px);width:24px;height:24px;object-fit:cover;flex-shrink:0}.select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);z-index:200;list-style:none;padding:0;margin:0;box-shadow:0 8px 24px rgba(0, 0, 0, 0.10);overflow:hidden;transition:max-height 0.2s ease, opacity 0.2s ease}.select-dropdown.expanded{max-height:300px;opacity:1;overflow-y:auto}.select-dropdown.collapsed{max-height:0;opacity:0;pointer-events:none;border-color:transparent;box-shadow:none}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-track{background:transparent}.select-dropdown::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:4px}.select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--Gray-Gray-300, #a3abbf)}.search-li{padding:10px 12px;position:sticky;top:0;background:var(--Neutral-White, #ffffff);z-index:1;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.search-field{position:relative;display:flex;align-items:center}.country-search{width:100%;height:36px;padding:0 36px 0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);outline:none;font-size:var(--font-size-s, 14px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Gray-Gray-50, #f7f8fa);transition:border-color 0.15s, background 0.15s}.country-search:focus{border-color:var(--Info-Info-500, #50a5f1);background:var(--Neutral-White, #ffffff)}.country-search::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-icon{position:absolute;right:10px;display:flex;align-items:center;pointer-events:none}.option{width:100%;min-height:44px;padding:10px 16px;border:none;background:transparent;text-align:left;color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-s, 14px);font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background 0.1s ease;white-space:nowrap}.option:hover{background:var(--Gray-Gray-50, #f7f8fa)}`;
@@ -175,11 +175,11 @@ const DropiCountrySelector = class {
         this.onChangeSelect.emit(country);
     }
     render() {
-        return (h("div", { key: '5b1c2871c8e203384a7e4110002436131e9b6540', class: "custom-select" }, this.label && (h("label", { key: '40b4b1e5e3d245466ac66b0e5b2fbadaf476a45f' }, this.label, this.showObligatory && h("span", { key: '22734f66b235e18548862c756b005c8f5d901a7d', class: "required" }, "*"))), h("button", { key: '02aaf6f7c145d4e55d347f92cc1228c2623bfb52', type: "button", class: {
+        return (h("div", { key: '78179f7b5e30c4eb7d5345431f476f625a60534a', class: "custom-select" }, this.label && (h("label", { key: '13566e714a55c3820facffab298a97fc37c97133' }, this.label, this.showObligatory && h("span", { key: '7772ddd762bd50da043ed030b5a3442e10de47b0', class: "required" }, "*"))), h("button", { key: '649759c1d921318a48fd1abf8e71977d52b6ae2d', type: "button", class: {
                 'select-button': true,
                 'select-completed': !!this.selected,
                 'select-invalid': this.hasError,
-            }, disabled: this.disabled, onClick: () => this.open() }, h("div", { key: '1dd83df0cdbfe0c3b767fa0f7b431ce0a414cb14', class: "selected-content" }, this.selected ? (h("span", { class: "selected-option" }, h("img", { class: "flag-img", src: `https://flagsapi.com/${this.selected.code}/shiny/24.png`, alt: this.selected.name }), this.selected.name)) : (h("span", { class: "placeholder-text" }, this.placeholder))), h("dropi-icon", { key: '8b990d7ad946d88da7a67b142a4420cd80e3deb2', name: this.isOpen ? 'Arrow-Up-2' : 'Arrow-Down-2', width: "20px", height: "20px", color: "Gray-Gray-500" })), h("ul", { key: 'b2641514578d7ea447bd7cd5db191dc1b21bc9f1', class: `select-dropdown${this.isOpen ? ' expanded' : ' collapsed'}` }, h("li", { key: 'd743ec97af3cb4044b48ef4e98bbe90a59fffc35', class: "search-li" }, h("div", { key: '771cbb86ce07908b5e59fa21899d8156180430d8', class: "search-field" }, h("input", { key: '9e5c11ad1ae3e650e3cb10011e1c87e889be65cd', ref: (el) => { this.searchInputRef = el; }, type: "text", class: "country-search", placeholder: "Buscar pa\u00EDs...", value: this.searchTerm, onInput: (e) => { this.searchTerm = e.target.value; } }), h("span", { key: '56ebb7e45e8898eed09ddd82c770ad30648b8b73', class: "search-icon" }, h("dropi-icon", { key: 'a80e581cd1b3590dc66290a3f43cee9ee5bc5e66', name: "Search", width: "16px", height: "16px", color: "Gray-Gray-400" })))), this.filtered.map(country => (h("li", { key: country.code }, h("button", { class: "option", type: "button", onClick: () => this.select(country) }, h("img", { class: "flag-img", src: `https://flagsapi.com/${country.code}/shiny/24.png`, alt: country.name }), country.name))))), this.textHelper && (h("div", { key: 'b9b87b146ef9261ef540a7d39761e6793194baf0', class: { 'select-helper': true, 'select-helper-error': this.hasError } }, this.hasError && h("dropi-icon", { key: '7a5aec8d924adcaf7b3381f486ef7b4ed6245059', name: "Warning-circle", width: "12px", height: "12px", color: "Error-Error-500" }), h("span", { key: 'bd953f772c39334b217229f0c0a887641830a2eb' }, this.textHelper)))));
+            }, disabled: this.disabled, onClick: () => this.open() }, h("div", { key: '79df14d64f598d312a1cd82f294edf8aa14ed32e', class: "selected-content" }, this.selected ? (h("span", { class: "selected-option" }, h("img", { class: "flag-img", src: `https://flagsapi.com/${this.selected.code}/shiny/24.png`, alt: this.selected.name }), this.selected.name)) : (h("span", { class: "placeholder-text" }, this.placeholder))), h("dropi-icon", { key: 'dfa717ce51975386fab6a3af796637a27a8cb039', name: this.isOpen ? 'Arrow-Up-2' : 'Arrow-Down-2', width: "20px", height: "20px", color: "Gray-Gray-500" })), h("ul", { key: '4f72db336c9d1bc1ce149279970cdaa4dcaa4f77', class: `select-dropdown${this.isOpen ? ' expanded' : ' collapsed'}` }, h("li", { key: '3badbda75f609e979f5edf7ad3f5783bf9cdf001', class: "search-li" }, h("div", { key: 'cae7ee12d3d3d40a3bb9728f4c109cd0ba513995', class: "search-field" }, h("input", { key: '82b7703b0531c80d51b5fb70d3e2f0b804e3089f', ref: (el) => { this.searchInputRef = el; }, type: "text", class: "country-search", placeholder: "Buscar pa\u00EDs...", value: this.searchTerm, onInput: (e) => { this.searchTerm = e.target.value; } }), h("span", { key: '45378fac8b73b656fc8c5bb16d7f072398890508', class: "search-icon" }, h("dropi-icon", { key: '39c3a426407fd68367a3494c3d319bdbcf9692bb', name: "Search", width: "16px", height: "16px", color: "Gray-Gray-400" })))), this.filtered.map(country => (h("li", { key: country.code }, h("button", { class: "option", type: "button", onClick: () => this.select(country) }, h("img", { class: "flag-img", src: `https://flagsapi.com/${country.code}/shiny/24.png`, alt: country.name }), country.name))))), this.textHelper && (h("div", { key: '58f747d7cfecd23d3bdc166f21c3560e642f336d', class: { 'select-helper': true, 'select-helper-error': this.hasError } }, this.hasError && h("dropi-icon", { key: 'fb68e291bd8dcfe5955281504b3de80699fa0ff0', name: "Warning-circle", width: "12px", height: "12px", color: "Error-Error-500" }), h("span", { key: '9d5287f387f09f2b90b41f14f05c3572a44d74a3' }, this.textHelper)))));
     }
     static get watchers() { return {
         "currentSelection": [{
@@ -193,3 +193,6 @@ const DropiCountrySelector = class {
 DropiCountrySelector.style = dropiCountrySelectorCss();
 export { DropiCountrySelector as dropi_country_selector };
+//# sourceMappingURL=dropi-country-selector.entry.esm.js.map
+//# sourceMappingURL=dropi-country-selector.entry.js.map

package/dist/dropi-ui/dropi-country-selector.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-country-selector.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-country-selector/dropi-country-selector.css?tag=dropi-country-selector&encapsulation=shadow","src/components/dropi-country-selector/dropi-country-selector.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n text-align: left;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.custom-select {\n position: relative;\n width: 100%;\n}\n\n/* ── Label ───────────────────────────────────────────────────────── */\nlabel {\n display: block;\n font-size: var(--font-size-xs, 11px);\n font-weight: var(--font-weight-regular, 400);\n color: var(--Gray-Gray-600, #475066);\n margin-bottom: 6px;\n}\n\n.required {\n color: var(--Error-Error-500, #ef4444);\n margin-left: 2px;\n}\n\n/* ── Trigger button ──────────────────────────────────────────────── */\n.select-button {\n width: 100%;\n height: 44px;\n padding: 0 12px;\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n border-radius: var(--Border-2, 8px);\n background: var(--Neutral-White, #ffffff);\n color: var(--Gray-Gray-500, #69738c);\n font-size: var(--font-size-s, 14px);\n font-family: inherit;\n display: flex;\n justify-content: space-between;\n align-items: center;\n text-align: left;\n cursor: pointer;\n transition: border-color 0.15s ease;\n}\n\n.select-button:focus {\n outline: none;\n border-color: var(--Info-Info-500, #3b82f6);\n}\n\n.select-button:disabled {\n border-color: var(--Gray-Gray-200, #c3c9d9);\n color: var(--Gray-Gray-400, #858ea6);\n background: var(--Gray-Gray-50, #f7f8fa);\n cursor: not-allowed;\n}\n\n.select-button.select-completed {\n color: var(--Gray-Gray-700, #32394d);\n}\n\n.select-button.select-invalid {\n border-color: var(--Error-Error-500, #ef4444);\n}\n\n.selected-content {\n display: flex;\n align-items: center;\n gap: 8px;\n overflow: hidden;\n flex: 1;\n}\n\n.selected-option {\n display: flex;\n align-items: center;\n gap: 8px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--Gray-Gray-700, #32394d);\n font-size: var(--font-size-s, 14px);\n}\n\n.placeholder-text {\n color: var(--Gray-Gray-400, #858ea6);\n font-size: var(--font-size-s, 14px);\n}\n\n/* ── Flag ────────────────────────────────────────────────────────── */\n.flag-img {\n border-radius: var(--Border-1, 4px);\n width: 24px;\n height: 24px;\n object-fit: cover;\n flex-shrink: 0;\n}\n\n/* ── Dropdown ────────────────────────────────────────────────────── */\n.select-dropdown {\n position: absolute;\n top: calc(100% + 4px);\n left: 0;\n right: 0;\n background: var(--Neutral-White, #ffffff);\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n border-radius: var(--Border-2, 8px);\n z-index: 200;\n list-style: none;\n padding: 0;\n margin: 0;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);\n overflow: hidden;\n transition: max-height 0.2s ease, opacity 0.2s ease;\n}\n\n.select-dropdown.expanded {\n max-height: 300px;\n opacity: 1;\n overflow-y: auto;\n}\n\n.select-dropdown.collapsed {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n border-color: transparent;\n box-shadow: none;\n}\n\n/* Scrollbar — siempre claro, nunca negro */\n.select-dropdown::-webkit-scrollbar { width: 6px; }\n.select-dropdown::-webkit-scrollbar-track { background: transparent; }\n.select-dropdown::-webkit-scrollbar-thumb {\n background: var(--Gray-Gray-200, #c3c9d9);\n border-radius: 4px;\n}\n.select-dropdown::-webkit-scrollbar-thumb:hover {\n background: var(--Gray-Gray-300, #a3abbf);\n}\n\n/* ── Search ──────────────────────────────────────────────────────── */\n.search-li {\n padding: 10px 12px;\n position: sticky;\n top: 0;\n background: var(--Neutral-White, #ffffff);\n z-index: 1;\n border-bottom: 1px solid var(--Gray-Gray-100, #e6eaf2);\n}\n\n.search-field {\n position: relative;\n display: flex;\n align-items: center;\n}\n\n.country-search {\n width: 100%;\n height: 36px;\n padding: 0 36px 0 12px;\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n border-radius: var(--Border-2, 8px);\n outline: none;\n font-size: var(--font-size-s, 14px);\n font-family: inherit;\n color: var(--Gray-Gray-700, #32394d);\n background: var(--Gray-Gray-50, #f7f8fa);\n transition: border-color 0.15s, background 0.15s;\n}\n\n.country-search:focus {\n border-color: var(--Info-Info-500, #50a5f1);\n background: var(--Neutral-White, #ffffff);\n}\n\n.country-search::placeholder {\n color: var(--Gray-Gray-400, #858ea6);\n}\n\n.search-icon {\n position: absolute;\n right: 10px;\n display: flex;\n align-items: center;\n pointer-events: none;\n}\n\n/* ── Options ─────────────────────────────────────────────────────── */\n.option {\n width: 100%;\n min-height: 44px;\n padding: 10px 16px;\n border: none;\n background: transparent;\n text-align: left;\n color: var(--Gray-Gray-700, #32394d);\n font-size: var(--font-size-s, 14px);\n font-family: inherit;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 10px;\n transition: background 0.1s ease;\n white-space: nowrap;\n}\n\n.option:hover {\n background: var(--Gray-Gray-50, #f7f8fa);\n}\n","import { Component, Prop, Event, EventEmitter, State, Watch, h, Element, Listen } from '@stencil/core';\n\nexport interface CountryItem {\n name: string;\n code: string;\n codePhone: string;\n}\n\nconst COUNTRIES: CountryItem[] = [\n { name: 'Afghanistan', code: 'AF', codePhone: '93' },\n { name: 'Albania', code: 'AL', codePhone: '355' },\n { name: 'Algeria', code: 'DZ', codePhone: '213' },\n { name: 'Argentina', code: 'AR', codePhone: '54' },\n { name: 'Australia', code: 'AU', codePhone: '61' },\n { name: 'Austria', code: 'AT', codePhone: '43' },\n { name: 'Azerbaijan', code: 'AZ', codePhone: '994' },\n { name: 'Bahamas', code: 'BS', codePhone: '1242' },\n { name: 'Bahrain', code: 'BH', codePhone: '973' },\n { name: 'Bangladesh', code: 'BD', codePhone: '880' },\n { name: 'Belgium', code: 'BE', codePhone: '32' },\n { name: 'Bolivia', code: 'BO', codePhone: '591' },\n { name: 'Brazil', code: 'BR', codePhone: '55' },\n { name: 'Cambodia', code: 'KH', codePhone: '855' },\n { name: 'Canada', code: 'CA', codePhone: '1' },\n { name: 'Chile', code: 'CL', codePhone: '56' },\n { name: 'China', code: 'CN', codePhone: '86' },\n { name: 'Colombia', code: 'CO', codePhone: '57' },\n { name: 'Costa Rica', code: 'CR', codePhone: '506' },\n { name: 'Cuba', code: 'CU', codePhone: '53' },\n { name: 'Czech Republic', code: 'CZ', codePhone: '420' },\n { name: 'Denmark', code: 'DK', codePhone: '45' },\n { name: 'Dominican Republic', code: 'DO', codePhone: '1' },\n { name: 'Ecuador', code: 'EC', codePhone: '593' },\n { name: 'Egypt', code: 'EG', codePhone: '20' },\n { name: 'El Salvador', code: 'SV', codePhone: '503' },\n { name: 'Estonia', code: 'EE', codePhone: '372' },\n { name: 'Ethiopia', code: 'ET', codePhone: '251' },\n { name: 'Finland', code: 'FI', codePhone: '358' },\n { name: 'France', code: 'FR', codePhone: '33' },\n { name: 'Germany', code: 'DE', codePhone: '49' },\n { name: 'Ghana', code: 'GH', codePhone: '233' },\n { name: 'Greece', code: 'GR', codePhone: '30' },\n { name: 'Guatemala', code: 'GT', codePhone: '502' },\n { name: 'Honduras', code: 'HN', codePhone: '504' },\n { name: 'Hong Kong', code: 'HK', codePhone: '852' },\n { name: 'Hungary', code: 'HU', codePhone: '36' },\n { name: 'India', code: 'IN', codePhone: '91' },\n { name: 'Indonesia', code: 'ID', codePhone: '62' },\n { name: 'Iran, Islamic Republic Of', code: 'IR', codePhone: '98' },\n { name: 'Iraq', code: 'IQ', codePhone: '964' },\n { name: 'Ireland', code: 'IE', codePhone: '353' },\n { name: 'Israel', code: 'IL', codePhone: '972' },\n { name: 'Italy', code: 'IT', codePhone: '39' },\n { name: 'Jamaica', code: 'JM', codePhone: '1876' },\n { name: 'Japan', code: 'JP', codePhone: '81' },\n { name: 'Jordan', code: 'JO', codePhone: '962' },\n { name: 'Kazakhstan', code: 'KZ', codePhone: '7' },\n { name: 'Kenya', code: 'KE', codePhone: '254' },\n { name: 'Kuwait', code: 'KW', codePhone: '965' },\n { name: 'Lebanon', code: 'LB', codePhone: '961' },\n { name: 'Malaysia', code: 'MY', codePhone: '60' },\n { name: 'Mexico', code: 'MX', codePhone: '52' },\n { name: 'Morocco', code: 'MA', codePhone: '212' },\n { name: 'Netherlands', code: 'NL', codePhone: '31' },\n { name: 'New Zealand', code: 'NZ', codePhone: '64' },\n { name: 'Nicaragua', code: 'NI', codePhone: '505' },\n { name: 'Nigeria', code: 'NG', codePhone: '234' },\n { name: 'Norway', code: 'NO', codePhone: '47' },\n { name: 'Pakistan', code: 'PK', codePhone: '92' },\n { name: 'Panama', code: 'PA', codePhone: '507' },\n { name: 'Paraguay', code: 'PY', codePhone: '595' },\n { name: 'Peru', code: 'PE', codePhone: '51' },\n { name: 'Philippines', code: 'PH', codePhone: '63' },\n { name: 'Poland', code: 'PL', codePhone: '48' },\n { name: 'Portugal', code: 'PT', codePhone: '351' },\n { name: 'Qatar', code: 'QA', codePhone: '974' },\n { name: 'Romania', code: 'RO', codePhone: '40' },\n { name: 'Russian Federation', code: 'RU', codePhone: '7' },\n { name: 'Saudi Arabia', code: 'SA', codePhone: '966' },\n { name: 'Singapore', code: 'SG', codePhone: '65' },\n { name: 'South Africa', code: 'ZA', codePhone: '27' },\n { name: 'Spain', code: 'ES', codePhone: '34' },\n { name: 'Sri Lanka', code: 'LK', codePhone: '94' },\n { name: 'Sweden', code: 'SE', codePhone: '46' },\n { name: 'Switzerland', code: 'CH', codePhone: '41' },\n { name: 'Taiwan, Province of China', code: 'TW', codePhone: '886' },\n { name: 'Thailand', code: 'TH', codePhone: '66' },\n { name: 'Tunisia', code: 'TN', codePhone: '216' },\n { name: 'Turkey', code: 'TR', codePhone: '90' },\n { name: 'Uganda', code: 'UG', codePhone: '256' },\n { name: 'Ukraine', code: 'UA', codePhone: '380' },\n { name: 'United Arab Emirates', code: 'AE', codePhone: '971' },\n { name: 'United Kingdom', code: 'GB', codePhone: '44' },\n { name: 'United States', code: 'US', codePhone: '1' },\n { name: 'Uruguay', code: 'UY', codePhone: '598' },\n { name: 'Venezuela', code: 'VE', codePhone: '58' },\n { name: 'Viet Nam', code: 'VN', codePhone: '84' },\n { name: 'Zimbabwe', code: 'ZW', codePhone: '263' },\n];\n\n/**\n * @component dropi-country-selector\n * Searchable country dropdown with flag images. Mirrors Angular dropi-country-selector.\n *\n * @example\n * <dropi-country-selector label=\"País\" placeholder=\"Selecciona un país\"></dropi-country-selector>\n */\n@Component({\n tag: 'dropi-country-selector',\n styleUrl: 'dropi-country-selector.css',\n shadow: true,\n})\nexport class DropiCountrySelector {\n /** Label above the select */\n @Prop() label: string = '';\n /** Placeholder when nothing is selected */\n @Prop() placeholder: string = 'Selecciona un país';\n /** Pre-selected country code (ISO 3166-1 alpha-2) */\n @Prop({ mutable: true }) currentSelection: string = '';\n /** Whether the selector is disabled */\n @Prop() disabled: boolean = false;\n /** Show asterisk for required field */\n @Prop() showObligatory: boolean = false;\n /** Show error border */\n @Prop() hasError: boolean = false;\n /** Helper text below the select */\n @Prop() textHelper: string = '';\n /** Search term for filtering (matches Angular `searchTerm`) */\n @Prop({ mutable: true }) searchTerm: string = '';\n /**\n * Convenience object prop — matches Angular `selectProperties: SelectProperties`.\n * When provided, its non-null fields override individual props.\n */\n @Prop() selectProperties: any = null;\n\n /** Emitted when a country is selected. Detail is the CountryItem. */\n @Event() onChangeSelect: EventEmitter<CountryItem>;\n\n @State() private isOpen: boolean = false;\n @State() private selected: CountryItem | null = null;\n\n @Element() el!: HTMLElement;\n\n @Listen('click', { target: 'document' })\n handleDocClick(e: MouseEvent) {\n if (this.isOpen && !e.composedPath().includes(this.el)) {\n this.isOpen = false;\n }\n }\n\n private searchInputRef?: HTMLInputElement;\n\n @Watch('currentSelection')\n currentSelectionChanged(val: string) {\n this.selected = COUNTRIES.find(c => c.code === val) || null;\n }\n\n @Watch('selectProperties')\n selectPropertiesChanged(val: any) {\n if (!val) return;\n if (val.label !== undefined) this.label = val.label;\n if (val.placeholder !== undefined) this.placeholder = val.placeholder;\n if (val.showObligatory !== undefined) this.showObligatory = val.showObligatory;\n if (val.textHelper !== undefined) this.textHelper = val.textHelper;\n if (val.hasError !== undefined) this.hasError = val.hasError;\n }\n\n componentWillLoad() {\n if (this.selectProperties) this.selectPropertiesChanged(this.selectProperties);\n if (this.currentSelection) this.currentSelectionChanged(this.currentSelection);\n }\n\n private get filtered(): CountryItem[] {\n if (!this.searchTerm) return COUNTRIES;\n const t = this.searchTerm.toLowerCase();\n return COUNTRIES.filter(c => c.name.toLowerCase().includes(t));\n }\n\n private open() {\n if (this.disabled) return;\n this.isOpen = !this.isOpen;\n if (this.isOpen) {\n setTimeout(() => this.searchInputRef?.focus(), 50);\n }\n }\n\n private select(country: CountryItem) {\n this.selected = country;\n this.isOpen = false;\n this.searchTerm = '';\n this.currentSelection = country.code;\n this.onChangeSelect.emit(country);\n }\n\n render() {\n return (\n <div class=\"custom-select\">\n {this.label && (\n <label>\n {this.label}\n {this.showObligatory && <span class=\"required\">*</span>}\n </label>\n )}\n\n <button\n type=\"button\"\n class={{\n 'select-button': true,\n 'select-completed': !!this.selected,\n 'select-invalid': this.hasError,\n }}\n disabled={this.disabled}\n onClick={() => this.open()}\n >\n <div class=\"selected-content\">\n {this.selected ? (\n <span class=\"selected-option\">\n <img\n class=\"flag-img\"\n src={`https://flagsapi.com/${this.selected.code}/shiny/24.png`}\n alt={this.selected.name}\n />\n {this.selected.name}\n </span>\n ) : (\n <span class=\"placeholder-text\">{this.placeholder}</span>\n )}\n </div>\n <dropi-icon\n name={this.isOpen ? 'Arrow-Up-2' : 'Arrow-Down-2'}\n width=\"20px\"\n height=\"20px\"\n color=\"Gray-Gray-500\"\n />\n </button>\n\n <ul class={`select-dropdown${this.isOpen ? ' expanded' : ' collapsed'}`}>\n <li class=\"search-li\">\n <div class=\"search-field\">\n <input\n ref={(el) => { this.searchInputRef = el; }}\n type=\"text\"\n class=\"country-search\"\n placeholder=\"Buscar país...\"\n value={this.searchTerm}\n onInput={(e) => { this.searchTerm = (e.target as HTMLInputElement).value; }}\n />\n <span class=\"search-icon\">\n <dropi-icon name=\"Search\" width=\"16px\" height=\"16px\" color=\"Gray-Gray-400\" />\n </span>\n </div>\n </li>\n {this.filtered.map(country => (\n <li key={country.code}>\n <button class=\"option\" type=\"button\" onClick={() => this.select(country)}>\n <img\n class=\"flag-img\"\n src={`https://flagsapi.com/${country.code}/shiny/24.png`}\n alt={country.name}\n />\n {country.name}\n </button>\n </li>\n ))}\n </ul>\n {this.textHelper && (\n <div class={{ 'select-helper': true, 'select-helper-error': this.hasError }}>\n {this.hasError && <dropi-icon name=\"Warning-circle\" width=\"12px\" height=\"12px\" color=\"Error-Error-500\" />}\n <span>{this.textHelper}</span>\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-date-picker-range.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-TXz_09YZ.js';
+import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.js';
 const dropiDatePickerRangeCss = () => `:host{display:block;width:100%;max-width:380px}*,*::before,*::after{box-sizing:border-box}.date-picker-range{width:100%;font-family:inherit}.label{font-size:11px;font-weight:var(--font-weight-medium);color:#7b8190;margin-bottom:8px}.inputs-row{display:flex;align-items:flex-end;gap:8px}.input-group{flex:1;display:flex;flex-direction:column;gap:4px}.input-label{font-size:var(--font-size-xs, 11px);color:var(--Gray-Gray-500, #69738c);font-weight:var(--font-weight-medium, 500)}.date-input{width:100%;height:40px;padding:0 10px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-600, #475066);font-size:13px;font-family:inherit;outline:none;cursor:pointer;transition:border-color 0.15s ease}.date-input:focus{border-color:var(--Primary-Primary-500, #f49a3d)}.separator{padding-bottom:8px;color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-m)}.shortcuts{display:flex;flex-direction:column;gap:2px;margin-top:10px;border-left:1px solid var(--Gray-Gray-100, #e6eaf2);padding-left:10px}.shortcut-btn{background:transparent;border:none;padding:4px 6px;font-size:13px;font-family:inherit;color:var(--Gray-Gray-700, #32394d);cursor:pointer;text-align:left;border-radius:5px;transition:background 0.1s ease;font-weight:var(--font-weight-regular)}.shortcut-btn:hover{background:var(--Gray-Gray-50, #f5f6f8)}.shortcut-btn.active{background:var(--Gray-Gray-50, #f5f6f8);font-weight:var(--font-weight-semibold)}.warning-box{margin-top:8px;padding:4px 8px;border:1px solid var(--Warning-Warning-400);border-radius:4px;background:var(--Warning-Warning-50)}.warning-message{color:#495057;font-size:var(--font-size-xxs);line-height:16px}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.skeleton{height:40px;width:100%;min-width:180px;border-radius:6px;animation:shimmer 1s linear infinite;background:linear-gradient(to right, #f5f6f8 8%, #e3e7ef 28%, #f5f6f8 77%);background-size:800px 104px}@media screen and (max-width: 480px){.inputs-row{flex-direction:column}.separator{display:none}.shortcuts{flex-direction:row;flex-wrap:wrap;border-left:none;padding-left:0;border-top:1px solid var(--Gray-Gray-100, #e6eaf2);padding-top:8px}}`;
@@ -111,3 +111,6 @@ const DropiDatePickerRange = class {
 DropiDatePickerRange.style = dropiDatePickerRangeCss();
 export { DropiDatePickerRange as dropi_date_picker_range };
+//# sourceMappingURL=dropi-date-picker-range.entry.esm.js.map
+//# sourceMappingURL=dropi-date-picker-range.entry.js.map

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

@@ -0,0 +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 {\n display: block;\n width: 100%;\n max-width: 380px;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.date-picker-range {\n width: 100%;\n font-family: inherit;\n}\n\n.label {\n font-size: 11px;\n font-weight: var(--font-weight-medium);\n color: #7b8190;\n margin-bottom: 8px;\n}\n\n.inputs-row {\n display: flex;\n align-items: flex-end;\n gap: 8px;\n}\n\n.input-group {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.input-label {\n font-size: var(--font-size-xs, 11px);\n color: var(--Gray-Gray-500, #69738c);\n font-weight: var(--font-weight-medium, 500);\n}\n\n.date-input {\n width: 100%;\n height: 40px;\n padding: 0 10px;\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n border-radius: var(--Border-2, 8px);\n background: var(--Neutral-White, #ffffff);\n color: var(--Gray-Gray-600, #475066);\n font-size: 13px;\n font-family: inherit;\n outline: none;\n cursor: pointer;\n transition: border-color 0.15s ease;\n}\n\n.date-input:focus {\n border-color: var(--Primary-Primary-500, #f49a3d);\n}\n\n.separator {\n padding-bottom: 8px;\n color: var(--Gray-Gray-400, #858ea6);\n font-size: var(--font-size-m);\n}\n\n.shortcuts {\n display: flex;\n flex-direction: column;\n gap: 2px;\n margin-top: 10px;\n border-left: 1px solid var(--Gray-Gray-100, #e6eaf2);\n padding-left: 10px;\n}\n\n.shortcut-btn {\n background: transparent;\n border: none;\n padding: 4px 6px;\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: 5px;\n transition: background 0.1s ease;\n font-weight: var(--font-weight-regular);\n}\n\n.shortcut-btn:hover {\n background: var(--Gray-Gray-50, #f5f6f8);\n}\n\n.shortcut-btn.active {\n background: var(--Gray-Gray-50, #f5f6f8);\n font-weight: var(--font-weight-semibold);\n}\n\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\n.warning-message {\n color: #495057;\n font-size: var(--font-size-xxs);\n line-height: 16px;\n}\n\n@keyframes shimmer {\n 0% { background-position: -468px 0; }\n 100% { background-position: 468px 0; }\n}\n\n.skeleton {\n height: 40px;\n width: 100%;\n min-width: 180px;\n border-radius: 6px;\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\n@media screen and (max-width: 480px) {\n .inputs-row {\n flex-direction: column;\n }\n\n .separator {\n display: none;\n }\n\n .shortcuts {\n flex-direction: row;\n flex-wrap: wrap;\n border-left: none;\n padding-left: 0;\n border-top: 1px solid var(--Gray-Gray-100, #e6eaf2);\n padding-top: 8px;\n }\n}\n","import { Component, Prop, Event, EventEmitter, State, Watch, h } from '@stencil/core';\n\nexport interface DateRange {\n start: string;\n end: string;\n}\n\n/**\n * @component dropi-date-picker-range\n * Date range picker with shortcut buttons (Today, Last 7/15/30/90 days).\n *\n * @example\n * <dropi-date-picker-range show-label></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 = '';\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\n /** Emitted when start date changes */\n @Event() startDateChange: EventEmitter<string>;\n /** Emitted when end date changes */\n @Event() endDateChange: EventEmitter<string>;\n /** Emitted with full range when both dates are set */\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\n @Watch('startDate')\n onStartPropChange(val: string) { this.start = val; }\n @Watch('endDate')\n onEndPropChange(val: string) { this.end = val; }\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 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.emit();\n }\n\n private onStartChange(e: Event) {\n this.start = (e.target as HTMLInputElement).value;\n this.activeRange = -1;\n this.checkRange();\n if (this.start && this.end) this.emit();\n }\n\n private onEndChange(e: Event) {\n this.end = (e.target as HTMLInputElement).value;\n this.activeRange = -1;\n this.checkRange();\n if (this.start && this.end) this.emit();\n }\n\n private checkRange() {\n if (this.start && this.end && this.maxDaysRange > 0) {\n const diff = (new Date(this.end).getTime() - new Date(this.start).getTime()) / 86400000;\n this.showWarning = diff > this.maxDaysRange;\n } else {\n this.showWarning = false;\n }\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 render() {\n if (this.loading) {\n return <div class=\"skeleton\" />;\n }\n\n return (\n <div class=\"date-picker-range\">\n {this.showLabel && <div class=\"label\">Rango de fechas</div>}\n\n <div class=\"inputs-row\">\n <div class=\"input-group\">\n <label class=\"input-label\">Desde</label>\n <input\n type=\"date\"\n class=\"date-input\"\n value={this.start}\n max={this.end || this.today}\n onChange={(e) => this.onStartChange(e)}\n />\n </div>\n <span class=\"separator\">—</span>\n <div class=\"input-group\">\n <label class=\"input-label\">Hasta</label>\n <input\n type=\"date\"\n class=\"date-input\"\n value={this.end}\n min={this.start}\n max={this.today}\n onChange={(e) => this.onEndChange(e)}\n />\n </div>\n </div>\n\n <div class=\"shortcuts\">\n {this.shortcuts.map((s, i) => (\n <button\n key={i}\n class={`shortcut-btn${this.activeRange === i ? ' active' : ''}`}\n onClick={() => this.selectShortcut(i)}\n >\n {s.label}\n </button>\n ))}\n </div>\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 }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-date-picker.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-TXz_09YZ.js';
+import { r as registerInstance, d as createEvent, a as getElement, h } from './index-Cvp2LQOM.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-xxs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.dp-trigger{width:100%;height:44px;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)}.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{font-size:var(--font-size-s, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);display:flex;gap:8px}.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-footer{display:flex;justify-content:space-between;margin-top:var(--Size-3, 12px);border-top:1px solid var(--Gray-Gray-100, #e6eaf2);padding-top:var(--Size-2, 8px)}.dp-footer__clear,.dp-footer__today{background:none;border:none;padding:4px 8px;font-size:var(--font-size-xxs, 10px);font-family:inherit;cursor:pointer;border-radius:var(--Border-1, 4px);transition:background 0.15s}.dp-footer__clear{color:var(--Gray-Gray-500, #69738c)}.dp-footer__today{color:var(--Orange-orange-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.dp-footer__clear:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dp-footer__today:hover{background:var(--Orange-orange-50, #fef5ec)}`;
@@ -171,12 +171,12 @@ const DropiDatePicker = class {
     render() {
         const days = this.buildDays();
         const today = new Date().toISOString().slice(0, 10);
-        return (h("div", { key: 'fc10fdf1b3621b61fa1ee929f759c23ccfafa0e9', class: "dp-wrap" }, this.label && h("label", { key: '7e7be5c6ed8cc9e4a273defc7f3c5ba41861ee2f', class: "dp-label" }, this.label), h("button", { key: '52f190e283341a0836df16c2bd375e45b684ffe7', class: {
+        return (h("div", { key: 'ff426d80bb5bf05ca8b0c27773dee52f13cf4090', class: "dp-wrap" }, this.label && h("label", { key: 'fc7ebd6f14227533288b02c95933f6d4833e3f51', class: "dp-label" }, this.label), h("button", { key: '2fa9b1f3d2c9bfc4876724492a265ff0b29f8d23', 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: '2e79e9e6ed80a52d8a70efd69bb5ebaf5fc6e901', name: "Calendar", width: "16px", height: "16px", color: "Gray-Gray-400" }), h("span", { key: '8667a6b56e73506aa9cf171d61f3425a7143d3f6', class: { 'dp-trigger__value': true, 'dp-trigger__placeholder': !this.displayValue } }, this.displayValue || this.placeholder), h("dropi-icon", { key: 'c42b1e91c5f8c830c5f758c6f4a6f6513aae4296', name: "Arrow-Down-2", width: "12px", height: "12px", color: "Gray-Gray-400" })), this.open && (h("div", { key: '1096c4ded79202c51d2df4ce1b72f4afe3da9171', class: "dp-popup" }, h("div", { key: '1f6cb906f32af2ab4bb894e67672657983ff16b6', class: "dp-nav" }, h("button", { key: 'd85f4f8fab9e9112cd2b22e353d4e7afe55874a2', class: "dp-nav__btn", onClick: () => this.prevMonth(), type: "button" }, h("dropi-icon", { key: '48e06f17915b6ac2016f20f6d5c45c2ecc8ce77b', name: "Arrow-Left-2", width: "16px", height: "16px", color: "Gray-Gray-600" })), h("span", { key: 'efe6cd99ddbf872ad69da22a3c8df08d9258beb6', class: "dp-nav__title" }, h("span", { key: '4752259d25443430a4f67cce19d129ef123c55c7' }, MONTHS_ES[this.viewMonth]), h("span", { key: '1b47d475123adf6eef19dfca84530cf03086bbcb' }, this.viewYear)), h("button", { key: 'e2979317eb2c3483be9e648ae3c4f33b9f139e68', class: "dp-nav__btn", onClick: () => this.nextMonth(), type: "button" }, h("dropi-icon", { key: '00dd3b6b6c8ed941db4d6e1a1241b25a196522f8', name: "Arrow-Right-2", width: "16px", height: "16px", color: "Gray-Gray-600" }))), h("div", { key: '9c1404d125cd5c63f84d97e7b67c257a5aea1a6f', class: "dp-grid" }, DAYS_ES.map(d => (h("div", { class: "dp-day-header" }, d))), days.map(({ iso, day, currentMonth }) => {
+            }, onClick: () => this.open ? this.open = false : this.open_(), disabled: this.disabled || this.loading, type: "button" }, h("dropi-icon", { key: '51b6fed8a232d7d22494c0bdf9f17e8c6ae0dbbe', name: "Calendar", width: "16px", height: "16px", color: "Gray-Gray-400" }), h("span", { key: 'ecbe872cd13efb112ef106f1dfde58cd745c124c', class: { 'dp-trigger__value': true, 'dp-trigger__placeholder': !this.displayValue } }, this.displayValue || this.placeholder), h("dropi-icon", { key: '6025abcf99d825dd885c9916f755c6b06e0657ed', name: "Arrow-Down-2", width: "12px", height: "12px", color: "Gray-Gray-400" })), this.open && (h("div", { key: 'b46a2bd022bc6ec2edfdf07a8a21b010b56610a4', class: "dp-popup" }, h("div", { key: '8aedcc47ab11c03bf8bc3309fc92ba3f83587520', class: "dp-nav" }, h("button", { key: 'e5a7f2a8edc8d33e08449713a976008b83108f36', class: "dp-nav__btn", onClick: () => this.prevMonth(), type: "button" }, h("dropi-icon", { key: '515211fe3c12cd2e9399bd8fad7c0dd84a4de3cd', name: "Arrow-Left-2", width: "16px", height: "16px", color: "Gray-Gray-600" })), h("span", { key: '0d5acefc9c8418749b4065d3bc92c8fb53744557', class: "dp-nav__title" }, h("span", { key: 'd4b68ef6a5c2885cf7cd05e7b49e47623b8c0d00' }, MONTHS_ES[this.viewMonth]), h("span", { key: '8aefcf2e7e383111994c58a743706d6d19607f65' }, this.viewYear)), h("button", { key: 'b7524552e5b05f592633bd6e16cdcda8659aeacf', class: "dp-nav__btn", onClick: () => this.nextMonth(), type: "button" }, h("dropi-icon", { key: '5e14a0dafb227ba6f2e90298005401050b55a3bb', name: "Arrow-Right-2", width: "16px", height: "16px", color: "Gray-Gray-600" }))), h("div", { key: '37d7428dc36bdc805fb60c36126a86509f3b1188', class: "dp-grid" }, DAYS_ES.map(d => (h("div", { class: "dp-day-header" }, d))), days.map(({ iso, day, currentMonth }) => {
             const isSelected = this.selectionMode !== 'range'
                 ? iso === this.selectedDate
                 : iso === this.startDate || iso === this.endDate;
@@ -198,12 +198,12 @@ const DropiDatePicker = class {
                     if (this.selectionMode === 'range' && this.startDate && !this.endDate)
                         this.hoverDate = iso;
                 }, onMouseLeave: () => this.hoverDate = '' }, day));
-        })), h("div", { key: '2b5b0438fdaa782c1ba6f3f6d99870c6bdef9c09', class: "dp-footer" }, h("button", { key: 'd7645b65bd581ddb6c827a4361fc413b1978b08b', class: "dp-footer__clear", type: "button", onClick: () => {
+        })), h("div", { key: '9a16f2d3aaffda303f2cf7c4d8045ad355eb3e88', class: "dp-footer" }, h("button", { key: '2c236322d33b4dbc37e683c328bc2c17aa1422cf', class: "dp-footer__clear", type: "button", onClick: () => {
                 this.selectedDate = '';
                 this.startDate = '';
                 this.endDate = '';
                 this.open = false;
-            } }, "Limpiar"), h("button", { key: '855675f6fdb35aa564b469a772d0fcd5d704ed52', class: "dp-footer__today", type: "button", onClick: () => {
+            } }, "Limpiar"), h("button", { key: 'a08afb2358819fc8c15c7949dc7e4cbdf14b52fb', class: "dp-footer__today", type: "button", onClick: () => {
                 if (this.selectionMode !== 'range') {
                     this.selectedDate = today;
                     this.open = false;
@@ -219,3 +219,6 @@ const DropiDatePicker = class {
 DropiDatePicker.style = dropiDatePickerCss();
 export { DropiDatePicker as dropi_date_picker };
+//# sourceMappingURL=dropi-date-picker.entry.esm.js.map
+//# sourceMappingURL=dropi-date-picker.entry.js.map

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

@@ -0,0 +1 @@

+ {"file":"dropi-date-picker.entry.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,usIAAusI,CAAC;;ACE1uI,MAAM,SAAS,GAAG;IAChB,OAAO,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO;IAChD,OAAO,EAAC,QAAQ,EAAC,YAAY,EAAC,SAAS,EAAC,WAAW,EAAC;CACrD;AACD,MAAM,OAAO,GAAG,CAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,CAAC;MAYvC,eAAe,GAAA,MAAA;;;;;;;;IAED,YAAY,GAAW,EAAE;;IAEzB,SAAS,GAAW,EAAE;;IAEtB,OAAO,GAAW,EAAE;;IAErC,aAAa,GAAuB,QAAQ;;IAE5C,OAAO,GAAW,EAAE;;IAEpB,OAAO,GAAW,EAAE;;IAEpB,KAAK,GAAkB,IAAI;;IAE3B,WAAW,GAAW,YAAY;;IAElC,QAAQ,GAAY,KAAK;;IAEzB,SAAS,GAAY,KAAK;;IAE1B,OAAO,GAAY,KAAK;IAEf,IAAI,GAAY,KAAK;AACrB,IAAA,QAAQ,GAAW,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;AAC3C,IAAA,SAAS,GAAW,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE;IACzC,SAAS,GAAW,EAAE;;AAKvC,IAAA,cAAc,CAAC,CAAa,EAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACpD,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;;;;AAKZ,IAAA,YAAY;;AAEZ,IAAA,YAAY;;AAEZ,IAAA,gBAAgB;AAEzB,IAAA,IAAY,YAAY,GAAA;AACtB,QAAA,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO,EAAE;AAClC,YAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO;gBAAE,OAAO,CAAA,EAAG,IAAI,CAAC,SAAS,MAAM,IAAI,CAAC,OAAO,CAAA,CAAE;YAChF,IAAI,IAAI,CAAC,SAAS;gBAAE,OAAO,IAAI,CAAC,SAAS;AACzC,YAAA,OAAO,EAAE;;QAEX,OAAO,IAAI,CAAC,YAAY;;IAGlB,KAAK,GAAA;QACX,IAAI,IAAI,CAAC,QAAQ;YAAE;AACnB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;AACrC,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,WAAW,EAAE;AAC/B,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,QAAQ,EAAE;;AACxB,aAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YACzB,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;AAClC,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,WAAW,EAAE;AAC/B,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,QAAQ,EAAE;;AAE/B,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;;IAGV,SAAS,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,SAAS,KAAK,CAAC,EAAE;AAAE,YAAA,IAAI,CAAC,SAAS,GAAG,EAAE;YAAE,IAAI,CAAC,QAAQ,EAAE;;;YAC3D,IAAI,CAAC,SAAS,EAAE;;IAGf,SAAS,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,SAAS,KAAK,EAAE,EAAE;AAAE,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC;YAAE,IAAI,CAAC,QAAQ,EAAE;;;YAC3D,IAAI,CAAC,SAAS,EAAE;;AAGf,IAAA,KAAK,CAAC,IAAY,EAAE,KAAa,EAAE,GAAW,EAAA;AACpD,QAAA,OAAO,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA,CAAA,EAAI,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;;AAGhF,IAAA,UAAU,CAAC,GAAW,EAAA;QAC5B,IAAI,IAAI,CAAC,OAAO,IAAI,GAAG,GAAG,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,IAAI;QACnD,IAAI,IAAI,CAAC,OAAO,IAAI,GAAG,GAAG,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,IAAI;AACnD,QAAA,OAAO,KAAK;;AAGN,IAAA,SAAS,CAAC,GAAW,EAAA;AAC3B,QAAA,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO;AAAE,YAAA,OAAO,KAAK;AAChD,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS;QAC5B,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS;AAC1C,QAAA,IAAI,CAAC,KAAK,IAAI,CAAC,GAAG;AAAE,YAAA,OAAO,KAAK;QAChC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,IAAI,GAAG,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC;AACzD,QAAA,OAAO,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC;;AAGnB,IAAA,UAAU,CAAC,GAAW,EAAA;AAC5B,QAAA,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;YAAE;AAE1B,QAAA,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO,EAAE;AAClC,YAAA,IAAI,CAAC,YAAY,GAAG,GAAG;AACvB,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;YAC3B;;;AAIF,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE;AACvD,YAAA,IAAI,CAAC,SAAS,GAAG,GAAG;AACpB,YAAA,IAAI,CAAC,OAAO,GAAG,EAAE;;aACZ;AACL,YAAA,IAAI,GAAG,GAAG,IAAI,CAAC,SAAS,EAAE;AACxB,gBAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS;AAC7B,gBAAA,IAAI,CAAC,SAAS,GAAG,GAAG;;iBACf;AACL,gBAAA,IAAI,CAAC,OAAO,GAAG,GAAG;;AAEpB,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;;;IAIpE,SAAS,GAAA;AACf,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ;AAC1B,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS;AAE5B,QAAA,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE;;QAElD,MAAM,WAAW,GAAG,QAAQ;AAC5B,QAAA,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE;AAC1D,QAAA,MAAM,eAAe,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE;QAE1D,MAAM,KAAK,GAA+D,EAAE;;AAG5E,QAAA,KAAK,IAAI,CAAC,GAAG,WAAW,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;AACzC,YAAA,MAAM,CAAC,GAAG,eAAe,GAAG,CAAC;AAC7B,YAAA,MAAM,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,CAAC;AACtC,YAAA,MAAM,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,IAAI;YACvC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;;;AAIvE,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,WAAW,EAAE,CAAC,EAAE,EAAE;YACrC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;;;AAI7E,QAAA,MAAM,SAAS,GAAG,EAAE,GAAG,KAAK,CAAC,MAAM;AACnC,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC,EAAE,EAAE;AACnC,YAAA,MAAM,CAAC,GAAG,KAAK,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AACtC,YAAA,MAAM,CAAC,GAAG,KAAK,KAAK,EAAE,GAAG,IAAI,GAAG,CAAC,GAAG,IAAI;YACxC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;;AAGvE,QAAA,OAAO,KAAK;;IAGd,MAAM,GAAA;AACJ,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE;AAC7B,QAAA,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;QAEnD,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EACjB,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,UAAU,EAAA,EAAE,IAAI,CAAC,KAAK,CAAS,EAG3D,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,YAAY,EAAE,IAAI;gBAClB,sBAAsB,EAAE,IAAI,CAAC,QAAQ;gBACrC,qBAAqB,EAAE,IAAI,CAAC,SAAS;gBACrC,qBAAqB,EAAE,IAAI,CAAC;AAC7B,aAAA,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,EAC3D,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EACvC,IAAI,EAAC,QAAQ,EAAA,EAEb,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,EAAA,CAAG,EAC/E,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,EAAE,mBAAmB,EAAE,IAAI,EAAE,yBAAyB,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,IACtF,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,WAAW,CACjC,EACP,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,GAAG,CAC5E,EAGR,IAAI,CAAC,IAAI,KACR,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,UAAU,EAAA,EAEnB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAC,QAAQ,EAAA,EACxE,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,GAAG,CAC5E,EACT,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,eAAe,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAQ,EACxC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,IAAI,CAAC,QAAQ,CAAQ,CACvB,EACP,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAC,QAAQ,EAAA,EACxE,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,EAAA,CAAG,CAC7E,CACL,EAGN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EACjB,OAAO,CAAC,GAAG,CAAC,CAAC,KACZ,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EAAE,CAAC,CAAO,CACrC,CAAC,EAGD,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,KAAI;AACvC,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,KAAK;AACxC,kBAAE,GAAG,KAAK,IAAI,CAAC;AACf,kBAAE,GAAG,KAAK,IAAI,CAAC,SAAS,IAAI,GAAG,KAAK,IAAI,CAAC,OAAO;AAClD,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,KAAK,OAAO,IAAI,GAAG,KAAK,IAAI,CAAC,SAAS;AAC7E,YAAA,MAAM,UAAU,GAAK,IAAI,CAAC,aAAa,KAAK,OAAO,IAAI,GAAG,KAAK,IAAI,CAAC,OAAO;YAC3E,MAAM,OAAO,GAAQ,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC;YACxC,MAAM,QAAQ,GAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;AACzC,YAAA,MAAM,OAAO,GAAQ,GAAG,KAAK,KAAK;AAElC,YAAA,QACE,CAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAE;AACL,oBAAA,SAAS,EAAE,IAAI;oBACf,sBAAsB,EAAE,CAAC,YAAY;AACrC,oBAAA,gBAAgB,EAAE,OAAO;AACzB,oBAAA,mBAAmB,EAAE,UAAU;AAC/B,oBAAA,sBAAsB,EAAE,YAAY;AACpC,oBAAA,oBAAoB,EAAE,UAAU;AAChC,oBAAA,mBAAmB,EAAE,OAAO;AAC5B,oBAAA,mBAAmB,EAAE,QAAQ;iBAC9B,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EACnC,YAAY,EAAE,MAAK;AAAG,oBAAA,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO;AAAE,wBAAA,IAAI,CAAC,SAAS,GAAG,GAAG;AAAE,iBAAC,EACpH,YAAY,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAE,EAAA,EAEtC,GAAG,CACG;AAEb,SAAC,CAAC,CACE,EAGN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACpB,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAK;AAC3D,gBAAA,IAAI,CAAC,YAAY,GAAG,EAAE;AAAE,gBAAA,IAAI,CAAC,SAAS,GAAG,EAAE;AAAE,gBAAA,IAAI,CAAC,OAAO,GAAG,EAAE;AAC9D,gBAAA,IAAI,CAAC,IAAI,GAAG,KAAK;aAClB,EAAA,EAAA,SAAA,CAEQ,EACT,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAK;AAC3D,gBAAA,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO,EAAE;AAAE,oBAAA,IAAI,CAAC,YAAY,GAAG,KAAK;AAAE,oBAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AAAE,oBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;;qBAC5G;AAAE,oBAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AAAE,oBAAA,IAAI,CAAC,OAAO,GAAG,EAAE;;aACjD,UAEQ,CACL,CACF,CACP,CACG;;;;;;;","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-xxs, 10px);\n color: var(--Gray-Gray-600, #475066);\n margin-bottom: 4px;\n}\n\n/* Trigger */\n.dp-trigger {\n width: 100%;\n height: 44px;\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}\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 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}\n\n/* 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\n/* Pseudo-element for the circle (selected / hover / today) */\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\n/* Pseudo-element for the continuous light-orange range background */\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 {\n background: var(--Gray-Gray-100, #e6eaf2);\n}\n\n.dp-cell--other-month { color: var(--Gray-Gray-300, #a0a9c0); }\n\n.dp-cell--today {\n font-weight: var(--font-weight-bold, 700);\n}\n.dp-cell--today::after {\n background: var(--Gray-Gray-100, #e6eaf2);\n}\n\n.dp-cell--selected {\n color: var(--Neutral-White, #ffffff);\n font-weight: var(--font-weight-bold, 700);\n}\n.dp-cell--selected::after {\n background: var(--Orange-orange-500, #f49a3d) !important;\n}\n\n/* Range modes */\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 {\n color: var(--Orange-orange-500, #f49a3d);\n font-weight: var(--font-weight-bold, 700);\n}\n.dp-cell--in-range::before {\n left: -2px; right: -2px;\n background: var(--Orange-orange-50, #fef5ec);\n}\n.dp-cell--range-start::before {\n left: 50%; right: -2px;\n background: var(--Orange-orange-50, #fef5ec);\n}\n.dp-cell--range-end::before {\n left: -2px; right: 50%;\n background: var(--Orange-orange-50, #fef5ec);\n}\n.dp-cell--range-start.dp-cell--range-end::before {\n background: transparent;\n}\n\n.dp-cell--disabled { opacity: 0.35; cursor: not-allowed; }\n\n/* Footer */\n.dp-footer {\n display: flex;\n justify-content: space-between;\n margin-top: var(--Size-3, 12px);\n border-top: 1px solid var(--Gray-Gray-100, #e6eaf2);\n padding-top: var(--Size-2, 8px);\n}\n\n.dp-footer__clear,\n.dp-footer__today {\n background: none;\n border: none;\n padding: 4px 8px;\n font-size: var(--font-size-xxs, 10px);\n font-family: inherit;\n cursor: pointer;\n border-radius: var(--Border-1, 4px);\n transition: background 0.15s;\n}\n.dp-footer__clear { color: var(--Gray-Gray-500, #69738c); }\n.dp-footer__today { color: var(--Orange-orange-500, #f49a3d); font-weight: var(--font-weight-bold, 700); }\n.dp-footer__clear:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n.dp-footer__today:hover { background: var(--Orange-orange-50, #fef5ec); }\n","import { Component, Prop, State, Event, EventEmitter, h, Element, Listen } from '@stencil/core';\n\nconst MONTHS_ES = [\n 'Enero','Febrero','Marzo','Abril','Mayo','Junio',\n 'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'\n];\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})\nexport class DropiDatePicker {\n /** Selected date (ISO string, single mode) - matches Angular 'selectedDate' */\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 /** Enable range selection - matches Angular selectionMode */\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 - matches Angular */\n @Prop() isInvalid: boolean = false;\n /** Loading state - matches Angular */\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\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 /** Emitted when date selected — matches Angular 'onChangeDate' */\n @Event() onChangeDate: EventEmitter<string>;\n /** Emitted when panel closes — matches Angular 'onClosePanel' */\n @Event() onClosePanel: EventEmitter<void>;\n /** Emitted when range selected */\n @Event() dropiRangeChange: EventEmitter<{ start: string; end: string }>;\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.open = true;\n }\n\n private prevMonth() {\n if (this.viewMonth === 0) { this.viewMonth = 11; this.viewYear--; }\n else this.viewMonth--;\n }\n\n private nextMonth() {\n if (this.viewMonth === 11) { this.viewMonth = 0; this.viewYear++; }\n else this.viewMonth++;\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.onChangeDate.emit(iso);\n return;\n }\n\n // Range mode\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\n const firstDay = new Date(year, month, 1).getDay();\n // Adjust to Sunday-first\n const startOffset = firstDay;\n const daysInMonth = new Date(year, month + 1, 0).getDate();\n const daysInPrevMonth = new Date(year, month, 0).getDate();\n\n const cells: Array<{ iso: string; day: number; currentMonth: boolean }> = [];\n\n // Previous month filler\n for (let i = startOffset - 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\n // Current month\n for (let d = 1; d <= daysInMonth; d++) {\n cells.push({ iso: this.toISO(year, month, d), day: d, currentMonth: true });\n }\n\n // Next month filler\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\n return cells;\n }\n\n render() {\n const days = this.buildDays();\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 {/* Trigger */}\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\" width=\"16px\" height=\"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 <dropi-icon name=\"Arrow-Down-2\" width=\"12px\" height=\"12px\" color=\"Gray-Gray-400\" />\n </button>\n\n {/* Calendar popup */}\n {this.open && (\n <div class=\"dp-popup\">\n {/* Navigation */}\n <div class=\"dp-nav\">\n <button class=\"dp-nav__btn\" onClick={() => this.prevMonth()} type=\"button\">\n <dropi-icon name=\"Arrow-Left-2\" width=\"16px\" height=\"16px\" color=\"Gray-Gray-600\" />\n </button>\n <span class=\"dp-nav__title\">\n <span>{MONTHS_ES[this.viewMonth]}</span>\n <span>{this.viewYear}</span>\n </span>\n <button class=\"dp-nav__btn\" onClick={() => this.nextMonth()} type=\"button\">\n <dropi-icon name=\"Arrow-Right-2\" width=\"16px\" height=\"16px\" color=\"Gray-Gray-600\" />\n </button>\n </div>\n\n {/* Day headers */}\n <div class=\"dp-grid\">\n {DAYS_ES.map(d => (\n <div class=\"dp-day-header\">{d}</div>\n ))}\n\n {/* Day cells */}\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\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 {/* Footer */}\n <div class=\"dp-footer\">\n <button class=\"dp-footer__clear\" type=\"button\" onClick={() => {\n this.selectedDate = ''; this.startDate = ''; this.endDate = '';\n this.open = false;\n }}>\n Limpiar\n </button>\n <button class=\"dp-footer__today\" type=\"button\" onClick={() => {\n if (this.selectionMode !== 'range') { this.selectedDate = today; this.open = false; this.onChangeDate.emit(today); }\n else { this.startDate = today; this.endDate = ''; }\n }}>\n Hoy\n </button>\n </div>\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-drawer.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-TXz_09YZ.js';
+import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.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:1000;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}`;
@@ -30,7 +30,10 @@ const DropiDrawer = class {
         this.open = val;
         this.drawerIsOpen = val;
         if (typeof document !== 'undefined') {
-            document.body.style.overflow = val ? 'hidden' : '';
+            if (val)
+                document.body.classList.add('dropi-modal-open');
+            else
+                document.body.classList.remove('dropi-modal-open');
         }
     }
     componentWillLoad() {
@@ -55,10 +58,10 @@ const DropiDrawer = class {
             else
                 panelStyle['height'] = this.height;
         }
-        return (h("div", { key: '2236d22981ab82b57de3d442194403d5d79ce1c8', class: { 'drawer-host': true, 'drawer-host--open': this.open } }, h("div", { key: 'c0132eefbe379fab8c6dc2fb084acf0390fc8d7a', class: "drawer-backdrop", onClick: () => {
+        return (h("div", { key: '7792ce8e001adf404aef387e35c5fb601f69b1e2', class: { 'drawer-host': true, 'drawer-host--open': this.open } }, h("div", { key: '186c33be6a7cd1e34e6d1f852219be91b24a15b9', class: "drawer-backdrop", onClick: () => {
                 if (this.closeOnBackdrop)
                     this.close();
-            } }), h("div", { key: '111dbff06af3627ef8e9c593b2fb8598da636009', class: `drawer-panel drawer-panel--${this.position}${sizeClass ? ' ' + sizeClass : ''}`, style: panelStyle, role: "dialog", "aria-modal": "true" }, h("div", { key: '41e891fe77ba69f3e5f3a450da6e4017f0764b59', class: { 'drawer-header': true, 'drawer-header--headless': this.headless } }, h("h3", { key: '10212f728327670142b23949eb2698e4937d7c27', class: "drawer-header__title" }, this.drawerTitle), h("button", { key: '0736447705965fb9222edeb993d85c5e1d567476', class: "drawer-header__close", onClick: () => this.close(), "aria-label": "Cerrar" }, h("dropi-icon", { key: '1d8d27869bd79c5095f56f85b56127673e89d509', name: "Close-small", width: "32px", height: "32px", color: "Gray-Gray-400" }))), h("div", { key: '398f9a7e3e5dd1bf861ca7b14961a0d1a217a229', class: "drawer-body" }, h("slot", { key: '2555a218f61c56c017ae1ed2ea1f34048d5e5b51' })), h("div", { key: '88e430bdcba47e50760051e0310788336f11a8c1', class: "drawer-footer" }, h("slot", { key: '2de19e6270c61ba5a43d39707db6ea669d9037d1', name: "footer" })))));
+            } }), h("div", { key: '3a48c465707125c2de1e369e70375689fe5ff9c1', class: `drawer-panel drawer-panel--${this.position}${sizeClass ? ' ' + sizeClass : ''}`, style: panelStyle, role: "dialog", "aria-modal": "true" }, h("div", { key: '840bb2933bc7e2264269bbadd5d9d61649fe58fe', class: { 'drawer-header': true, 'drawer-header--headless': this.headless } }, h("h3", { key: 'bfd9c7db02e9db07ce32115ca6386a9840c61288', class: "drawer-header__title" }, this.drawerTitle), h("button", { key: '6dc350e26f74d4e3aead7697bd2f5552e49e833c', class: "drawer-header__close", onClick: () => this.close(), "aria-label": "Cerrar" }, h("dropi-icon", { key: 'fcc5331391009f97254db5f729c61631edc33d8c', name: "Close-small", width: "32px", height: "32px", color: "Gray-Gray-400" }))), h("div", { key: 'e50ae31043bde759a79fbc9b4f734e06dc6c2a3f', class: "drawer-body" }, h("slot", { key: 'f1f0d7314b8bd7f6fd6fdec88a818963c1d5834f' })), h("div", { key: 'b14833f885757bbcfa687b7b2ee1cf847301134b', class: "drawer-footer" }, h("slot", { key: '5cba1759160a934c3b54166914a10b1335075151', name: "footer" })))));
     }
     static get watchers() { return {
         "open": [{
@@ -72,3 +75,6 @@ const DropiDrawer = class {
 DropiDrawer.style = dropiDrawerCss();
 export { DropiDrawer as dropi_drawer };
+//# sourceMappingURL=dropi-drawer.entry.esm.js.map
+//# sourceMappingURL=dropi-drawer.entry.js.map

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

@@ -0,0 +1 @@

+ {"file":"dropi-drawer.entry.js","mappings":"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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: 1000;\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\" width=\"32px\" height=\"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}

package/dist/{esm → dropi-ui}/dropi-dropdown.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-TXz_09YZ.js';
+import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.js';
 const dropiDropdownCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.dropdown{display:flex;flex-direction:column;overflow-y:auto;max-height:var(--dropdown-height, 300px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff)}.dropdown__item{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;transition:background 0.15s;user-select:none}.dropdown__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.dropdown__item--active{background:var(--Primary-Primary-50, #fff5eb)}.dropdown__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.dropdown__label{flex:1;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;
@@ -32,7 +32,7 @@ const DropiDropdown = class {
         this.optionsChanged(this.options);
     }
     isSelected(opt) {
-        return this.selected.some(s => JSON.stringify(s) === JSON.stringify(opt));
+        return (this.selected ?? []).some(s => JSON.stringify(s) === JSON.stringify(opt));
     }
     toggleOption(opt) {
         if (this.isSelected(opt)) {
@@ -46,7 +46,7 @@ const DropiDropdown = class {
     render() {
         const containerClass = this.isInSelect ? 'container-dropi-dropdown-select' : 'container-dropi-dropdown';
         const customHeight = this.height || '388px';
-        return (h("div", { key: 'c8f5eab8347e089f92ff494ebacf9c3d92e86493', class: containerClass, style: { '--custom-height': customHeight } }, this.parsedOptions.map((opt, i) => {
+        return (h("div", { key: '274caba83e2f697257e3803b85517a31d4f0aea8', class: containerClass, style: { '--custom-height': customHeight } }, this.parsedOptions.map((opt, i) => {
             const label = opt[this.valueModel] ?? String(opt);
             const active = !!opt.checked || this.isSelected(opt);
             return (h("div", { class: "content-dropdown", key: i }, h("div", { class: { 'container-check-dropdown': true, 'active-option': active }, onClick: () => this.toggleOption(opt) }, this.parameters.type === 'checkbox' && (h("dropi-checkbox", { checked: active })), this.parameters.iconCurrier && (h("dropi-avatars", { image: opt[this.valueModel], type: "transport" })), this.parameters.icon && (h("dropi-avatars", { image: opt.image, type: "transport" })), h("span", { class: "Body-M-Regular" }, label))));
@@ -61,3 +61,6 @@ const DropiDropdown = class {
 DropiDropdown.style = dropiDropdownCss();
 export { DropiDropdown as dropi_dropdown };
+//# sourceMappingURL=dropi-dropdown.entry.esm.js.map
+//# sourceMappingURL=dropi-dropdown.entry.js.map

package/dist/dropi-ui/dropi-dropdown.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-dropdown.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-dropdown/dropi-dropdown.css?tag=dropi-dropdown&encapsulation=shadow","src/components/dropi-dropdown/dropi-dropdown.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.dropdown {\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n max-height: var(--dropdown-height, 300px);\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n border-radius: var(--Border-2, 8px);\n background: var(--Neutral-White, #ffffff);\n}\n\n.dropdown__item {\n display: flex;\n align-items: center;\n gap: var(--Size-2, 8px);\n padding: var(--Size-2, 8px) var(--Size-3, 12px);\n cursor: pointer;\n transition: background 0.15s;\n user-select: none;\n}\n\n.dropdown__item:hover {\n background: var(--Gray-Gray-50, #f7f8fa);\n}\n\n.dropdown__item--active {\n background: var(--Primary-Primary-50, #fff5eb);\n}\n\n.dropdown__avatar {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n object-fit: cover;\n flex-shrink: 0;\n}\n\n.dropdown__label {\n flex: 1;\n font-size: var(--font-size-s, 12px);\n color: var(--Gray-Gray-700, #32394d);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","import { Component, Prop, State, Event, EventEmitter, Watch, h } from '@stencil/core';\n\nexport interface DropdownOption {\n [key: string]: any;\n}\n\n/**\n * @component dropi-dropdown\n * Scrollable list with checkboxes for multi-selection.\n * Pass options as an array (JS) or JSON string.\n */\n@Component({\n tag: 'dropi-dropdown',\n styleUrl: 'dropi-dropdown.css',\n shadow: true,\n})\nexport class DropiDropdown {\n /** Options array or JSON string */\n @Prop() options: DropdownOption[] | string = [];\n /** Property name for the label */\n @Prop() valueModel: string = 'name';\n /** Height of the dropdown (CSS value) */\n @Prop() height: string = '';\n /** Whether the dropdown is inside a select component */\n @Prop() isInSelect: boolean = false;\n /** Configuration parameters for the dropdown items */\n @Prop() parameters: {\n type: 'checkbox';\n icon: string;\n iconCurrier: boolean;\n } = {\n type: 'checkbox',\n icon: '',\n iconCurrier: false,\n };\n\n @State() private selected: DropdownOption[] = [];\n @State() private parsedOptions: DropdownOption[] = [];\n\n /** Emitted when selection changes — matches Angular 'modelChange' */\n @Event() modelChange: EventEmitter<DropdownOption[]>;\n\n @Watch('options')\n optionsChanged(val: DropdownOption[] | string) {\n this.parsedOptions = typeof val === 'string' ? JSON.parse(val) : (val || []);\n }\n\n componentWillLoad() {\n this.optionsChanged(this.options);\n }\n\n private isSelected(opt: DropdownOption): boolean {\n return (this.selected ?? []).some(s => JSON.stringify(s) === JSON.stringify(opt));\n }\n\n private toggleOption(opt: DropdownOption) {\n if (this.isSelected(opt)) {\n this.selected = this.selected.filter(s => JSON.stringify(s) !== JSON.stringify(opt));\n } else {\n this.selected = [...this.selected, opt];\n }\n this.modelChange.emit(this.selected);\n }\n\n render() {\n const containerClass = this.isInSelect ? 'container-dropi-dropdown-select' : 'container-dropi-dropdown';\n const customHeight = this.height || '388px';\n\n return (\n <div class={containerClass} style={{ '--custom-height': customHeight } as any}>\n {this.parsedOptions.map((opt, i) => {\n const label = opt[this.valueModel] ?? String(opt);\n const active = !!opt.checked || this.isSelected(opt);\n\n return (\n <div class=\"content-dropdown\" key={i}>\n <div\n class={{ 'container-check-dropdown': true, 'active-option': active }}\n onClick={() => this.toggleOption(opt)}\n >\n {this.parameters.type === 'checkbox' && (\n <dropi-checkbox checked={active} />\n )}\n\n {this.parameters.iconCurrier && (\n <dropi-avatars\n image={opt[this.valueModel]}\n type=\"transport\"\n />\n )}\n\n {this.parameters.icon && (\n <dropi-avatars\n image={opt.image}\n type=\"transport\"\n />\n )}\n\n <span class=\"Body-M-Regular\">{label}</span>\n </div>\n </div>\n );\n })}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-empty-state.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-TXz_09YZ.js';
+import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.js';
 const dropiEmptyStateCss = () => `:host{display:block}*,*::before,*::after{box-sizing:border-box}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--Size-3, 12px);padding:var(--Size-6, 32px) var(--Size-5, 20px);text-align:center}.empty-state-img{max-width:200px;width:100%;height:auto;object-fit:contain;filter:brightness(0) saturate(100%) invert(73%) sepia(9%) saturate(503%) hue-rotate(187deg) brightness(91%) contrast(88%)}.empty-state-svg{width:80px;height:80px}.empty-state-placeholder{display:flex;align-items:center;justify-content:center}.empty-state-title{margin:0;font-size:var(--font-size-l, 18px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);line-height:1.3}.empty-state-description{margin:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);line-height:1.6;max-width:400px}.empty-state-actions{display:flex;align-items:center;gap:var(--Size-3, 12px);flex-wrap:wrap;justify-content:center;margin-top:var(--Size-2, 8px)}`;
@@ -26,9 +26,12 @@ const DropiEmptyState = class {
     /** Emitted when button is clicked — matches Angular 'buttonClickEvent' */
     buttonClickEvent;
     render() {
-        return (h("div", { key: '504b4ac16374bc3d54ab02a0729d867508dee0ba', class: "empty-state" }, h("div", { key: '11cbef9d7a1d57bffa68ef4d055c29453c9d050b', class: "empty-state-visual" }, this.imageUrl ? (h("img", { class: "empty-state-img", src: this.imageUrl, alt: this.imageAlt })) : (h("img", { class: "empty-state-img", src: `assets/icons/ilustration/${this.dropiIcon}.svg`, alt: this.imageAlt, onError: (e) => e.target.src = 'assets/icons/ilustration/default.svg' }))), this.title && h("h3", { key: '398a1e5958e1008875391053a82f77db586aaad8', class: "empty-state-title" }, this.title), this.description && h("p", { key: 'a51b76390add2ffbfcdf5288a1daf8a872c1bfc0', class: "empty-state-description" }, this.description), h("slot", { key: '1024f4efdc69ed513384b8b0082bb9915673e724' }), this.buttonText && (h("div", { key: '6706d58d3380e7c6668c8b465d19249cd24cd7f8', class: "empty-state-actions" }, h("dropi-button", { key: '4440e6ca851d27b84cab67ee24466be0a89e8e9e', text: this.buttonText, preIcon: this.buttonIcon, severity: this.buttonSeverity, onClick: () => this.buttonClickEvent.emit() })))));
+        return (h("div", { key: '1b7c0fd20a119ae17ee09f7c68b7ae2b4e77ee98', class: "empty-state" }, h("div", { key: 'cb4fd9dc6a8b491359fd9cd8b6983e68f64af994', class: "empty-state-visual" }, this.imageUrl ? (h("img", { class: "empty-state-img", src: this.imageUrl, alt: this.imageAlt })) : (h("img", { class: "empty-state-img", src: `assets/icons/ilustration/${(!this.dropiIcon || String(this.dropiIcon) === 'undefined' || String(this.dropiIcon) === 'null') ? 'default' : this.dropiIcon}.svg`, alt: this.imageAlt, onError: (e) => e.target.src = 'assets/icons/ilustration/default.svg' }))), this.title && h("h3", { key: '14c09482953e39975c74ca454df3131e3233a712', class: "empty-state-title" }, this.title), this.description && h("p", { key: '5fccb02b2b21d8895c5b122aa0fb6684fc9d7611', class: "empty-state-description" }, this.description), h("slot", { key: '6e53d450b4dbb8cff81addd3e7fc528c599bf730' }), this.buttonText && (h("div", { key: '4325f23a357c43b970dce907a63f24b63b10070e', class: "empty-state-actions" }, h("dropi-button", { key: 'a475b2fec4e00343fa4b4fa29ac08d5564e4e21a', text: this.buttonText, preIcon: this.buttonIcon, severity: this.buttonSeverity, onClick: () => this.buttonClickEvent.emit() })))));
     }
 };
 DropiEmptyState.style = dropiEmptyStateCss();
 export { DropiEmptyState as dropi_empty_state };
+//# sourceMappingURL=dropi-empty-state.entry.esm.js.map
+//# sourceMappingURL=dropi-empty-state.entry.js.map

package/dist/dropi-ui/dropi-empty-state.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-empty-state.entry.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,s+BAAs+B,CAAC;;MCW5/B,eAAe,GAAA,MAAA;;;;;;IAElB,KAAK,GAAW,EAAE;;IAElB,WAAW,GAAW,EAAE;;IAExB,QAAQ,GAAW,EAAE;;IAErB,QAAQ,GAAW,gBAAgB;;IAEnC,UAAU,GAAW,EAAE;;IAEvB,UAAU,GAAW,EAAE;;IAEvB,SAAS,GAAwF,SAAS;;IAE1G,cAAc,GAAyC,UAAU;;AAGhE,IAAA,gBAAgB;IAEzB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,aAAa,EAAA,EACtB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAC5B,IAAI,CAAC,QAAQ,IACZ,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,iBAAiB,EAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,KAEvE,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,iBAAiB,EACvB,GAAG,EAAE,CAAA,yBAAA,EAA4B,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,WAAW,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,MAAM,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA,IAAA,CAAM,EACpK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,KAAM,CAAC,CAAC,MAA2B,CAAC,GAAG,GAAG,sCAAsC,EAAA,CAC3F,CACH,CACG,EAEL,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,mBAAmB,EAAA,EAAE,IAAI,CAAC,KAAK,CAAM,EAC7D,IAAI,CAAC,WAAW,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,yBAAyB,EAAA,EAAE,IAAI,CAAC,WAAW,CAAK,EAE9E,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,EAEP,IAAI,CAAC,UAAU,KACd,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,OAAO,EAAE,IAAI,CAAC,UAAU,EACxB,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,OAAO,EAAE,MAAM,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,EAAA,CAC3C,CACE,CACP,CACG;;;;;;;","names":[],"sources":["src/components/dropi-empty-state/dropi-empty-state.css?tag=dropi-empty-state&encapsulation=shadow","src/components/dropi-empty-state/dropi-empty-state.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.empty-state {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--Size-3, 12px);\n padding: var(--Size-6, 32px) var(--Size-5, 20px);\n text-align: center;\n}\n\n.empty-state-img {\n max-width: 200px;\n width: 100%;\n height: auto;\n object-fit: contain;\n filter: brightness(0) saturate(100%) invert(73%) sepia(9%) saturate(503%) hue-rotate(187deg) brightness(91%) contrast(88%);\n}\n\n.empty-state-svg {\n width: 80px;\n height: 80px;\n}\n\n.empty-state-placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.empty-state-title {\n margin: 0;\n font-size: var(--font-size-l, 18px);\n font-weight: var(--font-weight-bold, 700);\n color: var(--Gray-Gray-700, #32394d);\n line-height: 1.3;\n}\n\n.empty-state-description {\n margin: 0;\n font-size: var(--font-size-s, 12px);\n color: var(--Gray-Gray-500, #69738c);\n line-height: 1.6;\n max-width: 400px;\n}\n\n.empty-state-actions {\n display: flex;\n align-items: center;\n gap: var(--Size-3, 12px);\n flex-wrap: wrap;\n justify-content: center;\n margin-top: var(--Size-2, 8px);\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n/**\n * @component dropi-empty-state\n * Empty state illustration with title, description and optional action button.\n */\n@Component({\n tag: 'dropi-empty-state',\n styleUrl: 'dropi-empty-state.css',\n shadow: true,\n})\nexport class DropiEmptyState {\n /** Title text (matches Angular 'title') */\n @Prop() title: string = '';\n /** Description text */\n @Prop() description: string = '';\n /** URL of the illustration image */\n @Prop() imageUrl: string = '';\n /** Alt text for the image */\n @Prop() imageAlt: string = 'Sin resultados';\n /** Primary action button label (empty = hidden) — matches Angular 'buttonText' */\n @Prop() buttonText: string = '';\n /** Icon name for button — matches Angular 'buttonIcon' */\n @Prop() buttonIcon: string = '';\n /** State of the illustration (default, loading, sorry, love, success, error) — matches Angular 'dropiIcon' */\n @Prop() dropiIcon: 'default' | 'loading' | 'sorry' | 'love' | 'success' | 'error' | 'warning' | 'info' = 'default';\n /** Severity for the action button — matches Angular 'buttonSeverity' */\n @Prop() buttonSeverity: 'primary' | 'secondary' | 'tertiary' = 'tertiary';\n\n /** Emitted when button is clicked — matches Angular 'buttonClickEvent' */\n @Event() buttonClickEvent: EventEmitter<void>;\n\n render() {\n return (\n <div class=\"empty-state\">\n <div class=\"empty-state-visual\">\n {this.imageUrl ? (\n <img class=\"empty-state-img\" src={this.imageUrl} alt={this.imageAlt} />\n ) : (\n <img\n class=\"empty-state-img\"\n src={`assets/icons/ilustration/${(!this.dropiIcon || String(this.dropiIcon) === 'undefined' || String(this.dropiIcon) === 'null') ? 'default' : this.dropiIcon}.svg`}\n alt={this.imageAlt}\n onError={(e) => (e.target as HTMLImageElement).src = 'assets/icons/ilustration/default.svg'}\n />\n )}\n </div>\n\n {this.title && <h3 class=\"empty-state-title\">{this.title}</h3>}\n {this.description && <p class=\"empty-state-description\">{this.description}</p>}\n\n <slot />\n\n {this.buttonText && (\n <div class=\"empty-state-actions\">\n <dropi-button\n text={this.buttonText}\n preIcon={this.buttonIcon}\n severity={this.buttonSeverity}\n onClick={() => this.buttonClickEvent.emit()}\n />\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}