@wlcm/angular 18.2.19 → 18.2.22

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,35 @@
-import { ElementRef, Signal, Type, WritableSignal } from '@angular/core';
-import { DateRange, MatCalendar, MatCalendarUserEvent, MatDateRangeSelectionStrategy, MatDateSelectionModel, MatMonthView } from '@angular/material/datepicker';
+import { ElementRef, Type, ViewContainerRef, 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 pickerBottomPanel: Type<unknown>;
     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, pickerBottomPanel: Type<unknown>, dateAdapter: DateAdapter<Date>);
     leftCalendar: MatCalendar<Date>;
     rightCalendar: MatCalendar<Date>;
     leftCalendarElement: ElementRef<HTMLElement>;
-    monthView: MatMonthView<any>;
+    bottomPanelContainer: ViewContainerRef;
+    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, 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,27 @@
+import { AfterViewInit, Type, ViewContainerRef } from '@angular/core';
+import { DateAdapter } from '@angular/material/core';
+import { MatDateRangeSelectionStrategy, MatDateSelectionModel, DateRange } from '@angular/material/datepicker';
+import { WlcmCalendarHeaderComponent } from '../../calendar-header/calendar-header.component';
+import { WlcmDateRangePicker } from '../../../models/range/date-range-picker.models';
+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 implements AfterViewInit {
+    protected rangeSelectionStrategy: MatDateRangeSelectionStrategy<Date>;
+    protected localSelectionModel: MatDateSelectionModel<DateRange<Date>>;
+    protected triggerSelectionModel: MatDateSelectionModel<DateRange<Date>>;
+    protected trigger: WlcmDatepickerTrigger<SingleCalendarRangePickerComponent>;
+    protected datepickerConfig: WlcmDatepickerConfig;
+    protected pickerBottomPanel: Type<unknown>;
+    protected dateAdapter: DateAdapter<Date>;
+    protected headerComponent: Type<WlcmCalendarHeaderComponent>;
+    bottomPanelContainer: ViewContainerRef;
+    constructor(rangeSelectionStrategy: MatDateRangeSelectionStrategy<Date>, localSelectionModel: MatDateSelectionModel<DateRange<Date>>, triggerSelectionModel: MatDateSelectionModel<DateRange<Date>>, trigger: WlcmDatepickerTrigger<SingleCalendarRangePickerComponent>, datepickerConfig: WlcmDatepickerConfig, pickerBottomPanel: Type<unknown>, dateAdapter: DateAdapter<Date>);
+    ngAfterViewInit(): void;
+    get minDate(): Date | undefined;
+    get maxDate(): Date | undefined;
+    apply(): void;
+    reset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SingleCalendarRangePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SingleCalendarRangePickerComponent, "wlcm-single-calendar-range-picker", never, {}, {}, never, never, true, never>;
+}

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

@@ -1,3 +1,4 @@
-import { InjectionToken } from '@angular/core';
+import { InjectionToken, Type } from '@angular/core';
 import { WlcmDateRangePickerConfig } from '../../models/range/date-range-picker.models';
 export declare const WLCM_DATE_RANGE_PICKER_CONFIG: InjectionToken<WlcmDateRangePickerConfig>;
+export declare const WLCM_DATE_RANGE_PICKER_BP: InjectionToken<Type<unknown>>;

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

@@ -1,8 +1,8 @@
 import { OverlayRef, Overlay } from '@angular/cdk/overlay';
 import { ElementRef, Type, ComponentRef, ViewContainerRef, Injector, InputSignal } from '@angular/core';
 import { MatDateSelectionModel } from '@angular/material/datepicker';
-import { Observable } from 'rxjs';
 import { WlcmDatepickerConfig } from '../models/date-picker.models';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare abstract class WlcmDatepickerTrigger<T, D = Date> {
     protected overlay: Overlay;
@@ -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

@@ -506,15 +506,16 @@ 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();
-        const container = this.formField.inputContainer;
-        const origin = new MatAutocompleteOrigin(container);
-        this.autocompleteTrigger.connectedTo = origin;
+        this.autocompleteTrigger.connectedTo = this._preferredOverlayOrigin;
         this.attachFocusBlurListeners();
     }
     displayWith(value) {
@@ -951,6 +952,9 @@ 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))
@@ -961,9 +965,8 @@ let WlcmSelectComponent = class WlcmSelectComponent {
     }
     ngAfterViewInit() {
         this.viewReady$.next();
-        const formField = this.formField.inputContainer;
-        if (formField) {
-            this.matSelect._preferredOverlayOrigin = new CdkOverlayOrigin(this.formField.inputContainer);
+        if (this._preferredOverlayOrigin) {
+            this.matSelect._preferredOverlayOrigin = this._preferredOverlayOrigin;
         }
         this._focusStream$.next(this.matSelect._openedStream);
         this._blurStream$.next(this.matSelect._closedStream);