@oneluiz/dual-datepicker 2.4.0 → 2.5.0

package/README.md

@@ -1,30 +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
-
-- 📅 **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
-- 🔄 **Reactive Forms Support** - Full ControlValueAccessor implementation
-- ⚡ **Angular Signals** - Modern reactive state management
+## 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
+
+## ♿ 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
 
@@ -34,7 +88,7 @@ npm install @oneluiz/dual-datepicker
 
 ## 🚀 Quick Start
 
-### 1. Import the Component
+### Basic Usage
 
 ```typescript
 import { Component } from '@angular/core';
@@ -46,104 +100,58 @@ 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';
 
-@Component({
-  selector: 'app-example',
-  standalone: true,
-  imports: [FormsModule, DualDatepickerComponent],
-  template: `
-    <ngx-dual-datepicker
-      [fechaInicio]="fechaInicio"
-      [fechaFin]="fechaFin"
-      [presets]="customPresets"
-      (dateRangeChange)="onDateChange($event)">
-    </ngx-dual-datepicker>
-  `
-})
-export class ExampleComponent {
-  fechaInicio = '';
-  fechaFin = '';
-  
-  customPresets = [
-    { label: 'Last 7 days', daysAgo: 7 },
-    { label: 'Last 30 days', daysAgo: 30 },
-    { label: 'Last 90 days', daysAgo: 90 }
-  ];
+dateRange = new FormControl<DateRange | null>(null);
+```
 
-  onDateChange(range: DateRange) {
-    console.log('Date range selected:', range);
-    this.fechaInicio = range.fechaInicio;
-    this.fechaFin = range.fechaFin;
-  }
-}
+```html
+<ngx-dual-datepicker [formControl]="dateRange"></ngx-dual-datepicker>
 ```
 
-### 3. Use with Reactive Forms ✨ New!
+### With Angular Signals
 
 ```typescript
-import { Component, OnInit } from '@angular/core';
-import { FormBuilder, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { DualDatepickerComponent, DateRange } from '@oneluiz/dual-datepicker';
+import { signal } from '@angular/core';
 
-@Component({
-  selector: 'app-reactive-form',
-  standalone: true,
-  imports: [ReactiveFormsModule, DualDatepickerComponent],
-  template: `
-    <form [formGroup]="form" (ngSubmit)="onSubmit()">
-      <label>Select Date Range:</label>
-      <ngx-dual-datepicker
-        formControlName="dateRange"
-        placeholder="Choose dates"
-        [showClearButton]="true">
-      </ngx-dual-datepicker>
-      
-      <button type="submit" [disabled]="!form.valid">Submit</button>
-      
-      @if (form.value.dateRange) {
-        <div>
-          Selected: {{ form.value.dateRange.fechaInicio }} to {{ form.value.dateRange.fechaFin }}
-        </div>
-      }
-    </form>
-  `
-})
-export class ReactiveFormComponent implements OnInit {
-  form!: FormGroup;
+dateRange = signal<DateRange | null>(null);
+```
 
-  constructor(private fb: FormBuilder) {}
+```html
+<ngx-dual-datepicker
+  [(ngModel)]="dateRange()"
+  (dateRangeChange)="dateRange.set($event)">
+</ngx-dual-datepicker>
+```
 
-  ngOnInit() {
-    this.form = this.fb.group({
-      dateRange: [null] // Will receive DateRange object
-    });
-    
-    // Listen to changes
-    this.form.get('dateRange')?.valueChanges.subscribe(value => {
-      console.log('Date range changed:', value);
-    });
-  }
+### Custom Styling
 
-  onSubmit() {
-    const dateRange: DateRange = this.form.value.dateRange;
-    console.log('Form submitted:', dateRange);
-  }
+```html
+<ngx-dual-datepicker
+  inputBackgroundColor="#1a1a2e"
+  inputTextColor="#eee"
+  inputBorderColor="#4a5568"
+  inputBorderColorFocus="#3182ce">
+</ngx-dual-datepicker>
+```
+
+## 📚 Advanced Usage
 }
 ```
 
@@ -203,6 +211,221 @@ export class SignalsExampleComponent {
 }
 ```
 
+## 🔌 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)
+
+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)
@@ -455,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

@@ -37,11 +37,12 @@ export declare class DualDatepickerComponent implements OnInit, OnChanges, Contr
     locale: LocaleConfig;
     dateRangeChange: EventEmitter<DateRange>;
     dateRangeSelected: EventEmitter<DateRange>;
+    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<Date>;
-    mesAnterior: import("@angular/core").WritableSignal<Date>;
+    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>;

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