@randstad-uca/design-system 1.0.82 → 1.0.83

package/dist/components/Bubble.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+import './Icon';
+import '../styles/buttons.css';
+export declare class RandstadBubble extends LitElement {
+    message: string;
+    duration?: number;
+    position: 'top' | 'bottom';
+    variant: 'bubble' | 'circle';
+    visible: boolean;
+    icon?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    fontFamily?: string;
+    width?: string;
+    height?: string;
+    top?: string;
+    left?: string;
+    private isAnimating;
+    private hideTimeout?;
+    static styles: import("lit").CSSResult;
+    /**
+     * Se ejecuta cuando el componente se desconecta del DOM.
+     * Limpiamos el timer para evitar fugas de memoria y errores.
+     */
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private startDurationTimer;
+    private clearDurationTimer;
+    show(): void;
+    hide(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/components/CalendarOverlay.d.ts

@@ -16,7 +16,12 @@ export declare class CalendarOverlay extends LitElement {
     maxDate: Date | null;
     type: 'date' | 'month';
     /**
-      * El estado de la vista actual del calendario, que puede ser 'días', 'meses' o 'años'.
+     * Indica si este es el último elemento focusable del formulario/modal.
+     * Se utiliza para aplicar espaciado adicional cuando el calendario está abierto.
+     */
+    lastElement: boolean;
+    /**
+     * El estado de la vista actual del calendario, que puede ser 'días', 'meses' o 'años'.
       * Determina qué cuadrícula se renderiza en el overlay.
     */
     private currentView;
@@ -29,6 +34,9 @@ export declare class CalendarOverlay extends LitElement {
       * de teclado dentro del calendario (días, meses, navegación) y centralizar la
       * lógica de accesibilidad (ARIA) en 'handleCalendarKeydown'.
     */
+    private _boundHandleCalendarKeydown;
+    private _boundHandleFocusout;
+    constructor();
     firstUpdated(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -90,6 +98,16 @@ export declare class CalendarOverlay extends LitElement {
       * que el foco se aplica después de que el overlay esté completamente renderizado.
     */
     focusCalendar(): void;
+    focusFirstElement(): void;
+    focusYearsView(): void;
+    /**
+      * Enfoca la vista de meses.
+    */
+    focusMonthsView(): void;
+    /**
+      * Enfoca la vista de días.
+    */
+    focusDaysView(): void;
     /**
       * Encuentra el botón de día en el calendario que está `offset` días
       * de la fecha del día enfocado actualmente.

package/dist/components/DatePicker.d.ts

@@ -16,6 +16,7 @@ export declare class DatePickerComponent extends BaseControl {
     private calendarWidth;
     private inputValue;
     private inputContainer;
+    lastElement: boolean;
     static styles: import("lit").CSSResult;
     private setMessageErrorFormatInvalid;
     private get _currentFormat();
@@ -77,6 +78,16 @@ export declare class DatePickerComponent extends BaseControl {
     */
     private handleDateSelect;
     private _emitToggle;
+    /**
+     * Verifica si este componente es el último elemento focusable dentro de su contenedor (modal/form).
+     * Returns true si es el último o único elemento focusable.
+     */
+    private _isLastFocusableInModal;
+    /**
+     * Emite el evento dropdown-toggle-calendar para notificar al modal padre.
+     * Solo se dispara si el DatePicker es el último elemento focusable del formulario/modal.
+     */
+    private _emitDropdownToggle;
     /**
       * Ciclo de vida: se llama antes de cada actualización.
       * Se utiliza para preparar el estado antes del renderizado.
@@ -174,7 +185,7 @@ export declare class DatePickerComponent extends BaseControl {
     handleClearButtonKeydown(event: KeyboardEvent): void;
     /**
       * Maneja los eventos de teclado en el botón del calendario.
-    */
+      */
     handleCalendarButtonKeydown(event: KeyboardEvent): void;
     /**
       * Restringe la entrada del input a solo dígitos (0-9) y el guion (-).

package/dist/components/Modal.d.ts

@@ -22,11 +22,13 @@ export declare class CustomModal extends LitElement {
     hideFooter: boolean;
     private scrollable;
     private hasDropdownOpen;
+    private hasCalendarOpen;
     static styles: (import("lit").CSSResult | CSSStyleSheet)[];
     private closeModal;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private handleDropdownOpen;
+    private handleCalendarOpen;
     private setScrollableMode;
     private getFooterClass;
     render(): import("lit-html").TemplateResult<1>;

package/dist/components/Select.d.ts

@@ -26,6 +26,7 @@ export declare class FilterableSelect extends BaseControl {
     isOpen: boolean;
     mobileFilterValue: string;
     private showNoResults;
+    lastElement: boolean;
     mobileInputRef: HTMLInputElement;
     private debounceTimeout;
     static styles: (import("lit").CSSResult | CSSStyleSheet)[];

package/dist/index.d.ts

@@ -24,4 +24,5 @@ export * from './components/DatePicker';
 export * from './components/CalendarOverlay';
 export * from './components/File';
 export * from './components/Carousel';
+export * from './components/Bubble';
 export * from './styles/scrollbar';