@wlcm/angular 19.1.3 → 19.1.5

package/datepicker/index.d.ts

@@ -1,10 +1,13 @@
 export { WlcmDateRangePickerInputComponent } from './lib/components/range/date-range-picker-input/date-range-picker-input.component';
+export { DoubleCalendarRangePickerComponent } from './lib/components/range/double-calendar-range-picker/double-calendar-range-picker.component';
+export { SingleCalendarRangePickerComponent } from './lib/components/range/single-calendar-range-picker/single-calendar-range-picker.component';
 export { WlcmDatepickerInputContainerComponent } from './lib/components/single/datepicker-input-container/datepicker-input-container.component';
 export { DateRangePickerInputEndDirective } from './lib/directives/ragne/date-range-picker-input-end.directive';
 export { DateRangePickerInputStartDirective } from './lib/directives/ragne/date-range-picker-input-start.directive';
 export { WlcmDatepickerInputDirective } from './lib/directives/single/datepicker-input.directive';
-export { WlcmDateRangeValidation } from './lib/models/range/date-range-validation.models';
 export { WlcmDateRangeInputValidator } from './lib/utils/range/date-range-input.validators';
+export { WlcmDateRangeValidation } from './lib/models/range/date-range-validation.models';
+export { WlcmDateRangePicker } from './lib/models/range/date-range-picker.models';
 export { WlcmDateValidation } from './lib/models/date-picker.models';
 export { WlcmDatepickerModule } from './lib/datepicker.module';
 export { WLCM_DATEPICKER_CONFIG } from './lib/constants/datepicker.constants';

package/datepicker/lib/components/range/date-range-picker-bottom-panel/date-range-picker-bottom-panel.component.d.ts

@@ -1,8 +1,8 @@
-import { WlcmDateRangePickerComponent } from '../date-range-picker/date-range-picker.component';
+import { WlcmDateRangePicker } from '../../../models/range/date-range-picker.models';
 import * as i0 from "@angular/core";
 export declare class WlcmDateRangePickerBottomPanelComponent {
-    protected picker: WlcmDateRangePickerComponent;
-    constructor(picker: WlcmDateRangePickerComponent);
+    protected picker: WlcmDateRangePicker;
+    constructor(picker: WlcmDateRangePicker);
     static ɵfac: i0.ɵɵFactoryDeclaration<WlcmDateRangePickerBottomPanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<WlcmDateRangePickerBottomPanelComponent, "wlcm-date-range-picker-bottom-panel", never, {}, {}, never, never, true, never>;
 }

package/datepicker/lib/components/range/date-range-picker-input/date-range-picker-input.component.d.ts

@@ -2,12 +2,12 @@ import { AfterContentInit, AfterViewInit, ElementRef, Type, ViewContainerRef } f
 import { DateRange, MatDateSelectionModel } from '@angular/material/datepicker';
 import { WlcmFormField, WlcmFormFieldInput } from '@wlcm/angular/forms';
 import { Observable } from 'rxjs';
-import { Overlay } from '@angular/cdk/overlay';
-import { WlcmDateRangePickerComponent } from '../date-range-picker/date-range-picker.component';
 import { ControlContainer } from '@angular/forms';
+import { WlcmDateRangePicker } from '../../../models/range/date-range-picker.models';
 import { WlcmDatepickerTrigger } from '../../../directives/datepicker-trigger.base';
