@sumaris-net/ngx-components 18.6.49 → 18.6.51

package/fesm2022/sumaris-net.ngx-components.mjs

@@ -8703,7 +8703,7 @@ class MatAutocompleteField {
     /* -- private method -- */
     async suggest(value, filter) {
         // Compute a new execution id
-        const id = this._suggestExecutionId++;
+        const id = ++this._suggestExecutionId;
         // Split string value, if allow (.e.g 'AAA - Item AAA' => 'AAA')
         if (!this.mobile && typeof value === 'string') {
             // Split search text (and keep only the first part)
@@ -11730,7 +11730,7 @@ class MatChipsField {
     /* -- private method -- */
     async suggest(value, filter) {
         // Compute a new execution id
-        const id = this._suggestExecutionId++;
+        const id = ++this._suggestExecutionId;
         // Trim string value before searching
         if (this.trimSearchText && typeof value === 'string') {
             value = value.trim();
@@ -45256,7 +45256,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class ToastTestingPage {
     injector;
     defaultOptions = {
-        showCloseButton: false,
+        showCloseButton: true,
+        duration: 5000, // 5s
+        message: 'This is a message text !',
+        positionAnchor: 'header',
     };
     constructor(injector) {
         this.injector = injector;
@@ -45264,29 +45267,24 @@ class ToastTestingPage {
     showToast(opts) {
         return Toasts.showSimple(this.injector, {
             ...this.defaultOptions,
-            duration: 5000, // 5s
-            message: 'This is a message',
             ...opts,
         });
     }
     showInfo(opts) {
         return this.showToast({
             type: 'info',
-            message: 'This is a info text !',
             ...opts,
         });
     }
     showWarning(opts) {
         return this.showToast({
             type: 'warning',
-            message: 'This is a warning text !',
             ...opts,
         });
     }
     showError(opts) {
         return this.showToast({
             type: 'error',
-            message: 'This is a error text !',
             ...opts,
         });
     }
@@ -45294,11 +45292,11 @@ class ToastTestingPage {
         this.defaultOptions.showCloseButton = !this.defaultOptions.showCloseButton;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingPage, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ToastTestingPage, selector: "toast-testing", ngImport: i0, template: "<ion-toolbar color=\"primary\">\n  <ion-title>Toasts</ion-title>\n</ion-toolbar>\n\n<ion-content class=\"ion-padding\">\n  <p>Toast examples:</p>\n\n  <ion-button (click)=\"showToast()\" color=\"dark\">default</ion-button>\n\n  <ion-button (click)=\"showInfo()\" color=\"secondary\">info</ion-button>\n\n  <ion-button (click)=\"showWarning()\" color=\"accent\">warning</ion-button>\n\n  <ion-button (click)=\"showError()\" color=\"danger\">error</ion-button>\n\n  <ion-button (click)=\"showInfo({ message: 'This is <b>HTML</b> text' })\" color=\"danger\">message with HTML</ion-button>\n  <br />\n\n  <ion-list>\n    <ion-item>\n      <ion-checkbox [value]=\"defaultOptions.showCloseButton\" (ionChange)=\"toggleCloseButton()\">\n        <ion-label>Close button ?</ion-label>\n      </ion-checkbox>\n    </ion-item>\n  </ion-list>\n</ion-content>\n", dependencies: [{ kind: "component", type: i2$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2$1.IonCheckbox, selector: "ion-checkbox", inputs: ["alignment", "checked", "color", "disabled", "indeterminate", "justify", "labelPlacement", "legacy", "mode", "name", "value"] }, { kind: "component", type: i2$1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2$1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2$1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i2$1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2$1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i2$1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ToastTestingPage, selector: "toast-testing", ngImport: i0, template: "<ion-toolbar color=\"primary\" id=\"header\">\n  <ion-title>Toasts</ion-title>\n</ion-toolbar>\n\n<ion-content class=\"ion-padding\">\n  <p>Toast examples:</p>\n\n  <ion-button (click)=\"showToast()\" color=\"dark\">default</ion-button>\n\n  <ion-button (click)=\"showInfo()\" color=\"secondary\">info</ion-button>\n\n  <ion-button (click)=\"showWarning()\" color=\"accent\">warning</ion-button>\n\n  <ion-button (click)=\"showError()\" color=\"danger\">error</ion-button>\n\n  <ion-button (click)=\"showInfo({ message: 'This is <b>HTML</b> text' })\" color=\"danger\">message with HTML</ion-button>\n  <br />\n\n  <ion-list>\n    <ion-item>\n      <ion-label>Message</ion-label>\n      <ion-input [(ngModel)]=\"defaultOptions.message\"></ion-input>\n    </ion-item>\n\n    <ion-item>\n      <ion-checkbox [(ngModel)]=\"defaultOptions.showCloseButton\">\n        <ion-label>Close button ?</ion-label>\n      </ion-checkbox>\n    </ion-item>\n\n    <ion-item>\n      <ion-label>Duration</ion-label>\n      <ion-input [(ngModel)]=\"defaultOptions.duration\"></ion-input>\n    </ion-item>\n  </ion-list>\n</ion-content>\n", dependencies: [{ kind: "component", type: i2$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2$1.IonCheckbox, selector: "ion-checkbox", inputs: ["alignment", "checked", "color", "disabled", "indeterminate", "justify", "labelPlacement", "legacy", "mode", "name", "value"] }, { kind: "component", type: i2$1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2$1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "legacy", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2$1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2$1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i2$1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2$1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i2$1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { kind: "directive", type: i2$1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar,ion-range" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingPage, decorators: [{
             type: Component,
-            args: [{ selector: 'toast-testing', template: "<ion-toolbar color=\"primary\">\n  <ion-title>Toasts</ion-title>\n</ion-toolbar>\n\n<ion-content class=\"ion-padding\">\n  <p>Toast examples:</p>\n\n  <ion-button (click)=\"showToast()\" color=\"dark\">default</ion-button>\n\n  <ion-button (click)=\"showInfo()\" color=\"secondary\">info</ion-button>\n\n  <ion-button (click)=\"showWarning()\" color=\"accent\">warning</ion-button>\n\n  <ion-button (click)=\"showError()\" color=\"danger\">error</ion-button>\n\n  <ion-button (click)=\"showInfo({ message: 'This is <b>HTML</b> text' })\" color=\"danger\">message with HTML</ion-button>\n  <br />\n\n  <ion-list>\n    <ion-item>\n      <ion-checkbox [value]=\"defaultOptions.showCloseButton\" (ionChange)=\"toggleCloseButton()\">\n        <ion-label>Close button ?</ion-label>\n      </ion-checkbox>\n    </ion-item>\n  </ion-list>\n</ion-content>\n" }]
+            args: [{ selector: 'toast-testing', template: "<ion-toolbar color=\"primary\" id=\"header\">\n  <ion-title>Toasts</ion-title>\n</ion-toolbar>\n\n<ion-content class=\"ion-padding\">\n  <p>Toast examples:</p>\n\n  <ion-button (click)=\"showToast()\" color=\"dark\">default</ion-button>\n\n  <ion-button (click)=\"showInfo()\" color=\"secondary\">info</ion-button>\n\n  <ion-button (click)=\"showWarning()\" color=\"accent\">warning</ion-button>\n\n  <ion-button (click)=\"showError()\" color=\"danger\">error</ion-button>\n\n  <ion-button (click)=\"showInfo({ message: 'This is <b>HTML</b> text' })\" color=\"danger\">message with HTML</ion-button>\n  <br />\n\n  <ion-list>\n    <ion-item>\n      <ion-label>Message</ion-label>\n      <ion-input [(ngModel)]=\"defaultOptions.message\"></ion-input>\n    </ion-item>\n\n    <ion-item>\n      <ion-checkbox [(ngModel)]=\"defaultOptions.showCloseButton\">\n        <ion-label>Close button ?</ion-label>\n      </ion-checkbox>\n    </ion-item>\n\n    <ion-item>\n      <ion-label>Duration</ion-label>\n      <ion-input [(ngModel)]=\"defaultOptions.duration\"></ion-input>\n    </ion-item>\n  </ion-list>\n</ion-content>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }] });
 
 const routes$b = [
@@ -45310,13 +45308,13 @@ const routes$b = [
 ];
 class ToastTestingModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, declarations: [ToastTestingPage], imports: [CommonModule, IonicModule, i1$1.TranslateModule, i1$6.RouterModule], exports: [RouterModule, ToastTestingPage] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$b), RouterModule] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, declarations: [ToastTestingPage], imports: [CommonModule, IonicModule, i1$1.TranslateModule, i1$6.RouterModule, FormsModule], exports: [RouterModule, ToastTestingPage] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$b), FormsModule, RouterModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$b)],
+                    imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$b), FormsModule],
                     declarations: [ToastTestingPage],
                     exports: [RouterModule, ToastTestingPage],
                 }]