@metadev/lux 21.0.0 → 22.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@metadev/lux",
   "description": "Lux: Library with User Interface components for Angular.",
-  "version": "21.0.0",
+  "version": "22.0.0",
   "author": {
     "name": "Metadev S.L.",
     "url": "https://metadev.pro"
@@ -25,23 +25,24 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "@angular/common": ">= 21 < 23",
-    "@angular/core": ">= 21 < 23",
+    "@angular/common": ">= 22 < 24",
+    "@angular/core": ">= 22 < 24",
     "ol": "^6.5.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
   "module": "fesm2022/metadev-lux.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/metadev-lux.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/metadev-lux.d.ts",
       "default": "./fesm2022/metadev-lux.mjs"
     }
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "type": "module"
 }

package/{index.d.ts → types/metadev-lux.d.ts}

@@ -37,7 +37,7 @@ declare class AutocompleteComponent implements ControlValueAccessor, Validator,
     touched: boolean;
     completionList: DecoratedDataSource;
     showCompletion: boolean;
-    focusItem: DataSourceItem<any, string>;
+    focusItem: DataSourceItem<any, string> | null;
     valueChange: EventEmitter<any>;
     dataSourceChange: EventEmitter<DataSource<any, string>>;
     inputId: string;
@@ -88,9 +88,9 @@ declare class AutocompleteComponent implements ControlValueAccessor, Validator,
     private focusOnNext;
     private focusOnPrevious;
     onLostFocus(label: string): void;
-    complete(item: DataSourceItem<Record<string, unknown>, string>): void;
-    toggleCompletion(show: boolean, label: string): void;
-    get selectedOption(): string;
+    complete(item: DataSourceItem<Record<string, unknown>, string> | null): void;
+    toggleCompletion(show: boolean, label: string | null): void;
+    get selectedOption(): string | null;
     private ensureItemVisible;
     private syncCustomValue;
     /** Pick selection based on text filtering (ingnores drowdown state) */
