@dropi/ui 0.1.27 → 0.1.28

package/dist/dropi-ui/dropi-image-overlay.entry.js.map

@@ -1 +0,0 @@
-{"file":"dropi-image-overlay.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-image-overlay/dropi-image-overlay.css?tag=dropi-image-overlay&encapsulation=shadow","src/components/dropi-image-overlay/dropi-image-overlay.tsx"],"sourcesContent":[":host { display: block; }\n\n.overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0,0,0,0.92);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 9999;\n  animation: fade-in 0.3s ease-out;\n}\n\n.overlay__close {\n  position: absolute;\n  top: 24px;\n  right: 24px;\n  background: rgba(255, 255, 255, 0.1);\n  border: none;\n  border-radius: 50%;\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 10010;\n  transition: background 0.15s;\n}\n.overlay__close:hover { background: rgba(255, 255, 255, 0.2); }\n\n.overlay__body {\n  display: flex;\n  width: 90%;\n  height: 80%;\n  max-width: 1200px;\n  gap: 32px;\n  align-items: center;\n}\n\n.overlay__body--single {\n  justify-content: center;\n}\n\n/* ── Thumbnails (Left Column) ─────────────────────────── */\n.overlay__thumbs {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  height: 100%;\n  overflow-y: auto;\n  padding-right: 8px;\n  width: 100px;\n  flex-shrink: 0;\n}\n\n/* Hide scrollbar but keep functionality */\n.overlay__thumbs::-webkit-scrollbar { width: 4px; }\n.overlay__thumbs::-webkit-scrollbar-thumb { background: var(--Gray-Gray-600); border-radius: 4px; }\n\n.overlay__thumb-box {\n  width: 80px;\n  height: 80px;\n  border: 2px solid transparent;\n  border-radius: 8px;\n  overflow: hidden;\n  cursor: pointer;\n  flex-shrink: 0;\n  transition: border-color 0.2s;\n}\n\n.overlay__thumb-box--active {\n  border-color: var(--Primary-Primary-500, #f49a3d);\n}\n\n.overlay__thumb-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n/* ── Main Content (Right Area) ─────────────────────────── */\n.overlay__content {\n  flex: 1;\n  height: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.overlay__main-image {\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  border-radius: 12px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n  animation: scale-up 0.3s ease-out;\n}\n\n.overlay__nav {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background: rgba(255, 255, 255, 0.1);\n  border: none;\n  border-radius: 50%;\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background 0.2s;\n  z-index: 5;\n}\n\n.overlay__nav:hover { background: rgba(255, 255, 255, 0.2); }\n.overlay__nav--prev { left: -24px; }\n.overlay__nav--next {\n  right: -24px;\n  background: var(--Neutral-White);\n}\n.overlay__nav--next:hover { background: var(--Neutral-White); }\n\n@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }\n@keyframes scale-up { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }\n","import { Component, Prop, State, Event, EventEmitter, Watch, h } from '@stencil/core';\n\n/**\n * @component dropi-image-overlay\n * Full-screen image lightbox with prev/next navigation and thumbnails.\n */\n@Component({\n  tag: 'dropi-image-overlay',\n  styleUrl: 'dropi-image-overlay.css',\n  shadow: true,\n})\nexport class DropiImageOverlay {\n  /** Whether the overlay is visible */\n  @Prop({ mutable: true }) visible: any = false;\n  /** Images array or JSON string */\n  @Prop() images: string[] | string = [];\n  /** Initially active image index */\n  @Prop({ mutable: true }) activeIndex: number = 0;\n\n  @State() private current: number = 0;\n  @State() private parsedImages: string[] = [];\n\n  /** Emitted when overlay closes */\n  @Event() dropiClose: EventEmitter<void>;\n\n  @Watch('images')\n  imagesChanged(val: string[] | string) {\n    this.parsedImages = typeof val === 'string' ? JSON.parse(val) : (val || []);\n  }\n\n  @Watch('activeIndex')\n  indexChanged(val: number) { this.current = val; }\n\n  @Watch('visible')\n  visibleChanged(val: boolean) { if (val) this.current = this.activeIndex; }\n\n  componentWillLoad() {\n    this.imagesChanged(this.images);\n    this.current = this.activeIndex;\n  }\n\n  private close() { this.visible = false; this.dropiClose.emit(); }\n  private prev() { this.current = (this.current - 1 + this.parsedImages.length) % this.parsedImages.length; }\n  private next() { this.current = (this.current + 1) % this.parsedImages.length; }\n\n  private handleError(e: Event) {\n    (e.target as HTMLImageElement).src =\n      `data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgMzAwIj48cmVjdCB3aWR0aD0iNDAwIiBoZWlnaHQ9IjMwMCIgZmlsbD0iIzFhMjAzMyIvPjx0ZXh0IHg9IjIwMCIgeT0iMTU1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjNDc1MDY2IiBmb250LXNpemU9IjE0Ij5TaW4gaW1hZ2VuPC90ZXh0Pjwvc3ZnPg==`;\n  }\n\n  render() {\n    const isVisible = this.visible === true || String(this.visible) === 'true';\n    if (!isVisible) return null;\n    const imgs = this.parsedImages;\n    const multi = imgs.length > 1;\n\n    return (\n      <div class=\"overlay\" onClick={() => this.close()}>\n        <button class=\"overlay__close\" onClick={(e) => { e.stopPropagation(); this.close(); }} aria-label=\"Cerrar\">\n          <dropi-icon name=\"Close-large\" width=\"24px\" height=\"24px\" color=\"Neutral-White\" />\n        </button>\n\n        <div class={{ 'overlay__body': true, 'overlay__body--single': !multi }} onClick={(e) => e.stopPropagation()}>\n          {multi && (\n            <div class=\"overlay__thumbs\">\n              {imgs.map((src, i) => (\n                <div\n                  key={i}\n                  class={{ 'overlay__thumb-box': true, 'overlay__thumb-box--active': i === this.current }}\n                  onClick={() => this.current = i}\n                >\n                  <img\n                    src={src}\n                    alt={`miniatura ${i + 1}`}\n                    class=\"overlay__thumb-img\"\n                    onError={(e) => this.handleError(e)}\n                  />\n                </div>\n              ))}\n            </div>\n          )}\n\n          <div class=\"overlay__content\">\n            {multi && (\n              <button class=\"overlay__nav overlay__nav--prev\" onClick={() => this.prev()} aria-label=\"Anterior\">\n                <dropi-icon name=\"Dropdown-left\" width=\"18px\" height=\"18px\" color=\"Gray-Gray-500\" />\n              </button>\n            )}\n\n            <img\n              class=\"overlay__main-image\"\n              src={imgs[this.current]}\n              alt={`imagen ${this.current + 1}`}\n              onError={(e) => this.handleError(e)}\n            />\n\n            {multi && (\n              <button class=\"overlay__nav overlay__nav--next\" onClick={() => this.next()} aria-label=\"Siguiente\">\n                <dropi-icon name=\"Dropdown-Right\" width=\"18px\" height=\"18px\" color=\"Gray-Gray-500\" />\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-input.entry.js.map

@@ -1 +0,0 @@
-{"file":"dropi-input.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-input/dropi-input.css?tag=dropi-input&encapsulation=shadow","src/components/dropi-input/dropi-input.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n/* ── Fixed label layout ────────────────────────────────────── */\n.fixed-label-container {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.input-label {\n  color: var(--Gray-Gray-600, #475066);\n  font-size: var(--font-size-xs, 10px);\n  font-weight: var(--font-weight-regular, 400);\n  text-align: left;\n}\n\n.asterisk {\n  color: var(--Error-Error-500, #f46a6b);\n}\n\n/* ── Form group / container ────────────────────────────────── */\n.form-group {\n  position: relative;\n  width: 100%;\n}\n\n.input-container {\n  position: relative;\n}\n\n/* ── Icons ─────────────────────────────────────────────────── */\n.icon-input {\n  position: absolute;\n  top: 10px;\n  left: 5px;\n  z-index: 1;\n}\n\n.icon-input-password {\n  position: absolute;\n  top: 10px;\n  right: 13px;\n  cursor: pointer;\n  z-index: 1;\n}\n\n/* ── Base input ─────────────────────────────────────────────── */\n.form-control {\n  box-sizing: border-box;\n  width: 100%;\n  padding: var(--Size-2, 8px);\n  border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n  border-radius: var(--Border-2, 8px);\n  background: var(--Neutral-White, #ffffff);\n  font-size: var(--font-size-s, 12px);\n  font-family: inherit;\n  color: var(--Gray-Gray-700, #32394d);\n  transition: border-color 0.3s ease-in-out;\n  height: 40px;\n  outline: none;\n  appearance: none;\n  text-align: left;\n}\n\n.form-control::placeholder {\n  color: transparent;\n  transition: color 0.2s ease-in-out;\n}\n\n/* Show placeholder only on focus or in fixedLabel mode */\n.form-control:focus::placeholder,\n.fixed-label-input::placeholder {\n  color: var(--Gray-Gray-400, #858ea6);\n}\n\n.form-control:focus {\n  border-color: var(--Info-Info-500, #50a5f1);\n}\n\n.form-control-valid {\n  border-color: var(--Gray-Gray-400, #858ea6) !important;\n  color: var(--Gray-Gray-600, #475066);\n}\n\n.form-control-invalid {\n  border-color: var(--Error-Error-500, #f46a6b) !important;\n  color: var(--Gray-Gray-600, #475066);\n}\n\n.form-control:disabled {\n  border-color: var(--Gray-Gray-200, #c3c9d9) !important;\n  color: var(--Gray-Gray-400, #858ea6);\n  background-color: var(--Gray-Gray-50, #f7f8fa);\n  cursor: not-allowed;\n}\n\n.padding-icon {\n  padding-left: 28px;\n}\n\n/* When icon is always visible, shift the floating label right to avoid overlap */\n.input-container--has-icon label.label-bottom {\n  left: 28px;\n}\n\n/* When focused or has value, float up to left: 0 regardless */\n.input-container--has-icon .form-control:focus + label.label-bottom,\n.input-container--has-icon .form-control:not(:placeholder-shown) + label.label-bottom {\n  left: 0;\n}\n\n/* Password: hide characters via CSS (no type=password needed for font trick) */\n.text-password {\n  -webkit-text-security: disc;\n  text-security: disc;\n}\n\n/* ── Floating label ─────────────────────────────────────────── */\nlabel.label-bottom {\n  position: absolute;\n  font-weight: var(--font-weight-regular, 400);\n  top: 10px;\n  font-size: var(--font-size-s, 12px);\n  color: var(--Gray-Gray-500, #69738c);\n  left: 10px;\n  transition: all 0.2s ease-in-out;\n  pointer-events: none;\n  overflow: hidden;\n  width: 90%;\n  white-space: nowrap;\n}\n\n/* Float up when focused or has value */\n.form-control:focus+label.label-bottom,\n.form-control:not(:placeholder-shown)+label.label-bottom {\n  top: -22px;\n  left: 0;\n  font-size: var(--font-size-xs, 10px);\n  color: var(--Gray-Gray-600, #475066);\n  width: unset;\n}\n\n.form-control:disabled+label.label-bottom {\n  color: var(--Gray-Gray-400, #858ea6);\n}\n\n/* ── Helper text ────────────────────────────────────────────── */\n.form-control-helper {\n  display: flex;\n  position: absolute;\n  top: 100%;\n  left: 0;\n  gap: 4px;\n  align-items: center;\n  margin-top: 4px;\n}\n\n.form-control-helper span {\n  display: block;\n  color: var(--Gray-Gray-600, #475066);\n  font-size: var(--font-size-xs, 10px);\n}\n\n.invalid-color {\n  color: var(--Error-Error-500, #f46a6b) !important;\n}\n\n.disabled-helper {\n  color: var(--Gray-Gray-400, #858ea6) !important;\n}\n\n.disabled-helper {\n  color: var(--Gray-Gray-400, #858ea6) !important;\n}","import { Component, Prop, State, Event, EventEmitter, AttachInternals, Watch, h } from '@stencil/core';\n\nexport type InputMode = 'text' | 'numeric' | 'decimal' | 'tel' | 'email' | 'url' | 'search';\n\n/**\n * @component dropi-input\n * Text input with floating label, validation states, password toggle,\n * number/letter restrictions, thousand separator, and native form association.\n *\n * ## Form usage (native HTML form)\n * ```html\n * <form>\n *   <dropi-input name=\"email\" label=\"Email\" required></dropi-input>\n * </form>\n * ```\n *\n * ## Controlled usage (React / Vue / Angular)\n * Pass `value` and listen to `dropiInput` to update.\n */\n@Component({\n  tag: 'dropi-input',\n  styleUrl: 'dropi-input.css',\n  shadow: true,\n  formAssociated: true,\n})\nexport class DropiInput {\n  @AttachInternals() internals: ElementInternals;\n\n  // ── Identification ──────────────────────────────────────────\n  /** Input id. Defaults to label label. */\n  @Prop({ mutable: true }) id: string = '';\n  /** Name attribute for native form submission */\n  @Prop() name: string = '';\n\n  // ── Content ─────────────────────────────────────────────────\n  /** Floating or fixed label text */\n  @Prop({ mutable: true }) label: string = '';\n  /** Placeholder text (visible in fixedLabel mode or on focus) */\n  @Prop({ mutable: true }) placeholder: string = ' ';\n  /** Current value (controlled) */\n  @Prop({ mutable: true }) value: string = '';\n  /** Max character length */\n  @Prop({ mutable: true }) maxLength: number;\n\n  // ── Behavior ────────────────────────────────────────────────\n  /** Disable the input */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Mark as required (shows asterisk when showObligatoryAsterisk is true) */\n  @Prop({ reflect: true }) required: boolean = false;\n  /** Show the required asterisk on the label */\n  @Prop({ mutable: true }) showObligatoryAsterisk: boolean = true;\n  /** Show label above the input (fixed), instead of floating inside */\n  @Prop() fixedLabel: boolean = false;\n  /** Keyboard input mode hint */\n  @Prop({ mutable: true }) inputMode: InputMode = 'text';\n\n  // ── Input type modifiers ────────────────────────────────────\n  /** Show password visibility toggle (renders as password field) */\n  @Prop({ mutable: true }) passwordInput: boolean = false;\n  /** Apply thousand separator formatting (e.g. 1,000,000) */\n  @Prop({ mutable: true }) isMoneyInput: boolean = false;\n  /** Apply thousand separator without currency symbol */\n  @Prop({ mutable: true }) isThousandSeparator: boolean = false;\n  /** Only allow numeric characters */\n  @Prop({ mutable: true }) isNumericInput: boolean = false;\n  /** Allow decimal point when isNumericInput is true */\n  @Prop({ mutable: true }) allowDecimals: boolean = false;\n  /** Only allow letter characters */\n  @Prop({ mutable: true }) isLettersOnly: boolean = false;\n\n  // ── Icon ────────────────────────────────────────────────────\n  /** Icon name shown inside the input (only visible when value is not empty) */\n  @Prop({ mutable: true }) icon: string = '';\n  /** Color token for the icon */\n  @Prop({ mutable: true }) iconColor: string = 'Gray-Gray-400';\n\n  // ── Validation ──────────────────────────────────────────────\n  /** Mark the field as invalid (consumer-controlled) */\n  @Prop({ mutable: true }) hasError: boolean = false;\n  /** Helper / error text shown below the field */\n  @Prop({ mutable: true }) textHelper: string = '';\n  /** Only show textHelper when the field is invalid */\n  @Prop({ mutable: true }) showHelperOnlyOnError: boolean = false;\n\n  // ── Angular-parity ──────────────────────────────────────────\n  /**\n   * Convenience object prop — matches Angular `inputProperties: InputProperties`.\n   * Fields: id, label, placeholder, maxLength, textHelper, passwordInput,\n   * icon, iconColor, isMoneyInput, showObligatoryAsterisk, isNumericInput,\n   * allowDecimals, isThousandSeparator, showHelperOnlyOnError,\n   * isLettersOnly, inputMode.\n   * Note: `formControl` is not supported; use `value` + onInput event instead.\n   */\n  @Prop() inputProperties: any = null;\n\n  // ── Internal state ──────────────────────────────────────────\n  @State() private showPassword: boolean = false;\n  @State() private touched: boolean = false;\n\n  // ── Events ──────────────────────────────────────────────────\n  /** Emitted on every keystroke with the current value */\n  @Event() onInput: EventEmitter<string>;\n  /** Emitted on blur with the final value */\n  @Event() onChange: EventEmitter<string>;\n  /** Emitted on focus */\n  @Event() onFocus: EventEmitter<void>;\n  /** Emitted on blur */\n  @Event() onBlur: EventEmitter<void>;\n\n  @Watch('inputProperties')\n  inputPropertiesChanged(val: any) {\n    if (!val) return;\n    if (val.id !== undefined) this.id = val.id;\n    if (val.label !== undefined) this.label = val.label;\n    if (val.placeholder !== undefined) this.placeholder = val.placeholder;\n    if (val.maxLength !== undefined) this.maxLength = val.maxLength;\n    if (val.textHelper !== undefined) this.textHelper = val.textHelper;\n    if (val.passwordInput !== undefined) this.passwordInput = val.passwordInput;\n    if (val.isPasswordInput !== undefined) this.passwordInput = val.isPasswordInput; // Fallback\n    if (val.icon !== undefined) this.icon = val.icon;\n    if (val.iconColor !== undefined) this.iconColor = val.iconColor;\n    if (val.isMoneyInput !== undefined) this.isMoneyInput = val.isMoneyInput;\n    if (val.showObligatoryAsterisk !== undefined) this.showObligatoryAsterisk = val.showObligatoryAsterisk;\n    if (val.isNumericInput !== undefined) this.isNumericInput = val.isNumericInput;\n    if (val.allowDecimals !== undefined) this.allowDecimals = val.allowDecimals;\n    if (val.isThousandSeparator !== undefined) this.isThousandSeparator = val.isThousandSeparator;\n    if (val.showHelperOnlyOnError !== undefined) this.showHelperOnlyOnError = val.showHelperOnlyOnError;\n    if (val.isLettersOnly !== undefined) this.isLettersOnly = val.isLettersOnly;\n    if (val.inputMode !== undefined) this.inputMode = val.inputMode;\n  }\n\n  @Watch('value')\n  valueChanged(val: string) {\n    this.internals.setFormValue(val);\n  }\n\n  @Watch('disabled')\n  disabledChanged(val: boolean) {\n    this.internals.setValidity(val ? { customError: true } : {}, val ? 'Field is disabled' : '');\n  }\n\n  componentWillLoad() {\n    this.internals.setFormValue(this.value ?? '');\n    if (this.inputProperties) this.inputPropertiesChanged(this.inputProperties);\n  }\n\n  // ── Handlers ────────────────────────────────────────────────\n\n  private handleInput(e: InputEvent) {\n    let val = (e.target as HTMLInputElement).value;\n\n    if (this.isNumericInput) val = this.filterNumbers(val);\n    if (this.isLettersOnly) val = this.filterLetters(val);\n    if (this.isMoneyInput || this.isThousandSeparator) val = this.formatThousands(val, this.isMoneyInput);\n\n    this.value = val;\n    this.internals.setFormValue(val);\n    this.onInput.emit(val);\n  }\n\n  private handleKeyDown(e: KeyboardEvent) {\n    if ((this.isNumericInput || this.isMoneyInput || this.isThousandSeparator) && !this.isAllowedNumberKey(e)) {\n      e.preventDefault();\n    }\n    if (this.isLettersOnly && !this.isAllowedLetterKey(e)) {\n      e.preventDefault();\n    }\n  }\n\n  private handleFocus() {\n    this.onFocus.emit();\n  }\n\n  private handleBlur() {\n    this.touched = true;\n    this.onChange.emit(this.value);\n    this.onBlur.emit();\n  }\n\n  private togglePassword() {\n    if (this.disabled) return;\n    this.showPassword = !this.showPassword;\n  }\n\n  // ── Helpers ─────────────────────────────────────────────────\n\n  private filterNumbers(val: string): string {\n    const pattern = this.allowDecimals ? /[^0-9.]/g : /[^0-9]/g;\n    return val.replace(pattern, '');\n  }\n\n  private filterLetters(val: string): string {\n    return val.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑüÜ\\s]/g, '');\n  }\n\n  private isAllowedNumberKey(e: KeyboardEvent): boolean {\n    const allowed = ['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab', 'Enter', 'Home', 'End'];\n    if (allowed.includes(e.key)) return true;\n    if (e.ctrlKey || e.metaKey) return true; // copy/paste/select-all\n    if (/^[0-9]$/.test(e.key)) return true;\n    if (this.allowDecimals && e.key === '.') return true;\n    return false;\n  }\n\n  private isAllowedLetterKey(e: KeyboardEvent): boolean {\n    const allowed = ['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab', 'Enter', 'Home', 'End', ' '];\n    if (allowed.includes(e.key)) return true;\n    if (e.ctrlKey || e.metaKey) return true;\n    return /^[a-zA-ZáéíóúÁÉÍÓÚñÑüÜ]$/.test(e.key);\n  }\n\n  private formatThousands(val: string, withCurrency: boolean): string {\n    const raw = val.replace(/[^0-9.]/g, '');\n    const [integer, decimal] = raw.split('.');\n    const formatted = integer.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n    const result = decimal !== undefined ? `${formatted}.${decimal}` : formatted;\n    return withCurrency ? `$${result}` : result;\n  }\n\n  // ── Computed ─────────────────────────────────────────────────\n\n  private get resolvedId(): string {\n    return this.id || this.label;\n  }\n\n  private get inputType(): string {\n    if (this.passwordInput) return this.showPassword ? 'text' : 'password';\n    return 'text';\n  }\n\n  private get showHelper(): boolean {\n    if (!this.textHelper) return false;\n    if (this.showHelperOnlyOnError) return this.hasError && this.touched;\n    return true;\n  }\n\n  private get isInvalid(): boolean {\n    return this.hasError && this.touched;\n  }\n\n  // ── Render ───────────────────────────────────────────────────\n\n  render() {\n    const showObligatoryAsterisk = this.required && this.showObligatoryAsterisk && !this.disabled;\n    const showIconInline = !!this.icon;\n\n    return (\n      <div class={{ 'fixed-label-container': this.fixedLabel }}>\n        {/* Fixed label above input */}\n        {this.fixedLabel && (\n          <div class=\"input-label Body-S-Regular\">\n            {this.label}\n            {showObligatoryAsterisk && <span class=\"asterisk\"> *</span>}\n          </div>\n        )}\n\n        <div class=\"form-group\">\n          <div class={{ 'input-container': true, 'input-container--has-icon': showIconInline }}>\n            {/* Inline icon (left) */}\n            {showIconInline && <dropi-icon class=\"icon-input\" name={this.icon} color={this.iconColor} width=\"20px\" height=\"20px\" />}\n\n            {/* Password toggle (right) */}\n            {this.passwordInput && (\n              <dropi-icon\n                class=\"icon-input-password\"\n                name={this.showPassword ? 'Eye' : 'Eye-crossed'}\n                width=\"20px\"\n                height=\"20px\"\n                color=\"Gray-Gray-500\"\n                onClick={() => this.togglePassword()}\n              />\n            )}\n\n            {/* Native input */}\n            <input\n              id={this.resolvedId}\n              class={{\n                'form-control': true,\n                'form-control-valid': !this.isInvalid && this.touched && !!this.value,\n                'form-control-invalid': this.isInvalid,\n                'padding-icon': showIconInline,\n                'text-password': this.passwordInput && !this.showPassword,\n                'fixed-label-input': this.fixedLabel,\n              }}\n              type={this.inputType}\n              value={this.value}\n              placeholder={this.fixedLabel ? this.placeholder : ' '}\n              disabled={this.disabled}\n              required={this.required}\n              maxLength={this.maxLength}\n              inputMode={this.inputMode}\n              data-cy={undefined}\n              onInput={e => this.handleInput(e as InputEvent)}\n              onKeyDown={e => this.handleKeyDown(e as KeyboardEvent)}\n              onFocus={() => this.handleFocus()}\n              onBlur={() => this.handleBlur()}\n            />\n\n            {/* Floating label (only when not fixedLabel) */}\n            {!this.fixedLabel && (\n              <label class=\"Body-S-Regular label-bottom\" htmlFor={this.resolvedId}>\n                {this.label}\n                {showObligatoryAsterisk && <span class=\"asterisk\"> *</span>}\n              </label>\n            )}\n\n            {/* Helper / error text */}\n            {this.showHelper && (\n              <div class=\"form-control-helper\">\n                {this.isInvalid && <dropi-icon name=\"Warning-circle\" width=\"12px\" height=\"12px\" color=\"Error-Error-500\" />}\n                <span\n                  class={{\n                    'disabled-helper': this.disabled,\n                    'invalid-color': this.isInvalid,\n                  }}\n                >\n                  {this.textHelper}\n                </span>\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-languages-selector.entry.js.map

@@ -1 +0,0 @@
-{"file":"dropi-languages-selector.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-languages-selector/dropi-languages-selector.css?tag=dropi-languages-selector&encapsulation=shadow","src/components/dropi-languages-selector/dropi-languages-selector.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.custom-dropdown {\n  position: relative;\n  cursor: pointer;\n  user-select: none;\n}\n\n.custom-dropdown.open dropi-icon {\n  transform: rotate(180deg);\n}\n\n.selected-option {\n  display: flex;\n  height: 38px;\n  padding: var(--Size-2, 8px) var(--Size-3, 12px);\n  align-items: center;\n  gap: var(--Size-2, 8px);\n  border-radius: 4px;\n  border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n  background: var(--Neutral-White, #ffffff);\n  font-size: var(--font-size-s, 12px);\n  color: var(--Gray-Gray-600, #475066);\n}\n\n.dropdown-options {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  background: white;\n  border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n  border-radius: 6px;\n  margin-top: 4px;\n  z-index: 1000;\n  overflow-y: auto;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  padding: 0;\n  list-style: none;\n  height: 0;\n  opacity: 0;\n  visibility: hidden;\n  transition: height 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;\n  max-height: 0;\n}\n\n.dropdown-options.dropdown-open {\n  max-height: 300px;\n  height: auto;\n  opacity: 1;\n  visibility: visible;\n}\n\n.dropdown-options li {\n  padding: 8px 12px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  font-size: var(--font-size-s, 12px);\n  color: var(--Gray-Gray-600, #475066);\n}\n\n.dropdown-options li:hover,\n.dropdown-options li.active {\n  background: var(--Gray-Gray-50, #f7f8fa);\n}\n\n@media screen and (max-width: 720px) {\n  .selected-option span,\n  .dropdown-options li span {\n    display: none;\n  }\n}\n","import { Component, Prop, Event, EventEmitter, State, Watch, h } from '@stencil/core';\n\nexport interface LanguageOption {\n  code: string;\n  label: string;\n  /** ISO country code for the flag (e.g. \"CO\", \"US\") */\n  flag: string;\n}\n\n/**\n * @component dropi-languages-selector\n * Dropdown to switch between languages, showing country flag + label.\n *\n * @example\n * <dropi-languages-selector\n *   languages='[{\"code\":\"es\",\"label\":\"Español\",\"flag\":\"CO\"},{\"code\":\"en\",\"label\":\"English\",\"flag\":\"US\"}]'\n * ></dropi-languages-selector>\n */\n@Component({\n  tag: 'dropi-languages-selector',\n  styleUrl: 'dropi-languages-selector.css',\n  shadow: true,\n})\nexport class DropiLanguagesSelector {\n  /** Language options (array or JSON string) */\n  @Prop() languages: LanguageOption[] | string = [];\n  /** Currently selected language (LanguageOption or JSON string) */\n  @Prop({ mutable: true }) selectedLang: LanguageOption | string | null = null;\n\n  @Event() languageChange: EventEmitter<LanguageOption>;\n\n  @State() private isOpen: boolean = false;\n  @State() private parsedLanguages: LanguageOption[] = [];\n  @State() private currentLang: LanguageOption | null = null;\n\n  @Watch('languages')\n  languagesChanged(val: LanguageOption[] | string) {\n    if (val == null) { this.parsedLanguages = []; return; }\n    this.parsedLanguages = typeof val === 'string' ? JSON.parse(val) : ((val as LanguageOption[]) ?? []);\n    if (!this.currentLang && this.parsedLanguages.length > 0) {\n      this.currentLang = this.parsedLanguages[0];\n    }\n  }\n\n  @Watch('selectedLang')\n  selectedLangChanged(val: LanguageOption | string | null) {\n    if (!val) return;\n    this.currentLang = typeof val === 'string' ? JSON.parse(val) : (val as LanguageOption);\n  }\n\n  componentWillLoad() {\n    this.languagesChanged(this.languages);\n    if (this.selectedLang) this.selectedLangChanged(this.selectedLang);\n  }\n\n  private select(lang: LanguageOption) {\n    this.currentLang = lang;\n    this.isOpen = false;\n    this.languageChange.emit(lang);\n  }\n\n  render() {\n    if (!this.currentLang) return null;\n    return (\n      <div class={`custom-dropdown${this.isOpen ? ' open' : ''}`}>\n        <div class=\"selected-option\" onClick={() => { this.isOpen = !this.isOpen; }}>\n          <dropi-country-flags country={this.currentLang.flag} flag-style=\"rectangle\" width=\"20\" height=\"15\" />\n          <span class=\"Body-S-Regular\">{this.currentLang.label}</span>\n          <dropi-icon name=\"Caret-down\" width=\"16px\" height=\"16px\" color=\"Gray-Gray-500\" />\n        </div>\n        <ul class={`dropdown-options${this.isOpen ? ' dropdown-open' : ''}`}>\n          {this.parsedLanguages.map(lang => (\n            <li\n              key={lang.code}\n              class={lang.code === this.currentLang?.code ? 'active' : ''}\n              onClick={() => this.select(lang)}\n            >\n              <dropi-country-flags country={lang.flag} flag-style=\"rectangle\" width=\"20\" height=\"15\" />\n              <span class=\"Body-S-Regular\">{lang.label}</span>\n            </li>\n          ))}\n        </ul>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-logo.entry.js.map

@@ -1 +0,0 @@
-{"file":"dropi-logo.entry.js","mappings":";;AAAA,MAAM,YAAY,GAAG,MAAM,CAAC,+PAA+P,CAAC;;ACE5R,MAAM,YAAY,GAAG,CAAA,8NAAA,CAAgO;MAWxO,SAAS,GAAA,MAAA;;;;;;IAIZ,OAAO,GAAW,EAAE;;IAEpB,IAAI,GAAsB,OAAO;;IAEjC,KAAK,GAAqB,OAAO;IAEzC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO;AACV,gBAAA,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC;AAC/B,oBAAA,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;AAChC,oBAAA,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC;AAC/B,oBAAA,EAAE;;;AAIA,IAAA,WAAW,CAAC,CAAQ,EAAA;AACzB,QAAA,CAAC,CAAC,MAA2B,CAAC,GAAG,GAAG,YAAY;;IAGnD,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAA,YAAA,EAAe,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI,EAAE,EAAA,EACvE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,GAAG,EAAE,IAAI,CAAC,OAAO,IAAI,YAAY,EACjC,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAA,CACnC,CACK;;;;;;;","names":[],"sources":["src/components/dropi-logo/dropi-logo.css?tag=dropi-logo&encapsulation=shadow","src/components/dropi-logo/dropi-logo.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.dropi-logo {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.dropi-logo img {\n  display: block;\n  object-fit: contain;\n}\n\n.dropi-logo--large img {\n  width: 256px;\n  height: 84px;\n}\n\n.dropi-logo--small img {\n  width: 86px;\n  height: 81px;\n}\n","import { Component, Prop, h, Element } from '@stencil/core';\n\nconst FALLBACK_SVG = `data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgNDAiPjx0ZXh0IHk9IjMwIiBmb250LXNpemU9IjI0IiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZmlsbD0iIzg1OGVhNiI+ZHJvcGk8L3RleHQ+PC9zdmc+`;\n\n/**\n * @component dropi-logo\n * Displays the Dropi brand logo with size variants.\n */\n@Component({\n  tag: 'dropi-logo',\n  styleUrl: 'dropi-logo.css',\n  shadow: true,\n})\nexport class DropiLogo {\n  @Element() el: HTMLElement;\n\n  /** Logo image URL */\n  @Prop() urlLogo: string = '';\n  /** Size variant */\n  @Prop() size: 'small' | 'large' = 'large';\n  /** Theme (reserved for future use) */\n  @Prop() theme: 'dark' | 'light' = 'light';\n\n  componentWillLoad() {\n    if (!this.urlLogo) {\n      this.urlLogo = \n        this.el.getAttribute('urlLogo') || \n        this.el.getAttribute('url-logo') || \n        this.el.getAttribute('urllogo') || \n        '';\n    }\n  }\n\n  private handleError(e: Event) {\n    (e.target as HTMLImageElement).src = FALLBACK_SVG;\n  }\n\n  render() {\n    return (\n      <figure class={{ 'dropi-logo': true, [`dropi-logo--${this.size}`]: true }}>\n        <img\n          src={this.urlLogo || FALLBACK_SVG}\n          alt=\"Dropi logo\"\n          onError={(e) => this.handleError(e)}\n        />\n      </figure>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-lottie-loader.entry.js.map

@@ -1 +0,0 @@
-{"file":"dropi-lottie-loader.entry.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,MAAM,CAAC,k0BAAk0B,CAAC;;MCW11B,iBAAiB,GAAA,MAAA;;;;;IAEpB,OAAO,GAAY,IAAI;;IAEvB,gBAAgB,GAAW,mCAAmC;;IAE9D,KAAK,GAAW,aAAa;;IAE7B,OAAO,GAAW,8BAA8B;IAExD,MAAM,GAAA;QACJ,IAAI,CAAC,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,IAAI;AAE9B,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAA,CAAA,eAAA,EAAA,EACE,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAC1B,UAAU,EAAC,aAAa,EACxB,KAAK,EAAC,GAAG,EACT,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAC1C,IAAI,EAAA,IAAA,EACJ,QAAQ,SACR,CACE,EACL,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,MAC1B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,aAAa,EAAA,EACrB,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,cAAc,EAAA,EAAE,IAAI,CAAC,KAAK,CAAM,EACxD,IAAI,CAAC,OAAO,IAAI,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAC,gBAAgB,EAAA,EAAE,IAAI,CAAC,OAAO,CAAK,CACzD,CACP,CACG,CACF;;;;;;;","names":[],"sources":["src/components/dropi-lottie-loader/dropi-lottie-loader.css?tag=dropi-lottie-loader&encapsulation=shadow","src/components/dropi-lottie-loader/dropi-lottie-loader.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.loader-overlay {\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(255, 255, 255, 0.85);\n  z-index: 9999;\n}\n\n.loader-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--Size-4, 16px);\n}\n\n.lottie-animation {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 300px;\n  height: 300px;\n}\n\n.lottie-animation lottie-player {\n  display: block;\n  width: 300px !important;\n  height: 300px !important;\n}\n\n.loader-text {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--Size-2, 8px);\n  text-align: center;\n}\n\n.loader-title {\n  margin: 0;\n  font-size: var(--font-size-m, 14px);\n  font-weight: var(--font-weight-bold, 700);\n  color: var(--Gray-Gray-700, #32394d);\n}\n\n.loader-message {\n  margin: 0;\n  font-size: var(--font-size-s, 12px);\n  font-weight: var(--font-weight-regular, 400);\n  color: var(--Gray-Gray-500, #69738c);\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * @component dropi-lottie-loader\n * Full-screen or inline loading overlay with a Lottie animation.\n */\n@Component({\n  tag: 'dropi-lottie-loader',\n  styleUrl: 'dropi-lottie-loader.css',\n  shadow: true,\n})\nexport class DropiLottieLoader {\n  /** Show or hide the loader */\n  @Prop() visible: boolean = true;\n  /** Path to the Lottie JSON animation file */\n  @Prop() loadingAnimation: string = '/assets/lottie-files/loading.json';\n  /** Title shown below the animation */\n  @Prop() title: string = 'Cargando...';\n  /** Descriptive message below the title */\n  @Prop() message: string = 'Por favor, espere un momento';\n\n  render() {\n    if (!this.visible) return null;\n\n    return (\n      <div class=\"loader-overlay\">\n        <div class=\"loader-container\">\n          <div class=\"lottie-animation\">\n            <lottie-player\n              src={this.loadingAnimation}\n              background=\"transparent\"\n              speed=\"1\"\n              style={{ width: '300px', height: '300px' }}\n              loop\n              autoplay\n            />\n          </div>\n          {(this.title || this.message) && (\n            <div class=\"loader-text\">\n              {this.title && <h3 class=\"loader-title\">{this.title}</h3>}\n              {this.message && <p class=\"loader-message\">{this.message}</p>}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-media-player.entry.js.map

@@ -1 +0,0 @@
-{"file":"dropi-media-player.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-media-player/dropi-media-player.css?tag=dropi-media-player&encapsulation=shadow","src/components/dropi-media-player/dropi-media-player.tsx"],"sourcesContent":[":host { \n  display: block; \n  width: 100%; \n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.dropi-media-player {\n  position: relative;\n  width: 100%;\n  max-width: 335px;\n  height: auto;\n  aspect-ratio: 335 / 567;\n  background-color: var(--Neutral-Black);\n  border-radius: var(--Border-2, 8px);\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n\n/* ── Formatos ────────────────────────────────────────────────── */\n.dropi-media-player--mobile-vertical {\n  max-width: 335px;\n  aspect-ratio: 335 / 567;\n}\n\n.dropi-media-player--mobile-compact {\n  max-width: 335px;\n  aspect-ratio: 335 / 337;\n}\n\n.dropi-media-player--desktop {\n  max-width: 587px;\n  aspect-ratio: 587 / 567;\n}\n\n.dropi-media-player__video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n/* Botón play/pause central */\n.dropi-media-player__center-play {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: 400px;\n  background-color: rgba(14, 17, 26, 0.6);\n  backdrop-filter: blur(2px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: opacity 0.3s ease;\n  pointer-events: auto;\n}\n\n.dropi-media-player__center-play--hidden {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/* Barra inferior de controles */\n.dropi-media-player__controls-bar {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 72px;\n  padding: 24px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 10px;\n  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);\n  transition: opacity 0.3s ease;\n  box-sizing: border-box;\n}\n\n.dropi-media-player__controls-bar--hidden {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.dropi-media-player__timestamp {\n  font-family: 'Inter', sans-serif;\n  font-size: var(--font-size-xs, 12px);\n  font-weight: var(--font-weight-medium, 500);\n  color: var(--Neutral-White);\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n/* Barra de progreso */\n.dropi-media-player__progress {\n  flex: 1;\n  padding: 6px 0;\n  cursor: pointer;\n  position: relative;\n}\n\n.dropi-media-player__progress-track {\n  position: relative;\n  width: 100%;\n  height: 5px;\n  border-radius: var(--Border-2, 8px);\n  background-color: var(--Gray-Gray-700, #32394d);\n}\n\n.dropi-media-player__progress-fill {\n  height: 100%;\n  background-color: var(--Neutral-White);\n  border-radius: var(--Border-2, 8px);\n  will-change: width;\n}\n\n.dropi-media-player__progress-thumb {\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background-color: var(--Neutral-White);\n  pointer-events: none;\n  will-change: left;\n}\n\n/* Grupo de botones de la derecha */\n.dropi-media-player__actions {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-shrink: 0;\n}\n\n.dropi-media-player__btn {\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--Neutral-White);\n  transition: opacity 0.15s ease;\n}\n.dropi-media-player__btn:hover {\n  opacity: 0.8;\n}\n\n.dropi-media-player__btn--speed {\n  font-family: 'Inter', sans-serif;\n  font-size: var(--font-size-sm, 14px);\n  font-weight: var(--font-weight-medium, 500);\n  color: var(--Neutral-White);\n  min-width: 20px;\n}\n\n/* Control de velocidad */\n.dropi-media-player__speed-control {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.dropi-media-player__speed-menu {\n  position: absolute;\n  bottom: calc(100% + 8px);\n  left: 50%;\n  transform: translateX(-50%);\n  background: var(--Gray-Gray-800, #1f2433);\n  border-radius: var(--Border-2, 8px);\n  padding: 6px 0;\n  min-width: 44px;\n  display: flex;\n  flex-direction: column;\n  z-index: 20;\n}\n\n.dropi-media-player__speed-option {\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  border: none;\n  padding: 6px 10px;\n  font-family: 'Inter', sans-serif;\n  font-size: var(--font-size-s);\n  font-weight: var(--font-weight-medium);\n  color: var(--Neutral-White);\n  cursor: pointer;\n  text-align: center;\n  white-space: nowrap;\n  transition: opacity 0.15s ease;\n}\n.dropi-media-player__speed-option--active {\n  color: var(--Primary-Primary-500, #f49a3d);\n}\n.dropi-media-player__speed-option:hover {\n  opacity: 0.8;\n}\n\n/* Control de volumen */\n.dropi-media-player__volume-control {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.dropi-media-player__volume-popup {\n  position: absolute;\n  bottom: calc(100% + 8px);\n  left: 50%;\n  transform: translateX(-50%);\n  width: 32px;\n  height: 108px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--Gray-Gray-800, #1f2433);\n  border-radius: var(--Border-2, 8px);\n  overflow: visible;\n  z-index: 20;\n}\n\n.dropi-media-player__volume-slider {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 97px;\n  height: 8px;\n  transform: rotate(-90deg);\n  border-radius: 4px;\n  cursor: pointer;\n  outline: none;\n  flex-shrink: 0;\n}\n\n.dropi-media-player__volume-slider::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: var(--Neutral-White);\n  cursor: pointer;\n}\n\n.dropi-media-player__volume-slider::-moz-range-thumb {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: var(--Neutral-White);\n  border: none;\n  cursor: pointer;\n}\n\n.dropi-media-player__volume-slider::-webkit-slider-runnable-track {\n  border-radius: 4px;\n}\n\n.dropi-media-player__volume-slider::-moz-range-track {\n  height: 8px;\n  background: var(--Gray-Gray-700, #32394d);\n  border-radius: 4px;\n}\n\n/* Blur background (oculto por defecto, visible en fullscreen) */\n.dropi-media-player__blur-bg {\n  display: none;\n  position: absolute;\n  inset: 0;\n  background-size: cover;\n  background-position: center;\n  filter: blur(21px);\n  transform: scale(1.15);\n  z-index: 0;\n}\n\n.dropi-media-player__blur-overlay {\n  display: none;\n  position: absolute;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.7);\n  z-index: 0;\n}\n\n/* Fullscreen mode */\n.dropi-media-player.is-fullscreen,\n.dropi-media-player:fullscreen {\n  max-width: none;\n  aspect-ratio: auto;\n  width: 100vw;\n  height: 100vh;\n  border-radius: 0;\n}\n\n.dropi-media-player.is-fullscreen .dropi-media-player__blur-bg,\n.dropi-media-player:fullscreen .dropi-media-player__blur-bg,\n.dropi-media-player.is-fullscreen .dropi-media-player__blur-overlay,\n.dropi-media-player:fullscreen .dropi-media-player__blur-overlay {\n  display: block;\n}\n\n.dropi-media-player.is-fullscreen .dropi-media-player__video,\n.dropi-media-player:fullscreen .dropi-media-player__video {\n  object-fit: contain;\n  position: relative;\n  z-index: 1;\n}\n\n.dropi-media-player.is-fullscreen .dropi-media-player__center-play,\n.dropi-media-player:fullscreen .dropi-media-player__center-play,\n.dropi-media-player.is-fullscreen .dropi-media-player__controls-bar,\n.dropi-media-player:fullscreen .dropi-media-player__controls-bar {\n  z-index: 2;\n}\n","import { Component, Prop, State, Event, EventEmitter, Element, h, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'dropi-media-player',\n  styleUrl: 'dropi-media-player.css',\n  shadow: true,\n})\nexport class DropiMediaPlayer {\n  @Element() el!: HTMLElement;\n  @Prop() src: string = '';\n  @Prop() mediaType: 'audio' | 'video' = 'video';\n  @Prop() poster: string = '';\n  @Prop() autoplay: boolean = false;\n  @Prop() loop: boolean = false;\n  @Prop() initialVolume: number = 1;\n  /** Format defines aspect ratio scales like Angular original */\n  @Prop() format: 'mobile-vertical' | 'mobile-compact' | 'desktop' = 'mobile-vertical';\n\n  @State() private playing: boolean = false;\n  @State() private currentTimeStr: string = '00:00';\n  @State() private durationStr: string = '00:00';\n  @State() private duration: number = 0;\n  @State() private volume: number = 1;\n  @State() private muted: boolean = false;\n  @State() private showControls: boolean = true;\n  @State() private isFullscreen: boolean = false;\n  @State() private progress: number = 0;\n  @State() private speed: number = 1;\n\n  @State() private showSpeedMenu: boolean = false;\n  @State() private showVolumeSlider: boolean = false;\n\n  private mediaEl!: HTMLVideoElement | HTMLAudioElement;\n  private controlsTimeout: ReturnType<typeof setTimeout>;\n  private speeds = [1, 2, 3];\n\n  @Event() dropiPlay: EventEmitter<boolean>;\n  @Event() dropiEnded: EventEmitter<void>;\n\n  componentDidLoad() {\n    if (this.mediaEl) {\n      const vol = this.initialVolume ?? 1;\n      if (isFinite(vol)) {\n        this.mediaEl.volume = vol;\n        this.muted = vol === 0;\n        this.volume = vol;\n      }\n    }\n    document.addEventListener('fullscreenchange', this.handleFullscreenChange);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('fullscreenchange', this.handleFullscreenChange);\n    clearTimeout(this.controlsTimeout);\n  }\n\n  private handleFullscreenChange = () => {\n    this.isFullscreen = !!document.fullscreenElement;\n  };\n\n  private togglePlay() {\n    if (!this.mediaEl) return;\n    if (this.playing) {\n      this.mediaEl.pause();\n    } else {\n      const promise = this.mediaEl.play();\n      if (promise !== undefined) {\n        promise.catch((e) => { console.warn('Play error:', e); this.playing = false; });\n      }\n    }\n  }\n\n  private handleTimeUpdate() {\n    if (!this.duration) return;\n    this.progress = (this.mediaEl.currentTime / this.duration) * 100;\n    this.currentTimeStr = this.formatTime(this.mediaEl.currentTime);\n  }\n\n  private handleLoadedMetadata() {\n    this.duration = this.mediaEl.duration;\n    this.durationStr = this.formatTime(this.duration);\n  }\n\n  private handleSeek(e: MouseEvent) {\n    if (!this.duration) return;\n    const bar = e.currentTarget as HTMLElement;\n    const rect = bar.getBoundingClientRect();\n    const pos = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));\n    this.mediaEl.currentTime = pos * this.duration;\n  }\n\n  private handleVolume(e: Event) {\n    const val = parseFloat((e.target as HTMLInputElement).value);\n    this.mediaEl.volume = val;\n    this.volume = val;\n    this.muted = val === 0;\n    this.mediaEl.muted = this.muted;\n  }\n\n  private toggleSpeedMenu() {\n    this.showSpeedMenu = !this.showSpeedMenu;\n    this.showVolumeSlider = false;\n  }\n\n  private selectSpeed(s: number) {\n    this.speed = s;\n    if (this.mediaEl) this.mediaEl.playbackRate = s;\n    this.showSpeedMenu = false;\n  }\n\n  private toggleVolume() {\n    this.showVolumeSlider = !this.showVolumeSlider;\n    this.showSpeedMenu = false;\n  }\n\n  private toggleFullscreen() {\n    if (!this.isFullscreen) {\n      this.el.shadowRoot.host.requestFullscreen?.();\n    } else {\n      document.exitFullscreen?.();\n    }\n  }\n\n  private onMouseMove() {\n    this.showControls = true;\n    if (this.playing) this.startHideControlsTimer();\n  }\n\n  private onMouseLeave() {\n    if (this.playing) {\n      this.showControls = false;\n      this.showVolumeSlider = false;\n      this.showSpeedMenu = false;\n    }\n  }\n\n  private startHideControlsTimer() {\n    clearTimeout(this.controlsTimeout);\n    this.controlsTimeout = setTimeout(() => {\n      if (this.playing) {\n        this.showControls = false;\n        this.showVolumeSlider = false;\n        this.showSpeedMenu = false;\n      }\n    }, 5000);\n  }\n\n  @Listen('click', { target: 'document' })\n  handleDocClick(e: MouseEvent) {\n    if (!this.el.contains(e.target as Node)) {\n      this.showVolumeSlider = false;\n      this.showSpeedMenu = false;\n    }\n  }\n\n  private formatTime(secs: number): string {\n    if (isNaN(secs)) return '00:00';\n    const m = Math.floor(secs / 60);\n    const s = Math.floor(secs % 60);\n    return `${m.toString().padStart(2, '0')}:${s.toString().padStart(2, '0')}`;\n  }\n\n  get playButtonSize(): number {\n    if (this.format === 'desktop') return 80;\n    if (this.format === 'mobile-compact') return 40;\n    return 60;\n  }\n  get playIconSize(): number {\n    if (this.format === 'desktop') return 32;\n    if (this.format === 'mobile-compact') return 17;\n    return 26;\n  }\n  get volumeIcon(): string {\n    return (this.muted || this.volume === 0) ? 'Volumen-silent' : 'Volumen';\n  }\n  get volumeGradient(): string {\n    const pct = (this.muted ? 0 : this.volume) * 100;\n    return `linear-gradient(to right, #ffffff ${pct}%, #32394d ${pct}%)`;\n  }\n\n  render() {\n    if (this.mediaType === 'audio') {\n      return (\n         <audio\n          src={this.src}\n          autoplay={this.autoplay}\n          loop={this.loop}\n          controls\n          style={{ width: '100%' }}\n        />\n      );\n    }\n\n    return (\n      <div \n        class={{\n          'dropi-media-player': true,\n          [`dropi-media-player--${this.format}`]: true,\n          'is-fullscreen': this.isFullscreen\n        }}\n        onMouseMove={() => this.onMouseMove()}\n        onMouseLeave={() => this.onMouseLeave()}\n      >\n        {/* Fullscreen blur */}\n        <div class=\"dropi-media-player__blur-bg\" style={{ backgroundImage: `url(${this.poster})` }}></div>\n        <div class=\"dropi-media-player__blur-overlay\"></div>\n\n        <video\n          class=\"dropi-media-player__video\"\n          ref={(el) => this.mediaEl = el as HTMLVideoElement}\n          src={this.src}\n          poster={this.poster}\n          onClick={() => this.togglePlay()}\n          onPlay={() => { this.playing = true; this.startHideControlsTimer(); this.dropiPlay.emit(true); }}\n          onPause={() => { this.playing = false; this.showControls = true; clearTimeout(this.controlsTimeout); this.dropiPlay.emit(false); }}\n          onEnded={() => { this.playing = false; this.showControls = true; this.dropiEnded.emit(); }}\n          onTimeUpdate={() => this.handleTimeUpdate()}\n          onLoadedMetaData={() => this.handleLoadedMetadata()}\n        ></video>\n\n        {/* Center Play Button */}\n        <div \n          class={{\n            'dropi-media-player__center-play': true,\n            'dropi-media-player__center-play--hidden': this.playing && !this.showControls\n          }}\n          style={{ width: `${this.playButtonSize}px`, height: `${this.playButtonSize}px` }}\n          onClick={(e) => { e.stopPropagation(); this.togglePlay(); }}\n        >\n          {this.playing ? (\n            <svg width={`${this.playIconSize}px`} height={`${this.playIconSize}px`} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style={{color: '#ffffff'}}>\n              <rect x=\"6.5\" y=\"4\" width=\"3.5\" height=\"16\" rx=\"1.75\" />\n              <rect x=\"14\" y=\"4\" width=\"3.5\" height=\"16\" rx=\"1.75\" />\n            </svg>\n          ) : (\n            <dropi-icon name=\"Play\" color=\"Neutral-White\" width={`${this.playIconSize}px`} height={`${this.playIconSize}px`} />\n          )}\n        </div>\n\n        {/* Controls Bar */}\n        <div \n          class={{\n            'dropi-media-player__controls-bar': true,\n            'dropi-media-player__controls-bar--hidden': !this.showControls\n          }}\n          onClick={(e) => e.stopPropagation()}\n        >\n          <span class=\"dropi-media-player__timestamp\">{this.currentTimeStr} / {this.durationStr}</span>\n\n          {/* Progress Bar */}\n          <div class=\"dropi-media-player__progress\" onClick={(e) => { e.stopPropagation(); this.handleSeek(e); }}>\n            <div class=\"dropi-media-player__progress-track\">\n              <div class=\"dropi-media-player__progress-fill\" style={{ width: `${this.progress}%` }}></div>\n              <div class=\"dropi-media-player__progress-thumb\" style={{ left: `${this.progress}%` }}></div>\n            </div>\n          </div>\n\n          {/* Actions Right */}\n          <div class=\"dropi-media-player__actions\">\n            \n            {/* Speed Control */}\n            <div class=\"dropi-media-player__speed-control\" onClick={(e) => e.stopPropagation()}>\n              {this.showSpeedMenu && (\n                <div class=\"dropi-media-player__speed-menu\">\n                  {this.speeds.map(s => (\n                    <button\n                      type=\"button\"\n                      class={{ 'dropi-media-player__speed-option': true, 'dropi-media-player__speed-option--active': this.speed === s }}\n                      onClick={(e) => { e.stopPropagation(); this.selectSpeed(s); }}\n                    >\n                      x{s}\n                    </button>\n                  ))}\n                </div>\n              )}\n              <button class=\"dropi-media-player__btn dropi-media-player__btn--speed\" onClick={(e) => { e.stopPropagation(); this.toggleSpeedMenu(); }} type=\"button\">\n                x{this.speed}\n              </button>\n            </div>\n\n            {/* Fullscreen */}\n            <button class=\"dropi-media-player__btn\" onClick={(e) => { e.stopPropagation(); this.toggleFullscreen(); }} type=\"button\">\n              <dropi-icon name={this.isFullscreen ? 'Compress' : 'Expand'} color=\"Neutral-White\" width=\"20px\" height=\"20px\" />\n            </button>\n\n            {/* Volume Control */}\n            <div class=\"dropi-media-player__volume-control\" onClick={(e) => e.stopPropagation()}>\n              {this.showVolumeSlider && (\n                <div class=\"dropi-media-player__volume-popup\">\n                  <input \n                    type=\"range\"\n                    class=\"dropi-media-player__volume-slider\"\n                    min=\"0\" max=\"1\" step=\"0.01\"\n                    value={this.muted ? 0 : this.volume}\n                    style={{ background: this.volumeGradient }}\n                    onInput={(e) => this.handleVolume(e)}\n                  />\n                </div>\n              )}\n              <button class=\"dropi-media-player__btn\" onClick={(e) => { e.stopPropagation(); this.toggleVolume(); }} type=\"button\">\n                <dropi-icon name={this.volumeIcon} color=\"Neutral-White\" width=\"20px\" height=\"20px\" />\n              </button>\n            </div>\n\n          </div>\n        </div>\n\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-modal.entry.js.map

@@ -1 +0,0 @@
-{"file":"dropi-modal.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-modal/dropi-modal.css?tag=dropi-modal&encapsulation=shadow","src/components/dropi-modal/dropi-modal.tsx"],"sourcesContent":[":host { display: contents; }\n*, *::before, *::after { box-sizing: border-box; }\n\n.modal-root {\n  position: fixed; inset: 0;\n  display: flex; align-items: center; justify-content: center;\n  pointer-events: none; opacity: 0;\n  transition: opacity 0.18s ease; z-index: 1100;\n}\n.modal-root--open { opacity: 1; pointer-events: auto; }\n.modal-root--closing { opacity: 1; pointer-events: none; }\n\n.modal-mask {\n  position: absolute; inset: 0;\n  background: rgba(6,11,16,0.66); pointer-events: auto;\n  opacity: 0; transition: opacity 0.18s ease;\n}\n.modal-root--open .modal-mask { opacity: 1; }\n.modal-root--closing .modal-mask { opacity: 0; }\n\n.modal-panel {\n  position: relative; pointer-events: auto;\n  display: flex; flex-direction: column;\n  border-radius: var(--Border-2, 8px);\n  background: var(--Neutral-White, #ffffff);\n  box-shadow: 0 0 60px rgba(0,0,0,0.06);\n  overflow: hidden;\n  padding: var(--Size-6, 32px); gap: var(--Size-5, 24px);\n  max-height: calc(100vh - 60px);\n  opacity: 0; transform: translateY(16px) scale(0.92);\n  transition: opacity 0.18s ease, transform 0.18s ease;\n}\n.modal-root--open .modal-panel { opacity: 1; transform: none; }\n.modal-root--closing .modal-panel { opacity: 0; transform: translateY(-12px) scale(1.06); }\n\n.modal-header { display: flex; align-items: center; gap: 4px; }\n.modal-title { color: var(--Gray-Gray-700,#32394d); font-size: var(--Size-5, 24px); font-weight: var(--font-weight-bold); flex: 1; text-align: left; }\n.modal-close { margin-left: auto; border: 0; background: transparent; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: var(--font-size-xxl); line-height: 1; color: var(--Gray-Gray-400); }\n.modal-close:hover { opacity: 0.7; }\n\n.modal-content {\n  padding-right: 8px; overflow: auto; flex: 1;\n  display: flex; flex-direction: column;\n  scrollbar-width: thin; scrollbar-color: var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa);\n}\n.modal-content::-webkit-scrollbar { width: 4px; }\n.modal-content::-webkit-scrollbar-track { background: var(--Gray-Gray-50,#f7f8fa); border-radius: 16px; }\n.modal-content::-webkit-scrollbar-thumb { background: var(--Gray-Gray-300,#a3abbf); border-radius: 16px; }\n\n.modal-footer { \n  display: flex; \n  justify-content: flex-end; \n  align-items: flex-start; \n  gap: var(--Size-1, 4px); \n  width: 100%;\n}\n.modal-footer:empty { display: none; }\n\n/* button-container: grid 2 columnas igual que en Angular host p-dialog-footer */\n::slotted(.button-container) {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: var(--Size-4, 16px);\n  min-width: 470px;\n  width: 100%;\n}\n::slotted(.button-container) > * {\n  width: 100%;\n}\n::slotted(.button-container) dropi-button {\n  width: 100%;\n}\n\n.modal-panel.size-m .modal-footer,\n.modal-panel.size-s .modal-footer { \n  justify-content: center; \n}\n\n.modal-panel.size-m .modal-footer ::slotted(.button-container),\n.modal-panel.size-s .modal-footer ::slotted(.button-container) { \n  min-width: unset !important;\n  width: 100%;\n}\n\n.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container) { \n  min-width: unset; \n  display: flex; \n  flex-direction: column-reverse; \n  gap: var(--Size-4, 16px);\n}\n\n.modal-panel.size-full { width: 100%; height: 100vh; max-height: 100vh; border-radius: 0; }\n.modal-panel.size-xxl { width: calc(100% - 60px); max-width: 1520px; height: calc(100vh - 120px); max-height: 900px; }\n.modal-panel.size-l { width: 1137px; max-width: 1137px; max-height: 754px; }\n.modal-panel.size-m { max-width: 550px; width: 550px; }\n.modal-panel.size-s { width: 454px; }\n\n.modal-root--right { align-items: stretch; justify-content: flex-end; }\n.modal-root--right .modal-panel { height: 100vh; max-height: 100vh; border-radius: 0; gap: 0; opacity: 1; transform: translateX(100%); transition: transform 0.32s cubic-bezier(0.4,0,0.2,1); }\n.modal-root--open.modal-root--right .modal-panel { transform: translateX(0); }\n.modal-root--closing.modal-root--right .modal-panel { transform: translateX(100%); }\n.modal-root--right .modal-panel.size-drawer-s { width: 351px; padding: 20px; box-shadow: 0 8px 40px rgba(0,0,0,0.16); }\n.modal-root--right .modal-panel.size-drawer-m { width: 550px; box-shadow: 0 8px 40px rgba(0,0,0,0.16); }\n.modal-root--right .modal-panel.size-drawer-l { width: 1137px; box-shadow: 0 8px 40px rgba(0,0,0,0.16); }\n.modal-root--right .modal-panel.size-drawer-xxl { width: 1214px; box-shadow: 0 8px 40px rgba(0,0,0,0.16); }\n.modal-root--right .modal-panel.size-sidebar-half { width: 50vw; min-width: 600px; box-shadow: 0 8px 40px rgba(0,0,0,0.16); }\n\n@media (max-width: 768px) {\n  .modal-root--right .modal-panel.size-drawer-s,\n  .modal-root--right .modal-panel.size-drawer-m,\n  .modal-root--right .modal-panel.size-drawer-l,\n  .modal-root--right .modal-panel.size-drawer-xxl,\n  .modal-root--right .modal-panel.size-sidebar-half { width: 100vw; min-width: unset; }\n}\n\n.modal-root--left { align-items: stretch; justify-content: flex-start; }\n.modal-root--left .modal-panel { height: 100vh; max-height: 100vh; border-radius: 0; gap: 0; opacity: 1; transform: translateX(-100%); transition: transform 0.32s cubic-bezier(0.4,0,0.2,1); }\n.modal-root--open.modal-root--left .modal-panel { transform: translateX(0); }\n.modal-root--closing.modal-root--left .modal-panel { transform: translateX(-100%); }\n\n.modal-root--top { align-items: flex-start; }\n.modal-root--bottom { align-items: flex-end; }\n\n@media (max-width: 599px) {\n  .modal-panel { padding: 20px; width: 100% !important; }\n  .modal-panel:not(.size-s) { border-radius: 0 !important; height: 100% !important; max-height: unset !important; }\n  .modal-root--right .modal-panel { width: 100vw !important; min-width: unset !important; }\n  \n  .modal-footer { justify-content: center; }\n  .modal-footer ::slotted(.button-container) { \n    width: 100%;\n    min-width: unset !important;\n    display: flex;\n    flex-direction: column-reverse;\n    gap: var(--Size-4, 16px);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .modal-root, .modal-mask, .modal-panel { transition: none !important; }\n}\n","import { Component, Prop, Event, EventEmitter, State, Watch, Method, h, Build } from '@stencil/core';\n\nexport type ModalPosition = 'center' | 'right' | 'left' | 'top' | 'bottom';\nexport type ModalSize = 'full' | 'xxl' | 'l' | 'm' | 's' | 'drawer-s' | 'drawer-m' | 'drawer-l' | 'drawer-xxl' | 'sidebar-half';\n\n/**\n * @component dropi-modal\n * Modal/dialog with backdrop, close button, and header/content/footer slots.\n * Slots: (default) body, \"header\" custom header, \"footer\" actions.\n */\n@Component({\n  tag: 'dropi-modal',\n  styleUrl: 'dropi-modal.css',\n  shadow: true,\n})\nexport class DropiModal {\n  @Prop({ mutable: true, reflect: true }) visible: any = false;\n  @Prop() header: string | null = null;\n  @Prop() showCloseIcon: boolean = true;\n  @Prop() dismissable: boolean = true;\n  @Prop() dismissableMask: boolean = true;\n  @Prop() dismissible: boolean = true;\n  @Prop() closeOnEscape: boolean = true;\n  @Prop() modal: boolean = true;\n  @Prop() closable: boolean = true;\n  @Prop() blockScroll: boolean = true;\n  @Prop() showHeader: boolean = true;\n  @Prop() showFooter: boolean = true;\n  @Prop() position: ModalPosition = 'center';\n  @Prop() size: ModalSize = 'm';\n  @Prop() styleClass: string | null = null;\n  @Prop() maxWidth: string | null = null;\n  /** Auto-manage z-index stack (matches Angular `autoZIndex`) */\n  @Prop() autoZIndex: boolean = true;\n  /** Base z-index value when autoZIndex is false (matches Angular `baseZIndex`) */\n  @Prop() baseZIndex: number = 1100;\n  /** CSS transition duration, e.g. '0.15s' (matches Angular `transitionOptions`) */\n  @Prop() transitionOptions: string = '0.15s';\n  /** Enable a before-close hook (matches Angular `enableBeforeClose`) */\n  @Prop() enableBeforeClose: boolean = false;\n  /** No-op — kept for API parity with Angular (matches Angular `draggable`) */\n  @Prop() draggable: boolean = false;\n  /** No-op — kept for API parity with Angular (matches Angular `resizable`) */\n  @Prop() resizable: boolean = false;\n\n  @Event({ composed: false }) onShow: EventEmitter<void>;\n  @Event({ composed: false }) onHide: EventEmitter<void>;\n  @Event({ composed: false }) visibleChange: EventEmitter<boolean>;\n\n  @State() private isOpen: boolean = false;\n  @State() private isClosing: boolean = false;\n  @State() private mounted: boolean = false;\n\n  private closeTimer: any = null;\n  private keyHandler: ((e: KeyboardEvent) => void) | null = null;\n\n  @Watch('visible')\n  visibleChanged(val: any, oldVal: any) {\n    const isVisible = val === true || String(val) === 'true';\n    const wasVisible = oldVal === true || String(oldVal) === 'true';\n    if (isVisible === wasVisible) return;\n    \n    console.log('[DropiModal] visibleChanged:', isVisible);\n    isVisible ? this.openModal() : (this.mounted && this.startClose());\n  }\n\n  componentDidLoad() {\n    const isVisible = this.visible === true || String(this.visible) === 'true';\n    if (isVisible) this.openModal();\n  }\n\n  disconnectedCallback() {\n    this.removeKeyHandler();\n    if (this.closeTimer) clearTimeout(this.closeTimer);\n    if (typeof document !== 'undefined') {\n      document.body.classList.remove('dropi-modal-open');\n    }\n  }\n\n  @Method() async hide() {\n    this.visible = false;\n    this.visibleChange.emit(false);\n    this.startClose();\n  }\n\n  @Method() async show() {\n    this.visible = true;\n    this.visibleChange.emit(true);\n    this.openModal();\n  }\n\n  private openModal() {\n    if (this.closeTimer) { clearTimeout(this.closeTimer); this.closeTimer = null; }\n    this.mounted = true;\n    this.isClosing = false;\n    this.isOpen = false;\n    requestAnimationFrame(() => requestAnimationFrame(() => {\n      this.isOpen = true;\n      this.onShow.emit();\n    }));\n    this.addKeyHandler();\n    if ((this.modal ?? true) && Build.isBrowser && document.body) {\n      document.body.classList.add('dropi-modal-open');\n    }\n  }\n\n  private startClose() {\n    if (this.isClosing) return;\n    this.isClosing = true;\n    this.isOpen = false;\n    this.removeKeyHandler();\n    if (this.closeTimer) clearTimeout(this.closeTimer);\n    this.closeTimer = setTimeout(() => {\n      this.mounted = false;\n      this.isClosing = false;\n      this.closeTimer = null;\n      if ((this.modal ?? true) && Build.isBrowser && document.body) {\n        document.body.classList.remove('dropi-modal-open');\n      }\n      this.onHide.emit();\n    }, 200);\n  }\n\n  private addKeyHandler() {\n    if (!this.closeOnEscape) return;\n    this.keyHandler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && this.visible && this.dismissable) this.hide();\n    };\n    document.addEventListener('keydown', this.keyHandler);\n  }\n\n  private removeKeyHandler() {\n    if (this.keyHandler) { document.removeEventListener('keydown', this.keyHandler); this.keyHandler = null; }\n  }\n\n  render() {\n    return (\n      <div \n        class={`modal-root modal-root--${this.position}${this.isOpen ? ' modal-root--open' : ''}${this.isClosing ? ' modal-root--closing' : ''}`}\n        style={{ display: this.mounted || this.isClosing ? 'flex' : 'none' }}\n      >\n        {(this.modal ?? true) && <div class=\"modal-mask\" onClick={() => this.dismissable && this.hide()} />}\n        <div class={`modal-panel size-${this.size || 'm'}`} role=\"dialog\" aria-modal=\"true\">\n          {this.showHeader && (\n            <div class=\"modal-header\">\n              {this.header && <span class=\"modal-title\">{this.header}</span>}\n              <slot name=\"header\"></slot>\n              {this.showCloseIcon && (\n                <button class=\"modal-close\" onClick={() => this.hide()} aria-label=\"Cerrar\">\n                  &times;\n                </button>\n              )}\n            </div>\n          )}\n          <div class=\"modal-content\"><slot /></div>\n          {this.showFooter && <div class=\"modal-footer\"><slot name=\"footer\" /></div>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-navbar.entry.js.map

@@ -1 +0,0 @@
-{"file":"dropi-navbar.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-navbar/dropi-navbar.css?tag=dropi-navbar&encapsulation=shadow","src/components/dropi-navbar/dropi-navbar.tsx"],"sourcesContent":[":host { display: block; width: 100%; }\n*, *::before, *::after { box-sizing: border-box; }\n\n.navbar {\n  display: flex;\n  align-items: center;\n  height: 56px;\n  padding: 0 var(--Size-4, 16px);\n  background: var(--Neutral-White, #ffffff);\n  border-bottom: 1px solid var(--Gray-Gray-100, #eceef4);\n  gap: var(--Size-4, 16px);\n  position: relative;\n}\n\n/* Left */\n.navbar__left {\n  display: flex;\n  align-items: center;\n  gap: var(--Size-2, 8px);\n  flex-shrink: 0;\n}\n\n.navbar__menu-btn {\n  background: none;\n  border: none;\n  padding: 6px;\n  cursor: pointer;\n  border-radius: var(--Border-1, 4px);\n  display: flex;\n  align-items: center;\n  transition: background 0.15s;\n}\n.navbar__menu-btn:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n\n.navbar__logo {\n  height: 28px;\n  object-fit: contain;\n}\n\n/* Center nav items */\n.navbar__items {\n  flex: 1;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  gap: var(--Size-1, 4px);\n}\n\n.navbar__item {\n  display: flex;\n  align-items: center;\n  gap: var(--Size-1, 4px);\n  padding: 6px var(--Size-3, 12px);\n  background: none;\n  border: none;\n  border-radius: var(--Border-1, 4px);\n  font-size: var(--font-size-s, 12px);\n  font-family: inherit;\n  color: var(--Gray-Gray-600, #475066);\n  cursor: pointer;\n  transition: background 0.15s, color 0.15s;\n  white-space: nowrap;\n}\n.navbar__item:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n.navbar__item--active {\n  background: var(--Primary-Primary-50, #fff5eb);\n  color: var(--Primary-Primary-500, #f49a3d);\n  font-weight: var(--font-weight-bold, 700);\n}\n\n.navbar__badge {\n  background: var(--Error-Error-500, #f46a6b);\n  color: var(--Neutral-White, #ffffff);\n  font-size: var(--font-size-xxs);\n  font-weight: var(--font-weight-bold);\n  min-width: 16px;\n  height: 16px;\n  border-radius: 100px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 4px;\n}\n\n/* Right */\n.navbar__right {\n  display: flex;\n  align-items: center;\n  gap: var(--Size-2, 8px);\n  flex-shrink: 0;\n}\n\n.navbar__icon-btn {\n  position: relative;\n  background: none;\n  border: none;\n  padding: 6px;\n  cursor: pointer;\n  border-radius: var(--Border-1, 4px);\n  display: flex;\n  align-items: center;\n  transition: background 0.15s;\n}\n.navbar__icon-btn:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n\n.navbar__notif-badge {\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  background: var(--Error-Error-500, #f46a6b);\n  color: var(--Neutral-White, #ffffff);\n  font-size: 9px;\n  font-weight: var(--font-weight-bold);\n  min-width: 14px;\n  height: 14px;\n  border-radius: 100px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 3px;\n}\n\n.navbar__user-btn {\n  display: flex;\n  align-items: center;\n  gap: var(--Size-1, 4px);\n  background: none;\n  border: none;\n  padding: 4px 8px;\n  border-radius: var(--Border-1, 4px);\n  cursor: pointer;\n  transition: background 0.15s;\n  font-family: inherit;\n}\n.navbar__user-btn:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n\n.navbar__avatar {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  object-fit: cover;\n}\n\n.navbar__avatar-placeholder {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  background: var(--Primary-Primary-500, #f49a3d);\n  color: var(--Neutral-White, #ffffff);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--font-size-xs, 10px);\n  font-weight: var(--font-weight-bold, 700);\n}\n\n.navbar__user-name {\n  font-size: var(--font-size-s, 12px);\n  color: var(--Gray-Gray-700, #32394d);\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\nexport interface NavItem {\n  id: string;\n  label: string;\n  icon?: string;\n  badge?: string | number;\n  href?: string;\n}\n\n/**\n * @component dropi-navbar\n * Top navigation bar with logo, nav items, notification bell, and user avatar.\n */\n@Component({\n  tag: 'dropi-navbar',\n  styleUrl: 'dropi-navbar.css',\n  shadow: true,\n})\nexport class DropiNavbar {\n  /** Logo URL */\n  @Prop() logoUrl: string = '';\n  /** Logo alt */\n  @Prop() logoAlt: string = 'Logo';\n\n  /** Navigation data (matches Angular `data: DropiTableRow[]`) */\n  @Prop() data: any[] | string = [];\n  /** Title (matches Angular `title`) */\n  @Prop() title: string = '';\n\n  /** Active item ID */\n  @Prop() activeId: string = '';\n  /** User name */\n  @Prop() userName: string = '';\n  /** User avatar URL */\n  @Prop() userAvatar: string = '';\n  /** Notification count (0 = no badge) */\n  @Prop() notifications: number = 0;\n  /** Show menu toggle (mobile) */\n  @Prop() showMenuToggle: boolean = true;\n\n  /** Emitted when a nav item is clicked (matches Angular `clickLoadItem`) */\n  @Event() clickLoadItem: EventEmitter<any>;\n  /** Emitted when notification bell is clicked */\n  @Event() dropiNotificationsClick: EventEmitter<void>;\n  /** Emitted when avatar/user is clicked */\n  @Event() dropiUserClick: EventEmitter<void>;\n  /** Emitted when mobile menu toggle clicked */\n  @Event() dropiMenuToggle: EventEmitter<void>;\n\n  private get parsedData(): any[] {\n    const val = this.data;\n    return typeof val === 'string' ? JSON.parse(val) : (val || []);\n  }\n\n  render() {\n    const items = this.parsedData;\n\n    return (\n      <nav class=\"navbar\">\n        {/* Left: logo + title + menu toggle */}\n        <div class=\"navbar__left\">\n          {this.showMenuToggle && (\n            <button class=\"navbar__menu-btn\" onClick={() => this.dropiMenuToggle.emit()} aria-label=\"Menú\">\n              <dropi-icon name=\"Menu\" width=\"20px\" height=\"20px\" color=\"Gray-Gray-700\" />\n            </button>\n          )}\n          {this.logoUrl && (\n            <img class=\"navbar__logo\" src={this.logoUrl} alt={this.logoAlt} />\n          )}\n          {this.title && <span class=\"navbar__title\">{this.title}</span>}\n        </div>\n\n        {/* Center: nav items */}\n        {items.length > 0 && (\n          <ul class=\"navbar__items\">\n            {items.map(item => (\n              <li>\n                <button\n                  class={{ 'navbar__item': true, 'navbar__item--active': item.id === this.activeId }}\n                  onClick={() => this.clickLoadItem.emit(item)}\n                  type=\"button\"\n                >\n                  {item.icon && <dropi-icon name={item.icon} width=\"16px\" height=\"16px\" color={item.id === this.activeId ? 'Primary-Primary-500' : 'Gray-Gray-600'} />}\n                  <span>{item.name?.value || item.label}</span>\n                  {item.badge != null && String(item.badge) !== '0' && (\n                    <span class=\"navbar__badge\">{item.badge}</span>\n                  )}\n                </button>\n              </li>\n            ))}\n          </ul>\n        )}\n\n        {/* Right: notifications + user */}\n        <div class=\"navbar__right\">\n          <button class=\"navbar__icon-btn\" onClick={() => this.dropiNotificationsClick.emit()} aria-label=\"Notificaciones\">\n            <dropi-icon name=\"Bell\" width=\"20px\" height=\"20px\" color=\"Gray-Gray-600\" />\n            {this.notifications > 0 && (\n              <span class=\"navbar__notif-badge\">{this.notifications > 99 ? '99+' : this.notifications}</span>\n            )}\n          </button>\n\n          <button class=\"navbar__user-btn\" onClick={() => this.dropiUserClick.emit()} type=\"button\">\n            {this.userAvatar\n              ? <img class=\"navbar__avatar\" src={this.userAvatar} alt={this.userName} />\n              : <div class=\"navbar__avatar-placeholder\">\n                  {this.userName ? this.userName[0].toUpperCase() : '?'}\n                </div>\n            }\n            {this.userName && <span class=\"navbar__user-name\">{this.userName}</span>}\n            <dropi-icon name=\"Arrow-Down-2\" width=\"12px\" height=\"12px\" color=\"Gray-Gray-400\" />\n          </button>\n        </div>\n      </nav>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-otp-send-code.entry.js.map

@@ -1 +0,0 @@
-{"file":"dropi-otp-send-code.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-otp-send-code/dropi-otp-send-code.css?tag=dropi-otp-send-code&encapsulation=shadow","src/components/dropi-otp-send-code/dropi-otp-send-code.tsx"],"sourcesContent":[":host { display: block; width: 100%; }\n*, *::before, *::after { box-sizing: border-box; }\n\n.otp { display: flex; flex-direction: column; align-items: center; gap: var(--Size-4, 16px); }\n\n.otp__label {\n  font-size: var(--font-size-s, 12px);\n  color: var(--Gray-Gray-600, #475066);\n  text-align: center;\n  margin: 0;\n}\n\n.otp__inputs {\n  display: flex;\n  gap: var(--Size-4, 16px);\n}\n\n.otp__digit {\n  width: 56px;\n  height: 56px;\n  border: 1.5px solid var(--Gray-Gray-200, #d3d7de);\n  border-radius: var(--Border-2, 8px);\n  text-align: center;\n  font-size: 22px;\n  font-weight: var(--font-weight-bold, 700);\n  font-family: inherit;\n  color: var(--Gray-Gray-800, #1f2433);\n  outline: none;\n  transition: border-color 0.15s ease;\n  background: var(--Neutral-White, #ffffff);\n}\n\n.otp__digit:focus { \n  border: 2px solid var(--Primary-Primary-500, #f49a3d);\n}\n.otp__digit--filled { \n  border: 1px solid var(--Success-Success-500, #0abb87); \n  color: var(--Neutral-Neutral-900, #0e111a); \n}\n.otp__digit--error { \n  border: 1px solid var(--Error-Error-500, #f46a6b);\n}\n\n.otp__error {\n  margin: 0;\n  font-size: var(--font-size-xs, 10px);\n  color: var(--Error-Error-500, #f46a6b);\n  text-align: center;\n}\n\n.otp__resend { text-align: center; }\n\n.otp__countdown {\n  font-size: var(--font-size-xs, 10px);\n  color: var(--Gray-Gray-400, #858ea6);\n}\n\n.otp__resend-btn {\n  background: none;\n  border: none;\n  padding: 0;\n  font-size: var(--font-size-s, 12px);\n  font-weight: var(--font-weight-bold, 700);\n  color: var(--Primary-Primary-500, #f49a3d);\n  cursor: pointer;\n  text-decoration: underline;\n}\n","import { Component, Prop, State, Event, EventEmitter, h } from '@stencil/core';\n\nconst OTP_LENGTH = 6;\nconst RESEND_SECONDS = 30;\n\n/**\n * @component dropi-otp-send-code\n * 6-digit OTP input with countdown timer and resend capability.\n */\n@Component({\n  tag: 'dropi-otp-send-code',\n  styleUrl: 'dropi-otp-send-code.css',\n  shadow: true,\n})\nexport class DropiOtpSendCode {\n  /** Delivery method label */\n  @Prop() engine: 'email' | 'sms' | '2fa' = 'email';\n  /** Contact info (email/phone to show in label) */\n  @Prop() labelContact: string = '';\n  /** Show contact label */\n  @Prop() showLabelContact: boolean = false;\n  /** Error message to display */\n  @Prop() errorMessage: string = '';\n\n  @State() private digits: string[] = Array(OTP_LENGTH).fill('');\n  @State() private digitStates: ('idle' | 'filled' | 'error')[] = Array(OTP_LENGTH).fill('idle');\n  @State() private countdown: number = RESEND_SECONDS;\n  @State() private canResend: boolean = false;\n  @State() private error: boolean = false;\n\n  private inputs: HTMLInputElement[] = [];\n  private timer: any;\n\n  /** Emitted when all 6 digits are entered. e.detail = the complete code string */\n  @Event() codeCompleted: EventEmitter<string>;\n  /** Emitted when resend is requested */\n  @Event() dropiResend: EventEmitter<void>;\n\n  componentDidLoad() { this.startCountdown(); }\n  disconnectedCallback() { clearInterval(this.timer); }\n\n  private startCountdown() {\n    this.countdown = RESEND_SECONDS;\n    this.canResend = false;\n    clearInterval(this.timer);\n    this.timer = setInterval(() => {\n      this.countdown--;\n      if (this.countdown <= 0) { clearInterval(this.timer); this.canResend = true; }\n    }, 1000);\n  }\n\n  private handleInput(e: InputEvent, index: number) {\n    const val = (e.target as HTMLInputElement).value.replace(/\\D/g, '').slice(-1);\n    const newDigits = [...(this.digits ?? Array(OTP_LENGTH).fill(''))];\n    newDigits[index] = val;\n    this.digits = newDigits;\n\n    const newStates = [...(this.digitStates ?? Array(OTP_LENGTH).fill('idle'))];\n    newStates[index] = val ? 'filled' : 'idle';\n    this.digitStates = newStates;\n\n    if (val && index < OTP_LENGTH - 1) this.inputs[index + 1]?.focus();\n\n    if (newDigits.every(d => d !== '')) {\n      this.codeCompleted.emit(newDigits.join(''));\n    }\n  }\n\n  private handleKeyDown(e: KeyboardEvent, index: number) {\n    if (e.key === 'Backspace' && !(this.digits ?? [])[index] && index > 0) {\n      this.inputs[index - 1]?.focus();\n    }\n  }\n\n  private handlePaste(e: ClipboardEvent) {\n    e.preventDefault();\n    const text = e.clipboardData?.getData('text')?.replace(/\\D/g, '').slice(0, OTP_LENGTH) || '';\n    const newDigits = Array(OTP_LENGTH).fill('');\n    text.split('').forEach((c, i) => { newDigits[i] = c; });\n    this.digits = newDigits;\n    this.digitStates = newDigits.map(d => d ? 'filled' : 'idle');\n    this.inputs[Math.min(text.length, OTP_LENGTH - 1)]?.focus();\n    if (newDigits.every(d => d !== '')) this.codeCompleted.emit(newDigits.join(''));\n  }\n\n  render() {\n    const engineLabel = this.engine === 'sms' ? 'SMS' : this.engine === '2fa' ? 'autenticador' : 'correo';\n\n    return (\n      <div class=\"otp\">\n        {this.showLabelContact && (\n          <p class=\"otp__label\">\n            Ingresa el código enviado a tu {engineLabel}\n            {this.labelContact && <strong> {this.labelContact}</strong>}\n          </p>\n        )}\n\n        <div class=\"otp__inputs\" onPaste={(e) => this.handlePaste(e)}>\n          {Array.from({ length: OTP_LENGTH }, (_, i) => (\n            <input\n              key={i}\n              ref={(el) => { if (el) this.inputs[i] = el as HTMLInputElement; }}\n              class={{\n                'otp__digit': true,\n                'otp__digit--filled': (this.digitStates ?? [])[i] === 'filled',\n                'otp__digit--error': this.error,\n              }}\n              type=\"text\"\n              inputMode=\"numeric\"\n              maxLength={1}\n              value={(this.digits ?? [])[i] ?? ''}\n              onInput={(e) => this.handleInput(e as InputEvent, i)}\n              onKeyDown={(e) => this.handleKeyDown(e as KeyboardEvent, i)}\n            />\n          ))}\n        </div>\n\n        {this.error && this.errorMessage && (\n          <p class=\"otp__error\">{this.errorMessage}</p>\n        )}\n\n        <div class=\"otp__resend\">\n          {this.canResend ? (\n            <button class=\"otp__resend-btn\" onClick={() => { this.startCountdown(); this.dropiResend.emit(); }}>\n              Reenviar código\n            </button>\n          ) : (\n            <span class=\"otp__countdown\">Reenviar en {this.countdown}s</span>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,70 +0,0 @@
-import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.js';
-
-const dropiPaginatorCss = () => `:host{display:block}*,*::before,*::after{box-sizing:border-box}.paginator{display:flex;align-items:center;justify-content:flex-end;gap:var(--Size-4, 16px);flex-wrap:wrap}.paginator-pages{display:flex;align-items:center;gap:var(--Size-1, 4px)}.paginator-btn{width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s ease}.paginator-btn:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-btn:disabled{opacity:0.4;cursor:not-allowed}.paginator-btn--active{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff);font-weight:var(--font-weight-bold, 700)}.paginator-btn--active:hover{background:var(--Primary-Primary-500, #f49a3d)}.paginator-btn--arrow{width:auto;padding:0 var(--Size-2, 8px);border-radius:var(--Border-1, 4px);gap:4px}.paginator-btn--arrow:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-label{font-size:var(--font-size-s, 12px);color:inherit}.paginator-ellipsis{color:var(--Gray-Gray-400, #858ea6);padding:0 4px;font-size:var(--font-size-s, 12px);display:flex;align-items:center}.paginator-size{display:flex;align-items:center;gap:var(--Size-2, 8px)}.paginator-size-label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c)}.paginator-size-select{height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);background:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;outline:none}`;
-
-const DropiPaginator = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.pageChange = createEvent(this, "pageChange", 7);
-    }
-    /** Total number of pages */
-    totalPages = 1;
-    /** Current page (1-based) */
-    currentPage = 1;
-    /** Disabled state */
-    disabled = false;
-    /** Max page buttons to show at once */
-    maxVisiblePages = 8;
-    /** Hide total page count (show only arrows) */
-    isNotTotalPages = false;
-    /** Hide "Anterior"/"Siguiente" text labels, show only arrows */
-    noLabels = false;
-    /** Emitted when page changes. e.detail = new page number */
-    pageChange;
-    get pageNumbers() {
-        const total = this.totalPages;
-        const cur = this.currentPage;
-        const max = this.maxVisiblePages;
-        if (total <= max)
-            return Array.from({ length: total }, (_, i) => i + 1);
-        const half = Math.floor(max / 2);
-        let start = Math.max(1, cur - half);
-        let end = Math.min(total, start + max - 1);
-        if (end - start < max - 1)
-            start = Math.max(1, end - max + 1);
-        const pages = [];
-        if (start > 1) {
-            pages.push(1);
-            if (start > 2)
-                pages.push('...');
-        }
-        for (let i = start; i <= end; i++)
-            pages.push(i);
-        if (end < total) {
-            if (end < total - 1)
-                pages.push('...');
-            pages.push(total);
-        }
-        return pages;
-    }
-    goTo(p) {
-        if (this.disabled || p < 1 || p > this.totalPages || p === this.currentPage)
-            return;
-        this.currentPage = p;
-        this.pageChange.emit(this.currentPage);
-    }
-    render() {
-        const pages = this.pageNumbers;
-        const isFirst = this.currentPage <= 1;
-        const isLast = this.currentPage >= this.totalPages;
-        return (h("div", { key: 'b601f88e4f971f885835d81fe876303fe97027c7', class: "paginator" }, h("div", { key: '988ffb7ed122d4a666af4525bc85159d8d36538a', class: "paginator-pages" }, !isFirst && !this.noLabels && (h("button", { key: '920a1a407782bde436fb6560caeb39848e9c7e28', class: { 'paginator-btn': true, 'paginator-btn--arrow': true }, onClick: () => this.goTo(1), "aria-label": "Primera p\u00E1gina", disabled: this.disabled }, h("dropi-icon", { key: '67bc6ba66852a8883a19b2a3182be3cb298f2c8d', name: "Arrow-double-small-left", width: "16px", height: "16px", color: "Gray-Gray-600" }))), !isFirst && (h("button", { key: 'b1d0c5a8f66056cb53c31b01959177754632a906', class: { 'paginator-btn': true, 'paginator-btn--arrow': true }, onClick: () => this.goTo(this.currentPage - 1), "aria-label": "Anterior", disabled: this.disabled }, h("dropi-icon", { key: '951435cbf9b7a8b9bd0e0f33d2c9eacaea6e7af1', name: "Dropdown-left", width: "16px", height: "16px", color: "Gray-Gray-600" }), !this.noLabels && h("span", { key: 'fed8a203b3e62f5da3e6fa055b1ee6e35453147c', class: "paginator-label" }, "Anterior"))), pages.map((p, i) => p === '...'
-            ? h("span", { class: "paginator-ellipsis", key: `e${i}` }, "\u2026")
-            : h("button", { key: p, class: { 'paginator-btn': true, 'paginator-btn--active': p === this.currentPage }, onClick: () => this.goTo(p), "aria-current": p === this.currentPage ? 'page' : undefined, disabled: this.disabled }, p)), !isLast && (h("button", { key: '35a728e031880403ee0ff984484237ab701bd406', class: { 'paginator-btn': true, 'paginator-btn--arrow': true }, onClick: () => this.goTo(this.currentPage + 1), "aria-label": "Siguiente", disabled: this.disabled }, !this.noLabels && h("span", { key: '4a73ba225105e449f8dfe8a504c5b1ad3e9c31cd', class: "paginator-label" }, "Siguiente"), h("dropi-icon", { key: '7b140df9437922acc8c24d6ee1ff15d69ce7b7f1', name: "Dropdown-Right", width: "16px", height: "16px", color: "Gray-Gray-600" }))), !isLast && !this.noLabels && (h("button", { key: '6157fa189ca011be4c13da803d2cd110d882bb8e', class: { 'paginator-btn': true, 'paginator-btn--arrow': true }, onClick: () => this.goTo(this.totalPages), "aria-label": "\u00DAltima p\u00E1gina", disabled: this.disabled }, h("dropi-icon", { key: '7b6c1b31d4caed8203b739cc10f3084568e40f10', name: "Arrow-double-small-right", width: "16px", height: "16px", color: "Gray-Gray-600" }))))));
-    }
-};
-DropiPaginator.style = dropiPaginatorCss();
-
-export { DropiPaginator as dropi_paginator };
-//# sourceMappingURL=dropi-paginator.entry.esm.js.map
-
-//# sourceMappingURL=dropi-paginator.entry.js.map

package/dist/dropi-ui/dropi-paginator.entry.js.map

@@ -1 +0,0 @@
-{"file":"dropi-paginator.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-paginator/dropi-paginator.css?tag=dropi-paginator&encapsulation=shadow","src/components/dropi-paginator/dropi-paginator.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.paginator {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--Size-4, 16px);\n  flex-wrap: wrap;\n}\n\n.paginator-pages {\n  display: flex;\n  align-items: center;\n  gap: var(--Size-1, 4px);\n}\n\n.paginator-btn {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border: none;\n  border-radius: 50%;\n  background: transparent;\n  color: var(--Gray-Gray-600, #475066);\n  font-size: var(--font-size-s, 12px);\n  font-family: inherit;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.15s ease;\n}\n\n.paginator-btn:hover:not(:disabled) {\n  background: var(--Gray-Gray-50, #f7f8fa);\n}\n\n.paginator-btn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n.paginator-btn--active {\n  background: var(--Primary-Primary-500, #f49a3d);\n  color: var(--Neutral-White, #ffffff);\n  font-weight: var(--font-weight-bold, 700);\n}\n\n.paginator-btn--active:hover {\n  background: var(--Primary-Primary-500, #f49a3d);\n}\n\n.paginator-btn--arrow {\n  width: auto;\n  padding: 0 var(--Size-2, 8px);\n  border-radius: var(--Border-1, 4px);\n  gap: 4px;\n}\n\n.paginator-btn--arrow:hover:not(:disabled) {\n  background: var(--Gray-Gray-50, #f7f8fa);\n}\n\n.paginator-label {\n  font-size: var(--font-size-s, 12px);\n  color: inherit;\n}\n\n.paginator-ellipsis {\n  color: var(--Gray-Gray-400, #858ea6);\n  padding: 0 4px;\n  font-size: var(--font-size-s, 12px);\n  display: flex;\n  align-items: center;\n}\n\n.paginator-size {\n  display: flex;\n  align-items: center;\n  gap: var(--Size-2, 8px);\n}\n\n.paginator-size-label {\n  font-size: var(--font-size-s, 12px);\n  color: var(--Gray-Gray-500, #69738c);\n}\n\n.paginator-size-select {\n  height: 32px;\n  padding: 0 var(--Size-2, 8px);\n  border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n  border-radius: var(--Border-1, 4px);\n  background: var(--Neutral-White, #ffffff);\n  color: var(--Gray-Gray-600, #475066);\n  font-size: var(--font-size-s, 12px);\n  font-family: inherit;\n  cursor: pointer;\n  outline: none;\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n/**\n * @component dropi-paginator\n * Pagination control with page numbers, prev/next buttons and items-per-page selector.\n */\n@Component({\n  tag: 'dropi-paginator',\n  styleUrl: 'dropi-paginator.css',\n  shadow: true,\n})\nexport class DropiPaginator {\n  /** Total number of pages */\n  @Prop() totalPages: number = 1;\n  /** Current page (1-based) */\n  @Prop({ mutable: true, reflect: true }) currentPage: number = 1;\n  /** Disabled state */\n  @Prop() disabled: boolean = false;\n  /** Max page buttons to show at once */\n  @Prop() maxVisiblePages: number = 8;\n  /** Hide total page count (show only arrows) */\n  @Prop() isNotTotalPages: boolean = false;\n  /** Hide \"Anterior\"/\"Siguiente\" text labels, show only arrows */\n  @Prop() noLabels: boolean = false;\n\n  /** Emitted when page changes. e.detail = new page number */\n  @Event() pageChange: EventEmitter<number>;\n\n  private get pageNumbers(): (number | '...')[] {\n    const total = this.totalPages;\n    const cur = this.currentPage;\n    const max = this.maxVisiblePages;\n\n    if (total <= max) return Array.from({ length: total }, (_, i) => i + 1);\n\n    const half = Math.floor(max / 2);\n    let start = Math.max(1, cur - half);\n    let end = Math.min(total, start + max - 1);\n    if (end - start < max - 1) start = Math.max(1, end - max + 1);\n\n    const pages: (number | '...')[] = [];\n    if (start > 1) { pages.push(1); if (start > 2) pages.push('...'); }\n    for (let i = start; i <= end; i++) pages.push(i);\n    if (end < total) { if (end < total - 1) pages.push('...'); pages.push(total); }\n    return pages;\n  }\n\n  private goTo(p: number) {\n    if (this.disabled || p < 1 || p > this.totalPages || p === this.currentPage) return;\n    this.currentPage = p;\n    this.pageChange.emit(this.currentPage);\n  }\n\n  render() {\n    const pages = this.pageNumbers;\n    const isFirst = this.currentPage <= 1;\n    const isLast = this.currentPage >= this.totalPages;\n\n    return (\n      <div class=\"paginator\">\n        <div class=\"paginator-pages\">\n          {!isFirst && !this.noLabels && (\n            <button\n              class={{ 'paginator-btn': true, 'paginator-btn--arrow': true }}\n              onClick={() => this.goTo(1)}\n              aria-label=\"Primera página\"\n              disabled={this.disabled}\n            >\n              <dropi-icon name=\"Arrow-double-small-left\" width=\"16px\" height=\"16px\" color=\"Gray-Gray-600\" />\n            </button>\n          )}\n\n          {!isFirst && (\n            <button\n              class={{ 'paginator-btn': true, 'paginator-btn--arrow': true }}\n              onClick={() => this.goTo(this.currentPage - 1)}\n              aria-label=\"Anterior\"\n              disabled={this.disabled}\n            >\n              <dropi-icon name=\"Dropdown-left\" width=\"16px\" height=\"16px\" color=\"Gray-Gray-600\" />\n              {!this.noLabels && <span class=\"paginator-label\">Anterior</span>}\n            </button>\n          )}\n\n          {pages.map((p, i) =>\n            p === '...'\n              ? <span class=\"paginator-ellipsis\" key={`e${i}`}>…</span>\n              : <button\n                  key={p}\n                  class={{ 'paginator-btn': true, 'paginator-btn--active': p === this.currentPage }}\n                  onClick={() => this.goTo(p as number)}\n                  aria-current={p === this.currentPage ? 'page' : undefined}\n                  disabled={this.disabled}\n                >\n                  {p}\n                </button>\n          )}\n\n          {!isLast && (\n            <button\n              class={{ 'paginator-btn': true, 'paginator-btn--arrow': true }}\n              onClick={() => this.goTo(this.currentPage + 1)}\n              aria-label=\"Siguiente\"\n              disabled={this.disabled}\n            >\n              {!this.noLabels && <span class=\"paginator-label\">Siguiente</span>}\n              <dropi-icon name=\"Dropdown-Right\" width=\"16px\" height=\"16px\" color=\"Gray-Gray-600\" />\n            </button>\n          )}\n\n          {!isLast && !this.noLabels && (\n            <button\n              class={{ 'paginator-btn': true, 'paginator-btn--arrow': true }}\n              onClick={() => this.goTo(this.totalPages)}\n              aria-label=\"Última página\"\n              disabled={this.disabled}\n            >\n              <dropi-icon name=\"Arrow-double-small-right\" width=\"16px\" height=\"16px\" color=\"Gray-Gray-600\" />\n            </button>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-phone-input.entry.js.map

@@ -1 +0,0 @@
-{"file":"dropi-phone-input.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-phone-input/dropi-phone-input.css?tag=dropi-phone-input&encapsulation=shadow","src/components/dropi-phone-input/dropi-phone-input.tsx"],"sourcesContent":[":host { display: block; width: 100%; position: relative; font-family: 'Inter', sans-serif; }\n*, *::before, *::after { box-sizing: border-box; }\n\n/* Ocultar spin buttons en inputs numéricos */\ninput::-webkit-inner-spin-button,\ninput::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n}\ninput[type='number'] {\n  -moz-appearance: textfield;\n  appearance: textfield;\n}\n\n.phone-wrap {\n  width: 100%;\n}\n\n.phone-label {\n  display: block;\n  font-size: var(--font-size-xs, 10px);\n  color: var(--Gray-Gray-600, #475066);\n  margin-bottom: 4px;\n}\n\n.phone-input-container {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.custom-select {\n  position: relative;\n  width: 50%;\n}\n\n.form-control {\n  flex: 1;\n  width: 100%;\n  border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n  border-radius: 5px;\n  font-size: 14px;\n  font-family: inherit;\n  transition: border-color 0.3s ease-in-out;\n  height: 40px;\n  padding: 0 12px;\n  outline: none;\n  color: var(--Gray-Gray-700, #32394d);\n  background-color: var(--Neutral-White, #ffffff);\n}\n\n.form-control::placeholder {\n  color: var(--Gray-Gray-500, #69738c);\n}\n\n.form-control:focus::placeholder {\n  color: var(--Gray-Gray-500, #69738c);\n}\n\n.form-control:focus {\n  border-color: var(--Info-Info-500, #50a5f1);\n  outline: none;\n}\n\n.form-control:disabled {\n  border: 1px solid var(--Gray-Gray-200, #c3c9d9) !important;\n  color: var(--Gray-Gray-400, #858ea6);\n  background-color: var(--Gray-Gray-50, #f7f8fa);\n  outline: none;\n}\n\n.form-control.is-invalid {\n  background: #fffbfb;\n  border-color: var(--Error-Error-500, #f46a6b) !important;\n}\n\n.select-button {\n  width: 100%;\n  height: 40px;\n  padding: 0.47rem 0.75rem;\n  padding-right: 7px;\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, 12px);\n  font-family: inherit;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  text-align: left;\n  cursor: pointer;\n}\n\n.select-button img {\n  width: 20px;\n  height: 20px;\n}\n\n.select-button:focus {\n  border-color: var(--Info-Info-500, #50a5f1) !important;\n  outline: none;\n}\n\n.select-button:disabled {\n  border-color: var(--Gray-Gray-200, #c3c9d9);\n  color: var(--Gray-Gray-400, #858ea6);\n  background-color: var(--Gray-Gray-50, #f7f8fa);\n  cursor: unset;\n}\n\n.select-button.select-completed {\n  border-color: var(--Gray-Gray-400, #858ea6);\n  color: var(--Gray-Gray-600, #475066);\n  background: var(--Neutral-White, #ffffff);\n}\n\n.select-button.select-invalid {\n  border-color: var(--Error-Error-500, #f46a6b) !important;\n}\n\n.select-dropdown {\n  position: absolute;\n  width: 100%;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  margin: 4px 0 0 0;\n  border: 1px solid transparent;\n  border-radius: var(--Border-2, 8px);\n  overflow-y: scroll;\n  z-index: 100;\n}\n\n/* Scrollbar */\n.select-dropdown::-webkit-scrollbar {\n  width: 6px;\n}\n.select-dropdown::-webkit-scrollbar-thumb {\n  background-color: var(--Gray-Gray-300, #d1d6e1);\n  border-radius: 4px;\n}\n\n.expanded-select {\n  max-height: 250px;\n  background: var(--Neutral-White, #ffffff);\n  box-shadow: var(--Shadow-medium, 0 4px 16px rgba(0, 0, 0, 0.08));\n  border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n  transition: max-height 0.2s ease-in;\n}\n\n.collapsed-select {\n  max-height: 0;\n  background: transparent;\n  box-shadow: none;\n  border: 1px solid transparent;\n  transition: max-height 0.2s ease-out, background 0.6s ease-out, box-shadow 0.6s ease-out;\n}\n\n.select-dropdown li {\n  margin: 0;\n  padding: 0;\n}\n\n.option {\n  width: 100%;\n  height: 45px;\n  border-radius: var(--Border-2, 8px);\n  padding-top: var(--Size-3, 12px);\n  padding-right: var(--Size-4, 16px);\n  padding-bottom: var(--Size-3, 12px);\n  padding-left: var(--Size-4, 16px);\n  border: none;\n  background: transparent;\n  text-align: left;\n  color: var(--Gray-Gray-600, #475066);\n  font-size: var(--font-size-s, 12px);\n  font-family: inherit;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.option img {\n  width: 20px;\n  height: 20px;\n}\n\n.option:hover {\n  background: var(--Gray-Gray-50, #f7f8fa);\n}\n\n.option:disabled {\n  color: var(--Gray-Gray-400, #858ea6);\n  background-color: var(--Gray-Gray-50, #f7f8fa);\n  cursor: unset;\n}\n\n.invalid-color {\n  color: var(--Error-Error-500, #f46a6b) !important;\n}\n\n.phone-error {\n  margin: 4px 0 0;\n  font-size: var(--font-size-xs, 10px);\n  color: var(--Error-Error-500, #f46a6b);\n}\n","import { Component, Prop, State, Event, EventEmitter, Watch, Element, Listen, h } from '@stencil/core';\n\ninterface CountryCode {\n  name: string;\n  code: string;\n  flag: string;\n  maxLength: number;\n}\n\nconst COUNTRIES: CountryCode[] = [\n  { code: '57', name: 'Colombia', flag: 'CO', maxLength: 10 },\n  { code: '52', name: 'Mexico', flag: 'MX', maxLength: 10 },\n  { code: '507', name: 'Panama', flag: 'PA', maxLength: 8 },\n  { code: '56', name: 'Chile', flag: 'CL', maxLength: 9 },\n  { code: '593', name: 'Ecuador', flag: 'EC', maxLength: 10 },\n  { code: '51', name: 'Peru', flag: 'PE', maxLength: 9 },\n  { code: '34', name: 'España', flag: 'ES', maxLength: 9 },\n  { code: '595', name: 'Paraguay', flag: 'PY', maxLength: 9 },\n  { code: '58', name: 'Venezuela', flag: 'VE', maxLength: 11 },\n  { code: '54', name: 'Argentina', flag: 'AR', maxLength: 10 },\n  { code: '55', name: 'Brasil', flag: 'BR', maxLength: 11 },\n  { code: '1', name: 'United States', flag: 'US', maxLength: 10 },\n  { code: '502', name: 'Guatemala', flag: 'GT', maxLength: 8 },\n  { code: '598', name: 'Uruguay', flag: 'UY', maxLength: 9 },\n  { code: '501', name: 'Belize', flag: 'BZ', maxLength: 7 },\n  { code: '81', name: 'Japan', flag: 'JP', maxLength: 10 },\n  { code: '1', name: 'Canada', flag: 'CA', maxLength: 9 },\n  { code: '1473', name: 'Grenada', flag: 'GD', maxLength: 10 },\n  { code: '509', name: 'Haiti', flag: 'HT', maxLength: 10 },\n  { code: '1809', name: 'Dominican Republic', flag: 'DO', maxLength: 10 },\n  { code: '1829', name: 'Dominican Republic', flag: 'DO', maxLength: 10 },\n  { code: '1849', name: 'Dominican Republic', flag: 'DO', maxLength: 10 },\n  { code: '1869', name: 'Saint Kitts And Nevis', flag: 'KN', maxLength: 10 },\n  { code: '1784', name: 'Saint Vincent And The Grenadines', flag: 'VC', maxLength: 10 },\n  { code: '1758', name: 'Saint Lucia', flag: 'LC', maxLength: 10 },\n  { code: '597', name: 'Suriname', flag: 'SR', maxLength: 10 },\n  { code: '1868', name: 'Trinidad and Tobago', flag: 'TT', maxLength: 10 },\n  { code: '505', name: 'Nicaragua', flag: 'NI', maxLength: 8 },\n  { code: '506', name: 'Costa Rica', flag: 'CR', maxLength: 8 },\n  { code: '591', name: 'Bolivia', flag: 'BO', maxLength: 8 },\n  { code: '7', name: 'Russia', flag: 'RU', maxLength: 11 },\n  { code: '20', name: 'Egypt', flag: 'EG', maxLength: 9 },\n  { code: '27', name: 'South Africa', flag: 'ZA', maxLength: 10 },\n  { code: '30', name: 'Greece', flag: 'GR', maxLength: 10 },\n  { code: '31', name: 'Netherlands', flag: 'NL', maxLength: 9 },\n  { code: '32', name: 'Belgium', flag: 'BE', maxLength: 8 },\n  { code: '33', name: 'France', flag: 'FR', maxLength: 9 },\n  { code: '36', name: 'Hungary', flag: 'HU', maxLength: 9 },\n  { code: '40', name: 'Romania', flag: 'RO', maxLength: 9 },\n  { code: '39', name: 'Italy', flag: 'IT', maxLength: 10 },\n  { code: '41', name: 'Switzerland', flag: 'CH', maxLength: 9 },\n  { code: '44', name: 'United Kingdom', flag: 'GB', maxLength: 11 },\n  { code: '45', name: 'Denmark', flag: 'DK', maxLength: 8 },\n  { code: '46', name: 'Sweden', flag: 'SE', maxLength: 8 },\n  { code: '47', name: 'Norway', flag: 'NO', maxLength: 8 },\n  { code: '48', name: 'Poland', flag: 'PL', maxLength: 9 },\n  { code: '49', name: 'Germany', flag: 'DE', maxLength: 11 },\n  { code: '53', name: 'Malta', flag: 'MT', maxLength: 8 },\n  { code: '60', name: 'Malaysia', flag: 'MY', maxLength: 9 },\n  { code: '61', name: 'Australia', flag: 'AU', maxLength: 9 },\n  { code: '62', name: 'Indonesia', flag: 'ID', maxLength: 12 },\n  { code: '63', name: 'Philippines', flag: 'PH', maxLength: 10 },\n  { code: '64', name: 'New Zealand', flag: 'NZ', maxLength: 12 },\n  { code: '65', name: 'Singapore', flag: 'SG', maxLength: 8 },\n  { code: '66', name: 'Thailand', flag: 'TH', maxLength: 9 },\n  { code: '82', name: 'South Korea', flag: 'KR', maxLength: 9 },\n  { code: '84', name: 'Vietnam', flag: 'VN', maxLength: 11 },\n  { code: '86', name: 'China', flag: 'CN', maxLength: 11 },\n  { code: '90', name: 'Turkey', flag: 'TR', maxLength: 10 },\n  { code: '91', name: 'India', flag: 'IN', maxLength: 10 },\n  { code: '92', name: 'Pakistan', flag: 'PK', maxLength: 9 },\n  { code: '93', name: 'Afghanistan', flag: 'AF', maxLength: 10 },\n  { code: '94', name: 'Sri Lanka', flag: 'LK', maxLength: 9 },\n  { code: '95', name: 'Myanmar', flag: 'MM', maxLength: 9 },\n  { code: '98', name: 'Iran', flag: 'IR', maxLength: 10 },\n  { code: '211', name: 'South Sudan', flag: 'SS', maxLength: 10 },\n  { code: '212', name: 'Morocco', flag: 'MA', maxLength: 9 },\n  { code: '213', name: 'Algeria', flag: 'DZ', maxLength: 9 },\n  { code: '216', name: 'Tunisia', flag: 'TN', maxLength: 8 },\n  { code: '218', name: 'Libya', flag: 'LY', maxLength: 9 },\n  { code: '220', name: 'Gambia', flag: 'GM', maxLength: 8 },\n  { code: '221', name: 'Senegal', flag: 'SN', maxLength: 9 },\n  { code: '222', name: 'Mauritania', flag: 'MR', maxLength: 9 },\n  { code: '223', name: 'Mali', flag: 'ML', maxLength: 8 },\n  { code: '224', name: 'Guinea', flag: 'GN', maxLength: 9 },\n  { code: '225', name: 'Ivory Coast', flag: 'CI', maxLength: 10 },\n  { code: '226', name: 'Burkina Faso', flag: 'BF', maxLength: 10 },\n  { code: '227', name: 'Niger', flag: 'NE', maxLength: 8 },\n  { code: '228', name: 'Togo', flag: 'TG', maxLength: 8 },\n  { code: '229', name: 'Benin', flag: 'BJ', maxLength: 8 },\n  { code: '230', name: 'Mauritius', flag: 'MU', maxLength: 10 },\n  { code: '231', name: 'Liberia', flag: 'LR', maxLength: 8 },\n  { code: '232', name: 'Sierra Leone', flag: 'SL', maxLength: 11 },\n  { code: '233', name: 'Ghana', flag: 'GH', maxLength: 9 },\n  { code: '234', name: 'Nigeria', flag: 'NG', maxLength: 11 },\n  { code: '235', name: 'Chad', flag: 'TD', maxLength: 8 },\n  { code: '236', name: 'Central African Republic', flag: 'CF', maxLength: 21 },\n  { code: '237', name: 'Cameroon', flag: 'CM', maxLength: 10 },\n  { code: '238', name: 'Cape Verde', flag: 'CV', maxLength: 9 },\n  { code: '239', name: 'São Tomé and Príncipe', flag: 'ST', maxLength: 14 },\n  { code: '240', name: 'Equatorial Guinea', flag: 'GQ', maxLength: 17 },\n  { code: '241', name: 'Gabon', flag: 'GA', maxLength: 9 },\n];\n\n/**\n * @component dropi-phone-input\n * Phone number input with country code selector.\n * Syncs perfectly with dropi-core_front natively\n */\n@Component({\n  tag: 'dropi-phone-input',\n  styleUrl: 'dropi-phone-input.css',\n  shadow: true,\n})\nexport class DropiPhoneInput {\n  @Element() el: HTMLElement;\n\n  /** Initial country dial code (e.g. \"57\") — matches Angular 'CodArea' setter */\n  @Prop({ mutable: true }) codArea: string = '57';\n  /** Phone number value — matches Angular 'ngModelPhone' */\n  @Prop({ mutable: true }) ngModelPhone: string = '';\n  /** Input placeholder — matches Angular 'phoneNumberPlaceholder' */\n  @Prop() phoneNumberPlaceholder: string | null = null;\n  /** Disabled state — matches Angular 'disabledInput' */\n  @Prop() disabledInput: boolean = false;\n  /** Validation state — matches Angular 'isValidPhone' */\n  @Prop() isValidPhone: boolean = undefined;\n  /** Validate on init — matches Angular 'validateOnInit' */\n  @Prop() validateOnInit: boolean = true;\n  /**\n   * Pre-selected country object (matches Angular `selectedOption: Country`).\n   * Pass `{ dialCode, flag, name, iso2 }`. When set, overrides `codArea`.\n   */\n  @Prop({ mutable: true }) selectedOption: any = null;\n  /**\n   * Country select configuration object (matches Angular `selectProperties: SelectProperties`).\n   * Fields: `label`, `placeholder`, `options` (array of Country objects).\n   * When provided, overrides the internal country list.\n   */\n  @Prop() selectProperties: any = null;\n\n  @State() private open: boolean = false;\n\n  /** Emitted when country dial code changes — matches Angular 'ngModelChangeCod' */\n  @Event() ngModelChangeCod: EventEmitter<string>;\n  /** Emitted when phone number changes — matches Angular 'ngModelChangePhone' */\n  @Event() ngModelChangePhone: EventEmitter<string>;\n  /** Emitted on field verification — matches Angular 'verifiedField' */\n  @Event() verifiedField: EventEmitter<void>;\n  /** Emitted when country selection changes — matches Angular 'onChangeSelect' */\n  @Event() onChangeSelect: EventEmitter<any>;\n\n  @Watch('codArea')\n  codAreaChanged() {\n    this.ngModelPhone = '';\n  }\n\n  @Watch('selectedOption')\n  selectedOptionChanged(val: any) {\n    if (!val) return;\n    // Support Angular Country shape: { dialCode, iso2 } or { code }\n    const code = val.dialCode ?? val.code ?? this.codArea;\n    this.codArea = String(code).replace('+', '');\n  }\n\n  componentWillLoad() {\n    if (this.selectedOption) this.selectedOptionChanged(this.selectedOption);\n  }\n\n  private get selectedCountry(): CountryCode {\n    const cleanCodArea = (this.codArea ?? '57').replace('+', '');\n    return COUNTRIES.find(c => c.code === cleanCodArea) ?? COUNTRIES[0];\n  }\n\n  private selectCountry(c: CountryCode) {\n    this.codArea = c.code;\n    this.open = false;\n    this.ngModelChangeCod.emit(c.code);\n    this.onChangeSelect.emit(c);\n  }\n\n  private handleInput(e: InputEvent) {\n    const raw = (e.target as HTMLInputElement).value.replace(/\\D/g, '');\n    this.ngModelPhone = raw.slice(0, this.selectedCountry.maxLength);\n    (e.target as HTMLInputElement).value = this.ngModelPhone;\n    this.ngModelChangePhone.emit(this.ngModelPhone);\n  }\n\n  @Listen('click', { target: 'window' })\n  handleWindowClick(ev: Event) {\n    const path = ev.composedPath();\n    if (!path.includes(this.el)) {\n      this.open = false;\n    }\n  }\n\n  render() {\n    const country = this.selectedCountry;\n    const isInvalid = this.isValidPhone === false;\n\n    return (\n      <div class=\"phone-wrap\">\n        <div class=\"phone-input-container\">\n\n          <div class=\"custom-select\">\n            <button\n              type=\"button\"\n              class={{ 'select-button': true, 'select-invalid': isInvalid }}\n              disabled={this.disabledInput}\n              onClick={() => { if (!this.disabledInput) this.open = !this.open; }}\n            >\n              <span style={{ display: 'flex', gap: '0.5rem', alignItems: 'center' }}>\n                <img src={`https://flagsapi.com/${country.flag}/flat/24.png`} alt=\"flag\" />\n                {country.code}\n              </span>\n              <dropi-icon name={this.open ? 'Dropdown-up' : 'Dropdown-down'} width=\"14px\" height=\"14px\" color=\"Gray-Gray-500\" />\n            </button>\n\n            <ul class={{ 'select-dropdown': true, 'expanded-select': this.open, 'collapsed-select': !this.open }}>\n              {COUNTRIES.map(option => (\n                <li>\n                  <button\n                    type=\"button\"\n                    class=\"option\"\n                    onMouseDown={(e) => { e.preventDefault(); this.selectCountry(option); }}\n                  >\n                    <img src={`https://flagsapi.com/${option.flag}/flat/24.png`} alt={option.flag} />\n                    {option.code}\n                  </button>\n                </li>\n              ))}\n            </ul>\n          </div>\n\n          <input\n            id=\"phone-input\"\n            type=\"tel\"\n            inputmode=\"numeric\"\n            class={{ 'form-control': true, 'is-invalid': isInvalid }}\n            placeholder={this.phoneNumberPlaceholder}\n            value={this.ngModelPhone}\n            disabled={this.disabledInput}\n            maxLength={country.maxLength}\n            onInput={(e) => this.handleInput(e as InputEvent)}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-radio-button.entry.js.map

@@ -1 +0,0 @@
-{"file":"dropi-radio-button.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,s9BAAs9B,CAAC;;MCY7+B,gBAAgB,GAAA,MAAA;;;;;;IAEnB,KAAK,GAAW,EAAE;;IAElB,IAAI,GAAW,MAAM;;IAErB,EAAE,GAAW,aAAa;;IAEM,OAAO,GAAY,KAAK;AAChE;;;AAGG;IACK,YAAY,GAAY,KAAK;;AAG5B,IAAA,QAAQ;AAGjB,IAAA,cAAc,CAAC,GAAY,EAAA;AACzB,QAAA,IAAI,GAAG;AAAE,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;AAGvB,IAAA,YAAY,CAAC,CAAQ,EAAA;QAC3B,IAAI,CAAC,OAAO,GAAI,CAAC,CAAC,MAA2B,CAAC,OAAO;AACrD,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;;IAGvB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAE,IAAI,CAAC,EAAE,EAAA,EACrB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAA,CACrC,EACD,IAAI,CAAC,KAAK,CACL,CACJ;;;;;;;;;;;;;","names":[],"sources":["src/components/dropi-radio-button/dropi-radio-button.css?tag=dropi-radio-button&encapsulation=shadow","src/components/dropi-radio-button/dropi-radio-button.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.dropi-radio-button {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 20px;\n}\n\nlabel {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  color: var(--Gray-Gray-700, #32394d);\n  font-size: var(--font-size-s, 12px);\n  font-weight: var(--font-weight-regular, 400);\n  line-height: 1.5;\n}\n\ninput[type='radio'] {\n  appearance: none;\n  -webkit-appearance: none;\n  width: 20px;\n  height: 20px;\n  min-width: 20px;\n  border: 2px solid var(--Gray-Gray-200, #c3c9d9);\n  border-radius: 50%;\n  background-color: transparent;\n  position: relative;\n  cursor: pointer;\n  outline: none;\n  flex-shrink: 0;\n  align-self: center;\n  vertical-align: middle;\n  margin: 0;\n}\n\ninput[type='radio']::before {\n  content: '';\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 10px;\n  height: 10px;\n  background-color: var(--Primary-Primary-400, #f7b46f);\n  border-radius: 50%;\n  display: none;\n}\n\ninput[type='radio']:checked {\n  border: 2px solid var(--Primary-Primary-500, #f49a3d);\n}\n\ninput[type='radio']:checked::before {\n  display: block;\n}\n","import { Component, Prop, Event, EventEmitter, Watch, h } from '@stencil/core';\n\n/**\n * @component dropi-radio-button\n * Styled radio button with label.\n */\n@Component({\n  tag: 'dropi-radio-button',\n  styleUrl: 'dropi-radio-button.css',\n  shadow: true,\n  formAssociated: true,\n})\nexport class DropiRadioButton {\n  /** Label text displayed next to the radio */\n  @Prop() label: string = '';\n  /** Input name (for grouping radio buttons) */\n  @Prop() name: string = 'name';\n  /** Input id */\n  @Prop() id: string = 'radioButton';\n  /** Whether this radio is selected */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n  /**\n   * Set to true to programmatically reset this radio to unchecked.\n   * Useful when the parent needs to clear a group.\n   */\n  @Prop() resetTrigger: boolean = false;\n\n  /** Emitted when the radio is selected */\n  @Event() onChange: EventEmitter<any>;\n\n  @Watch('resetTrigger')\n  onResetTrigger(val: boolean) {\n    if (val) this.checked = false;\n  }\n\n  private handleChange(e: Event) {\n    this.checked = (e.target as HTMLInputElement).checked;\n    this.onChange.emit(e);\n  }\n\n  render() {\n    return (\n      <div class=\"dropi-radio-button\">\n        <label htmlFor={this.id}>\n          <input\n            id={this.id}\n            type=\"radio\"\n            name={this.name}\n            checked={this.checked}\n            onChange={(e) => this.handleChange(e)}\n          />\n          {this.label}\n        </label>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-radio-selection-list.entry.js.map

@@ -1 +0,0 @@
-{"file":"dropi-radio-selection-list.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-radio-selection-list/dropi-radio-selection-list.css?tag=dropi-radio-selection-list&encapsulation=shadow","src/components/dropi-radio-selection-list/dropi-radio-selection-list.tsx"],"sourcesContent":[":host { display: block; width: 100%; }\n*, *::before, *::after { box-sizing: border-box; }\n\n.rsl__search {\n  display: flex;\n  align-items: center;\n  gap: var(--Size-2, 8px);\n  padding: var(--Size-2, 8px) var(--Size-3, 12px);\n  border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n  border-radius: var(--Border-2, 8px);\n  margin-bottom: var(--Size-2, 8px);\n}\n\n.rsl__search-input {\n  flex: 1;\n  border: none;\n  outline: none;\n  font-size: var(--font-size-s, 12px);\n  font-family: inherit;\n  color: var(--Gray-Gray-700, #32394d);\n  background: transparent;\n}\n\n.rsl__list { display: flex; flex-direction: column; gap: var(--Size-2, 8px); }\n\n.rsl__item {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--Size-3, 12px);\n  padding: var(--Size-3, 12px);\n  border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n  border-radius: var(--Border-2, 8px);\n  cursor: pointer;\n  transition: border-color 0.15s, background 0.15s;\n}\n\n.rsl__item:hover { background: var(--Gray-Gray-50, #f7f8fa); }\n.rsl__item--selected { border-color: var(--Primary-Primary-500, #f49a3d); background: var(--Primary-Primary-50, #fff5eb); }\n\n.rsl__radio {\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  border: 2px solid var(--Gray-Gray-300, #a3abbf);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin-top: 3px;\n  transition: border-color 0.15s;\n}\n\n.rsl__radio--checked { border-color: var(--Primary-Primary-500, #f49a3d); }\n\n.rsl__radio-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--Primary-Primary-500, #f49a3d);\n}\n\n.rsl__content { display: flex; flex-direction: column; gap: 2px; }\n.rsl__name { font-size: var(--font-size-s, 12px); color: var(--Gray-Gray-700, #32394d); }\n.rsl__desc { font-size: var(--font-size-xs, 10px); line-height: 1.4; color: var(--Gray-Gray-500, #69738c); }\n","import { Component, Prop, State, Event, EventEmitter, Watch, h } from '@stencil/core';\n\nexport interface RadioOption {\n  id: string | number;\n  name: string;\n  description?: string;\n  icon?: string;\n  [key: string]: any;\n}\n\n/**\n * @component dropi-radio-selection-list\n * List of radio button options with optional search filter.\n */\n@Component({\n  tag: 'dropi-radio-selection-list',\n  styleUrl: 'dropi-radio-selection-list.css',\n  shadow: true,\n})\nexport class DropiRadioSelectionList {\n  /** Options array or JSON string */\n  @Prop() options: RadioOption[] | string = [];\n  /** Selected option id */\n  @Prop({ mutable: true }) selectedOption: string | number = '';\n  /** Show search box */\n  @Prop() showFilter: boolean = false;\n  /** Search placeholder */\n  @Prop() filterPlaceholder: string = 'Search';\n  /** Show description even when option is not selected */\n  @Prop() alwaysShowDescription: boolean = true;\n  /** Layout type */\n  @Prop() typeLayout: 'description' | 'default' = 'default';\n  /** Delay before filtering (matches Angular `searchDelay`) */\n  @Prop() searchDelay: number = 100;\n\n  @State() private filterText: string = '';\n  @State() private parsedOptions: RadioOption[] = [];\n\n  /** Emitted on selection change. e.detail = selected option id */\n  @Event() valueChange: EventEmitter<string | number>;\n  /** Emitted on search — matches Angular 'onSearch' */\n  @Event() onSearch: EventEmitter<{ searchValue: string; filteredOptions: RadioOption[] }>;\n\n  @Watch('options')\n  optionsChanged(val: RadioOption[] | string) {\n    this.parsedOptions = typeof val === 'string' ? JSON.parse(val) : (val || []);\n  }\n\n  componentWillLoad() { this.optionsChanged(this.options); }\n\n  private get filtered(): RadioOption[] {\n    if (!this.filterText) return this.parsedOptions;\n    const q = this.filterText.toLowerCase();\n    return this.parsedOptions.filter(o => o.name?.toLowerCase().includes(q));\n  }\n\n  render() {\n    return (\n      <div class=\"rsl\">\n        {this.showFilter && (\n          <div class=\"rsl__search\">\n            <dropi-icon name=\"Search\" width=\"16px\" height=\"16px\" color=\"Gray-Gray-400\" />\n            <input\n              class=\"rsl__search-input\"\n              type=\"text\"\n              placeholder={this.filterPlaceholder}\n              value={this.filterText}\n              onInput={(e) => {\n                this.filterText = (e.target as HTMLInputElement).value;\n                this.onSearch.emit({ searchValue: this.filterText, filteredOptions: this.filtered });\n              }}\n            />\n          </div>\n        )}\n\n        <div class=\"rsl__list\">\n          {this.filtered.map(opt => {\n            const isSelected = opt.id === this.selectedOption;\n            return (\n              <div\n                class={{ 'rsl__item': true, 'rsl__item--selected': isSelected }}\n                key={opt.id}\n                onClick={() => { this.selectedOption = opt.id; this.valueChange.emit(opt.id); }}\n              >\n                <div class={{ 'rsl__radio': true, 'rsl__radio--checked': isSelected }}>\n                  {isSelected && <div class=\"rsl__radio-dot\" />}\n                </div>\n                <div class=\"rsl__content\">\n                  <span class=\"rsl__name\">{opt.name}</span>\n                  {(isSelected || this.alwaysShowDescription) && opt.description && (\n                    <span class=\"rsl__desc\">{opt.description}</span>\n                  )}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-read-more.entry.js.map

@@ -1 +0,0 @@
-{"file":"dropi-read-more.entry.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,kZAAkZ,CAAC;;MCWta,aAAa,GAAA,MAAA;;;;;IAEhB,IAAI,GAAW,EAAE;;IAEjB,QAAQ,GAAW,EAAE;;IAErB,WAAW,GAAY,IAAI;;IAE3B,SAAS,GAAW,EAAE;;IAEtB,WAAW,GAAW,EAAE;IAEf,QAAQ,GAAY,KAAK;AAE1C,IAAA,IAAY,KAAK,GAAA;AACf,QAAA,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;;AAGvD,IAAA,IAAY,eAAe,GAAA;QACzB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ;;AAG1C,IAAA,IAAY,WAAW,GAAA;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC,IAAI;AAC5D,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGrD,MAAM,GAAA;QACJ,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,KAAK,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAEpF,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACpB,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAgB,GAAG,SAAS,EAAA,EACjF,IAAI,CAAC,WAAW,EAChB,UAAU,KACT,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAkB,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAA,EAC3I,IAAI,CAAC,QAAQ,GAAG,YAAY,GAAG,aAAa,CACtC,CACV,CACC,CACA;;;;;;;","names":[],"sources":["src/components/dropi-read-more/dropi-read-more.css?tag=dropi-read-more&encapsulation=shadow","src/components/dropi-read-more/dropi-read-more.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.read-more__text {\n  margin: 0;\n  font-size: var(--font-size-s, 12px);\n  font-family: inherit;\n  color: var(--Gray-Gray-800, #1f2433);\n  line-height: 1.5;\n}\n\n.read-more__toggle {\n  all: unset;\n  display: inline;\n  font-size: var(--font-size-s, 12px);\n  font-family: inherit;\n  font-weight: var(--font-weight-bold, 700);\n  color: var(--Gray-Gray-600);\n  cursor: pointer;\n}\n\n.read-more__toggle:hover {\n  color: var(--Primary-Primary-600, #d4872e);\n}\n","import { Component, Prop, State, h } from '@stencil/core';\n\n/**\n * @component dropi-read-more\n * Truncates text to a word limit with an expandable \"Ver más / Ver menos\" toggle.\n */\n@Component({\n  tag: 'dropi-read-more',\n  styleUrl: 'dropi-read-more.css',\n  shadow: true,\n})\nexport class DropiReadMore {\n  /** Full text to display */\n  @Prop() text: string = '';\n  /** Maximum number of words before truncating */\n  @Prop() maxWords: number = 20;\n  /** Allow collapsing back after expanding */\n  @Prop() showSeeLess: boolean = true;\n  /** Inline CSS string applied to the text element (matches Angular `textStyle`) */\n  @Prop() textStyle: string = '';\n  /** Inline CSS string applied to the toggle button (matches Angular `buttonStyle`) */\n  @Prop() buttonStyle: string = '';\n\n  @State() private expanded: boolean = false;\n\n  private get words(): string[] {\n    return (this.text || '').split(/\\s+/).filter(Boolean);\n  }\n\n  private get needsTruncation(): boolean {\n    return this.words.length > this.maxWords;\n  }\n\n  private get displayText(): string {\n    if (!this.needsTruncation || this.expanded) return this.text;\n    return this.words.slice(0, this.maxWords).join(' ');\n  }\n\n  render() {\n    const showToggle = this.needsTruncation && (this.expanded ? this.showSeeLess : true);\n\n    return (\n      <div class=\"read-more\">\n        <p class=\"read-more__text\" style={this.textStyle ? this.textStyle as any : undefined}>\n          {this.displayText}\n          {showToggle && (\n            <button class=\"read-more__toggle\" style={this.buttonStyle ? this.buttonStyle as any : undefined} onClick={() => this.expanded = !this.expanded}>\n              {this.expanded ? ' Ver menos' : '... Ver más'}\n            </button>\n          )}\n        </p>\n      </div>\n    );\n  }\n}\n"],"version":3}