@oneluiz/dual-datepicker 2.3.0 → 2.5.0

package/README.md

@@ -1,28 +1,84 @@
-# @oneluiz/dual-datepicker
+# ng-dual-datepicker
 
-A beautiful, customizable dual-calendar date range picker for Angular 17+. Built as a standalone component with full TypeScript support.
+A lightweight, zero-dependency date range picker for Angular 17+. Built with standalone components, Reactive Forms, and Angular Signals. No Angular Material required.
 
 [![npm version](https://img.shields.io/npm/v/@oneluiz/dual-datepicker)](https://www.npmjs.com/package/@oneluiz/dual-datepicker)
 ![license](https://img.shields.io/npm/l/@oneluiz/dual-datepicker)
 ![Angular](https://img.shields.io/badge/Angular-17%2B-red)
 
+```bash
+npm install @oneluiz/dual-datepicker
+```
+
 ## 🎯 [Live Demo](https://oneluiz.github.io/ng-dual-datepicker/)
 
 **[Check out the interactive examples →](https://oneluiz.github.io/ng-dual-datepicker/)**
 
-## ✨ Features
+## Why ng-dual-datepicker?
+
+| Feature | ng-dual-datepicker | Angular Material DateRangePicker |
+|---------|-------------------|----------------------------------|
+| **Bundle Size** | ~60 KB gzipped | ~300+ KB (with dependencies) |
+| **Dependencies** | Zero | Requires @angular/material, @angular/cdk |
+| **Standalone** | ✅ Native | ⚠️ Requires module setup |
+| **Signals Support** | ✅ Built-in | ❌ Not yet |
+| **Customization** | Full styling control | Theme-constrained |
+| **Learning Curve** | Minimal | Requires Material knowledge |
+| **Change Detection** | OnPush optimized | Default |
+| **Setup Time** | < 1 minute | ~10+ minutes (theming, modules) |
+
+## ✨ Key Features
+
+- 🪶 **Zero Dependencies** – No external libraries required
+- 🎯 **Standalone Component** – No NgModule imports needed
+- ⚡ **Angular Signals** – Modern reactive state management
+- 🔄 **Reactive Forms** – Full ControlValueAccessor implementation
+- 🎨 **Fully Customizable** – Every color, padding, border configurable
+- 📦 **Lightweight** – ~60 KB gzipped total bundle
+- 🚀 **Performance** – OnPush change detection + trackBy optimization
+- ♿ **Accessible** – ARIA labels, semantic HTML, keyboard navigation (in progress)
+- 🌍 **i18n Ready** – Customizable month/day names
+- 📱 **Responsive** – Works on desktop and mobile
+
+## 🤔 When Should I Use This?
+
+**Use ng-dual-datepicker if you:**
+- Don't want to install Angular Material just for a date picker
+- Need precise control over styling and behavior
+- Want minimal bundle size impact
+- Prefer standalone components over NgModules
+- Need Angular Signals support now
+- Are building a custom design system
+
+**Use Angular Material DateRangePicker if you:**
+- Already use Angular Material throughout your app
+- Need Material Design compliance
+- Want a battle-tested enterprise solution with extensive ecosystem support
+
+## ⚡ Performance
+
+```typescript
+@Component({
+  changeDetection: ChangeDetectionStrategy.OnPush, // ✅ Optimized
+  standalone: true                                   // ✅ No module overhead
+})
+```
+
+- **OnPush change detection** – Minimal re-renders
+- **trackBy functions** – Efficient list rendering
+- **No external CSS** – No runtime stylesheet downloads
+- **Tree-shakeable** – Only import what you use
 
-- 📅 **Dual Calendar Display** - Side-by-side month view for easy range selection
-- 🎨 **Fully Customizable** - Color scheme, padding, and styling
-- ⚡ **Preset Ranges** - Configurable quick-select options
-- 🧹 **Clear Button** - Built-in button to reset selection
-- 🎯 **Standalone Component** - No module imports required
-- 🚀 **Zero Dependencies** - No Bootstrap or other CSS frameworks required
-- 🌍 **i18n Support** - Customizable month and day names for any language
-- 📱 **Responsive Design** - Works on desktop and mobile
-- 🌐 **TypeScript** - Full type safety
-- ♿ **Accessible** - Keyboard navigation and ARIA labels
-- 🎭 **Flexible Behavior** - Control when the picker closes
+## ♿ Accessibility (A11y)
+
+**Current Status:**
+- ✅ **Screen reader support** - ARIA labels included for all interactive elements
+- ✅ **Semantic HTML** - Proper HTML structure
+- 🚧 **Full keyboard navigation** - In active development (see [Roadmap](#-roadmap))
+  - Mouse/touch interaction: ✅ Fully supported
+  - Keyboard navigation: 🚧 In progress
+
+> **Note:** Full keyboard navigation support is planned and will be included in a future release. This includes arrow key navigation, Enter/Space selection, and Escape to close.
 
 ## 📦 Installation
 
@@ -32,7 +88,7 @@ npm install @oneluiz/dual-datepicker
 
 ## 🚀 Quick Start
 
-### 1. Import the Component
+### Basic Usage
 
 ```typescript
 import { Component } from '@angular/core';
@@ -44,50 +100,332 @@ import { DualDatepickerComponent, DateRange } from '@oneluiz/dual-datepicker';
   imports: [DualDatepickerComponent],
   template: `
     <ngx-dual-datepicker
-      [(ngModel)]="dateRange"
-      placeholder="Select date range">
+      (dateRangeChange)="onRangeChange($event)">
     </ngx-dual-datepicker>
   `
 })
 export class AppComponent {
-  dateRange: DateRange = { start: null, end: null };
+  onRangeChange(range: DateRange) {
+    console.log('Start:', range.fechaInicio);
+    console.log('End:', range.fechaFin);
+  }
 }
 ```
 
-### 2. Use with Forms
+### With Reactive Forms
 
 ```typescript
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DualDatepickerComponent } from '@oneluiz/dual-datepicker';
+import { FormControl } from '@angular/forms';
+import { DateRange } from '@oneluiz/dual-datepicker';
+
+dateRange = new FormControl<DateRange | null>(null);
+```
+
+```html
+<ngx-dual-datepicker [formControl]="dateRange"></ngx-dual-datepicker>
+```
+
+### With Angular Signals
+
+```typescript
+import { signal } from '@angular/core';
+
+dateRange = signal<DateRange | null>(null);
+```
+
+```html
+<ngx-dual-datepicker
+  [(ngModel)]="dateRange()"
+  (dateRangeChange)="dateRange.set($event)">
+</ngx-dual-datepicker>
+```
+
+### Custom Styling
+
+```html
+<ngx-dual-datepicker
+  inputBackgroundColor="#1a1a2e"
+  inputTextColor="#eee"
+  inputBorderColor="#4a5568"
+  inputBorderColorFocus="#3182ce">
+</ngx-dual-datepicker>
+```
+
+## 📚 Advanced Usage
+}
+```
+
+### 4. Use with Angular Signals ⚡ New!
+
+The component now uses Angular Signals internally for better performance and reactivity:
+
+```typescript
+import { Component, signal, computed } from '@angular/core';
+import { DualDatepickerComponent, DateRange } from '@oneluiz/dual-datepicker';
 
 @Component({
-  selector: 'app-example',
+  selector: 'app-signals-example',
   standalone: true,
-  imports: [FormsModule, DualDatepickerComponent],
+  imports: [DualDatepickerComponent],
   template: `
     <ngx-dual-datepicker
-      [(ngModel)]="selectedRange"
-      [presets]="customPresets"
-      (ngModelChange)="onDateChange($event)">
+      [fechaInicio]="fechaInicio()"
+      [fechaFin]="fechaFin()"
+      (dateRangeChange)="onDateChange($event)">
     </ngx-dual-datepicker>
+    
+    @if (isRangeSelected()) {
+      <div>
+        <p>{{ rangeText() }}</p>
+        <p>Days selected: {{ daysDifference() }}</p>
+      </div>
+    }
   `
 })
-export class ExampleComponent {
-  selectedRange = { start: null, end: null };
+export class SignalsExampleComponent {
+  fechaInicio = signal('');
+  fechaFin = signal('');
+  
+  // Computed values
+  isRangeSelected = computed(() => 
+    this.fechaInicio() !== '' && this.fechaFin() !== ''
+  );
+  
+  rangeText = computed(() => 
+    this.isRangeSelected() 
+      ? `${this.fechaInicio()} to ${this.fechaFin()}`
+      : 'No range selected'
+  );
   
-  customPresets = [
-    { label: 'Last 7 days', daysAgo: 7 },
-    { label: 'Last 30 days', daysAgo: 30 },
-    { label: 'Last 90 days', daysAgo: 90 }
-  ];
+  daysDifference = computed(() => {
+    if (!this.isRangeSelected()) return 0;
+    const start = new Date(this.fechaInicio());
+    const end = new Date(this.fechaFin());
+    return Math.ceil((end.getTime() - start.getTime()) / (1000 * 60 * 60 * 24));
+  });
+
+  onDateChange(range: DateRange) {
+    this.fechaInicio.set(range.fechaInicio);
+    this.fechaFin.set(range.fechaFin);
+  }
+}
+```
+
+## 🔌 Date Adapter System
+
+The library supports custom date adapters, allowing you to use different date libraries (DayJS, date-fns, Luxon) or custom backend models instead of native JavaScript `Date` objects.
+
+### Using Native Date (Default)
 
-  onDateChange(range: any) {
-    console.log('Date range selected:', range);
+By default, the component uses `NativeDateAdapter` which works with JavaScript `Date` objects:
+
+```typescript
+import { DualDatepickerComponent } from '@oneluiz/dual-datepicker';
+
+@Component({
+  standalone: true,
+  imports: [DualDatepickerComponent],
+  template: `<ngx-dual-datepicker></ngx-dual-datepicker>`
+})
+export class AppComponent {}
+```
+
+### Creating a Custom Adapter
+
+Example using **date-fns**:
+
+```typescript
+import { Injectable } from '@angular/core';
+import { DateAdapter } from '@oneluiz/dual-datepicker';
+import { 
+  parse, format, addDays, addMonths, 
+  getYear, getMonth, getDate, getDay,
+  isSameDay, isBefore, isAfter, isWithinInterval,
+  isValid 
+} from 'date-fns';
+
+@Injectable()
+export class DateFnsAdapter extends DateAdapter<Date> {
+  parse(value: any): Date | null {
+    if (!value) return null;
+    if (value instanceof Date) return value;
+    
+    const parsed = parse(value, 'yyyy-MM-dd', new Date());
+    return isValid(parsed) ? parsed : null;
+  }
+
+  format(date: Date, formatStr: string = 'yyyy-MM-dd'): string {
+    return format(date, formatStr);
+  }
+
+  addDays(date: Date, days: number): Date {
+    return addDays(date, days);
+  }
+
+  addMonths(date: Date, months: number): Date {
+    return addMonths(date, months);
+  }
+
+  getYear(date: Date): number {
+    return getYear(date);
+  }
+
+  getMonth(date: Date): number {
+    return getMonth(date);
+  }
+
+  getDate(date: Date): number {
+    return getDate(date);
+  }
+
+  getDay(date: Date): number {
+    return getDay(date);
+  }
+
+  createDate(year: number, month: number, day: number): Date {
+    return new Date(year, month, day);
+  }
+
+  today(): Date {
+    return new Date();
+  }
+
+  isSameDay(a: Date | null, b: Date | null): boolean {
+    if (!a || !b) return false;
+    return isSameDay(a, b);
+  }
+
+  isBefore(a: Date | null, b: Date | null): boolean {
+    if (!a || !b) return false;
+    return isBefore(a, b);
+  }
+
+  isAfter(a: Date | null, b: Date | null): boolean {
+    if (!a || !b) return false;
+    return isAfter(a, b);
+  }
+
+  isBetween(date: Date | null, start: Date | null, end: Date | null): boolean {
+    if (!date || !start || !end) return false;
+    return isWithinInterval(date, { start, end });
+  }
+
+  clone(date: Date): Date {
+    return new Date(date);
+  }
+
+  isValid(date: any): boolean {
+    return isValid(date);
+  }
+}
+```
+
+### Providing Custom Adapter
+
+```typescript
+import { Component } from '@angular/core';
+import { DualDatepickerComponent, DATE_ADAPTER } from '@oneluiz/dual-datepicker';
+import { DateFnsAdapter } from './date-fns-adapter';
+
+@Component({
+  standalone: true,
+  imports: [DualDatepickerComponent],
+  providers: [
+    { provide: DATE_ADAPTER, useClass: DateFnsAdapter }
+  ],
+  template: `<ngx-dual-datepicker></ngx-dual-datepicker>`
+})
+export class AppComponent {}
+```
+
+### Example: DayJS Adapter
+
+```typescript
+import { Injectable } from '@angular/core';
+import { DateAdapter } from '@oneluiz/dual-datepicker';
+import dayjs, { Dayjs } from 'dayjs';
+
+@Injectable()
+export class DayJSAdapter extends DateAdapter<Dayjs> {
+  parse(value: any): Dayjs | null {
+    if (!value) return null;
+    const parsed = dayjs(value);
+    return parsed.isValid() ? parsed : null;
+  }
+
+  format(date: Dayjs, format: string = 'YYYY-MM-DD'): string {
+    return date.format(format);
+  }
+
+  addDays(date: Dayjs, days: number): Dayjs {
+    return date.add(days, 'day');
+  }
+
+  addMonths(date: Dayjs, months: number): Dayjs {
+    return date.add(months, 'month');
+  }
+
+  getYear(date: Dayjs): number {
+    return date.year();
+  }
+
+  getMonth(date: Dayjs): number {
+    return date.month();
+  }
+
+  getDate(date: Dayjs): number {
+    return date.date();
+  }
+
+  getDay(date: Dayjs): number {
+    return date.day();
+  }
+
+  createDate(year: number, month: number, day: number): Dayjs {
+    return dayjs().year(year).month(month).date(day);
+  }
+
+  today(): Dayjs {
+    return dayjs();
+  }
+
+  isSameDay(a: Dayjs | null, b: Dayjs | null): boolean {
+    if (!a || !b) return false;
+    return a.isSame(b, 'day');
+  }
+
+  isBefore(a: Dayjs | null, b: Dayjs | null): boolean {
+    if (!a || !b) return false;
+    return a.isBefore(b);
+  }
+
+  isAfter(a: Dayjs | null, b: Dayjs | null): boolean {
+    if (!a || !b) return false;
+    return a.isAfter(b);
+  }
+
+  isBetween(date: Dayjs | null, start: Dayjs | null, end: Dayjs | null): boolean {
+    if (!date || !start || !end) return false;
+    return date.isAfter(start) && date.isBefore(end) || date.isSame(start) || date.isSame(end);
+  }
+
+  clone(date: Dayjs): Dayjs {
+    return date.clone();
+  }
+
+  isValid(date: any): boolean {
+    return dayjs.isDayjs(date) && date.isValid();
   }
 }
 ```
 
+### Benefits of Date Adapters
+
+- ✅ **Zero vendor lock-in** - Use any date library you prefer
+- ✅ **Consistency** - Use the same date library across your entire app
+- ✅ **Custom backend models** - Adapt to your API's date format
+- ✅ **Type safety** - Full TypeScript support with generics
+
 ## 🎨 Customization
 
 ### Custom Colors (Bootstrap Style)
@@ -146,7 +484,7 @@ customPresets: PresetConfig[] = [
 | `placeholder` | `string` | `'Select date range'` | Input placeholder text |
 | `presets` | `PresetConfig[]` | Default presets | Array of preset configurations |
 | `showPresets` | `boolean` | `true` | Show/hide the presets sidebar |
-| `showClearButton` | `boolean` | `true` | Show/hide the Clear button in dropdown |
+| `showClearButton` | `boolean` | `false` | Show/hide the Clear button in dropdown |
 | `closeOnSelection` | `boolean` | `false` | Close picker when both dates selected |
 | `closeOnPresetSelection` | `boolean` | `false` | Close picker when preset is clicked |
 | `closeOnClickOutside` | `boolean` | `true` | Close picker when clicking outside |
@@ -340,7 +678,17 @@ export class ExampleComponent {
 - Angular 19.0.0 or higher
 - Angular 20.0.0 or higher
 
-## 📄 License
+## �️ Roadmap
+
+Planned features and improvements:
+
+- ⬜ **Complete keyboard navigation** - Arrow keys, Enter/Space, Tab, Escape
+- ⬜ **Full accessibility audit** - WCAG 2.1 AA compliance
+- ⬜ **Presets improvements** - More flexible preset configurations
+- ⬜ **Multi-range support** - Select multiple date ranges
+- ⬜ **Theming system** - Pre-built theme presets
+
+## �📄 License
 
 MIT © Luis Cortes
 

package/date-adapter.d.ts

@@ -0,0 +1,116 @@
+import { InjectionToken } from '@angular/core';
+/**
+ * Abstract class for date adapters.
+ * Allows the component to work with different date libraries (Date, DayJS, date-fns, Luxon, etc.)
+ */
+export declare abstract class DateAdapter<T = any> {
+    /**
+     * Parses a value into a date object
+     * @param value - Value to parse (string, number, or date object)
+     * @returns Parsed date object
+     */
+    abstract parse(value: any): T | null;
+    /**
+     * Formats a date object into a string
+     * @param date - Date object to format
+     * @param format - Optional format string
+     * @returns Formatted date string
+     */
+    abstract format(date: T, format?: string): string;
+    /**
+     * Adds days to a date
+     * @param date - Date object
+     * @param days - Number of days to add (can be negative)
+     * @returns New date object
+     */
+    abstract addDays(date: T, days: number): T;
+    /**
+     * Adds months to a date
+     * @param date - Date object
+     * @param months - Number of months to add (can be negative)
+     * @returns New date object
+     */
+    abstract addMonths(date: T, months: number): T;
+    /**
+     * Gets the year from a date
+     * @param date - Date object
+     * @returns Year number
+     */
+    abstract getYear(date: T): number;
+    /**
+     * Gets the month from a date (0-11)
+     * @param date - Date object
+     * @returns Month number (0-11)
+     */
+    abstract getMonth(date: T): number;
+    /**
+     * Gets the day of month from a date
+     * @param date - Date object
+     * @returns Day of month (1-31)
+     */
+    abstract getDate(date: T): number;
+    /**
+     * Gets the day of week from a date (0-6, Sunday = 0)
+     * @param date - Date object
+     * @returns Day of week (0-6)
+     */
+    abstract getDay(date: T): number;
+    /**
+     * Creates a new date object
+     * @param year - Year
+     * @param month - Month (0-11)
+     * @param date - Day of month (1-31)
+     * @returns New date object
+     */
+    abstract createDate(year: number, month: number, date: number): T;
+    /**
+     * Gets today's date
+     * @returns Today's date object
+     */
+    abstract today(): T;
+    /**
+     * Checks if two dates are the same day
+     * @param a - First date
+     * @param b - Second date
+     * @returns True if same day
+     */
+    abstract isSameDay(a: T | null, b: T | null): boolean;
+    /**
+     * Checks if a date is before another
+     * @param a - First date
+     * @param b - Second date
+     * @returns True if a is before b
+     */
+    abstract isBefore(a: T | null, b: T | null): boolean;
+    /**
+     * Checks if a date is after another
+     * @param a - First date
+     * @param b - Second date
+     * @returns True if a is after b
+     */
+    abstract isAfter(a: T | null, b: T | null): boolean;
+    /**
+     * Checks if a date is between two other dates
+     * @param date - Date to check
+     * @param start - Start date
+     * @param end - End date
+     * @returns True if date is between start and end
+     */
+    abstract isBetween(date: T | null, start: T | null, end: T | null): boolean;
+    /**
+     * Clones a date object
+     * @param date - Date to clone
+     * @returns Cloned date object
+     */
+    abstract clone(date: T): T;
+    /**
+     * Checks if a value is a valid date
+     * @param date - Value to check
+     * @returns True if valid date
+     */
+    abstract isValid(date: any): boolean;
+}
+/**
+ * Injection token for DateAdapter
+ */
+export declare const DATE_ADAPTER: InjectionToken<DateAdapter<any>>;

package/dual-datepicker.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter, OnInit, OnChanges, SimpleChanges, ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 export interface DateRange {
     fechaInicio: string;
@@ -16,7 +17,7 @@ export interface LocaleConfig {
     dayNamesShort?: string[];
     firstDayOfWeek?: number;
 }
-export declare class DualDatepickerComponent implements OnInit, OnChanges {
+export declare class DualDatepickerComponent implements OnInit, OnChanges, ControlValueAccessor {
     private elementRef;
     placeholder: string;
     fechaInicio: string;
@@ -36,17 +37,24 @@ export declare class DualDatepickerComponent implements OnInit, OnChanges {
     locale: LocaleConfig;
     dateRangeChange: EventEmitter<DateRange>;
     dateRangeSelected: EventEmitter<DateRange>;
-    mostrarDatePicker: boolean;
-    rangoFechas: string;
-    fechaSeleccionandoInicio: boolean;
-    mesActual: Date;
-    mesAnterior: Date;
-    diasMesActual: any[];
-    diasMesAnterior: any[];
+    private dateAdapter;
+    mostrarDatePicker: import("@angular/core").WritableSignal<boolean>;
+    rangoFechas: import("@angular/core").WritableSignal<string>;
+    fechaSeleccionandoInicio: import("@angular/core").WritableSignal<boolean>;
+    mesActual: import("@angular/core").WritableSignal<any>;
+    mesAnterior: import("@angular/core").WritableSignal<any>;
+    diasMesActual: import("@angular/core").WritableSignal<any[]>;
+    diasMesAnterior: import("@angular/core").WritableSignal<any[]>;
+    isDisabled: import("@angular/core").WritableSignal<boolean>;
+    nombreMesActual: import("@angular/core").Signal<string>;
+    nombreMesAnterior: import("@angular/core").Signal<string>;
+    diasSemana: import("@angular/core").Signal<string[]>;
     private readonly defaultMonthNames;
     private readonly defaultMonthNamesShort;
     private readonly defaultDayNames;
     private readonly defaultDayNamesShort;
+    private onChange;
+    private onTouched;
     constructor(elementRef: ElementRef);
     onClickOutside(event: MouseEvent): void;
     ngOnInit(): void;
@@ -67,6 +75,11 @@ export declare class DualDatepickerComponent implements OnInit, OnChanges {
     limpiar(): void;
     private emitirCambio;
     private emitirSeleccion;
+    private getDateRangeValue;
+    writeValue(value: DateRange | null): void;
+    registerOnChange(fn: (value: DateRange | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DualDatepickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DualDatepickerComponent, "ngx-dual-datepicker", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "fechaInicio": { "alias": "fechaInicio"; "required": false; }; "fechaFin": { "alias": "fechaFin"; "required": false; }; "showPresets": { "alias": "showPresets"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "closeOnSelection": { "alias": "closeOnSelection"; "required": false; }; "closeOnPresetSelection": { "alias": "closeOnPresetSelection"; "required": false; }; "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; }; "presets": { "alias": "presets"; "required": false; }; "inputBackgroundColor": { "alias": "inputBackgroundColor"; "required": false; }; "inputTextColor": { "alias": "inputTextColor"; "required": false; }; "inputBorderColor": { "alias": "inputBorderColor"; "required": false; }; "inputBorderColorHover": { "alias": "inputBorderColorHover"; "required": false; }; "inputBorderColorFocus": { "alias": "inputBorderColorFocus"; "required": false; }; "inputPadding": { "alias": "inputPadding"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; }, { "dateRangeChange": "dateRangeChange"; "dateRangeSelected": "dateRangeSelected"; }, never, never, true, never>;
 }

package/esm2022/date-adapter.mjs

@@ -0,0 +1,12 @@
+import { InjectionToken } from '@angular/core';
+/**
+ * Abstract class for date adapters.
+ * Allows the component to work with different date libraries (Date, DayJS, date-fns, Luxon, etc.)
+ */
+export class DateAdapter {
+}
+/**
+ * Injection token for DateAdapter
+ */
+export const DATE_ADAPTER = new InjectionToken('DATE_ADAPTER');
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1hZGFwdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2RhdGUtYWRhcHRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRS9DOzs7R0FHRztBQUNILE1BQU0sT0FBZ0IsV0FBVztDQXlIaEM7QUFFRDs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxJQUFJLGNBQWMsQ0FBYyxjQUFjLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQWJzdHJhY3QgY2xhc3MgZm9yIGRhdGUgYWRhcHRlcnMuXG4gKiBBbGxvd3MgdGhlIGNvbXBvbmVudCB0byB3b3JrIHdpdGggZGlmZmVyZW50IGRhdGUgbGlicmFyaWVzIChEYXRlLCBEYXlKUywgZGF0ZS1mbnMsIEx1eG9uLCBldGMuKVxuICovXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgRGF0ZUFkYXB0ZXI8VCA9IGFueT4ge1xuICAvKipcbiAgICogUGFyc2VzIGEgdmFsdWUgaW50byBhIGRhdGUgb2JqZWN0XG4gICAqIEBwYXJhbSB2YWx1ZSAtIFZhbHVlIHRvIHBhcnNlIChzdHJpbmcsIG51bWJlciwgb3IgZGF0ZSBvYmplY3QpXG4gICAqIEByZXR1cm5zIFBhcnNlZCBkYXRlIG9iamVjdFxuICAgKi9cbiAgYWJzdHJhY3QgcGFyc2UodmFsdWU6IGFueSk6IFQgfCBudWxsO1xuXG4gIC8qKlxuICAgKiBGb3JtYXRzIGEgZGF0ZSBvYmplY3QgaW50byBhIHN0cmluZ1xuICAgKiBAcGFyYW0gZGF0ZSAtIERhdGUgb2JqZWN0IHRvIGZvcm1hdFxuICAgKiBAcGFyYW0gZm9ybWF0IC0gT3B0aW9uYWwgZm9ybWF0IHN0cmluZ1xuICAgKiBAcmV0dXJucyBGb3JtYXR0ZWQgZGF0ZSBzdHJpbmdcbiAgICovXG4gIGFic3RyYWN0IGZvcm1hdChkYXRlOiBULCBmb3JtYXQ/OiBzdHJpbmcpOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEFkZHMgZGF5cyB0byBhIGRhdGVcbiAgICogQHBhcmFtIGRhdGUgLSBEYXRlIG9iamVjdFxuICAgKiBAcGFyYW0gZGF5cyAtIE51bWJlciBvZiBkYXlzIHRvIGFkZCAoY2FuIGJlIG5lZ2F0aXZlKVxuICAgKiBAcmV0dXJucyBOZXcgZGF0ZSBvYmplY3RcbiAgICovXG4gIGFic3RyYWN0IGFkZERheXMoZGF0ZTogVCwgZGF5czogbnVtYmVyKTogVDtcblxuICAvKipcbiAgICogQWRkcyBtb250aHMgdG8gYSBkYXRlXG4gICAqIEBwYXJhbSBkYXRlIC0gRGF0ZSBvYmplY3RcbiAgICogQHBhcmFtIG1vbnRocyAtIE51bWJlciBvZiBtb250aHMgdG8gYWRkIChjYW4gYmUgbmVnYXRpdmUpXG4gICAqIEByZXR1cm5zIE5ldyBkYXRlIG9iamVjdFxuICAgKi9cbiAgYWJzdHJhY3QgYWRkTW9udGhzKGRhdGU6IFQsIG1vbnRoczogbnVtYmVyKTogVDtcblxuICAvKipcbiAgICogR2V0cyB0aGUgeWVhciBmcm9tIGEgZGF0ZVxuICAgKiBAcGFyYW0gZGF0ZSAtIERhdGUgb2JqZWN0XG4gICAqIEByZXR1cm5zIFllYXIgbnVtYmVyXG4gICAqL1xuICBhYnN0cmFjdCBnZXRZZWFyKGRhdGU6IFQpOiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIEdldHMgdGhlIG1vbnRoIGZyb20gYSBkYXRlICgwLTExKVxuICAgKiBAcGFyYW0gZGF0ZSAtIERhdGUgb2JqZWN0XG4gICAqIEByZXR1cm5zIE1vbnRoIG51bWJlciAoMC0xMSlcbiAgICovXG4gIGFic3RyYWN0IGdldE1vbnRoKGRhdGU6IFQpOiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIEdldHMgdGhlIGRheSBvZiBtb250aCBmcm9tIGEgZGF0ZVxuICAgKiBAcGFyYW0gZGF0ZSAtIERhdGUgb2JqZWN0XG4gICAqIEByZXR1cm5zIERheSBvZiBtb250aCAoMS0zMSlcbiAgICovXG4gIGFic3RyYWN0IGdldERhdGUoZGF0ZTogVCk6IG51bWJlcjtcblxuICAvKipcbiAgICogR2V0cyB0aGUgZGF5IG9mIHdlZWsgZnJvbSBhIGRhdGUgKDAtNiwgU3VuZGF5ID0gMClcbiAgICogQHBhcmFtIGRhdGUgLSBEYXRlIG9iamVjdFxuICAgKiBAcmV0dXJucyBEYXkgb2Ygd2VlayAoMC02KVxuICAgKi9cbiAgYWJzdHJhY3QgZ2V0RGF5KGRhdGU6IFQpOiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIENyZWF0ZXMgYSBuZXcgZGF0ZSBvYmplY3RcbiAgICogQHBhcmFtIHllYXIgLSBZZWFyXG4gICAqIEBwYXJhbSBtb250aCAtIE1vbnRoICgwLTExKVxuICAgKiBAcGFyYW0gZGF0ZSAtIERheSBvZiBtb250aCAoMS0zMSlcbiAgICogQHJldHVybnMgTmV3IGRhdGUgb2JqZWN0XG4gICAqL1xuICBhYnN0cmFjdCBjcmVhdGVEYXRlKHllYXI6IG51bWJlciwgbW9udGg6IG51bWJlciwgZGF0ZTogbnVtYmVyKTogVDtcblxuICAvKipcbiAgICogR2V0cyB0b2RheSdzIGRhdGVcbiAgICogQHJldHVybnMgVG9kYXkncyBkYXRlIG9iamVjdFxuICAgKi9cbiAgYWJzdHJhY3QgdG9kYXkoKTogVDtcblxuICAvKipcbiAgICogQ2hlY2tzIGlmIHR3byBkYXRlcyBhcmUgdGhlIHNhbWUgZGF5XG4gICAqIEBwYXJhbSBhIC0gRmlyc3QgZGF0ZVxuICAgKiBAcGFyYW0gYiAtIFNlY29uZCBkYXRlXG4gICAqIEByZXR1cm5zIFRydWUgaWYgc2FtZSBkYXlcbiAgICovXG4gIGFic3RyYWN0IGlzU2FtZURheShhOiBUIHwgbnVsbCwgYjogVCB8IG51bGwpOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBDaGVja3MgaWYgYSBkYXRlIGlzIGJlZm9yZSBhbm90aGVyXG4gICAqIEBwYXJhbSBhIC0gRmlyc3QgZGF0ZVxuICAgKiBAcGFyYW0gYiAtIFNlY29uZCBkYXRlXG4gICAqIEByZXR1cm5zIFRydWUgaWYgYSBpcyBiZWZvcmUgYlxuICAgKi9cbiAgYWJzdHJhY3QgaXNCZWZvcmUoYTogVCB8IG51bGwsIGI6IFQgfCBudWxsKTogYm9vbGVhbjtcblxuICAvKipcbiAgICogQ2hlY2tzIGlmIGEgZGF0ZSBpcyBhZnRlciBhbm90aGVyXG4gICAqIEBwYXJhbSBhIC0gRmlyc3QgZGF0ZVxuICAgKiBAcGFyYW0gYiAtIFNlY29uZCBkYXRlXG4gICAqIEByZXR1cm5zIFRydWUgaWYgYSBpcyBhZnRlciBiXG4gICAqL1xuICBhYnN0cmFjdCBpc0FmdGVyKGE6IFQgfCBudWxsLCBiOiBUIHwgbnVsbCk6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIENoZWNrcyBpZiBhIGRhdGUgaXMgYmV0d2VlbiB0d28gb3RoZXIgZGF0ZXNcbiAgICogQHBhcmFtIGRhdGUgLSBEYXRlIHRvIGNoZWNrXG4gICAqIEBwYXJhbSBzdGFydCAtIFN0YXJ0IGRhdGVcbiAgICogQHBhcmFtIGVuZCAtIEVuZCBkYXRlXG4gICAqIEByZXR1cm5zIFRydWUgaWYgZGF0ZSBpcyBiZXR3ZWVuIHN0YXJ0IGFuZCBlbmRcbiAgICovXG4gIGFic3RyYWN0IGlzQmV0d2VlbihkYXRlOiBUIHwgbnVsbCwgc3RhcnQ6IFQgfCBudWxsLCBlbmQ6IFQgfCBudWxsKTogYm9vbGVhbjtcblxuICAvKipcbiAgICogQ2xvbmVzIGEgZGF0ZSBvYmplY3RcbiAgICogQHBhcmFtIGRhdGUgLSBEYXRlIHRvIGNsb25lXG4gICAqIEByZXR1cm5zIENsb25lZCBkYXRlIG9iamVjdFxuICAgKi9cbiAgYWJzdHJhY3QgY2xvbmUoZGF0ZTogVCk6IFQ7XG5cbiAgLyoqXG4gICAqIENoZWNrcyBpZiBhIHZhbHVlIGlzIGEgdmFsaWQgZGF0ZVxuICAgKiBAcGFyYW0gZGF0ZSAtIFZhbHVlIHRvIGNoZWNrXG4gICAqIEByZXR1cm5zIFRydWUgaWYgdmFsaWQgZGF0ZVxuICAgKi9cbiAgYWJzdHJhY3QgaXNWYWxpZChkYXRlOiBhbnkpOiBib29sZWFuO1xufVxuXG4vKipcbiAqIEluamVjdGlvbiB0b2tlbiBmb3IgRGF0ZUFkYXB0ZXJcbiAqL1xuZXhwb3J0IGNvbnN0IERBVEVfQURBUFRFUiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxEYXRlQWRhcHRlcj4oJ0RBVEVfQURBUFRFUicpO1xuIl19