@wlcm/angular 17.5.12 → 17.5.15

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

@@ -3,19 +3,21 @@ import { DateRange, MatCalendar, MatCalendarUserEvent, MatDateRangeSelectionStra
 import { DateAdapter } from '@angular/material/core';
 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 WlcmDateRangePickerComponent {
-    private config;
+    private rangeConfig;
     private rangeSelectionStrategy;
     protected localSelectionModel: MatDateSelectionModel<DateRange<Date>>;
     protected triggerSelectionModel: MatDateSelectionModel<DateRange<Date>>;
     protected trigger: WlcmDatepickerTrigger<WlcmDateRangePickerComponent>;
+    protected datepickerConfig: WlcmDatepickerConfig;
     protected dateAdapter: DateAdapter<Date>;
     protected headerComponent: Type<unknown>;
     private _isViewInitialized;
     private _isComplete;
     readonly isComplete: Signal<boolean>;
-    constructor(config: WlcmDateRangePickerConfig, rangeSelectionStrategy: MatDateRangeSelectionStrategy<Date>, localSelectionModel: MatDateSelectionModel<DateRange<Date>>, triggerSelectionModel: MatDateSelectionModel<DateRange<Date>>, trigger: WlcmDatepickerTrigger<WlcmDateRangePickerComponent>, dateAdapter: DateAdapter<Date>);
+    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>;
@@ -32,6 +34,6 @@ export declare class WlcmDateRangePickerComponent {
     private get leftCalendarActiveCell();
     private handleSelectionChanged;
     private handleRightCalendarPreviewChange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WlcmDateRangePickerComponent, [{ optional: true; }, null, null, null, null, null]>;
+    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/single/datepicker-input-container/datepicker-input-container.component.d.ts

@@ -6,7 +6,7 @@ import { Observable } from 'rxjs';
 import { WlcmDatepickerTrigger } from '../../../directives/datepicker-trigger.base';
 import { Overlay } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
-export declare class WlcmDatepickerInputContainerComponent extends WlcmDatepickerTrigger<WlcmDatepickerPanelComponent> implements WlcmFormFieldInput, AfterContentInit {
+export declare class WlcmDatepickerInputContainerComponent<T> extends WlcmDatepickerTrigger<WlcmDatepickerPanelComponent<T>> implements WlcmFormFieldInput, AfterContentInit {
     protected overlay: Overlay;
     protected viewContainerRef: ViewContainerRef;
     protected selectionModel: MatDateSelectionModel<Date>;
@@ -25,6 +25,6 @@ export declare class WlcmDatepickerInputContainerComponent extends WlcmDatepicke
     isFocused: () => boolean;
     private get inputElement();
     private attachFocusBlurListeners;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WlcmDatepickerInputContainerComponent, [null, null, null, { host: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WlcmDatepickerInputContainerComponent, "wlcm-datepicker-input-container", ["wlcmDatepicker"], {}, {}, ["inputRef"], ["[wlcmDatepickerInput]"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WlcmDatepickerInputContainerComponent<any>, [null, null, null, { host: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WlcmDatepickerInputContainerComponent<any>, "wlcm-datepicker-input-container", ["wlcmDatepicker"], {}, {}, ["inputRef"], ["[wlcmDatepickerInput]"], true, never>;
 }

package/datepicker/lib/components/single/datepicker-panel/datepicker-panel.component.d.ts

@@ -1,13 +1,17 @@
-import { MatDateSelectionModel } from '@angular/material/datepicker';
+import { Signal } from '@angular/core';
+import { MatCalendar, MatDateSelectionModel } from '@angular/material/datepicker';
 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 WlcmDatepickerPanelComponent {
+export declare class WlcmDatepickerPanelComponent<D> {
     protected selectionModel: MatDateSelectionModel<Date>;
-    protected trigger: WlcmDatepickerTrigger<WlcmDatepickerPanelComponent>;
+    protected trigger: WlcmDatepickerTrigger<WlcmDatepickerPanelComponent<D>>;
+    protected config: WlcmDatepickerConfig;
     protected headerComponent: typeof WlcmCalendarHeaderComponent;
-    constructor(selectionModel: MatDateSelectionModel<Date>, trigger: WlcmDatepickerTrigger<WlcmDatepickerPanelComponent>);
+    matCalendar: Signal<MatCalendar<D> | undefined>;
+    constructor(selectionModel: MatDateSelectionModel<Date>, trigger: WlcmDatepickerTrigger<WlcmDatepickerPanelComponent<D>>, config: WlcmDatepickerConfig);
     select(date: Date): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WlcmDatepickerPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WlcmDatepickerPanelComponent, "wlcm-datepicker-panel", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WlcmDatepickerPanelComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WlcmDatepickerPanelComponent<any>, "wlcm-datepicker-panel", never, {}, {}, never, never, true, never>;
 }

package/datepicker/lib/constants/datepicker.constants.d.ts

@@ -1,4 +1,6 @@
-import { Provider } from '@angular/core';
+import { InjectionToken, Provider } from '@angular/core';
 import { MatDateFormats } from '@angular/material/core';
+import { WlcmDatepickerConfig } from '../models/date-picker.models';
 export declare const WLCM_DEFAULT_DATE_FORMATS: MatDateFormats;
 export declare const WLCM_DEFAULT_DATEPICKER_PROVIDERS: Provider[];
+export declare const WLCM_DATEPICKER_CONFIG: InjectionToken<WlcmDatepickerConfig>;

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

@@ -1,17 +1,19 @@
 import { ElementRef } from '@angular/core';
 import { ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
 import { DateAdapter, MatDateFormats } from '@angular/material/core';
+import { WlcmDatepickerTrigger } from './datepicker-trigger.base';
 import * as i0 from "@angular/core";
 export declare abstract class WlcmDatepickerInputBase implements ControlValueAccessor, Validator {
     protected element: ElementRef;
     protected dateAdapter: DateAdapter<Date>;
     protected dateFormats: MatDateFormats;
+    protected trigger: WlcmDatepickerTrigger<unknown>;
     handleBlur(): void;
     handleInput(): void;
     protected _changed?: (value: Date | null) => void;
     protected _touched?: () => void;
     protected _validatorChanged?: () => void;
-    constructor(element: ElementRef, dateAdapter: DateAdapter<Date>, dateFormats: MatDateFormats);
+    constructor(element: ElementRef, dateAdapter: DateAdapter<Date>, dateFormats: MatDateFormats, trigger: WlcmDatepickerTrigger<unknown>);
     writeValue(value: Date | null): void;
     registerOnChange(callback: (value: Date | null) => void): void;
     registerOnTouched(callback: () => void): void;
@@ -20,6 +22,8 @@ export declare abstract class WlcmDatepickerInputBase implements ControlValueAcc
     parseCurrentValue(): Date | null;
     protected isValidFormat(value: string, pattern: string): boolean;
     protected abstract updateSelection(): void;
+    protected get minDate(): Date | undefined;
+    protected get maxDate(): Date | undefined;
     protected get inputElement(): HTMLInputElement;
     protected get currentValue(): string;
     protected updateInputValue(value: Date | null): void;

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

@@ -1,12 +1,15 @@
 import { OverlayRef, Overlay } from '@angular/cdk/overlay';
-import { ElementRef, Type, ComponentRef, ViewContainerRef } from '@angular/core';
+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 * as i0 from "@angular/core";
 export declare abstract class WlcmDatepickerTrigger<T, D = Date> {
     protected overlay: Overlay;
     protected viewContainerRef: ViewContainerRef;
     protected selectionModel: MatDateSelectionModel<D>;
+    minDate: InputSignal<Date | undefined>;
+    maxDate: InputSignal<Date | undefined>;
     protected overlayRef: OverlayRef;
     protected abstract connectedTo: ElementRef<HTMLElement>;
     protected abstract componentType: Type<T>;
@@ -17,10 +20,12 @@ export declare abstract class WlcmDatepickerTrigger<T, D = Date> {
     get isOpen(): boolean;
     get opened(): Observable<void>;
     get closed(): Observable<void>;
+    get datepickerInjector(): Injector;
+    get datepickerConfig(): WlcmDatepickerConfig;
     private get overlayOrigin();
     private handleBackdropClick;
     private updatePositionStrategy;
     private createOverlayConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<WlcmDatepickerTrigger<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<WlcmDatepickerTrigger<any, any>, never, never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WlcmDatepickerTrigger<any, any>, never, never, { "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/datepicker/lib/directives/ragne/date-range-picker-input-end.directive.d.ts

@@ -3,16 +3,18 @@ import { WlcmDateRangePickerInputBase } from './date-range-picker-input.base';
 import { DateAdapter, MatDateFormats } from '@angular/material/core';
 import { MatDateSelectionModel, DateRange } from '@angular/material/datepicker';
 import { ValidationErrors } from '@angular/forms';
+import { WlcmDatepickerTrigger } from '../datepicker-trigger.base';
 import * as i0 from "@angular/core";
 export declare class DateRangePickerInputEndDirective extends WlcmDateRangePickerInputBase {
     element: ElementRef<HTMLInputElement>;
     protected dateAdapter: DateAdapter<Date>;
     protected dateFormats: MatDateFormats;
     protected selectionModel: MatDateSelectionModel<DateRange<Date>>;
-    constructor(element: ElementRef<HTMLInputElement>, dateAdapter: DateAdapter<Date>, dateFormats: MatDateFormats, selectionModel: MatDateSelectionModel<DateRange<Date>>);
+    protected trigger: WlcmDatepickerTrigger<unknown>;
+    constructor(element: ElementRef<HTMLInputElement>, dateAdapter: DateAdapter<Date>, dateFormats: MatDateFormats, selectionModel: MatDateSelectionModel<DateRange<Date>>, trigger: WlcmDatepickerTrigger<unknown>);
     validate(): ValidationErrors | null;
     updateSelection: () => void;
     private handleSelectionChange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerInputEndDirective, [null, null, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerInputEndDirective, [null, null, { optional: true; }, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangePickerInputEndDirective, "[wlcmDateRangePickerInputEnd]", never, {}, {}, never, never, true, never>;
 }

package/datepicker/lib/directives/ragne/date-range-picker-input-start.directive.d.ts

@@ -3,16 +3,18 @@ import { WlcmDateRangePickerInputBase } from './date-range-picker-input.base';
 import { DateAdapter, MatDateFormats } from '@angular/material/core';
 import { MatDateSelectionModel, DateRange } from '@angular/material/datepicker';
 import { ValidationErrors } from '@angular/forms';
+import { WlcmDatepickerTrigger } from '../datepicker-trigger.base';
 import * as i0 from "@angular/core";
 export declare class DateRangePickerInputStartDirective extends WlcmDateRangePickerInputBase {
     element: ElementRef<HTMLInputElement>;
     protected dateAdapter: DateAdapter<Date>;
     protected dateFormats: MatDateFormats;
     protected selectionModel: MatDateSelectionModel<DateRange<Date>>;
-    constructor(element: ElementRef<HTMLInputElement>, dateAdapter: DateAdapter<Date>, dateFormats: MatDateFormats, selectionModel: MatDateSelectionModel<DateRange<Date>>);
+    protected trigger: WlcmDatepickerTrigger<unknown>;
+    constructor(element: ElementRef<HTMLInputElement>, dateAdapter: DateAdapter<Date>, dateFormats: MatDateFormats, selectionModel: MatDateSelectionModel<DateRange<Date>>, trigger: WlcmDatepickerTrigger<unknown>);
     validate(): ValidationErrors | null;
     updateSelection: () => void;
     private handleSelectionChange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerInputStartDirective, [null, null, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerInputStartDirective, [null, null, { optional: true; }, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangePickerInputStartDirective, "[wlcmDateRangePickerInputStart]", never, {}, {}, never, never, true, never>;
 }

package/datepicker/lib/directives/ragne/date-range-picker-input.base.d.ts

@@ -2,13 +2,15 @@ import { AfterViewInit, ElementRef } from '@angular/core';
 import { ControlValueAccessor, Validator } from '@angular/forms';
 import { DateAdapter, MatDateFormats } from '@angular/material/core';
 import { WlcmDatepickerInputBase } from '../datepicker-input.base';
+import { WlcmDatepickerTrigger } from '../datepicker-trigger.base';
 import * as i0 from "@angular/core";
 export declare abstract class WlcmDateRangePickerInputBase extends WlcmDatepickerInputBase implements AfterViewInit, ControlValueAccessor, Validator {
     element: ElementRef<HTMLInputElement>;
     protected dateAdapter: DateAdapter<Date>;
     protected dateFormats: MatDateFormats;
+    protected trigger: WlcmDatepickerTrigger<unknown>;
     private _inputMirror;
-    constructor(element: ElementRef<HTMLInputElement>, dateAdapter: DateAdapter<Date>, dateFormats: MatDateFormats);
+    constructor(element: ElementRef<HTMLInputElement>, dateAdapter: DateAdapter<Date>, dateFormats: MatDateFormats, trigger: WlcmDatepickerTrigger<unknown>);
     ngAfterViewInit(): void;
     handleInput(): void;
     protected updateInputValue(value: Date | null): void;

package/datepicker/lib/directives/ragne/left-calendar.directive.d.ts

@@ -2,12 +2,14 @@ import { ElementRef } from '@angular/core';
 import { DateAdapter } from '@angular/material/core';
 import { MatCalendar } from '@angular/material/datepicker';
 import { WlcmDataRangeCalendar } from '../../models/range/data-range-calendar.models';
+import { WlcmDatepickerConfig } from '../../models/date-picker.models';
 import * as i0 from "@angular/core";
 export declare class WlcmLeftCalendarDirective extends WlcmDataRangeCalendar {
     element: ElementRef<HTMLElement>;
     protected dateAdapter: DateAdapter<Date>;
     protected calendar: MatCalendar<Date>;
-    constructor(element: ElementRef<HTMLElement>, dateAdapter: DateAdapter<Date>, calendar: MatCalendar<Date>);
+    protected datepickerConfig: WlcmDatepickerConfig;
+    constructor(element: ElementRef<HTMLElement>, dateAdapter: DateAdapter<Date>, calendar: MatCalendar<Date>, datepickerConfig: WlcmDatepickerConfig);
     handleYearChange(): void;
     handleMonthChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WlcmLeftCalendarDirective, never>;

package/datepicker/lib/directives/ragne/right-calendar.directive.d.ts

@@ -2,12 +2,14 @@ import { ElementRef } from '@angular/core';
 import { WlcmDataRangeCalendar } from '../../models/range/data-range-calendar.models';
 import { MatCalendar } from '@angular/material/datepicker';
 import { DateAdapter } from '@angular/material/core';
+import { WlcmDatepickerConfig } from '../../models/date-picker.models';
 import * as i0 from "@angular/core";
 export declare class WlcmRightCalendarDirective extends WlcmDataRangeCalendar {
     element: ElementRef<HTMLElement>;
     protected dateAdapter: DateAdapter<Date>;
     protected calendar: MatCalendar<Date>;
-    constructor(element: ElementRef<HTMLElement>, dateAdapter: DateAdapter<Date>, calendar: MatCalendar<Date>);
+    protected datepickerConfig: WlcmDatepickerConfig;
+    constructor(element: ElementRef<HTMLElement>, dateAdapter: DateAdapter<Date>, calendar: MatCalendar<Date>, datepickerConfig: WlcmDatepickerConfig);
     handleYearChange(): void;
     handleMonthChange(): void;
     nextMonth(): void;

package/datepicker/lib/directives/single/datepicker-input.directive.d.ts

@@ -6,16 +6,16 @@ import { MatDateSelectionModel } from '@angular/material/datepicker';
 import { WlcmDatepickerInputBase } from '../datepicker-input.base';
 import { WlcmDatepickerTrigger } from '../datepicker-trigger.base';
 import * as i0 from "@angular/core";
-export declare class WlcmDatepickerInputDirective extends WlcmDatepickerInputBase implements ControlValueAccessor, Validator {
+export declare class WlcmDatepickerInputDirective<T> extends WlcmDatepickerInputBase implements ControlValueAccessor, Validator {
     protected element: ElementRef;
     protected dateAdapter: DateAdapter<Date>;
     protected dateFormats: MatDateFormats;
     protected selectionModel: MatDateSelectionModel<Date | null>;
-    protected trigger: WlcmDatepickerTrigger<WlcmDatepickerPanelComponent>;
-    constructor(element: ElementRef, dateAdapter: DateAdapter<Date>, dateFormats: MatDateFormats, selectionModel: MatDateSelectionModel<Date | null>, trigger: WlcmDatepickerTrigger<WlcmDatepickerPanelComponent>);
+    protected trigger: WlcmDatepickerTrigger<WlcmDatepickerPanelComponent<T>>;
+    constructor(element: ElementRef, dateAdapter: DateAdapter<Date>, dateFormats: MatDateFormats, selectionModel: MatDateSelectionModel<Date | null>, trigger: WlcmDatepickerTrigger<WlcmDatepickerPanelComponent<T>>);
     updateSelection(): void;
     private handleClosePanel;
     private handleSelectionChange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WlcmDatepickerInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<WlcmDatepickerInputDirective, "[wlcmDatepickerInput]", ["wlcmDatepickerInput"], {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WlcmDatepickerInputDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WlcmDatepickerInputDirective<any>, "[wlcmDatepickerInput]", ["wlcmDatepickerInput"], {}, {}, never, never, true, never>;
 }

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

@@ -1,3 +1,4 @@
+import { Signal } from '@angular/core';
 import { DateFnsAdapter } from '@angular/material-date-fns-adapter';
 import * as i0 from "@angular/core";
 export declare class WlcmDateAdapter extends DateFnsAdapter {
@@ -6,5 +7,11 @@ export declare class WlcmDateAdapter extends DateFnsAdapter {
     static ɵprov: i0.ɵɵInjectableDeclaration<WlcmDateAdapter>;
 }
 export declare enum WlcmDateValidation {
-    Format = "WlcmInvalidDateFormat"
+    Format = "WlcmInvalidDateFormat",
+    MinDate = "WlcmDateIsBeforeMinDate",
+    MaxDate = "WlcmDateIsAfterMaxDate"
+}
+export interface WlcmDatepickerConfig {
+    minDate?: Signal<Date | undefined>;
+    maxDate?: Signal<Date | undefined>;
 }

package/datepicker/lib/models/range/data-range-calendar.models.d.ts

@@ -1,20 +1,25 @@
 import { ElementRef, InputSignal, OutputEmitterRef } from '@angular/core';
 import { MatCalendar, MatCalendarView } from '@angular/material/datepicker';
+import { WlcmDatepickerConfig } from '../date-picker.models';
 import { DateAdapter } from '@angular/material/core';
 import * as i0 from "@angular/core";
 export declare class WlcmDataRangeCalendar {
     element: ElementRef<HTMLElement>;
     protected calendar: MatCalendar<Date>;
     protected dateAdapter: DateAdapter<Date>;
+    protected datepickerConfig: WlcmDatepickerConfig;
     location: 'left' | 'right';
     readonly dateChange: OutputEmitterRef<Date>;
     readonly viewChange: OutputEmitterRef<MatCalendarView>;
     readonly disabled: InputSignal<boolean>;
-    constructor(location: 'left' | 'right', element: ElementRef<HTMLElement>, calendar: MatCalendar<Date>, dateAdapter: DateAdapter<Date>);
+    constructor(location: 'left' | 'right', element: ElementRef<HTMLElement>, calendar: MatCalendar<Date>, dateAdapter: DateAdapter<Date>, datepickerConfig: WlcmDatepickerConfig);
+    get minDate(): Date | undefined;
+    get maxDate(): Date | undefined;
     prevMonth(): void;
     nextMonth(): void;
     prevYear(): void;
     nextYear(): void;
+    handleConfigValues(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WlcmDataRangeCalendar, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<WlcmDataRangeCalendar, never, never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; "viewChange": "viewChange"; }, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wlcm/angular",
-  "version": "17.5.12",
+  "version": "17.5.15",
   "license": "MIT",
   "type": "module",
   "module": "./index.mjs",
@@ -62,10 +62,10 @@
       "default": "./stepper/fesm2022/wlcm-angular-stepper.mjs"
     },
     "./table": {
-      "types": "./stepper/index.d.ts",
-      "esm2022": "./stepper/esm2022/wlcm-angular-table.mjs",
-      "fesm2022": "./stepper/fesm2022/wlcm-angular-table.mjs",
-      "default": "./stepper/fesm2022/wlcm-angular-table.mjs"
+      "types": "./table/index.d.ts",
+      "esm2022": "./table/esm2022/wlcm-angular-table.mjs",
+      "fesm2022": "./table/fesm2022/wlcm-angular-table.mjs",
+      "default": "./table/fesm2022/wlcm-angular-table.mjs"
     }
   },
   "dependencies": {

package/search-field/esm2022/lib/components/search-field/search-field.component.mjs

@@ -24,11 +24,11 @@ export class WlcmSearchFieldComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmSearchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: WlcmSearchFieldComponent, isStandalone: true, selector: "wlcm-search-field", inputs: { placeholder: "placeholder", queryParams: "queryParams" }, outputs: { queryParamsChange: "queryParamsChange" }, host: { classAttribute: "wlcm-search-field" }, ngImport: i0, template: "<wlcm-form-field>\n  <ng-container\n    [wlcmIcon]=\"WlcmIconName.SEARCH\"\n    [wlcmIconStopPropagation]=\"false\"\n    wlcmFormFieldPrefix\n  ></ng-container>\n\n  <input\n    #field\n    wlcmInput\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</wlcm-form-field>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: WlcmFormsModule }, { kind: "component", type: i1.WlcmFormFieldComponent, selector: "wlcm-form-field" }, { kind: "directive", type: i1.WlcmInputDirective, selector: "[wlcmInput]" }, { kind: "directive", type: i1.WlcmFormFieldPrefixDirective, selector: "[wlcmFormFieldPrefix]" }, { kind: "directive", type: WlcmIconDirective, selector: "[wlcmIcon]", inputs: ["wlcmIcon", "wlcmIconStopPropagation"], outputs: ["wlcmIconClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: WlcmSearchFieldComponent, isStandalone: true, selector: "wlcm-search-field", inputs: { placeholder: "placeholder", queryParams: "queryParams" }, outputs: { queryParamsChange: "queryParamsChange" }, host: { classAttribute: "wlcm-search-field" }, ngImport: i0, template: "<wlcm-form-field>\n  <ng-container\n    [wlcmIcon]=\"WlcmIconName.SEARCH\"\n    wlcmFormFieldPrefix\n  ></ng-container>\n\n  <input\n    #field\n    wlcmInput\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</wlcm-form-field>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: WlcmFormsModule }, { kind: "component", type: i1.WlcmFormFieldComponent, selector: "wlcm-form-field" }, { kind: "directive", type: i1.WlcmInputDirective, selector: "[wlcmInput]" }, { kind: "directive", type: i1.WlcmFormFieldPrefixDirective, selector: "[wlcmFormFieldPrefix]" }, { kind: "directive", type: WlcmIconDirective, selector: "[wlcmIcon]", inputs: ["wlcmIcon", "wlcmIconStopPropagation"], outputs: ["wlcmIconClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmSearchFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wlcm-search-field', standalone: true, host: { class: 'wlcm-search-field' }, imports: [CommonModule, SearchIconComponent, WlcmFormsModule, WlcmIconDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<wlcm-form-field>\n  <ng-container\n    [wlcmIcon]=\"WlcmIconName.SEARCH\"\n    [wlcmIconStopPropagation]=\"false\"\n    wlcmFormFieldPrefix\n  ></ng-container>\n\n  <input\n    #field\n    wlcmInput\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</wlcm-form-field>\n" }]
+            args: [{ selector: 'wlcm-search-field', standalone: true, host: { class: 'wlcm-search-field' }, imports: [CommonModule, SearchIconComponent, WlcmFormsModule, WlcmIconDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<wlcm-form-field>\n  <ng-container\n    [wlcmIcon]=\"WlcmIconName.SEARCH\"\n    wlcmFormFieldPrefix\n  ></ng-container>\n\n  <input\n    #field\n    wlcmInput\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</wlcm-form-field>\n" }]
         }], propDecorators: { placeholder: [{
                 type: Input
             }], queryParams: [{
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
             }], queryParamsChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL21vZHVsZXMvc2VhcmNoLWZpZWxkL3NyYy9saWIvY29tcG9uZW50cy9zZWFyY2gtZmllbGQvc2VhcmNoLWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL21vZHVsZXMvc2VhcmNoLWZpZWxkL3NyYy9saWIvY29tcG9uZW50cy9zZWFyY2gtZmllbGQvc2VhcmNoLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEcsT0FBTyxFQUNMLG9CQUFvQixFQUVwQixtQkFBbUIsRUFDbkIsaUJBQWlCLEVBQ2pCLFlBQVksR0FDYixNQUFNLG9CQUFvQixDQUFDO0FBQzVCLE9BQU8sRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMzRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7QUFXdEQsTUFBTSxPQUFPLHdCQUF3QjtJQVRyQztRQVVXLGdCQUFXLEdBQVcsV0FBVyxDQUFDO1FBRWxDLGdCQUFXLEdBQWdCLG9CQUFvQixDQUFDO1FBRS9DLHNCQUFpQixHQUE4QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRW5FLGlCQUFZLEdBQTRCLElBQUksZUFBZSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRWhFLGlCQUFZLEdBQUcsWUFBWSxDQUFDO0tBZXRDO0lBYkMsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFL0MsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVPLGdCQUFnQjtRQUN0QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBYSxFQUFFLEVBQUU7WUFDN0UsTUFBTSxNQUFNLEdBQWdCLEVBQUUsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFFcEUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN0QyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBdkJVLHdCQUF3QjtrR0FBeEIsd0JBQXdCLHFQQ3JCckMsc1pBaUJBLHlERERZLFlBQVksOEJBQXVCLGVBQWUsa1NBQUUsaUJBQWlCOzsyRkFLcEUsd0JBQXdCO2tCQVRwQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFFBQ1YsRUFBRSxLQUFLLEVBQUUsbUJBQW1CLEVBQUUsV0FDM0IsQ0FBQyxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixDQUFDLG1CQUcvRCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxXQUFXO3NCQUFuQixLQUFLO2dCQUVHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIERFRkFVTFRfUVVFUllfUEFSQU1TLFxuICBRdWVyeVBhcmFtcyxcbiAgU2VhcmNoSWNvbkNvbXBvbmVudCxcbiAgV2xjbUljb25EaXJlY3RpdmUsXG4gIFdsY21JY29uTmFtZSxcbn0gZnJvbSAnQHdsY20vYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgZGVib3VuY2VUaW1lLCBza2lwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgV2xjbUZvcm1zTW9kdWxlIH0gZnJvbSAnQHdsY20vYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dsY20tc2VhcmNoLWZpZWxkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaG9zdDogeyBjbGFzczogJ3dsY20tc2VhcmNoLWZpZWxkJyB9LFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTZWFyY2hJY29uQ29tcG9uZW50LCBXbGNtRm9ybXNNb2R1bGUsIFdsY21JY29uRGlyZWN0aXZlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlYXJjaC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlYXJjaC1maWVsZC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgV2xjbVNlYXJjaEZpZWxkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICdTZWFyY2ggYnknO1xuXG4gIEBJbnB1dCgpIHF1ZXJ5UGFyYW1zOiBRdWVyeVBhcmFtcyA9IERFRkFVTFRfUVVFUllfUEFSQU1TO1xuXG4gIEBPdXRwdXQoKSBxdWVyeVBhcmFtc0NoYW5nZTogRXZlbnRFbWl0dGVyPFF1ZXJ5UGFyYW1zPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICByZWFkb25seSBfaW5wdXRWYWx1ZSQ6IEJlaGF2aW9yU3ViamVjdDxzdHJpbmc+ID0gbmV3IEJlaGF2aW9yU3ViamVjdCgnJyk7XG5cbiAgcmVhZG9ubHkgV2xjbUljb25OYW1lID0gV2xjbUljb25OYW1lO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX2lucHV0VmFsdWUkLm5leHQodGhpcy5xdWVyeVBhcmFtcy5xdWVyeSk7XG5cbiAgICB0aGlzLmhhbmRsZUlucHV0VmFsdWUoKTtcbiAgfVxuXG4gIHByaXZhdGUgaGFuZGxlSW5wdXRWYWx1ZSgpOiB2b2lkIHtcbiAgICB0aGlzLl9pbnB1dFZhbHVlJC5waXBlKHNraXAoMSksIGRlYm91bmNlVGltZSg0MDApKS5zdWJzY3JpYmUoKHF1ZXJ5OiBzdHJpbmcpID0+IHtcbiAgICAgIGNvbnN0IHBhcmFtczogUXVlcnlQYXJhbXMgPSB7IC4uLnRoaXMucXVlcnlQYXJhbXMsIHBhZ2U6IDEsIHF1ZXJ5IH07XG5cbiAgICAgIHRoaXMucXVlcnlQYXJhbXNDaGFuZ2UuZW1pdChwYXJhbXMpO1xuICAgIH0pO1xuICB9XG59XG4iLCI8d2xjbS1mb3JtLWZpZWxkPlxuICA8bmctY29udGFpbmVyXG4gICAgW3dsY21JY29uXT1cIldsY21JY29uTmFtZS5TRUFSQ0hcIlxuICAgIFt3bGNtSWNvblN0b3BQcm9wYWdhdGlvbl09XCJmYWxzZVwiXG4gICAgd2xjbUZvcm1GaWVsZFByZWZpeFxuICA+PC9uZy1jb250YWluZXI+XG5cbiAgPGlucHV0XG4gICAgI2ZpZWxkXG4gICAgd2xjbUlucHV0XG4gICAgdHlwZT1cInRleHRcIlxuICAgIGNsYXNzPVwid2xjbS1zZWFyY2gtZmllbGRfX2lucHV0XCJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgIFt2YWx1ZV09XCJxdWVyeVBhcmFtcy5xdWVyeVwiXG4gICAgKGlucHV0KT1cIl9pbnB1dFZhbHVlJC5uZXh0KGZpZWxkLnZhbHVlKVwiXG4gIC8+XG48L3dsY20tZm9ybS1maWVsZD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL21vZHVsZXMvc2VhcmNoLWZpZWxkL3NyYy9saWIvY29tcG9uZW50cy9zZWFyY2gtZmllbGQvc2VhcmNoLWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL21vZHVsZXMvc2VhcmNoLWZpZWxkL3NyYy9saWIvY29tcG9uZW50cy9zZWFyY2gtZmllbGQvc2VhcmNoLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEcsT0FBTyxFQUNMLG9CQUFvQixFQUVwQixtQkFBbUIsRUFDbkIsaUJBQWlCLEVBQ2pCLFlBQVksR0FDYixNQUFNLG9CQUFvQixDQUFDO0FBQzVCLE9BQU8sRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMzRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7QUFXdEQsTUFBTSxPQUFPLHdCQUF3QjtJQVRyQztRQVVXLGdCQUFXLEdBQVcsV0FBVyxDQUFDO1FBRWxDLGdCQUFXLEdBQWdCLG9CQUFvQixDQUFDO1FBRS9DLHNCQUFpQixHQUE4QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRW5FLGlCQUFZLEdBQTRCLElBQUksZUFBZSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRWhFLGlCQUFZLEdBQUcsWUFBWSxDQUFDO0tBZXRDO0lBYkMsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFL0MsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVPLGdCQUFnQjtRQUN0QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBYSxFQUFFLEVBQUU7WUFDN0UsTUFBTSxNQUFNLEdBQWdCLEVBQUUsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFFcEUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN0QyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBdkJVLHdCQUF3QjtrR0FBeEIsd0JBQXdCLHFQQ3JCckMsNldBZ0JBLHlEREFZLFlBQVksOEJBQXVCLGVBQWUsa1NBQUUsaUJBQWlCOzsyRkFLcEUsd0JBQXdCO2tCQVRwQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFFBQ1YsRUFBRSxLQUFLLEVBQUUsbUJBQW1CLEVBQUUsV0FDM0IsQ0FBQyxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixDQUFDLG1CQUcvRCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxXQUFXO3NCQUFuQixLQUFLO2dCQUVHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIERFRkFVTFRfUVVFUllfUEFSQU1TLFxuICBRdWVyeVBhcmFtcyxcbiAgU2VhcmNoSWNvbkNvbXBvbmVudCxcbiAgV2xjbUljb25EaXJlY3RpdmUsXG4gIFdsY21JY29uTmFtZSxcbn0gZnJvbSAnQHdsY20vYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgZGVib3VuY2VUaW1lLCBza2lwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgV2xjbUZvcm1zTW9kdWxlIH0gZnJvbSAnQHdsY20vYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dsY20tc2VhcmNoLWZpZWxkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaG9zdDogeyBjbGFzczogJ3dsY20tc2VhcmNoLWZpZWxkJyB9LFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTZWFyY2hJY29uQ29tcG9uZW50LCBXbGNtRm9ybXNNb2R1bGUsIFdsY21JY29uRGlyZWN0aXZlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlYXJjaC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlYXJjaC1maWVsZC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgV2xjbVNlYXJjaEZpZWxkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICdTZWFyY2ggYnknO1xuXG4gIEBJbnB1dCgpIHF1ZXJ5UGFyYW1zOiBRdWVyeVBhcmFtcyA9IERFRkFVTFRfUVVFUllfUEFSQU1TO1xuXG4gIEBPdXRwdXQoKSBxdWVyeVBhcmFtc0NoYW5nZTogRXZlbnRFbWl0dGVyPFF1ZXJ5UGFyYW1zPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICByZWFkb25seSBfaW5wdXRWYWx1ZSQ6IEJlaGF2aW9yU3ViamVjdDxzdHJpbmc+ID0gbmV3IEJlaGF2aW9yU3ViamVjdCgnJyk7XG5cbiAgcmVhZG9ubHkgV2xjbUljb25OYW1lID0gV2xjbUljb25OYW1lO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX2lucHV0VmFsdWUkLm5leHQodGhpcy5xdWVyeVBhcmFtcy5xdWVyeSk7XG5cbiAgICB0aGlzLmhhbmRsZUlucHV0VmFsdWUoKTtcbiAgfVxuXG4gIHByaXZhdGUgaGFuZGxlSW5wdXRWYWx1ZSgpOiB2b2lkIHtcbiAgICB0aGlzLl9pbnB1dFZhbHVlJC5waXBlKHNraXAoMSksIGRlYm91bmNlVGltZSg0MDApKS5zdWJzY3JpYmUoKHF1ZXJ5OiBzdHJpbmcpID0+IHtcbiAgICAgIGNvbnN0IHBhcmFtczogUXVlcnlQYXJhbXMgPSB7IC4uLnRoaXMucXVlcnlQYXJhbXMsIHBhZ2U6IDEsIHF1ZXJ5IH07XG5cbiAgICAgIHRoaXMucXVlcnlQYXJhbXNDaGFuZ2UuZW1pdChwYXJhbXMpO1xuICAgIH0pO1xuICB9XG59XG4iLCI8d2xjbS1mb3JtLWZpZWxkPlxuICA8bmctY29udGFpbmVyXG4gICAgW3dsY21JY29uXT1cIldsY21JY29uTmFtZS5TRUFSQ0hcIlxuICAgIHdsY21Gb3JtRmllbGRQcmVmaXhcbiAgPjwvbmctY29udGFpbmVyPlxuXG4gIDxpbnB1dFxuICAgICNmaWVsZFxuICAgIHdsY21JbnB1dFxuICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICBjbGFzcz1cIndsY20tc2VhcmNoLWZpZWxkX19pbnB1dFwiXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICBbdmFsdWVdPVwicXVlcnlQYXJhbXMucXVlcnlcIlxuICAgIChpbnB1dCk9XCJfaW5wdXRWYWx1ZSQubmV4dChmaWVsZC52YWx1ZSlcIlxuICAvPlxuPC93bGNtLWZvcm0tZmllbGQ+XG4iXX0=

package/search-field/fesm2022/wlcm-angular-search-field.mjs

@@ -25,11 +25,11 @@ class WlcmSearchFieldComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmSearchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: WlcmSearchFieldComponent, isStandalone: true, selector: "wlcm-search-field", inputs: { placeholder: "placeholder", queryParams: "queryParams" }, outputs: { queryParamsChange: "queryParamsChange" }, host: { classAttribute: "wlcm-search-field" }, ngImport: i0, template: "<wlcm-form-field>\n  <ng-container\n    [wlcmIcon]=\"WlcmIconName.SEARCH\"\n    [wlcmIconStopPropagation]=\"false\"\n    wlcmFormFieldPrefix\n  ></ng-container>\n\n  <input\n    #field\n    wlcmInput\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</wlcm-form-field>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: WlcmFormsModule }, { kind: "component", type: i1.WlcmFormFieldComponent, selector: "wlcm-form-field" }, { kind: "directive", type: i1.WlcmInputDirective, selector: "[wlcmInput]" }, { kind: "directive", type: i1.WlcmFormFieldPrefixDirective, selector: "[wlcmFormFieldPrefix]" }, { kind: "directive", type: WlcmIconDirective, selector: "[wlcmIcon]", inputs: ["wlcmIcon", "wlcmIconStopPropagation"], outputs: ["wlcmIconClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: WlcmSearchFieldComponent, isStandalone: true, selector: "wlcm-search-field", inputs: { placeholder: "placeholder", queryParams: "queryParams" }, outputs: { queryParamsChange: "queryParamsChange" }, host: { classAttribute: "wlcm-search-field" }, ngImport: i0, template: "<wlcm-form-field>\n  <ng-container\n    [wlcmIcon]=\"WlcmIconName.SEARCH\"\n    wlcmFormFieldPrefix\n  ></ng-container>\n\n  <input\n    #field\n    wlcmInput\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</wlcm-form-field>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: WlcmFormsModule }, { kind: "component", type: i1.WlcmFormFieldComponent, selector: "wlcm-form-field" }, { kind: "directive", type: i1.WlcmInputDirective, selector: "[wlcmInput]" }, { kind: "directive", type: i1.WlcmFormFieldPrefixDirective, selector: "[wlcmFormFieldPrefix]" }, { kind: "directive", type: WlcmIconDirective, selector: "[wlcmIcon]", inputs: ["wlcmIcon", "wlcmIconStopPropagation"], outputs: ["wlcmIconClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmSearchFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wlcm-search-field', standalone: true, host: { class: 'wlcm-search-field' }, imports: [CommonModule, SearchIconComponent, WlcmFormsModule, WlcmIconDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<wlcm-form-field>\n  <ng-container\n    [wlcmIcon]=\"WlcmIconName.SEARCH\"\n    [wlcmIconStopPropagation]=\"false\"\n    wlcmFormFieldPrefix\n  ></ng-container>\n\n  <input\n    #field\n    wlcmInput\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</wlcm-form-field>\n" }]
+            args: [{ selector: 'wlcm-search-field', standalone: true, host: { class: 'wlcm-search-field' }, imports: [CommonModule, SearchIconComponent, WlcmFormsModule, WlcmIconDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<wlcm-form-field>\n  <ng-container\n    [wlcmIcon]=\"WlcmIconName.SEARCH\"\n    wlcmFormFieldPrefix\n  ></ng-container>\n\n  <input\n    #field\n    wlcmInput\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</wlcm-form-field>\n" }]
         }], propDecorators: { placeholder: [{
                 type: Input
             }], queryParams: [{

package/search-field/fesm2022/wlcm-angular-search-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"wlcm-angular-search-field.mjs","sources":["../../../../modules/search-field/src/lib/components/search-field/search-field.component.ts","../../../../modules/search-field/src/lib/components/search-field/search-field.component.html","../../../../modules/search-field/src/lib/search-field.module.ts","../../../../modules/search-field/src/wlcm-angular-search-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport {\n  DEFAULT_QUERY_PARAMS,\n  QueryParams,\n  SearchIconComponent,\n  WlcmIconDirective,\n  WlcmIconName,\n} from '@wlcm/angular/core';\nimport { BehaviorSubject, debounceTime, skip } from 'rxjs';\nimport { CommonModule } from '@angular/common';\nimport { WlcmFormsModule } from '@wlcm/angular/forms';\n\n@Component({\n  selector: 'wlcm-search-field',\n  standalone: true,\n  host: { class: 'wlcm-search-field' },\n  imports: [CommonModule, SearchIconComponent, WlcmFormsModule, WlcmIconDirective],\n  templateUrl: './search-field.component.html',\n  styleUrls: ['./search-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WlcmSearchFieldComponent implements OnInit {\n  @Input() placeholder: string = 'Search by';\n\n  @Input() queryParams: QueryParams = DEFAULT_QUERY_PARAMS;\n\n  @Output() queryParamsChange: EventEmitter<QueryParams> = new EventEmitter();\n\n  readonly _inputValue$: BehaviorSubject<string> = new BehaviorSubject('');\n\n  readonly WlcmIconName = WlcmIconName;\n\n  ngOnInit(): void {\n    this._inputValue$.next(this.queryParams.query);\n\n    this.handleInputValue();\n  }\n\n  private handleInputValue(): void {\n    this._inputValue$.pipe(skip(1), debounceTime(400)).subscribe((query: string) => {\n      const params: QueryParams = { ...this.queryParams, page: 1, query };\n\n      this.queryParamsChange.emit(params);\n    });\n  }\n}\n","<wlcm-form-field>\n  <ng-container\n    [wlcmIcon]=\"WlcmIconName.SEARCH\"\n    [wlcmIconStopPropagation]=\"false\"\n    wlcmFormFieldPrefix\n  ></ng-container>\n\n  <input\n    #field\n    wlcmInput\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</wlcm-form-field>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { WlcmSearchFieldComponent } from './components/search-field/search-field.component';\n@NgModule({\n  declarations: [],\n  imports: [CommonModule, WlcmSearchFieldComponent],\n  exports: [WlcmSearchFieldComponent],\n})\nexport class WlcmSearchFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wlcm-angular-search-field.mjs","sources":["../../../../modules/search-field/src/lib/components/search-field/search-field.component.ts","../../../../modules/search-field/src/lib/components/search-field/search-field.component.html","../../../../modules/search-field/src/lib/search-field.module.ts","../../../../modules/search-field/src/wlcm-angular-search-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport {\n  DEFAULT_QUERY_PARAMS,\n  QueryParams,\n  SearchIconComponent,\n  WlcmIconDirective,\n  WlcmIconName,\n} from '@wlcm/angular/core';\nimport { BehaviorSubject, debounceTime, skip } from 'rxjs';\nimport { CommonModule } from '@angular/common';\nimport { WlcmFormsModule } from '@wlcm/angular/forms';\n\n@Component({\n  selector: 'wlcm-search-field',\n  standalone: true,\n  host: { class: 'wlcm-search-field' },\n  imports: [CommonModule, SearchIconComponent, WlcmFormsModule, WlcmIconDirective],\n  templateUrl: './search-field.component.html',\n  styleUrls: ['./search-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WlcmSearchFieldComponent implements OnInit {\n  @Input() placeholder: string = 'Search by';\n\n  @Input() queryParams: QueryParams = DEFAULT_QUERY_PARAMS;\n\n  @Output() queryParamsChange: EventEmitter<QueryParams> = new EventEmitter();\n\n  readonly _inputValue$: BehaviorSubject<string> = new BehaviorSubject('');\n\n  readonly WlcmIconName = WlcmIconName;\n\n  ngOnInit(): void {\n    this._inputValue$.next(this.queryParams.query);\n\n    this.handleInputValue();\n  }\n\n  private handleInputValue(): void {\n    this._inputValue$.pipe(skip(1), debounceTime(400)).subscribe((query: string) => {\n      const params: QueryParams = { ...this.queryParams, page: 1, query };\n\n      this.queryParamsChange.emit(params);\n    });\n  }\n}\n","<wlcm-form-field>\n  <ng-container\n    [wlcmIcon]=\"WlcmIconName.SEARCH\"\n    wlcmFormFieldPrefix\n  ></ng-container>\n\n  <input\n    #field\n    wlcmInput\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</wlcm-form-field>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { WlcmSearchFieldComponent } from './components/search-field/search-field.component';\n@NgModule({\n  declarations: [],\n  imports: [CommonModule, WlcmSearchFieldComponent],\n  exports: [WlcmSearchFieldComponent],\n})\nexport class WlcmSearchFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/styles/components/calendar/_calendar-header.scss

@@ -54,6 +54,10 @@
       &-right {
         transform: rotate(-90deg);
       }
+
+      &[disabled] {
+        pointer-events: none;
+      }
     }
   }
 }

package/styles/components/loader/_loader.scss

@@ -0,0 +1,168 @@
+@use 'sass:map';
+@use '../../core/utils' as utils;
+
+@mixin theme($theme-config) {
+  $theme: utils.using-theme($theme_config);
+
+  .wlcm-loader {
+    width: 100%;
+    display: block;
+
+    &.wlcm-loader-hidden {
+      width: 0;
+      height: 0;
+      overflow: hidden;
+      visibility: hidden;
+    }
+  }
+
+  .wlcm-loader-container {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+  }
+
+  .wlcm-default-loader {
+    width: 28px;
+    height: 28px;
+    display: block;
+    position: relative;
+
+    .spinner {
+      font-size: 28px;
+      position: relative;
+      display: inline-block;
+      width: 1em;
+      height: 1em;
+    }
+
+    .spinner.center {
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      margin: auto;
+    }
+
+    .spinner .spinner-blade {
+      position: absolute;
+      left: 0.4629em;
+      bottom: 0;
+      width: 0.074em;
+      height: 0.2777em;
+      border-radius: 0.0555em;
+      background-color: transparent;
+      -webkit-transform-origin: center -0.2222em;
+      -ms-transform-origin: center -0.2222em;
+      transform-origin: center -0.2222em;
+      animation: spinner-fade 1s infinite linear;
+    }
+
+    .spinner .spinner-blade:nth-child(1) {
+      -webkit-animation-delay: 0s;
+      animation-delay: 0s;
+      -webkit-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+      transform: rotate(0deg);
+    }
+
+    .spinner .spinner-blade:nth-child(2) {
+      -webkit-animation-delay: 0.083s;
+      animation-delay: 0.083s;
+      -webkit-transform: rotate(30deg);
+      -ms-transform: rotate(30deg);
+      transform: rotate(30deg);
+    }
+
+    .spinner .spinner-blade:nth-child(3) {
+      -webkit-animation-delay: 0.166s;
+      animation-delay: 0.166s;
+      -webkit-transform: rotate(60deg);
+      -ms-transform: rotate(60deg);
+      transform: rotate(60deg);
+    }
+
+    .spinner .spinner-blade:nth-child(4) {
+      -webkit-animation-delay: 0.249s;
+      animation-delay: 0.249s;
+      -webkit-transform: rotate(90deg);
+      -ms-transform: rotate(90deg);
+      transform: rotate(90deg);
+    }
+
+    .spinner .spinner-blade:nth-child(5) {
+      -webkit-animation-delay: 0.332s;
+      animation-delay: 0.332s;
+      -webkit-transform: rotate(120deg);
+      -ms-transform: rotate(120deg);
+      transform: rotate(120deg);
+    }
+
+    .spinner .spinner-blade:nth-child(6) {
+      -webkit-animation-delay: 0.415s;
+      animation-delay: 0.415s;
+      -webkit-transform: rotate(150deg);
+      -ms-transform: rotate(150deg);
+      transform: rotate(150deg);
+    }
+
+    .spinner .spinner-blade:nth-child(7) {
+      -webkit-animation-delay: 0.498s;
+      animation-delay: 0.498s;
+      -webkit-transform: rotate(180deg);
+      -ms-transform: rotate(180deg);
+      transform: rotate(180deg);
+    }
+
+    .spinner .spinner-blade:nth-child(8) {
+      -webkit-animation-delay: 0.581s;
+      animation-delay: 0.581s;
+      -webkit-transform: rotate(210deg);
+      -ms-transform: rotate(210deg);
+      transform: rotate(210deg);
+    }
+
+    .spinner .spinner-blade:nth-child(9) {
+      -webkit-animation-delay: 0.664s;
+      animation-delay: 0.664s;
+      -webkit-transform: rotate(240deg);
+      -ms-transform: rotate(240deg);
+      transform: rotate(240deg);
+    }
+
+    .spinner .spinner-blade:nth-child(10) {
+      -webkit-animation-delay: 0.747s;
+      animation-delay: 0.747s;
+      -webkit-transform: rotate(270deg);
+      -ms-transform: rotate(270deg);
+      transform: rotate(270deg);
+    }
+
+    .spinner .spinner-blade:nth-child(11) {
+      -webkit-animation-delay: 0.83s;
+      animation-delay: 0.83s;
+      -webkit-transform: rotate(300deg);
+      -ms-transform: rotate(300deg);
+      transform: rotate(300deg);
+    }
+
+    .spinner .spinner-blade:nth-child(12) {
+      -webkit-animation-delay: 0.913s;
+      animation-delay: 0.913s;
+      -webkit-transform: rotate(330deg);
+      -ms-transform: rotate(330deg);
+      transform: rotate(330deg);
+    }
+
+    @keyframes spinner-fade {
+      0% {
+        background-color: map-get($theme, primary-color);
+      }
+
+      100% {
+        background-color: transparent;
+      }
+    }
+  }
+}

package/styles/components/loader/index.scss

@@ -0,0 +1,5 @@
+@use './loader' as loader;
+
+@mixin theme($theme-config) {
+  @include loader.theme($theme-config);
+}