+import { Overlay } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
-export declare class WlcmDateRangePickerInputComponent extends WlcmDatepickerTrigger<WlcmDateRangePickerComponent, DateRange<Date>> implements WlcmFormFieldInput, AfterContentInit, AfterViewInit {
+export declare class WlcmDateRangePickerInputComponent extends WlcmDatepickerTrigger<WlcmDateRangePicker, DateRange<Date>> implements WlcmFormFieldInput, AfterContentInit, AfterViewInit {
     protected overlay: Overlay;
     protected viewContainerRef: ViewContainerRef;
     protected selectionModel: MatDateSelectionModel<DateRange<Date>>;
@@ -17,9 +17,9 @@ export declare class WlcmDateRangePickerInputComponent extends WlcmDatepickerTri
     private readonly _blurStream$;
     focus$: Observable<unknown>;
     blur$: Observable<unknown>;
+    componentType: Type<WlcmDateRangePicker>;
     private startInput;
     private endInput;
-    componentType: Type<WlcmDateRangePickerComponent>;
     protected connectedTo: ElementRef<HTMLElement>;
     constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, selectionModel: MatDateSelectionModel<DateRange<Date>>, formField: WlcmFormField, controlContainer: ControlContainer);
     ngAfterContentInit(): void;
@@ -32,5 +32,5 @@ export declare class WlcmDateRangePickerInputComponent extends WlcmDatepickerTri
     private checkInputs;
     private attachFocusBlurListeners;
     static ɵfac: i0.ɵɵFactoryDeclaration<WlcmDateRangePickerInputComponent, [null, null, null, { host: true; }, { host: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WlcmDateRangePickerInputComponent, "wlcm-date-range-picker-input", ["wlcmDateRangePickerInput"], {}, {}, ["startInput", "endInput"], ["[wlcmDateRangePickerInputStart]", "[wlcmDateRangePickerInputEnd]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WlcmDateRangePickerInputComponent, "wlcm-date-range-picker-input", ["wlcmDateRangePickerInput"], { "componentType": { "alias": "componentType"; "required": false; }; }, {}, ["startInput", "endInput"], ["[wlcmDateRangePickerInputStart]", "[wlcmDateRangePickerInputEnd]"], true, never>;
 }

package/datepicker/lib/components/range/{date-range-picker/date-range-picker.component.d.ts → double-calendar-range-picker/double-calendar-range-picker.component.d.ts}

@@ -1,39 +1,33 @@
-import { ElementRef, Signal, Type, WritableSignal } from '@angular/core';
-import { DateRange, MatCalendar, MatCalendarUserEvent, MatDateRangeSelectionStrategy, MatDateSelectionModel, MatMonthView } from '@angular/material/datepicker';
+import { ElementRef, Type, WritableSignal } from '@angular/core';
+import { WlcmDateRangePicker, WlcmDateRangePickerConfig } from '../../../models/range/date-range-picker.models';
 import { DateAdapter } from '@angular/material/core';
-import { WlcmDateRangePickerConfig } from '../../../models/range/date-range-picker.models';
+import { MatDateRangeSelectionStrategy, MatDateSelectionModel, DateRange, MatCalendar, MatMonthView } from '@angular/material/datepicker';
 import { WlcmDatepickerTrigger } from '../../../directives/datepicker-trigger.base';
 import { WlcmDatepickerConfig } from '../../../models/date-picker.models';
 import * as i0 from "@angular/core";
-export declare class WlcmDateRangePickerComponent {
+export declare class DoubleCalendarRangePickerComponent extends WlcmDateRangePicker {
     private rangeConfig;
-    private rangeSelectionStrategy;
+    protected rangeSelectionStrategy: MatDateRangeSelectionStrategy<Date>;
     protected localSelectionModel: MatDateSelectionModel<DateRange<Date>>;
     protected triggerSelectionModel: MatDateSelectionModel<DateRange<Date>>;
-    protected trigger: WlcmDatepickerTrigger<WlcmDateRangePickerComponent>;
+    protected trigger: WlcmDatepickerTrigger<DoubleCalendarRangePickerComponent>;
     protected datepickerConfig: WlcmDatepickerConfig;
     protected dateAdapter: DateAdapter<Date>;
     protected headerComponent: Type<unknown>;
     private _isViewInitialized;
-    private _isComplete;
-    readonly isComplete: Signal<boolean>;
-    constructor(rangeConfig: WlcmDateRangePickerConfig, rangeSelectionStrategy: MatDateRangeSelectionStrategy<Date>, localSelectionModel: MatDateSelectionModel<DateRange<Date>>, triggerSelectionModel: MatDateSelectionModel<DateRange<Date>>, trigger: WlcmDatepickerTrigger<WlcmDateRangePickerComponent>, datepickerConfig: WlcmDatepickerConfig, dateAdapter: DateAdapter<Date>);
+    constructor(rangeConfig: WlcmDateRangePickerConfig, rangeSelectionStrategy: MatDateRangeSelectionStrategy<Date>, localSelectionModel: MatDateSelectionModel<DateRange<Date>>, triggerSelectionModel: MatDateSelectionModel<DateRange<Date>>, trigger: WlcmDatepickerTrigger<DoubleCalendarRangePickerComponent>, datepickerConfig: WlcmDatepickerConfig, dateAdapter: DateAdapter<Date>);
     leftCalendar: MatCalendar<Date>;
     rightCalendar: MatCalendar<Date>;
     leftCalendarElement: ElementRef<HTMLElement>;
-    monthView: MatMonthView<any>;
+    monthView: MatMonthView<Date>;
     startDate: WritableSignal<Date>;
     leftCalendarYearViewActivated: WritableSignal<boolean>;
     rightCalendarYearViewActivated: WritableSignal<boolean>;
     ngAfterViewInit(): void;
-    calendarSelection(event: MatCalendarUserEvent<Date | null>): void;
-    calendarDragDrop(event: MatCalendarUserEvent<DateRange<Date>>): void;
     apply(): void;
     reset(): void;
-    get selected(): DateRange<Date>;
     private get leftCalendarActiveCell();
-    private handleSelectionChanged;
     private handleRightCalendarPreviewChange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WlcmDateRangePickerComponent, [{ optional: true; }, null, null, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WlcmDateRangePickerComponent, "wlcm-date-range-picker", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DoubleCalendarRangePickerComponent, [{ optional: true; }, null, null, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DoubleCalendarRangePickerComponent, "wlcm-double-calendar-range-picker", never, {}, {}, never, never, true, never>;
 }

package/datepicker/lib/components/range/single-calendar-range-picker/single-calendar-range-picker.component.d.ts

@@ -0,0 +1,25 @@
+import { Type } from '@angular/core';
+import { DateAdapter } from '@angular/material/core';
+import { MatDateRangeSelectionStrategy, MatDateSelectionModel, DateRange } from '@angular/material/datepicker';
+import { WlcmDateRangePicker, WlcmDateRangePickerConfig } from '../../../models/range/date-range-picker.models';
+import { WlcmCalendarHeaderComponent } from '../../calendar-header/calendar-header.component';
+import { WlcmDatepickerTrigger } from '../../../directives/datepicker-trigger.base';
+import { WlcmDatepickerConfig } from '../../../models/date-picker.models';
+import * as i0 from "@angular/core";
+export declare class SingleCalendarRangePickerComponent extends WlcmDateRangePicker {
+    private rangeConfig;
+    protected rangeSelectionStrategy: MatDateRangeSelectionStrategy<Date>;
+    protected localSelectionModel: MatDateSelectionModel<DateRange<Date>>;
+    protected triggerSelectionModel: MatDateSelectionModel<DateRange<Date>>;
+    protected trigger: WlcmDatepickerTrigger<SingleCalendarRangePickerComponent>;
+    protected datepickerConfig: WlcmDatepickerConfig;
+    protected dateAdapter: DateAdapter<Date>;
+    protected headerComponent: Type<WlcmCalendarHeaderComponent>;
+    constructor(rangeConfig: WlcmDateRangePickerConfig, rangeSelectionStrategy: MatDateRangeSelectionStrategy<Date>, localSelectionModel: MatDateSelectionModel<DateRange<Date>>, triggerSelectionModel: MatDateSelectionModel<DateRange<Date>>, trigger: WlcmDatepickerTrigger<SingleCalendarRangePickerComponent>, datepickerConfig: WlcmDatepickerConfig, dateAdapter: DateAdapter<Date>);
+    get minDate(): Date | undefined;
+    get maxDate(): Date | undefined;
+    apply(): void;
+    reset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SingleCalendarRangePickerComponent, [{ optional: true; }, null, null, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SingleCalendarRangePickerComponent, "wlcm-single-calendar-range-picker", never, {}, {}, never, never, true, never>;
+}

package/datepicker/lib/directives/datepicker-trigger.base.d.ts

@@ -25,7 +25,6 @@ export declare abstract class WlcmDatepickerTrigger<T, D = Date> {
     get datepickerInjector(): Injector;
     get defaultDatepickerConfig(): WlcmDatepickerConfig;
     get datepickerConfig(): WlcmDatepickerConfig;
-    private get overlayOrigin();
     private handleBackdropClick;
     private updatePositionStrategy;
     private createOverlayConfig;

package/datepicker/lib/models/range/date-range-picker.models.d.ts

@@ -1,4 +1,18 @@
-import { Type } from '@angular/core';
+import { Signal, Type, WritableSignal } from '@angular/core';
+import { MatDateSelectionModel, DateRange, MatCalendarUserEvent, MatDateRangeSelectionStrategy } from '@angular/material/datepicker';
+export declare abstract class WlcmDateRangePicker {
+    protected localSelectionModel: MatDateSelectionModel<DateRange<Date>>;
+    protected rangeSelectionStrategy: MatDateRangeSelectionStrategy<Date>;
+    protected _isComplete: WritableSignal<boolean>;
+    readonly isComplete: Signal<boolean>;
+    constructor(localSelectionModel: MatDateSelectionModel<DateRange<Date>>, rangeSelectionStrategy: MatDateRangeSelectionStrategy<Date>);
+    abstract apply(): void;
+    abstract reset(): void;
+    calendarSelection(event: MatCalendarUserEvent<Date | null>): void;
+    calendarDragDrop(event: MatCalendarUserEvent<DateRange<Date>>): void;
+    get selected(): DateRange<Date>;
+    private handleSelectionChanged;
+}
 export interface WlcmDateRangePickerConfig {
     headerComponent?: Type<unknown>;
 }

package/forms/fesm2022/wlcm-angular-forms.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Injectable, InjectionToken, inject, Directive, Pipe, Inject, HostListener, forwardRef, ChangeDetectorRef, Optional, Input, ContentChild, ViewChild, HostBinding, EventEmitter, NgZone, Host, Output, input, output, ElementRef, contentChildren, computed, signal, effect, viewChildren, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Injectable, InjectionToken, inject, Directive, Pipe, Inject, HostListener, forwardRef, ChangeDetectorRef, Optional, Input, ContentChild, ViewChild, HostBinding, EventEmitter, NgZone, Host, Output, input, output, runInInjectionContext, ElementRef, Injector, contentChildren, computed, signal, effect, viewChildren, NgModule } from '@angular/core';
 import { __decorate, __metadata } from 'tslib';
 import * as i4 from '@angular/forms';
 import { Validators, NgControl, ControlContainer, FormControl, NG_VALUE_ACCESSOR, NG_VALIDATORS, ReactiveFormsModule } from '@angular/forms';
@@ -19,7 +19,6 @@ import * as i3 from '@angular/material/core';
 import * as i1$2 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { toObservable } from '@angular/core/rxjs-interop';
-import { CdkOverlayOrigin } from '@angular/cdk/overlay';
 import { MatRadioModule, MAT_RADIO_DEFAULT_OPTIONS } from '@angular/material/radio';
 
 class WlcmErrorComponent {
@@ -476,8 +475,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
 
 const PANEL_CLASS$1 = 'wlcm-autocomplete-panel';
 let WlcmAutocompleteComponent = class WlcmAutocompleteComponent extends WlcmAutocomplete {
-    constructor(formField) {
+    constructor(injector, formField) {
         super();
+        this.injector = injector;
         this.formField = formField;
         this.required = false;
         this.placeholder = '';
@@ -506,16 +506,15 @@ let WlcmAutocompleteComponent = class WlcmAutocompleteComponent extends WlcmAuto
         this.handleLoadMoreEvent();
         this.handleControlValueChanges();
         this.handleAdjustedValue();
-        if (formField) {
-            this._preferredOverlayOrigin = new MatAutocompleteOrigin(this.formField.inputContainer);
-        }
     }
     ngOnInit() {
         this.loadOptions().pipe(first()).subscribe();
     }
     ngAfterViewInit() {
         this.viewReady$.next();
-        this.autocompleteTrigger.connectedTo = this._preferredOverlayOrigin;
+        const origin = runInInjectionContext(this.injector, () => new MatAutocompleteOrigin());
+        origin.elementRef = this.formField.inputContainer;
+        this.autocompleteTrigger.connectedTo = origin;
         this.attachFocusBlurListeners();
     }
     displayWith(value) {
@@ -627,7 +626,7 @@ let WlcmAutocompleteComponent = class WlcmAutocompleteComponent extends WlcmAuto
             .pipe(switchMap(() => this.adjustedValue$.pipe(filter(Boolean))))
             .subscribe((value) => this._changed?.(value));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: WlcmAutocompleteComponent, deps: [{ token: WLCM_FORM_FIELD }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: WlcmAutocompleteComponent, deps: [{ token: i0.Injector }, { token: WLCM_FORM_FIELD }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: WlcmAutocompleteComponent, isStandalone: true, selector: "wlcm-autocomplete", inputs: { fetchPaginatedOptions: { classPropertyName: "fetchPaginatedOptions", publicName: "fetchPaginatedOptions", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, optionTemplate: { classPropertyName: "optionTemplate", publicName: "optionTemplate", isSignal: false, isRequired: false, transformFunction: null }, queryParams: { classPropertyName: "queryParams", publicName: "queryParams", isSignal: false, isRequired: false, transformFunction: (params) => cloneDeep(params) }, selectOptionFormat: { classPropertyName: "selectOptionFormat", publicName: "selectOptionFormat", isSignal: true, isRequired: false, transformFunction: null }, noResultsTemplate: { classPropertyName: "noResultsTemplate", publicName: "noResultsTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, host: { classAttribute: "wlcm-autocomplete" }, providers: [
             { provide: MAT_AUTOCOMPLETE_DEFAULT_OPTIONS, useValue: { overlayPanelClass: PANEL_CLASS$1 } },
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => WlcmAutocompleteComponent), multi: true },
@@ -643,7 +642,7 @@ let WlcmAutocompleteComponent = class WlcmAutocompleteComponent extends WlcmAuto
 };
 WlcmAutocompleteComponent = __decorate([
     UntilDestroy(),
-    __metadata("design:paramtypes", [Object])
+    __metadata("design:paramtypes", [Injector, Object])
 ], WlcmAutocompleteComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: WlcmAutocompleteComponent, decorators: [{
             type: Component,
@@ -659,7 +658,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                             },
                         },
                     ], template: "<input\n  wlcmInput\n  type=\"text\"\n  [matAutocomplete]=\"autocomplete\"\n  [placeholder]=\"placeholder\"\n  [formControl]=\"control\"\n  (blur)=\"blured()\"\n/>\n\n<mat-autocomplete\n  #autocomplete=\"matAutocomplete\"\n  wlcmAutocomplete\n  [disableRipple]=\"true\"\n  [displayWith]=\"displayWith\"\n  [hideSingleSelectionIndicator]=\"true\"\n  (panelScrolled)=\"loadMore()\"\n>\n  <ng-container *rxLet=\"$any(options$ | async); let options\">\n    <mat-option\n      *ngFor=\"let option of options\"\n      [ngClass]=\"{ 'wlcm-custom-option-content': optionTemplate }\"\n      [value]=\"option\"\n    >\n      @if (optionTemplate) {\n        <ng-container\n          *ngTemplateOutlet=\"optionTemplate; context: { $implicit: option }\"\n        ></ng-container>\n      } @else {\n        {{ option.viewValue }}\n      }\n    </mat-option>\n\n    <mat-option [disabled]=\"true\" *ngIf=\"options.length === 0\">\n      @if (noResultsTemplate()) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            noResultsTemplate()!;\n            context: { $implicit: control.value, loading: loading$ | async }\n          \"\n        ></ng-container>\n      } @else {\n        <ng-container\n          *ngTemplateOutlet=\"\n            defaultNoResultsTemplate;\n            context: { $implicit: control.value, loading: loading$ | async }\n          \"\n        ></ng-container>\n      }\n    </mat-option>\n  </ng-container>\n</mat-autocomplete>\n\n<ng-template #defaultNoResultsTemplate let-loading=\"loading\">\n  @if (loading) {\n    Please wait...\n  } @else {\n    No results found\n  }\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [WLCM_FORM_FIELD]
                 }] }], propDecorators: { fetchPaginatedOptions: [{
@@ -943,9 +942,6 @@ let WlcmSelectComponent = class WlcmSelectComponent {
         if (this.parentFormMember) {
             this.handleStateChange();
         }
-        if (formField) {
-            this._preferredOverlayOrigin = new CdkOverlayOrigin(this.formField.inputContainer);
-        }
         this.handleAdjustedValue();
         toObservable(this.paginated)
             .pipe(untilDestroyed(this))
@@ -956,8 +952,8 @@ let WlcmSelectComponent = class WlcmSelectComponent {
     }
     ngAfterViewInit() {
         this.viewReady$.next();
-        if (this._preferredOverlayOrigin) {
-            this.matSelect._preferredOverlayOrigin = this._preferredOverlayOrigin;
+        if (this.formField) {
+            this.matSelect._preferredOverlayOrigin = this.formField.inputContainer;
         }
         this._focusStream$.next(this.matSelect._openedStream);
         this._blurStream$.next(this.matSelect._closedStream);