@wlcm/angular 18.2.22 → 19.1.0

package/datepicker/index.d.ts

@@ -1,13 +1,10 @@
 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 { 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 { WlcmDateRangeInputValidator } from './lib/utils/range/date-range-input.validators';
 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-calendar-header/date-range-calendar-header.component.d.ts

@@ -1,8 +1,8 @@
 import { MatDateFormats } from '@angular/material/core';
 import { WlcmDataRangeCalendar } from '../../../models/range/data-range-calendar.models';
-import { WlcmIconName } from '@wlcm/angular/core';
-import { MatCalendar } from '@angular/material/datepicker';
 import { WlcmDatepickerConfig } from '../../../models/date-picker.models';
+import { MatCalendar } from '@angular/material/datepicker';
+import { WlcmIconName } from '@wlcm/angular/core';
 import * as i0 from "@angular/core";
 export declare class WlcmDateRangeCalendarHeaderComponent {
     protected rangeCalendar: WlcmDataRangeCalendar;

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

@@ -1,35 +1,39 @@
-import { ElementRef, Type, ViewContainerRef, WritableSignal } from '@angular/core';
-import { WlcmDateRangePicker, WlcmDateRangePickerConfig } from '../../../models/range/date-range-picker.models';
+import { ElementRef, Signal, Type, WritableSignal } from '@angular/core';
+import { DateRange, MatCalendar, MatCalendarUserEvent, MatDateRangeSelectionStrategy, MatDateSelectionModel, MatMonthView } from '@angular/material/datepicker';
 import { DateAdapter } from '@angular/material/core';
-import { MatDateRangeSelectionStrategy, MatDateSelectionModel, DateRange, MatCalendar, MatMonthView } from '@angular/material/datepicker';
+import { WlcmDateRangePickerConfig } 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 DoubleCalendarRangePickerComponent extends WlcmDateRangePicker {
+export declare class WlcmDateRangePickerComponent {
     private rangeConfig;
-    protected rangeSelectionStrategy: MatDateRangeSelectionStrategy<Date>;
+    private rangeSelectionStrategy;
     protected localSelectionModel: MatDateSelectionModel<DateRange<Date>>;
     protected triggerSelectionModel: MatDateSelectionModel<DateRange<Date>>;
-    protected trigger: WlcmDatepickerTrigger<DoubleCalendarRangePickerComponent>;
+    protected trigger: WlcmDatepickerTrigger<WlcmDateRangePickerComponent>;
     protected datepickerConfig: WlcmDatepickerConfig;
-    protected pickerBottomPanel: Type<unknown>;
     protected dateAdapter: DateAdapter<Date>;
     protected headerComponent: Type<unknown>;
     private _isViewInitialized;
-    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>);
+    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>);
     leftCalendar: MatCalendar<Date>;
     rightCalendar: MatCalendar<Date>;
     leftCalendarElement: ElementRef<HTMLElement>;
-    bottomPanelContainer: ViewContainerRef;
-    monthView: MatMonthView<Date>;
+    monthView: MatMonthView<any>;
     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<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>;
+    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>;
 }

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

@@ -1,8 +1,8 @@
-import { WlcmDateRangePicker } from '../../../models/range/date-range-picker.models';
+import { WlcmDateRangePickerComponent } from '../date-range-picker/date-range-picker.component';
 import * as i0 from "@angular/core";
 export declare class WlcmDateRangePickerBottomPanelComponent {
-    protected picker: WlcmDateRangePicker;
-    constructor(picker: WlcmDateRangePicker);
+    protected picker: WlcmDateRangePickerComponent;
+    constructor(picker: WlcmDateRangePickerComponent);
     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<WlcmDateRangePicker, DateRange<Date>> implements WlcmFormFieldInput, AfterContentInit, AfterViewInit {
+export declare class WlcmDateRangePickerInputComponent extends WlcmDatepickerTrigger<WlcmDateRangePickerComponent, 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"], { "componentType": { "alias": "componentType"; "required": false; }; }, {}, ["startInput", "endInput"], ["[wlcmDateRangePickerInputStart]", "[wlcmDateRangePickerInputEnd]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WlcmDateRangePickerInputComponent, "wlcm-date-range-picker-input", ["wlcmDateRangePickerInput"], {}, {}, ["startInput", "endInput"], ["[wlcmDateRangePickerInputStart]", "[wlcmDateRangePickerInputEnd]"], true, never>;
 }

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

@@ -1,4 +1,3 @@
-import { InjectionToken, Type } from '@angular/core';
+import { InjectionToken } 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 { WlcmDatepickerConfig } from '../models/date-picker.models';
 import { Observable } from 'rxjs';
+import { WlcmDatepickerConfig } from '../models/date-picker.models';
 import * as i0 from "@angular/core";
 export declare abstract class WlcmDatepickerTrigger<T, D = Date> {
     protected overlay: Overlay;
@@ -25,6 +25,7 @@ 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,18 +1,4 @@
-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;
-}
+import { Type } from '@angular/core';
 export interface WlcmDateRangePickerConfig {
     headerComponent?: Type<unknown>;
 }

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

@@ -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 container = this.formField.inputContainer;
+        const origin = new MatAutocompleteOrigin(container);
+        this.autocompleteTrigger.connectedTo = origin;
         this.attachFocusBlurListeners();
     }
     displayWith(value) {
@@ -647,16 +646,7 @@ WlcmAutocompleteComponent = __decorate([
 ], WlcmAutocompleteComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: WlcmAutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wlcm-autocomplete', exportAs: 'wlcmAutocomplete', host: { class: 'wlcm-autocomplete' }, standalone: true, imports: [
-                        CommonModule,
-                        MatAutocompleteModule,
-                        AutocompleteDirective,
-                        ReactiveFormsModule,
-                        WlcmFormFieldComponent,
-                        WlcmLabelComponent,
-                        WlcmInputDirective,
-                        RxLet,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ selector: 'wlcm-autocomplete', exportAs: 'wlcmAutocomplete', host: { class: 'wlcm-autocomplete' }, standalone: true, imports: [CommonModule, MatAutocompleteModule, AutocompleteDirective, ReactiveFormsModule, WlcmInputDirective, RxLet], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: MAT_AUTOCOMPLETE_DEFAULT_OPTIONS, useValue: { overlayPanelClass: PANEL_CLASS$1 } },
                         { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => WlcmAutocompleteComponent), multi: true },
                         { provide: NG_VALIDATORS, useExisting: forwardRef(() => WlcmAutocompleteComponent), multi: true },
@@ -952,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))
@@ -965,8 +952,9 @@ let WlcmSelectComponent = class WlcmSelectComponent {
     }
     ngAfterViewInit() {
         this.viewReady$.next();
-        if (this._preferredOverlayOrigin) {
-            this.matSelect._preferredOverlayOrigin = this._preferredOverlayOrigin;
+        const formField = this.formField.inputContainer;
+        if (formField) {
+            this.matSelect._preferredOverlayOrigin = new CdkOverlayOrigin(this.formField.inputContainer);
         }
         this._focusStream$.next(this.matSelect._openedStream);
         this._blurStream$.next(this.matSelect._closedStream);
@@ -1151,7 +1139,7 @@ WlcmSelectComponent = __decorate([
 ], WlcmSelectComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: WlcmSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wlcm-select', standalone: true, imports: [CommonModule, MatSelectModule, ReactiveFormsModule, WlcmIconDirective, WlcmSelectInputBinderDirective], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [WlcmSelectInputBinderDirective], providers: [
+            args: [{ selector: 'wlcm-select', standalone: true, imports: [CommonModule, MatSelectModule, ReactiveFormsModule, WlcmIconDirective], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [WlcmSelectInputBinderDirective], providers: [
                         WLCM_FORM_CONTROL_PROVIDER,
                         {
                             provide: MAT_SELECT_CONFIG,