@@ -103,20 +103,16 @@ declare class AutocompleteComponent implements ControlValueAccessor, Validator,
     static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "lux-autocomplete", never, { "inputId": { "alias": "inputId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "label": { "alias": "label"; "required": false; }; "canAddNewValues": { "alias": "canAddNewValues"; "required": false; }; "keepOpenAfterDelete": { "alias": "keepOpenAfterDelete"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "value": { "alias": "value"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "resolveLabelsFunction": { "alias": "resolveLabelsFunction"; "required": false; }; "populateFunction": { "alias": "populateFunction"; "required": false; }; "instance": { "alias": "instance"; "required": false; }; }, { "valueChange": "valueChange"; "dataSourceChange": "dataSourceChange"; }, never, never, true, never>;
 }
 
+interface AutocompleteTranslations {
+    placeholder: string;
+    deleteLabelTemplate: string;
+    addMessage: string;
+}
 declare class AutocompleteListComponent implements ControlValueAccessor, Validator, OnInit {
     static idCounter: number;
     auto: AutocompleteListComponent;
     literals: {
-        en: {
-            placeholder: string;
-            deleteLabelTemplate: string;
-            addMessage: string;
-        };
-        es: {
-            placeholder: string;
-            deleteLabelTemplate: string;
-            addMessage: string;
-        };
+        [lang: string]: AutocompleteTranslations;
     };
     internalDataSource: DataSource<any, string>;
     private autoPopulate;
@@ -130,7 +126,7 @@ declare class AutocompleteListComponent implements ControlValueAccessor, Validat
     private _lang;
     get lang(): string;
     set lang(l: string);
-    inputId: string;
+    inputId: string | undefined;
     dataSource: DataSource<any, any>;
     placeholder?: string;
     disabled: boolean;
@@ -141,7 +137,7 @@ declare class AutocompleteListComponent implements ControlValueAccessor, Validat
     populateFunction?: (instance: any, search: string) => Observable<DataSource<any, string>>;
     instance: any;
     valueChange: EventEmitter<any[]>;
-    onChange: (value: any) => void;
+    onChange: (value: unknown) => void;
     onTouched: () => void;
     writeValue(value: any): void;
     registerOnChange(onChange: any): void;
@@ -182,6 +178,10 @@ declare class LuxBreadcrumbComponent implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<LuxBreadcrumbComponent, "lux-breadcrumb", never, {}, {}, never, never, true, never>;
 }
 
+interface CheckboxTranslations {
+    yesLabel: string;
+    noLabel: string;
+}
 declare class CheckboxComponent implements ControlValueAccessor, OnInit, AfterViewInit {
     static idCounter: number;
     ck: ElementRef;
@@ -191,22 +191,15 @@ declare class CheckboxComponent implements ControlValueAccessor, OnInit, AfterVi
     private internalValue;
     get value(): boolean;
     set value(v: boolean);
-    get tabindexValue(): string;
-    label: string;
-    name: string;
+    get tabindexValue(): string | undefined;
+    label: string | undefined;
+    name: string | undefined;
     private _disabled;
     get disabled(): boolean;
     set disabled(v: boolean);
-    inputId: string;
+    inputId: string | undefined;
     literals: {
-        en: {
-            yesLabel: string;
-            noLabel: string;
-        };
-        es: {
-            yesLabel: string;
-            noLabel: string;
-        };
+        [lang: string]: CheckboxTranslations;
     };
     touched: boolean;
     valueChange: EventEmitter<boolean>;
@@ -227,6 +220,11 @@ declare class CheckboxComponent implements ControlValueAccessor, OnInit, AfterVi
     static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "lux-checkbox", never, { "lang": { "alias": "lang"; "required": false; }; "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
+interface DatetimeTranslations {
+    required: string;
+    min: string;
+    max: string;
+}
 declare class DatetimeComponent implements OnInit, ControlValueAccessor, Validator {
     static idCounter: number;
     dateInput: ElementRef;
@@ -240,16 +238,7 @@ declare class DatetimeComponent implements OnInit, ControlValueAccessor, Validat
     dateValue?: string;
     timeValue?: string;
     userErrors: {
-        en: {
-            required: string;
-            min: string;
-            max: string;
-        };
-        es: {
-            required: string;
-            min: string;
-            max: string;
-        };
+        [lang: string]: DatetimeTranslations;
     };
     min?: string;
     max?: string;
@@ -258,15 +247,15 @@ declare class DatetimeComponent implements OnInit, ControlValueAccessor, Validat
     get className(): string;
     lang: string;
     inlineErrors: boolean;
-    inputId: string;
-    ariaLabel: string;
+    inputId: string | undefined;
+    ariaLabel: string | undefined;
     readonly: boolean | null;
     set disabled(v: string | boolean);
-    get disabled(): string | boolean;
+    get disabled(): boolean;
     set required(v: boolean);
     get required(): boolean;
-    set value(v: string);
-    get value(): string;
+    set value(v: string | undefined);
+    get value(): string | undefined;
     valueChange: EventEmitter<any>;
     keyPress: EventEmitter<KeyboardEvent>;
     onChange: (_value: any) => void;
@@ -301,7 +290,7 @@ declare class FilterComponent implements ControlValueAccessor, OnInit, OnDestroy
     private _searchValue;
     disabled: boolean;
     /** id for the input. If left blank, it is autogenerated */
-    inputId: string;
+    inputId: string | undefined;
     /** Placeholder default text. */
     placeholder: string;
     /** Search value introduced by the user. */
@@ -310,16 +299,16 @@ declare class FilterComponent implements ControlValueAccessor, OnInit, OnDestroy
     /** Search on type: (default true) Auto-search when user types in. */
     searchOnType: boolean;
     /** Custom aria label in case of not using a label */
-    ariaLabel: string;
+    ariaLabel: string | undefined;
     private debounceValue;
     /** Debounce time in milliseconds. (defaults to 300 ms) */
     set debounce(val: number);
     get debounce(): number;
     /** Search value changed by user. */
     searchValueChange: EventEmitter<string>;
-    searchValue$: Observable<string>;
+    searchValue$?: Observable<string>;
     private subject;
-    private sub;
+    private sub?;
     constructor();
     onChange: (value: any) => void;
     onTouched: () => void;
@@ -377,6 +366,29 @@ declare class GeolocationService {
     static ɵprov: i0.ɵɵInjectableDeclaration<GeolocationService>;
 }
 
+interface GeoTranslations {
+    lat: string;
+    lon: string;
+    selectLocation: string;
+    location: string;
+    selectAction: string;
+    cancelAction: string;
+    closeAction: string;
+    typeToSearch: string;
+    cardinalPoints: {
+        north: string;
+        south: string;
+        east: string;
+        west: string;
+    };
+    userErrors: {
+        required: string;
+        minLatitude: string;
+        maxLatitude: string;
+        minLongitude: string;
+        maxLongitude: string;
+    };
+}
 declare class GeolocationComponent implements OnInit {
     private modalService;
     locationService: GeolocationService;
@@ -394,71 +406,26 @@ declare class GeolocationComponent implements OnInit {
     longitudeValue?: number;
     isValidNumber: (value: string | number | undefined | null) => boolean;
     i18n: {
-        en: {
-            lat: string;
-            lon: string;
-            selectLocation: string;
-            location: string;
-            selectAction: string;
-            cancelAction: string;
-            closeAction: string;
-            typeToSearch: string;
-            cardinalPoints: {
-                north: string;
-                south: string;
-                east: string;
-                west: string;
-            };
-            userErrors: {
-                required: string;
-                minLatitude: string;
-                maxLatitude: string;
-                minLongitude: string;
-                maxLongitude: string;
-            };
-        };
-        es: {
-            lat: string;
-            lon: string;
-            selectLocation: string;
-            location: string;
-            selectAction: string;
-            cancelAction: string;
-            closeAction: string;
-            typeToSearch: string;
-            cardinalPoints: {
-                north: string;
-                south: string;
-                east: string;
-                west: string;
-            };
-            userErrors: {
-                required: string;
-                minLatitude: string;
-                maxLatitude: string;
-                minLongitude: string;
-                maxLongitude: string;
-            };
-        };
+        [key: string]: GeoTranslations;
     };
-    minLatitude: number;
-    maxLatitude: number;
-    minLongitude: number;
-    maxLongitude: number;
-    step: number;
-    zoom: number;
+    minLatitude: number | undefined;
+    maxLatitude: number | undefined;
+    minLongitude: number | undefined;
+    maxLongitude: number | undefined;
+    step: number | undefined;
+    zoom: number | undefined;
     get className(): string;
     lang: string;
     inlineErrors: boolean;
-    inputId: string;
-    ariaLabel: string;
+    inputId: string | undefined;
+    ariaLabel: string | undefined;
     readonly: boolean | null;
     set disabled(v: string | boolean);
     get disabled(): string | boolean;
     set required(v: boolean);
     get required(): boolean;
-    set value(v: GeoPoint);
-    get value(): GeoPoint;
+    set value(v: GeoPoint | undefined);
+    get value(): GeoPoint | undefined;
     valueChange: EventEmitter<GeoPoint>;
     keyPress: EventEmitter<KeyboardEvent>;
     onChange: (value: any) => void;
@@ -507,6 +474,14 @@ declare class RegexpService {
     static ɵprov: i0.ɵɵInjectableDeclaration<RegexpService>;
 }
 
+interface UserErrorLiteral {
+    required: string;
+    min: string;
+    max: string;
+    email: string;
+    url: string;
+    color: string;
+}
 declare class InputComponent implements OnInit, ControlValueAccessor, Validator {
     regexpService: RegexpService;
     private cdr;
@@ -526,24 +501,9 @@ declare class InputComponent implements OnInit, ControlValueAccessor, Validator
     private _currency;
     private _required;
     userErrors: {
-        en: {
-            required: string;
-            min: string;
-            max: string;
-            email: string;
-            url: string;
-            color: string;
-        };
-        es: {
-            required: string;
-            min: string;
-            max: string;
-            email: string;
-            url: string;
-            color: string;
-        };
+        [key: string]: UserErrorLiteral;
     };
-    domain: string;
+    domain: string | undefined;
     rows?: number | string;
     cols?: number | string;
     step?: number;
@@ -553,15 +513,15 @@ declare class InputComponent implements OnInit, ControlValueAccessor, Validator
     get color(): string;
     lang: string;
     inlineErrors: boolean;
-    inputId: string;
-    ariaLabel: string;
+    inputId: string | undefined;
+    ariaLabel: string | undefined;
     readonly: boolean | null;
     set disabled(v: string | boolean);
     get disabled(): string | boolean;
     set pattern(p: string | undefined);
     get pattern(): string | undefined;
     set currency(v: string);
-    get currency(): string;
+    get currency(): string | undefined;
     set placeholder(v: string);
     get placeholder(): string;
     set required(v: boolean);
@@ -615,15 +575,15 @@ declare class InputComponent implements OnInit, ControlValueAccessor, Validator
 type PlacementValue = 'left' | 'right' | 'top' | 'bottom';
 
 declare class TooltipContentRef {
-    viewRef?: ViewRef;
-    componentRef?: ComponentRef<any>;
-    constructor(viewRef?: ViewRef, componentRef?: ComponentRef<any>);
+    viewRef?: ViewRef | undefined;
+    componentRef?: ComponentRef<any> | undefined;
+    constructor(viewRef?: ViewRef | undefined, componentRef?: ComponentRef<any> | undefined);
 }
 
 /**
  * Tooltip directive
  */
-declare class LuxTooltipDirective {
+declare class LuxTooltipDirective implements OnDestroy {
     private elHost;
     private tooltipService;
     /** Tooltip title */
@@ -632,12 +592,13 @@ declare class LuxTooltipDirective {
     content: any;
     /** Placement */
     placement: PlacementValue;
-    tooltipRef: TooltipContentRef;
+    tooltipRef: TooltipContentRef | null;
     onMouseEnter(): void;
     onMouseLeave(): void;
     onClick(): void;
-    show(component: any, elHost: ElementRef, placement: PlacementValue): TooltipContentRef;
+    show(component: any, elHost: ElementRef, placement: PlacementValue): TooltipContentRef | null;
     remove(tooltipRef: TooltipContentRef): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuxTooltipDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<LuxTooltipDirective, "[luxTooltip]", never, { "luxTooltip": { "alias": "luxTooltip"; "required": false; }; "content": { "alias": "content"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -646,18 +607,18 @@ declare class LuxModalWindowComponent implements OnInit, AfterViewInit, OnDestro
     private _document;
     private _elRef;
     private _elWithFocus;
-    ariaDescribedBy: string;
-    ariaLabelledBy: string;
+    ariaDescribedBy: string | undefined;
+    ariaLabelledBy: string | undefined;
     backdrop: boolean | string;
     keyboard: boolean;
-    windowClass: string;
+    windowClass: string | undefined;
     dismissEvent: EventEmitter<any>;
     get class(): string;
     role: string;
     tabindex: string;
     ariamodal: boolean;
-    get hostAriaLabelledBy(): string;
-    get hostAriaDescribedBy(): string;
+    get hostAriaLabelledBy(): string | undefined;
+    get hostAriaDescribedBy(): string | undefined;
     backdropClick(event: any): void;
     escKey(event: any): void;
     dismiss(reason: any): void;
@@ -669,7 +630,7 @@ declare class LuxModalWindowComponent implements OnInit, AfterViewInit, OnDestro
 }
 
 declare class LuxModalBackdropComponent {
-    backdropClass: string;
+    backdropClass: string | undefined;
     class: string;
     style: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuxModalBackdropComponent, never>;
@@ -680,14 +641,14 @@ declare class MapComponent implements OnInit, AfterViewInit {
     static idCounter: number;
     private loaded$;
     private _map;
-    mapId: any;
-    _zoom: number;
-    set zoom(zoom: number);
-    get zoom(): number;
-    _center: GeoPoint;
-    set center(center: GeoPoint);
-    get center(): GeoPoint;
-    _readonly: boolean;
+    mapId: string | undefined;
+    _zoom: number | undefined;
+    set zoom(zoom: number | undefined);
+    get zoom(): number | undefined;
+    _center: GeoPoint | undefined;
+    set center(center: GeoPoint | undefined);
+    get center(): GeoPoint | undefined;
+    _readonly: boolean | undefined;
     set readonly(readonly: boolean);
     get readonly(): boolean;
     private _marker;
@@ -695,7 +656,7 @@ declare class MapComponent implements OnInit, AfterViewInit {
     private _markerCoordinates;
     private set markerCoordinates(value);
     private get markerCoordinates();
-    set markerPoint(markerPoint: GeoPoint);
+    set markerPoint(markerPoint: GeoPoint | undefined);
     get markerPoint(): GeoPoint;
     valueChange: EventEmitter<GeoPoint>;
     private _markerSource;
@@ -723,25 +684,20 @@ interface PaginationInfo {
     pagesToShow: number;
 }
 
-declare class PaginationComponent implements OnInit {
-    literals: {
-        en: {
-            first: string;
-            previous: string;
-            next: string;
-            last: string;
-        };
-        es: {
-            first: string;
-            previous: string;
-            next: string;
-            last: string;
-        };
-    };
+interface PaginationLiterals {
     first: string;
     previous: string;
     next: string;
     last: string;
+}
+declare class PaginationComponent implements OnInit {
+    literals: {
+        [key: string]: PaginationLiterals;
+    };
+    first: string | undefined;
+    previous: string | undefined;
+    next: string | undefined;
+    last: string | undefined;
     showPagination: boolean;
     hidePrevious: boolean;
     lastPage: boolean;
@@ -820,9 +776,9 @@ declare class SelectComponent implements ControlValueAccessor, Validator {
     /** If set, check there is no duplicates in the data. */
     unique: boolean;
     /** Validation function for new items. Returns error or null if valid */
-    validateItem: (item: string) => string;
+    validateItem: (item: string) => string | null;
     newEntry: string;
-    error: any;
+    error: string | null;
     isValidNewEntry: boolean;
     private touched;
     constructor();
@@ -852,7 +808,7 @@ interface LuxTooltipContext {
  * Default Tooltip Component
  */
 declare class TooltipComponent {
-    context: LuxTooltipContext;
+    context: LuxTooltipContext | undefined;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "lux-tooltip", never, { "context": { "alias": "context"; "required": false; }; }, {}, never, never, true, never>;
@@ -881,9 +837,9 @@ declare class LuxModule {
 
 declare class ContentRef {
     nodes: any[];
-    viewRef?: ViewRef;
-    componentRef?: ComponentRef<any>;
-    constructor(nodes: any[], viewRef?: ViewRef, componentRef?: ComponentRef<any>);
+    viewRef?: ViewRef | undefined;
+    componentRef?: ComponentRef<any> | undefined;
+    constructor(nodes: any[], viewRef?: ViewRef | undefined, componentRef?: ComponentRef<any> | undefined);
 }
 
 declare class ModalRef {
@@ -903,7 +859,7 @@ declare class ModalRef {
      * The promise that is resolved when the modal is closed and rejected when the modal is dismissed.
      */
     result: Promise<any>;
-    constructor(_windowCmptRef: ComponentRef<LuxModalWindowComponent>, _contentRef: ContentRef, _backdropCmptRef?: ComponentRef<LuxModalBackdropComponent>, _beforeDismiss?: () => any);
+    constructor(_windowCmptRef: ComponentRef<LuxModalWindowComponent>, _contentRef: ContentRef, _backdropCmptRef?: ComponentRef<LuxModalBackdropComponent> | undefined, _beforeDismiss?: (() => any) | undefined);
     /**
      * Closes the modal with an optional `result` value.
      *
@@ -934,7 +890,6 @@ interface LuxModalOptions {
  */
 declare class ModalService {
     private modalStack;
-    private moduleCFR;
     /**Open a modal component
      * @param content TemplateRef
      */