@sumaris-net/ngx-components 18.7.19 → 18.7.21

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "18.7.19",
+  "version": "18.7.21",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",
@@ -53,9 +53,9 @@
     "@capacitor/status-bar": "~6.0.2",
     "@e-is/cordova-plugin-audiomanagement": "^1.0.3",
     "@e-is/cordova-plugin-downloader": "^1.2.0",
-    "@awesome-cordova-plugins/core": "^6.15.0",
-    "@awesome-cordova-plugins/audio-management": "^6.15.0",
-    "@awesome-cordova-plugins/downloader": "^6.15.0",
+    "@awesome-cordova-plugins/core": "^6.16.0",
+    "@awesome-cordova-plugins/audio-management": "^6.16.0",
+    "@awesome-cordova-plugins/downloader": "^6.16.0",
     "clipboard": "^2.0.11",
     "cordova-sqlite-storage": "~6.0.0",
     "emoji-toolkit": ">= 8.0.0 < 10.0.0",

package/src/app/shared/events.d.ts

@@ -24,5 +24,6 @@ export interface CompletableEvent extends Event {
  *
  * @param element
  * @param threshold default to '15%'
+ * @param dueTime
  */
 export declare function fromScrollEndEvent(element: HTMLElement, threshold?: string, dueTime?: number): Observable<any>;

package/src/app/shared/functions.d.ts

@@ -77,7 +77,7 @@ export declare function isNumber(value: string): boolean;
 export declare function isNumberRange(value: string): boolean;
 export declare function getPropertyByPath(obj: any, path: string | Array<string | number>, defaultValue?: any): any;
 export declare function getProperty<T = any, K extends keyof T = any>(obj: T, key: K): T[K];
-export declare function getPropertyByPathAsString(obj: any, path: string | string[]): string | undefined;
+export declare function getPropertyByPathAsString(obj: any, path: string | string[], defaultValue?: string): string | undefined;
 /**
  * Update an object's property, using a path (like '<property_1>.<sub_property_1>')
  * @param obj
@@ -161,4 +161,11 @@ export declare class Beans {
 export declare function findParentWithClass(elem: HTMLElement, className: string): HTMLElement;
 export declare function intersectArrays<T = any>(values: T[][]): T[];
 export declare function noHtml(value: string): string;
+/**
+ * Interpolates a string by replacing placeholders with corresponding values from the provided object.
+ *
+ * @param {string} message - The string containing placeholders enclosed in double curly braces (e.g., {{key}}).
+ * @param {Record<string, any>} interpolateParams - An object containing key-value pairs for interpolation.
+ * @return {string} The interpolated string with placeholders replaced by corresponding values, or the original string if no placeholders are matched.
+ */
 export declare function interpolateString(message: string, interpolateParams: Record<string, any>): string;

package/src/app/shared/material/autocomplete/material.autocomplete.d.ts

@@ -14,6 +14,10 @@ export interface MatAutocompleteFieldSelectChange {
     source: MatSelect | MatAutocomplete;
     value: any;
 }
+export interface MatAutocompleteFieldToggleFavorite {
+    source: MatSelect | MatAutocomplete;
+    value: any;
+}
 export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDestroy, InputElement, ControlValueAccessor {
     protected injector: Injector;
     protected el: ElementRef<HTMLElement>;
@@ -43,6 +47,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     protected _fetchMore$: EventEmitter<Event>;
     protected _defaultPanelWidth: string;
     protected _focused: boolean;
+    protected get searchText(): string | undefined;
     equals: EqualsFn;
     logPrefix: string;
     formControl: UntypedFormControl;
@@ -91,6 +96,9 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     selectInputContentOnFocus: boolean;
     selectInputContentOnFocusDelay: number;
     previewImplicitValue: boolean;
+    showFavorites: boolean;
+    toggleFavoriteTitle: string;
+    favoriteItems: any[];
     /**
      * @deprecated Use panelClass instead
      */
@@ -104,9 +112,10 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     keydownBackspace: EventEmitter<Event>;
     keyupEnter: EventEmitter<Event>;
     selectionChange: EventEmitter<MatAutocompleteFieldSelectChange>;
+    toggleFavorite: EventEmitter<MatAutocompleteFieldToggleFavorite>;
     matSelect: MatSelect;
     ionSearchbar: IonSearchbar;
-    matInputText: ElementRef;
+    matInputText: ElementRef<HTMLInputElement>;
     autocomplete: MatAutocomplete;
     autocompleteTrigger: MatAutocompleteTrigger;
     constructor(injector: Injector, el: ElementRef<HTMLElement>, cd: ChangeDetectorRef, modalController: ModalController, renderer: Renderer2, formGroupDir: FormGroupDirective);
@@ -170,8 +179,9 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     private _fixSearchbarOverlay;
     private setInputTextValue;
     protected onBackspace(event: Event): void;
+    protected toggleFavoriteClick(event: UIEvent, value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteField, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocompleteField, "mat-autocomplete-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hideRequiredMarker": { "alias": "hideRequiredMarker"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displaySeparator": { "alias": "displaySeparator"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "reloadItemsOnFocus": { "alias": "reloadItemsOnFocus"; "required": false; }; "clearInvalidValueOnBlur": { "alias": "clearInvalidValueOnBlur"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "showSearchBar": { "alias": "showSearchBar"; "required": false; }; "stickySearchBar": { "alias": "stickySearchBar"; "required": false; }; "applyImplicitValue": { "alias": "applyImplicitValue"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "trimSearchText": { "alias": "trimSearchText"; "required": false; }; "splitSearchText": { "alias": "splitSearchText"; "required": false; }; "selectInputContentOnFocus": { "alias": "selectInputContentOnFocus"; "required": false; }; "selectInputContentOnFocusDelay": { "alias": "selectInputContentOnFocusDelay"; "required": false; }; "previewImplicitValue": { "alias": "previewImplicitValue"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keydownBackspace": "keydown.backspace"; "keyupEnter": "keyup.enter"; "selectionChange": "selectionChange"; }, never, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocompleteField, "mat-autocomplete-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hideRequiredMarker": { "alias": "hideRequiredMarker"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displaySeparator": { "alias": "displaySeparator"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "reloadItemsOnFocus": { "alias": "reloadItemsOnFocus"; "required": false; }; "clearInvalidValueOnBlur": { "alias": "clearInvalidValueOnBlur"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "showSearchBar": { "alias": "showSearchBar"; "required": false; }; "stickySearchBar": { "alias": "stickySearchBar"; "required": false; }; "applyImplicitValue": { "alias": "applyImplicitValue"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "trimSearchText": { "alias": "trimSearchText"; "required": false; }; "splitSearchText": { "alias": "splitSearchText"; "required": false; }; "selectInputContentOnFocus": { "alias": "selectInputContentOnFocus"; "required": false; }; "selectInputContentOnFocusDelay": { "alias": "selectInputContentOnFocusDelay"; "required": false; }; "previewImplicitValue": { "alias": "previewImplicitValue"; "required": false; }; "showFavorites": { "alias": "showFavorites"; "required": false; }; "toggleFavoriteTitle": { "alias": "toggleFavoriteTitle"; "required": false; }; "favoriteItems": { "alias": "favoriteItems"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keydownBackspace": "keydown.backspace"; "keyupEnter": "keyup.enter"; "selectionChange": "selectionChange"; "toggleFavorite": "toggleFavorite"; }, never, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_hideRequiredMarker: unknown;
     static ngAcceptInputType_mobile: unknown;

package/src/app/shared/material/autocomplete/testing/autocomplete.test.d.ts

@@ -1,7 +1,7 @@
 import { AfterViewInit, ChangeDetectorRef, OnInit } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { MatAutocompleteField } from '../material.autocomplete';
-import { Subscription } from 'rxjs';
+import { BehaviorSubject, Subscription } from 'rxjs';
 import { LoadResult } from '../../../services/entity-service.class';
 import { MatAutocompleteConfigHolder } from '../material.autocomplete.config';
 import { IonModal } from '@ionic/angular';
@@ -14,8 +14,10 @@ declare class EntityTestClass {
 export declare class AutocompleteTestPage implements OnInit, AfterViewInit {
     protected formBuilder: UntypedFormBuilder;
     private cd;
-    private _items;
-    private _$items;
+    protected _items: any[];
+    protected _$items: BehaviorSubject<EntityTestClass[]>;
+    protected _favoriteItems: any[];
+    protected _favoriteFarItems: any[];
     form: UntypedFormGroup;
     autocompleteFields: MatAutocompleteConfigHolder;
     memoryHide: boolean;

package/src/assets/manifest.json

@@ -2,7 +2,7 @@
   "name": "ngx-sumaris-components",
   "short_name": "ngx-sumaris-components",
   "manifest_version": 1,
-  "version": "18.7.19",
+  "version": "18.7.21",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{