@sumaris-net/ngx-components 18.6.50 → 18.6.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/doc/changelog.md +4 -0
- package/esm2022/src/app/shared/toast/toast.testing.mjs +8 -9
- package/esm2022/src/app/shared/toast/toast.testing.module.mjs +5 -4
- package/fesm2022/sumaris-net.ngx-components.mjs +9 -11
- package/fesm2022/sumaris-net.ngx-components.mjs.map +1 -1
- package/package.json +1 -1
- package/src/app/shared/toast/toast.testing.module.d.ts +2 -1
- package/src/assets/manifest.json +1 -1
- package/src/theme/_ngx-components.scss +1 -4
package/doc/changelog.md
CHANGED
|
@@ -1196,3 +1196,7 @@ enh: Environment: add useHash property to configure Angular router to use hash U
|
|
|
1196
1196
|
|
|
1197
1197
|
# 18.6.50
|
|
1198
1198
|
- fix(autocomplete-field) Avoid to display a suggest result, when a newer call is running
|
|
1199
|
+
|
|
1200
|
+
# 18.6.51
|
|
1201
|
+
- fix(toast) Fix info/warning color, for dark theme
|
|
1202
|
+
- fix(toast) Use text color for button color (can be override in app's custom theme)
|
|
@@ -2,10 +2,14 @@ import { Component } from '@angular/core';
|
|
|
2
2
|
import { Toasts } from './toasts';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@ionic/angular";
|
|
5
|
+
import * as i2 from "@angular/forms";
|
|
5
6
|
export class ToastTestingPage {
|
|
6
7
|
injector;
|
|
7
8
|
defaultOptions = {
|
|
8
|
-
showCloseButton:
|
|
9
|
+
showCloseButton: true,
|
|
10
|
+
duration: 5000, // 5s
|
|
11
|
+
message: 'This is a message text !',
|
|
12
|
+
positionAnchor: 'header',
|
|
9
13
|
};
|
|
10
14
|
constructor(injector) {
|
|
11
15
|
this.injector = injector;
|
|
@@ -13,29 +17,24 @@ export class ToastTestingPage {
|
|
|
13
17
|
showToast(opts) {
|
|
14
18
|
return Toasts.showSimple(this.injector, {
|
|
15
19
|
...this.defaultOptions,
|
|
16
|
-
duration: 5000, // 5s
|
|
17
|
-
message: 'This is a message',
|
|
18
20
|
...opts,
|
|
19
21
|
});
|
|
20
22
|
}
|
|
21
23
|
showInfo(opts) {
|
|
22
24
|
return this.showToast({
|
|
23
25
|
type: 'info',
|
|
24
|
-
message: 'This is a info text !',
|
|
25
26
|
...opts,
|
|
26
27
|
});
|
|
27
28
|
}
|
|
28
29
|
showWarning(opts) {
|
|
29
30
|
return this.showToast({
|
|
30
31
|
type: 'warning',
|
|
31
|
-
message: 'This is a warning text !',
|
|
32
32
|
...opts,
|
|
33
33
|
});
|
|
34
34
|
}
|
|
35
35
|
showError(opts) {
|
|
36
36
|
return this.showToast({
|
|
37
37
|
type: 'error',
|
|
38
|
-
message: 'This is a error text !',
|
|
39
38
|
...opts,
|
|
40
39
|
});
|
|
41
40
|
}
|
|
@@ -43,10 +42,10 @@ export class ToastTestingPage {
|
|
|
43
42
|
this.defaultOptions.showCloseButton = !this.defaultOptions.showCloseButton;
|
|
44
43
|
}
|
|
45
44
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingPage, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
-
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-
|
|
45
|
+
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: i1.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: i1.IonCheckbox, selector: "ion-checkbox", inputs: ["alignment", "checked", "color", "disabled", "indeterminate", "justify", "labelPlacement", "legacy", "mode", "name", "value"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.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: i1.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: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar,ion-range" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
47
46
|
}
|
|
48
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingPage, decorators: [{
|
|
49
48
|
type: Component,
|
|
50
|
-
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-
|
|
49
|
+
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" }]
|
|
51
50
|
}], ctorParameters: () => [{ type: i0.Injector }] });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QudGVzdGluZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvc2hhcmVkL3RvYXN0L3RvYXN0LnRlc3RpbmcudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL3NoYXJlZC90b2FzdC90b2FzdC50ZXN0aW5nLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBWSxNQUFNLGVBQWUsQ0FBQztBQUNwRCxPQUFPLEVBQW9CLE1BQU0sRUFBRSxNQUFNLFVBQVUsQ0FBQzs7OztBQU1wRCxNQUFNLE9BQU8sZ0JBQWdCO0lBUVA7SUFQWCxjQUFjLEdBQXFCO1FBQzFDLGVBQWUsRUFBRSxJQUFJO1FBQ3JCLFFBQVEsRUFBRSxJQUFJLEVBQUUsS0FBSztRQUNyQixPQUFPLEVBQUUsMEJBQTBCO1FBQ25DLGNBQWMsRUFBRSxRQUFRO0tBQ3pCLENBQUM7SUFFRixZQUFvQixRQUFrQjtRQUFsQixhQUFRLEdBQVIsUUFBUSxDQUFVO0lBQUcsQ0FBQztJQUUxQyxTQUFTLENBQUMsSUFBdUI7UUFDL0IsT0FBTyxNQUFNLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDdEMsR0FBRyxJQUFJLENBQUMsY0FBYztZQUN0QixHQUFHLElBQUk7U0FDUixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsUUFBUSxDQUFDLElBQXVCO1FBQzlCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztZQUNwQixJQUFJLEVBQUUsTUFBTTtZQUNaLEdBQUcsSUFBSTtTQUNSLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBdUI7UUFDakMsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO1lBQ3BCLElBQUksRUFBRSxTQUFTO1lBQ2YsR0FBRyxJQUFJO1NBQ1IsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFNBQVMsQ0FBQyxJQUF1QjtRQUMvQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7WUFDcEIsSUFBSSxFQUFFLE9BQU87WUFDYixHQUFHLElBQUk7U0FDUixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLGNBQWMsQ0FBQyxlQUFlLEdBQUcsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLGVBQWUsQ0FBQztJQUM3RSxDQUFDO3dHQXhDVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQixxRENQN0IsZ21DQW9DQTs7NEZEN0JhLGdCQUFnQjtrQkFKNUIsU0FBUzsrQkFDRSxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2hvd1RvYXN0T3B0aW9ucywgVG9hc3RzIH0gZnJvbSAnLi90b2FzdHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0b2FzdC10ZXN0aW5nJyxcbiAgdGVtcGxhdGVVcmw6ICd0b2FzdC50ZXN0aW5nLmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBUb2FzdFRlc3RpbmdQYWdlIHtcbiAgcmVhZG9ubHkgZGVmYXVsdE9wdGlvbnM6IFNob3dUb2FzdE9wdGlvbnMgPSB7XG4gICAgc2hvd0Nsb3NlQnV0dG9uOiB0cnVlLFxuICAgIGR1cmF0aW9uOiA1MDAwLCAvLyA1c1xuICAgIG1lc3NhZ2U6ICdUaGlzIGlzIGEgbWVzc2FnZSB0ZXh0ICEnLFxuICAgIHBvc2l0aW9uQW5jaG9yOiAnaGVhZGVyJyxcbiAgfTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGluamVjdG9yOiBJbmplY3Rvcikge31cblxuICBzaG93VG9hc3Qob3B0cz86IFNob3dUb2FzdE9wdGlvbnMpIHtcbiAgICByZXR1cm4gVG9hc3RzLnNob3dTaW1wbGUodGhpcy5pbmplY3Rvciwge1xuICAgICAgLi4udGhpcy5kZWZhdWx0T3B0aW9ucyxcbiAgICAgIC4uLm9wdHMsXG4gICAgfSk7XG4gIH1cblxuICBzaG93SW5mbyhvcHRzPzogU2hvd1RvYXN0T3B0aW9ucykge1xuICAgIHJldHVybiB0aGlzLnNob3dUb2FzdCh7XG4gICAgICB0eXBlOiAnaW5mbycsXG4gICAgICAuLi5vcHRzLFxuICAgIH0pO1xuICB9XG5cbiAgc2hvd1dhcm5pbmcob3B0cz86IFNob3dUb2FzdE9wdGlvbnMpIHtcbiAgICByZXR1cm4gdGhpcy5zaG93VG9hc3Qoe1xuICAgICAgdHlwZTogJ3dhcm5pbmcnLFxuICAgICAgLi4ub3B0cyxcbiAgICB9KTtcbiAgfVxuXG4gIHNob3dFcnJvcihvcHRzPzogU2hvd1RvYXN0T3B0aW9ucykge1xuICAgIHJldHVybiB0aGlzLnNob3dUb2FzdCh7XG4gICAgICB0eXBlOiAnZXJyb3InLFxuICAgICAgLi4ub3B0cyxcbiAgICB9KTtcbiAgfVxuXG4gIHRvZ2dsZUNsb3NlQnV0dG9uKCkge1xuICAgIHRoaXMuZGVmYXVsdE9wdGlvbnMuc2hvd0Nsb3NlQnV0dG9uID0gIXRoaXMuZGVmYXVsdE9wdGlvbnMuc2hvd0Nsb3NlQnV0dG9uO1xuICB9XG59XG4iLCI8aW9uLXRvb2xiYXIgY29sb3I9XCJwcmltYXJ5XCIgaWQ9XCJoZWFkZXJcIj5cbiAgPGlvbi10aXRsZT5Ub2FzdHM8L2lvbi10aXRsZT5cbjwvaW9uLXRvb2xiYXI+XG5cbjxpb24tY29udGVudCBjbGFzcz1cImlvbi1wYWRkaW5nXCI+XG4gIDxwPlRvYXN0IGV4YW1wbGVzOjwvcD5cblxuICA8aW9uLWJ1dHRvbiAoY2xpY2spPVwic2hvd1RvYXN0KClcIiBjb2xvcj1cImRhcmtcIj5kZWZhdWx0PC9pb24tYnV0dG9uPlxuXG4gIDxpb24tYnV0dG9uIChjbGljayk9XCJzaG93SW5mbygpXCIgY29sb3I9XCJzZWNvbmRhcnlcIj5pbmZvPC9pb24tYnV0dG9uPlxuXG4gIDxpb24tYnV0dG9uIChjbGljayk9XCJzaG93V2FybmluZygpXCIgY29sb3I9XCJhY2NlbnRcIj53YXJuaW5nPC9pb24tYnV0dG9uPlxuXG4gIDxpb24tYnV0dG9uIChjbGljayk9XCJzaG93RXJyb3IoKVwiIGNvbG9yPVwiZGFuZ2VyXCI+ZXJyb3I8L2lvbi1idXR0b24+XG5cbiAgPGlvbi1idXR0b24gKGNsaWNrKT1cInNob3dJbmZvKHsgbWVzc2FnZTogJ1RoaXMgaXMgPGI+SFRNTDwvYj4gdGV4dCcgfSlcIiBjb2xvcj1cImRhbmdlclwiPm1lc3NhZ2Ugd2l0aCBIVE1MPC9pb24tYnV0dG9uPlxuICA8YnIgLz5cblxuICA8aW9uLWxpc3Q+XG4gICAgPGlvbi1pdGVtPlxuICAgICAgPGlvbi1sYWJlbD5NZXNzYWdlPC9pb24tbGFiZWw+XG4gICAgICA8aW9uLWlucHV0IFsobmdNb2RlbCldPVwiZGVmYXVsdE9wdGlvbnMubWVzc2FnZVwiPjwvaW9uLWlucHV0PlxuICAgIDwvaW9uLWl0ZW0+XG5cbiAgICA8aW9uLWl0ZW0+XG4gICAgICA8aW9uLWNoZWNrYm94IFsobmdNb2RlbCldPVwiZGVmYXVsdE9wdGlvbnMuc2hvd0Nsb3NlQnV0dG9uXCI+XG4gICAgICAgIDxpb24tbGFiZWw+Q2xvc2UgYnV0dG9uID88L2lvbi1sYWJlbD5cbiAgICAgIDwvaW9uLWNoZWNrYm94PlxuICAgIDwvaW9uLWl0ZW0+XG5cbiAgICA8aW9uLWl0ZW0+XG4gICAgICA8aW9uLWxhYmVsPkR1cmF0aW9uPC9pb24tbGFiZWw+XG4gICAgICA8aW9uLWlucHV0IFsobmdNb2RlbCldPVwiZGVmYXVsdE9wdGlvbnMuZHVyYXRpb25cIj48L2lvbi1pbnB1dD5cbiAgICA8L2lvbi1pdGVtPlxuICA8L2lvbi1saXN0PlxuPC9pb24tY29udGVudD5cbiJdfQ==
|
|
@@ -4,6 +4,7 @@ import { IonicModule } from '@ionic/angular';
|
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import { TranslateModule } from '@ngx-translate/core';
|
|
6
6
|
import { ToastTestingPage } from './toast.testing';
|
|
7
|
+
import { FormsModule } from '@angular/forms';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
9
|
import * as i1 from "@ngx-translate/core";
|
|
9
10
|
import * as i2 from "@angular/router";
|
|
@@ -16,15 +17,15 @@ const routes = [
|
|
|
16
17
|
];
|
|
17
18
|
export class ToastTestingModule {
|
|
18
19
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
19
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, declarations: [ToastTestingPage], imports: [CommonModule, IonicModule, i1.TranslateModule, i2.RouterModule], exports: [RouterModule, ToastTestingPage] });
|
|
20
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes), RouterModule] });
|
|
20
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, declarations: [ToastTestingPage], imports: [CommonModule, IonicModule, i1.TranslateModule, i2.RouterModule, FormsModule], exports: [RouterModule, ToastTestingPage] });
|
|
21
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes), FormsModule, RouterModule] });
|
|
21
22
|
}
|
|
22
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, decorators: [{
|
|
23
24
|
type: NgModule,
|
|
24
25
|
args: [{
|
|
25
|
-
imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes)],
|
|
26
|
+
imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes), FormsModule],
|
|
26
27
|
declarations: [ToastTestingPage],
|
|
27
28
|
exports: [RouterModule, ToastTestingPage],
|
|
28
29
|
}]
|
|
29
30
|
}] });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QudGVzdGluZy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL3NoYXJlZC90b2FzdC90b2FzdC50ZXN0aW5nLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQVUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFFN0MsTUFBTSxNQUFNLEdBQVc7SUFDckI7UUFDRSxJQUFJLEVBQUUsT0FBTztRQUNiLFNBQVMsRUFBRSxNQUFNO1FBQ2pCLFNBQVMsRUFBRSxnQkFBZ0I7S0FDNUI7Q0FDRixDQUFDO0FBT0YsTUFBTSxPQUFPLGtCQUFrQjt3R0FBbEIsa0JBQWtCO3lHQUFsQixrQkFBa0IsaUJBSGQsZ0JBQWdCLGFBRHJCLFlBQVksRUFBRSxXQUFXLHVDQUE2RCxXQUFXLGFBRWpHLFlBQVksRUFBRSxnQkFBZ0I7eUdBRTdCLGtCQUFrQixZQUpuQixZQUFZLEVBQUUsV0FBVyxFQUFFLGVBQWUsQ0FBQyxRQUFRLEVBQUUsRUFBRSxZQUFZLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFLFdBQVcsRUFFakcsWUFBWTs7NEZBRVgsa0JBQWtCO2tCQUw5QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsZUFBZSxDQUFDLFFBQVEsRUFBRSxFQUFFLFlBQVksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEVBQUUsV0FBVyxDQUFDO29CQUM1RyxZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDaEMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDO2lCQUMxQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUsIFJvdXRlcyB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBJb25pY01vZHVsZSB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7IFRvYXN0VGVzdGluZ1BhZ2UgfSBmcm9tICcuL3RvYXN0LnRlc3RpbmcnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmNvbnN0IHJvdXRlczogUm91dGVzID0gW1xuICB7XG4gICAgcGF0aDogJ3RvYXN0JyxcbiAgICBwYXRoTWF0Y2g6ICdmdWxsJyxcbiAgICBjb21wb25lbnQ6IFRvYXN0VGVzdGluZ1BhZ2UsXG4gIH0sXG5dO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJb25pY01vZHVsZSwgVHJhbnNsYXRlTW9kdWxlLmZvckNoaWxkKCksIFJvdXRlck1vZHVsZS5mb3JDaGlsZChyb3V0ZXMpLCBGb3Jtc01vZHVsZV0sXG4gIGRlY2xhcmF0aW9uczogW1RvYXN0VGVzdGluZ1BhZ2VdLFxuICBleHBvcnRzOiBbUm91dGVyTW9kdWxlLCBUb2FzdFRlc3RpbmdQYWdlXSxcbn0pXG5leHBvcnQgY2xhc3MgVG9hc3RUZXN0aW5nTW9kdWxlIHt9XG4iXX0=
|
|
@@ -45256,7 +45256,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
45256
45256
|
class ToastTestingPage {
|
|
45257
45257
|
injector;
|
|
45258
45258
|
defaultOptions = {
|
|
45259
|
-
showCloseButton:
|
|
45259
|
+
showCloseButton: true,
|
|
45260
|
+
duration: 5000, // 5s
|
|
45261
|
+
message: 'This is a message text !',
|
|
45262
|
+
positionAnchor: 'header',
|
|
45260
45263
|
};
|
|
45261
45264
|
constructor(injector) {
|
|
45262
45265
|
this.injector = injector;
|
|
@@ -45264,29 +45267,24 @@ class ToastTestingPage {
|
|
|
45264
45267
|
showToast(opts) {
|
|
45265
45268
|
return Toasts.showSimple(this.injector, {
|
|
45266
45269
|
...this.defaultOptions,
|
|
45267
|
-
duration: 5000, // 5s
|
|
45268
|
-
message: 'This is a message',
|
|
45269
45270
|
...opts,
|
|
45270
45271
|
});
|
|
45271
45272
|
}
|
|
45272
45273
|
showInfo(opts) {
|
|
45273
45274
|
return this.showToast({
|
|
45274
45275
|
type: 'info',
|
|
45275
|
-
message: 'This is a info text !',
|
|
45276
45276
|
...opts,
|
|
45277
45277
|
});
|
|
45278
45278
|
}
|
|
45279
45279
|
showWarning(opts) {
|
|
45280
45280
|
return this.showToast({
|
|
45281
45281
|
type: 'warning',
|
|
45282
|
-
message: 'This is a warning text !',
|
|
45283
45282
|
...opts,
|
|
45284
45283
|
});
|
|
45285
45284
|
}
|
|
45286
45285
|
showError(opts) {
|
|
45287
45286
|
return this.showToast({
|
|
45288
45287
|
type: 'error',
|
|
45289
|
-
message: 'This is a error text !',
|
|
45290
45288
|
...opts,
|
|
45291
45289
|
});
|
|
45292
45290
|
}
|
|
@@ -45294,11 +45292,11 @@ class ToastTestingPage {
|
|
|
45294
45292
|
this.defaultOptions.showCloseButton = !this.defaultOptions.showCloseButton;
|
|
45295
45293
|
}
|
|
45296
45294
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingPage, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
45297
|
-
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-
|
|
45295
|
+
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"] }] });
|
|
45298
45296
|
}
|
|
45299
45297
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingPage, decorators: [{
|
|
45300
45298
|
type: Component,
|
|
45301
|
-
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-
|
|
45299
|
+
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" }]
|
|
45302
45300
|
}], ctorParameters: () => [{ type: i0.Injector }] });
|
|
45303
45301
|
|
|
45304
45302
|
const routes$b = [
|
|
@@ -45310,13 +45308,13 @@ const routes$b = [
|
|
|
45310
45308
|
];
|
|
45311
45309
|
class ToastTestingModule {
|
|
45312
45310
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
45313
|
-
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] });
|
|
45314
|
-
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] });
|
|
45311
|
+
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] });
|
|
45312
|
+
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] });
|
|
45315
45313
|
}
|
|
45316
45314
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastTestingModule, decorators: [{
|
|
45317
45315
|
type: NgModule,
|
|
45318
45316
|
args: [{
|
|
45319
|
-
imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$b)],
|
|
45317
|
+
imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$b), FormsModule],
|
|
45320
45318
|
declarations: [ToastTestingPage],
|
|
45321
45319
|
exports: [RouterModule, ToastTestingPage],
|
|
45322
45320
|
}]
|