@daffodil/design 0.85.0 → 0.87.0
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/atoms/form/error-message/error-message.component.d.ts +6 -0
- package/atoms/form/form-field/action/action.directive.d.ts +9 -0
- package/atoms/form/form-field/form-field/form-field.component.d.ts +115 -13
- package/atoms/form/form-field/form-field-control.d.ts +2 -0
- package/atoms/form/form-field/form-field.d.ts +3 -1
- package/atoms/form/form-field/label/label.directive.d.ts +5 -0
- package/atoms/form/form-field/public_api.d.ts +2 -0
- package/atoms/form/form-label/form-label.directive.d.ts +3 -0
- package/atoms/form/hint/hint.component.d.ts +1 -1
- package/button/README.md +60 -44
- package/button/button/button-base.directive.d.ts +11 -6
- package/button/button.d.ts +22 -1
- package/button/public_api.d.ts +1 -1
- package/button/src/button/button-base.scss +0 -19
- package/button/src/button/raised/raised-theme.scss +3 -3
- package/core/compactable/compactable.directive.d.ts +3 -0
- package/core/openable/openable.directive.d.ts +1 -1
- package/core/selectable/selectable.directive.d.ts +3 -1
- package/core/sizable/sizable.directive.d.ts +2 -2
- package/core/skeletonable/public_api.d.ts +0 -1
- package/core/skeletonable/skeletonable.directive.d.ts +3 -0
- package/core/statusable/statusable.directive.d.ts +22 -2
- package/core/text-alignable/text-alignable.directive.d.ts +9 -5
- package/fesm2022/daffodil-design-article.mjs +2 -2
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-breadcrumb.mjs +2 -2
- package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -1
- package/fesm2022/daffodil-design-button-examples.mjs +12 -12
- package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +61 -43
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-form-field-examples.mjs +95 -0
- package/fesm2022/daffodil-design-form-field-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-image.mjs +2 -2
- package/fesm2022/daffodil-design-image.mjs.map +1 -1
- package/fesm2022/daffodil-design-input-examples.mjs +10 -10
- package/fesm2022/daffodil-design-input-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-input.mjs +43 -4
- package/fesm2022/daffodil-design-input.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery.mjs +2 -2
- package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal-examples.mjs +3 -2
- package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +12 -11
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +3 -3
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-quantity-field-examples.mjs +4 -4
- package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-select-examples.mjs +117 -0
- package/fesm2022/daffodil-design-select-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-select.mjs +431 -0
- package/fesm2022/daffodil-design-select.mjs.map +1 -0
- package/fesm2022/daffodil-design-textarea-examples.mjs +66 -0
- package/fesm2022/daffodil-design-textarea-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-textarea.mjs +124 -0
- package/fesm2022/daffodil-design-textarea.mjs.map +1 -0
- package/fesm2022/daffodil-design-toast-examples.mjs +0 -59
- package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +52 -40
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +357 -103
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/form-field/examples/examples.d.ts +3 -0
- package/form-field/examples/form-field-appearances/form-field-appearances.component.d.ts +7 -0
- package/form-field/examples/form-field-with-action/form-field-with-action.component.d.ts +9 -0
- package/form-field/examples/form-field-with-prefix/form-field-with-prefix.component.d.ts +6 -0
- package/form-field/examples/form-field-with-suffix/form-field-with-suffix.component.d.ts +6 -0
- package/form-field/examples/index.d.ts +1 -0
- package/form-field/examples/public_api.d.ts +1 -0
- package/input/input.component.d.ts +15 -3
- package/modal/modal/modal.component.d.ts +5 -3
- package/notification/src/notification-theme.scss +34 -18
- package/package.json +1 -1
- package/scss/state/skeleton/_mixins.scss +4 -1
- package/scss/theme.scss +8 -0
- package/scss/theming/contrast/luminance/luminance.scss +3 -3
- package/scss/theming/illuminate/illuminate.scss +2 -0
- package/select/README.md +8 -0
- package/select/animation/select-animation-state.d.ts +7 -0
- package/select/animation/select-animation.d.ts +4 -0
- package/select/animation/state.enum.d.ts +4 -0
- package/select/examples/default-select/default-select.component.d.ts +8 -0
- package/select/examples/disabled-select/disabled-select.component.d.ts +8 -0
- package/select/examples/index.d.ts +1 -0
- package/select/examples/models/address.type.d.ts +7 -0
- package/select/examples/models/addresses.d.ts +2 -0
- package/select/examples/public_api.d.ts +3 -0
- package/select/examples/select-with-error/select-with-error.component.d.ts +8 -0
- package/select/examples/skeleton-select/skeleton-select.component.d.ts +8 -0
- package/select/index.d.ts +1 -0
- package/select/option/context.type.d.ts +17 -0
- package/select/option/option.directive.d.ts +11 -0
- package/select/public_api.d.ts +4 -0
- package/select/select/select.component.d.ts +170 -0
- package/select/select.d.ts +4 -0
- package/select/src/select-theme.scss +75 -0
- package/src/atoms/form/form-field/form-field/form-field-theme.scss +36 -4
- package/textarea/README.md +28 -0
- package/textarea/examples/basic-textarea/basic-textarea.component.d.ts +5 -0
- package/textarea/examples/examples.d.ts +2 -0
- package/textarea/examples/index.d.ts +1 -0
- package/textarea/examples/public_api.d.ts +1 -0
- package/textarea/examples/textarea-disabled/textarea-disabled.component.d.ts +7 -0
- package/textarea/examples/textarea-error/textarea-error.component.d.ts +7 -0
- package/textarea/index.d.ts +1 -0
- package/textarea/public_api.d.ts +1 -0
- package/textarea/textarea.component.d.ts +59 -0
- package/toast/README.md +21 -1
- package/toast/examples/public_api.d.ts +1 -2
- package/toast/helpers/toast-position.d.ts +8 -0
- package/toast/interfaces/toast-options.d.ts +19 -0
- package/toast/interfaces/toast.d.ts +1 -1
- package/toast/public_api.d.ts +2 -2
- package/toast/service/position-strategy.d.ts +1 -1
- package/toast/service/position.service.d.ts +1 -1
- package/toast/service/toast.service.d.ts +1 -1
- package/toast/toast/toast-provider.d.ts +16 -4
- package/toast/toast/toast-template.component.d.ts +1 -1
- package/core/skeletonable/skeletonable.d.ts +0 -6
- package/toast/examples/toast-positions/toast-positions.component.d.ts +0 -20
- package/toast/options/daff-toast-options.d.ts +0 -14
@@ -0,0 +1,124 @@
|
|
1
|
+
import * as i0 from '@angular/core';
|
2
|
+
import { HostBinding, HostListener, Optional, Self, ChangeDetectionStrategy, Component } from '@angular/core';
|
3
|
+
import * as i1 from '@angular/forms';
|
4
|
+
import { merge, of, map } from 'rxjs';
|
5
|
+
import * as i2 from '@daffodil/design';
|
6
|
+
import { DaffFormFieldControl } from '@daffodil/design';
|
7
|
+
|
8
|
+
/**
|
9
|
+
* DaffTextareaComponent provides the same functionality as a native `<textarea>` and contains custom styling and functionality.
|
10
|
+
*/
|
11
|
+
class DaffTextareaComponent extends DaffFormFieldControl {
|
12
|
+
get _id() {
|
13
|
+
return this.formField?.id;
|
14
|
+
}
|
15
|
+
;
|
16
|
+
/**
|
17
|
+
* @docs-private
|
18
|
+
*/
|
19
|
+
get internalId() {
|
20
|
+
return this._id;
|
21
|
+
}
|
22
|
+
/**
|
23
|
+
* @docs-private
|
24
|
+
*/
|
25
|
+
focus() {
|
26
|
+
this.focused = true;
|
27
|
+
this.emitState();
|
28
|
+
}
|
29
|
+
/**
|
30
|
+
* @docs-private
|
31
|
+
*/
|
32
|
+
blur() {
|
33
|
+
this.focused = false;
|
34
|
+
this.emitState();
|
35
|
+
}
|
36
|
+
/**
|
37
|
+
* @docs-private
|
38
|
+
*/
|
39
|
+
get ariaDescribedBy() {
|
40
|
+
if (this.formField.hasErrorMessage()) {
|
41
|
+
return this.formField.errorMessageId;
|
42
|
+
}
|
43
|
+
else if (this.formField.hasHint()) {
|
44
|
+
return this.formField.hintId;
|
45
|
+
}
|
46
|
+
else {
|
47
|
+
return null;
|
48
|
+
}
|
49
|
+
}
|
50
|
+
constructor(
|
51
|
+
/**
|
52
|
+
* @docs-private
|
53
|
+
*/
|
54
|
+
ngControl, _elementRef, formField) {
|
55
|
+
super(ngControl);
|
56
|
+
this.ngControl = ngControl;
|
57
|
+
this._elementRef = _elementRef;
|
58
|
+
this.formField = formField;
|
59
|
+
/** @docs-private */
|
60
|
+
this.controlType = 'native-textarea';
|
61
|
+
/**
|
62
|
+
* @docs-private
|
63
|
+
*/
|
64
|
+
this.class = true;
|
65
|
+
/**
|
66
|
+
* @docs-private
|
67
|
+
*/
|
68
|
+
this.focused = false;
|
69
|
+
}
|
70
|
+
/** @docs-private */
|
71
|
+
ngOnInit() {
|
72
|
+
this.stateChanges = merge(this._stateChanges.asObservable(), this.ngControl ? this.ngControl.statusChanges : of(undefined)).pipe(map(() => this.state));
|
73
|
+
}
|
74
|
+
/**
|
75
|
+
* @docs-private
|
76
|
+
*/
|
77
|
+
onFocus() {
|
78
|
+
this._elementRef.nativeElement.focus();
|
79
|
+
}
|
80
|
+
/**
|
81
|
+
* @docs-private
|
82
|
+
*/
|
83
|
+
get value() {
|
84
|
+
return this._elementRef.nativeElement.value;
|
85
|
+
}
|
86
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffTextareaComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i2.DaffFormFieldComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
87
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffTextareaComponent, isStandalone: true, selector: "textarea[daff-textarea]", host: { listeners: { "focus": "focus()", "blur": "blur()" }, properties: { "class.daff-textarea": "this.class", "attr.id": "this.internalId", "attr.aria-describedby": "this.ariaDescribedBy" } }, providers: [
|
88
|
+
// eslint-disable-next-line @typescript-eslint/no-use-before-define
|
89
|
+
{ provide: DaffFormFieldControl, useExisting: DaffTextareaComponent },
|
90
|
+
], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{background:none;border:none;box-shadow:none;margin:0;padding:0;resize:vertical;min-height:3.5rem;width:100%;box-sizing:border-box}:host:focus{border:none;box-shadow:none;outline:none}:host:disabled{cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
91
|
+
}
|
92
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffTextareaComponent, decorators: [{
|
93
|
+
type: Component,
|
94
|
+
args: [{ selector: 'textarea[daff-textarea]', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
95
|
+
// eslint-disable-next-line @typescript-eslint/no-use-before-define
|
96
|
+
{ provide: DaffFormFieldControl, useExisting: DaffTextareaComponent },
|
97
|
+
], styles: [":host{background:none;border:none;box-shadow:none;margin:0;padding:0;resize:vertical;min-height:3.5rem;width:100%;box-sizing:border-box}:host:focus{border:none;box-shadow:none;outline:none}:host:disabled{cursor:not-allowed}\n"] }]
|
98
|
+
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
99
|
+
type: Optional
|
100
|
+
}, {
|
101
|
+
type: Self
|
102
|
+
}] }, { type: i0.ElementRef }, { type: i2.DaffFormFieldComponent }], propDecorators: { class: [{
|
103
|
+
type: HostBinding,
|
104
|
+
args: ['class.daff-textarea']
|
105
|
+
}], internalId: [{
|
106
|
+
type: HostBinding,
|
107
|
+
args: ['attr.id']
|
108
|
+
}], focus: [{
|
109
|
+
type: HostListener,
|
110
|
+
args: ['focus']
|
111
|
+
}], blur: [{
|
112
|
+
type: HostListener,
|
113
|
+
args: ['blur']
|
114
|
+
}], ariaDescribedBy: [{
|
115
|
+
type: HostBinding,
|
116
|
+
args: ['attr.aria-describedby']
|
117
|
+
}] } });
|
118
|
+
|
119
|
+
/**
|
120
|
+
* Generated bundle index. Do not edit.
|
121
|
+
*/
|
122
|
+
|
123
|
+
export { DaffTextareaComponent };
|
124
|
+
//# sourceMappingURL=daffodil-design-textarea.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"daffodil-design-textarea.mjs","sources":["../../../libs/design/textarea/src/textarea.component.ts","../../../libs/design/textarea/src/daffodil-design-textarea.ts"],"sourcesContent":["import {\n Component,\n Optional,\n Self,\n ElementRef,\n HostListener,\n ChangeDetectionStrategy,\n HostBinding,\n OnInit,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport {\n map,\n merge,\n of,\n} from 'rxjs';\n\nimport {\n DaffFormFieldComponent,\n DaffFormFieldControl,\n} from '@daffodil/design';\n\n/**\n * DaffTextareaComponent provides the same functionality as a native `<textarea>` and contains custom styling and functionality.\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'textarea[daff-textarea]',\n template: '<ng-content></ng-content>',\n styleUrls: ['./textarea.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n { provide: DaffFormFieldControl, useExisting: DaffTextareaComponent },\n ],\n})\nexport class DaffTextareaComponent extends DaffFormFieldControl<string> implements DaffFormFieldControl<string>, OnInit {\n\n /** @docs-private */\n controlType = 'native-textarea';\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-textarea') class = true;\n\n /**\n * @docs-private\n */\n focused = false;\n\n private get _id() {\n return this.formField?.id;\n };\n\n /**\n * @docs-private\n */\n @HostBinding('attr.id') get internalId() {\n return this._id;\n }\n\n /**\n * @docs-private\n */\n @HostListener('focus') focus() {\n this.focused = true;\n this.emitState();\n }\n\n /**\n * @docs-private\n */\n @HostListener('blur') blur() {\n this.focused = false;\n this.emitState();\n }\n\n /**\n * @docs-private\n */\n @HostBinding('attr.aria-describedby') get ariaDescribedBy() {\n if(this.formField.hasErrorMessage()) {\n return this.formField.errorMessageId;\n } else if(this.formField.hasHint()) {\n return this.formField.hintId;\n } else {\n return null;\n }\n }\n\n constructor(\n /**\n * @docs-private\n */\n @Optional() @Self() public ngControl: NgControl,\n private _elementRef: ElementRef<HTMLInputElement>,\n private formField: DaffFormFieldComponent,\n ) {\n super(ngControl);\n }\n\n /** @docs-private */\n ngOnInit() {\n this.stateChanges = merge(\n this._stateChanges.asObservable(),\n this.ngControl ? this.ngControl.statusChanges : of(undefined),\n ).pipe(\n map(() => this.state),\n );\n }\n\n /**\n * @docs-private\n */\n onFocus() {\n this._elementRef.nativeElement.focus();\n }\n\n /**\n * @docs-private\n */\n get value() {\n return this._elementRef.nativeElement.value;\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -2,10 +2,8 @@ import * as i0 from '@angular/core';
|
|
2
2
|
import { EventEmitter, ChangeDetectionStrategy, Component } from '@angular/core';
|
3
3
|
import { DaffButtonComponent } from '@daffodil/design/button';
|
4
4
|
import * as i1 from '@daffodil/design/toast';
|
5
|
-
import { provideDaffToastOptions } from '@daffodil/design/toast';
|
6
5
|
import * as i2 from '@angular/forms';
|
7
6
|
import { FormControl, ReactiveFormsModule } from '@angular/forms';
|
8
|
-
import { combineLatest } from 'rxjs';
|
9
7
|
import { faInfoCircle, faCheck, faExclamation } from '@fortawesome/free-solid-svg-icons';
|
10
8
|
|
11
9
|
class DefaultToastComponent {
|
@@ -68,62 +66,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
|
|
68
66
|
], template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>" }]
|
69
67
|
}], ctorParameters: () => [{ type: i1.DaffToastService }] });
|
70
68
|
|
71
|
-
class ToastPositionsComponent {
|
72
|
-
constructor(toastService, toastPositionService) {
|
73
|
-
this.toastService = toastService;
|
74
|
-
this.toastPositionService = toastPositionService;
|
75
|
-
this.count = 0;
|
76
|
-
this.horizontalControl = new FormControl('right');
|
77
|
-
this.verticalControl = new FormControl('top');
|
78
|
-
}
|
79
|
-
open() {
|
80
|
-
this.toast = this.toastService.open({
|
81
|
-
title: 'Update complete' + ' ' + this.count++,
|
82
|
-
message: 'This page is now up-to-date.',
|
83
|
-
dismissible: true,
|
84
|
-
});
|
85
|
-
}
|
86
|
-
/**
|
87
|
-
* @docs-private
|
88
|
-
*/
|
89
|
-
ngOnInit() {
|
90
|
-
combineLatest([
|
91
|
-
this.horizontalControl.valueChanges,
|
92
|
-
this.verticalControl.valueChanges,
|
93
|
-
]).subscribe(([horizontal, vertical,]) => {
|
94
|
-
this.toastPositionService.setPosition({
|
95
|
-
horizontal,
|
96
|
-
vertical,
|
97
|
-
});
|
98
|
-
});
|
99
|
-
}
|
100
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ToastPositionsComponent, deps: [{ token: i1.DaffToastService }, { token: i1.DaffToastPositionService }], target: i0.ɵɵFactoryTarget.Component }); }
|
101
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: ToastPositionsComponent, isStandalone: true, selector: "toast-positions", providers: [
|
102
|
-
provideDaffToastOptions({
|
103
|
-
position: {
|
104
|
-
vertical: 'top',
|
105
|
-
horizontal: 'right',
|
106
|
-
},
|
107
|
-
useParent: false,
|
108
|
-
}),
|
109
|
-
], ngImport: i0, template: "<div class=\"toast-positions__options\">\n\t<select [formControl]=\"verticalControl\">\n\t\t<option value=\"top\">Top</option>\n\t\t<option value=\"bottom\">Bottom</option>\n\t</select>\n\t\n\t<select [formControl]=\"horizontalControl\">\n\t\t<option value=\"left\">Left</option>\n\t\t<option value=\"center\">Center</option>\n\t\t<option value=\"right\">Right</option>\n\t</select>\n</div>\n\n<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n", styles: [".toast-positions__options{display:flex;gap:8px;margin:0 0 16px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
110
|
-
}
|
111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: ToastPositionsComponent, decorators: [{
|
112
|
-
type: Component,
|
113
|
-
args: [{ selector: 'toast-positions', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
114
|
-
ReactiveFormsModule,
|
115
|
-
DaffButtonComponent,
|
116
|
-
], providers: [
|
117
|
-
provideDaffToastOptions({
|
118
|
-
position: {
|
119
|
-
vertical: 'top',
|
120
|
-
horizontal: 'right',
|
121
|
-
},
|
122
|
-
useParent: false,
|
123
|
-
}),
|
124
|
-
], template: "<div class=\"toast-positions__options\">\n\t<select [formControl]=\"verticalControl\">\n\t\t<option value=\"top\">Top</option>\n\t\t<option value=\"bottom\">Bottom</option>\n\t</select>\n\t\n\t<select [formControl]=\"horizontalControl\">\n\t\t<option value=\"left\">Left</option>\n\t\t<option value=\"center\">Center</option>\n\t\t<option value=\"right\">Right</option>\n\t</select>\n</div>\n\n<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n", styles: [".toast-positions__options{display:flex;gap:8px;margin:0 0 16px}\n"] }]
|
125
|
-
}], ctorParameters: () => [{ type: i1.DaffToastService }, { type: i1.DaffToastPositionService }] });
|
126
|
-
|
127
69
|
const status = {
|
128
70
|
critical: {
|
129
71
|
title: 'Server error',
|
@@ -192,7 +134,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
|
|
192
134
|
|
193
135
|
const TOAST_EXAMPLES = [
|
194
136
|
DefaultToastComponent,
|
195
|
-
ToastPositionsComponent,
|
196
137
|
ToastStatusComponent,
|
197
138
|
ToastWithCustomDurationComponent,
|
198
139
|
DismissibleToastComponent,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-toast-examples.mjs","sources":["../../../libs/design/toast/examples/src/default-toast/default-toast.component.ts","../../../libs/design/toast/examples/src/default-toast/default-toast.component.html","../../../libs/design/toast/examples/src/dismissible-toast/dismissible-toast.component.ts","../../../libs/design/toast/examples/src/dismissible-toast/dismissible-toast.component.html","../../../libs/design/toast/examples/src/toast-positions/toast-positions.component.ts","../../../libs/design/toast/examples/src/toast-positions/toast-positions.component.html","../../../libs/design/toast/examples/src/toast-status/toast-status.component.ts","../../../libs/design/toast/examples/src/toast-status/toast-status.component.html","../../../libs/design/toast/examples/src/toast-with-custom-duration/toast-with-custom-duration.component.ts","../../../libs/design/toast/examples/src/toast-with-custom-duration/toast-with-custom-duration.component.html","../../../libs/design/toast/examples/src/public_api.ts","../../../libs/design/toast/examples/src/daffodil-design-toast-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n OnInit,\n} from '@angular/core';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport {\n DaffToast,\n DaffToastAction,\n DaffToastService,\n} from '@daffodil/design/toast';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'default-toast',\n templateUrl: './default-toast.component.html',\n styles: [],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DaffButtonComponent,\n ],\n})\nexport class DefaultToastComponent implements OnInit {\n private toast: DaffToast;\n\n constructor(private toastService: DaffToastService) {}\n\n update = new EventEmitter<DaffToastAction>();\n\n closeToast = new EventEmitter<DaffToastAction>();\n\n open() {\n this.toast = this.toastService.open({\n title: 'Update Available' + ' ' + this.count++,\n message: 'A new version of this page is available.',\n actions: [\n { content: 'Update', color: 'theme-contrast', size: 'sm', eventEmitter: this.update },\n { content: 'Remind me later', type: 'flat', size: 'sm', eventEmitter: this.closeToast },\n ],\n });\n }\n\n /**\n * @docs-private\n */\n ngOnInit() {\n this.update.subscribe(() => {\n console.log('test');\n });\n\n this.closeToast.subscribe(() => {\n this.toastService.close(this.toast);\n });\n }\n\n private count = 0;\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport {\n DaffToast,\n DaffToastService,\n} from '@daffodil/design/toast';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'dismissible-toast',\n templateUrl: './dismissible-toast.component.html',\n styles: [],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DaffButtonComponent,\n ],\n})\nexport class DismissibleToastComponent {\n private toast: DaffToast;\n\n constructor(private toastService: DaffToastService) {}\n\n open() {\n this.toast = this.toastService.open({\n title: 'Update Available' + ' ' + this.count++,\n message: 'A new version of this page is available.',\n dismissible: true,\n });\n }\n\n private count = 0;\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>","import {\n ChangeDetectionStrategy,\n Component,\n OnInit,\n} from '@angular/core';\nimport {\n FormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { combineLatest } from 'rxjs';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport {\n DaffToast,\n DaffToastService,\n DaffToastPositionService,\n provideDaffToastOptions,\n} from '@daffodil/design/toast';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'toast-positions',\n templateUrl: './toast-positions.component.html',\n styleUrls: ['./toast-positions.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n ReactiveFormsModule,\n DaffButtonComponent,\n ],\n providers: [\n provideDaffToastOptions({\n position: {\n vertical: 'top',\n horizontal: 'right',\n },\n useParent: false,\n }),\n ],\n})\nexport class ToastPositionsComponent implements OnInit {\n private toast: DaffToast;\n\n constructor(\n private toastService: DaffToastService,\n private toastPositionService: DaffToastPositionService,\n ) {}\n\n open() {\n this.toast = this.toastService.open({\n title: 'Update complete' + ' ' + this.count++,\n message: 'This page is now up-to-date.',\n dismissible: true,\n });\n }\n\n private count = 0;\n\n horizontalControl: FormControl = new FormControl('right');\n verticalControl: FormControl = new FormControl('top');\n\n /**\n * @docs-private\n */\n ngOnInit() {\n combineLatest([\n this.horizontalControl.valueChanges,\n this.verticalControl.valueChanges,\n ]).subscribe(([\n horizontal, vertical,\n ]) => {\n this.toastPositionService.setPosition({\n horizontal,\n vertical,\n });\n });\n }\n}\n","<div class=\"toast-positions__options\">\n\t<select [formControl]=\"verticalControl\">\n\t\t<option value=\"top\">Top</option>\n\t\t<option value=\"bottom\">Bottom</option>\n\t</select>\n\t\n\t<select [formControl]=\"horizontalControl\">\n\t\t<option value=\"left\">Left</option>\n\t\t<option value=\"center\">Center</option>\n\t\t<option value=\"right\">Right</option>\n\t</select>\n</div>\n\n<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n FormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport {\n faCheck,\n faExclamation,\n faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport {\n DaffToastData,\n DaffToastService,\n} from '@daffodil/design/toast';\n\nconst status: Record<string, DaffToastData> = {\n critical: {\n title: 'Server error',\n message: 'There is a server error.',\n },\n success: {\n title: 'Update complete',\n message: 'The app is now up-to-date with the newest version.',\n },\n warn: {\n title: 'The app is outdated',\n message: 'Update the app now. The version you are using may have security vulnerabilities.',\n },\n};\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'toast-status',\n templateUrl: './toast-status.component.html',\n styleUrls: ['./toast-status.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DaffButtonComponent,\n ReactiveFormsModule,\n ],\n})\nexport class ToastStatusComponent {\n faInfoCircle = faInfoCircle;\n faCheck = faCheck;\n faExclamation = faExclamation;\n\n statusControl: FormControl = new FormControl('success');\n\n constructor(private toastService: DaffToastService) {}\n\n open() {\n this.toastService.open({\n status: this.statusControl.value,\n ...status[this.statusControl.value],\n actions: [\n { content: 'Update', color: 'theme-contrast', size: 'sm' },\n { content: 'Remind me later', type: 'flat', size: 'sm' },\n ],\n },\n );\n }\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"critical\">Critical</option>\n</select>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport {\n DaffToast,\n DaffToastService,\n} from '@daffodil/design/toast';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'toast-with-custom-duration',\n templateUrl: './toast-with-custom-duration.component.html',\n styles: [],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DaffButtonComponent,\n ],\n})\nexport class ToastWithCustomDurationComponent {\n private toast: DaffToast;\n\n constructor(private toastService: DaffToastService) {}\n\n open() {\n this.toast = this.toastService.open({\n title: 'Update Complete',\n message: 'This page has been updated to the newest version.',\n status: 'success',\n },\n {\n duration: 7000,\n });\n }\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>","import { DefaultToastComponent } from './default-toast/default-toast.component';\nimport { DismissibleToastComponent } from './dismissible-toast/dismissible-toast.component';\nimport { ToastPositionsComponent } from './toast-positions/toast-positions.component';\nimport { ToastStatusComponent } from './toast-status/toast-status.component';\nimport { ToastWithCustomDurationComponent } from './toast-with-custom-duration/toast-with-custom-duration.component';\n\nexport const TOAST_EXAMPLES = [\n DefaultToastComponent,\n ToastPositionsComponent,\n ToastStatusComponent,\n ToastWithCustomDurationComponent,\n DismissibleToastComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"daffodil-design-toast-examples.mjs","sources":["../../../libs/design/toast/examples/src/default-toast/default-toast.component.ts","../../../libs/design/toast/examples/src/default-toast/default-toast.component.html","../../../libs/design/toast/examples/src/dismissible-toast/dismissible-toast.component.ts","../../../libs/design/toast/examples/src/dismissible-toast/dismissible-toast.component.html","../../../libs/design/toast/examples/src/toast-status/toast-status.component.ts","../../../libs/design/toast/examples/src/toast-status/toast-status.component.html","../../../libs/design/toast/examples/src/toast-with-custom-duration/toast-with-custom-duration.component.ts","../../../libs/design/toast/examples/src/toast-with-custom-duration/toast-with-custom-duration.component.html","../../../libs/design/toast/examples/src/public_api.ts","../../../libs/design/toast/examples/src/daffodil-design-toast-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n OnInit,\n} from '@angular/core';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport {\n DaffToast,\n DaffToastAction,\n DaffToastService,\n} from '@daffodil/design/toast';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'default-toast',\n templateUrl: './default-toast.component.html',\n styles: [],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DaffButtonComponent,\n ],\n})\nexport class DefaultToastComponent implements OnInit {\n private toast: DaffToast;\n\n constructor(private toastService: DaffToastService) {}\n\n update = new EventEmitter<DaffToastAction>();\n\n closeToast = new EventEmitter<DaffToastAction>();\n\n open() {\n this.toast = this.toastService.open({\n title: 'Update Available' + ' ' + this.count++,\n message: 'A new version of this page is available.',\n actions: [\n { content: 'Update', color: 'theme-contrast', size: 'sm', eventEmitter: this.update },\n { content: 'Remind me later', type: 'flat', size: 'sm', eventEmitter: this.closeToast },\n ],\n });\n }\n\n /**\n * @docs-private\n */\n ngOnInit() {\n this.update.subscribe(() => {\n console.log('test');\n });\n\n this.closeToast.subscribe(() => {\n this.toastService.close(this.toast);\n });\n }\n\n private count = 0;\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport {\n DaffToast,\n DaffToastService,\n} from '@daffodil/design/toast';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'dismissible-toast',\n templateUrl: './dismissible-toast.component.html',\n styles: [],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DaffButtonComponent,\n ],\n})\nexport class DismissibleToastComponent {\n private toast: DaffToast;\n\n constructor(private toastService: DaffToastService) {}\n\n open() {\n this.toast = this.toastService.open({\n title: 'Update Available' + ' ' + this.count++,\n message: 'A new version of this page is available.',\n dismissible: true,\n });\n }\n\n private count = 0;\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n FormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport {\n faCheck,\n faExclamation,\n faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport {\n DaffToastData,\n DaffToastService,\n} from '@daffodil/design/toast';\n\nconst status: Record<string, DaffToastData> = {\n critical: {\n title: 'Server error',\n message: 'There is a server error.',\n },\n success: {\n title: 'Update complete',\n message: 'The app is now up-to-date with the newest version.',\n },\n warn: {\n title: 'The app is outdated',\n message: 'Update the app now. The version you are using may have security vulnerabilities.',\n },\n};\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'toast-status',\n templateUrl: './toast-status.component.html',\n styleUrls: ['./toast-status.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DaffButtonComponent,\n ReactiveFormsModule,\n ],\n})\nexport class ToastStatusComponent {\n faInfoCircle = faInfoCircle;\n faCheck = faCheck;\n faExclamation = faExclamation;\n\n statusControl: FormControl = new FormControl('success');\n\n constructor(private toastService: DaffToastService) {}\n\n open() {\n this.toastService.open({\n status: this.statusControl.value,\n ...status[this.statusControl.value],\n actions: [\n { content: 'Update', color: 'theme-contrast', size: 'sm' },\n { content: 'Remind me later', type: 'flat', size: 'sm' },\n ],\n },\n );\n }\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"critical\">Critical</option>\n</select>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport {\n DaffToast,\n DaffToastService,\n} from '@daffodil/design/toast';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'toast-with-custom-duration',\n templateUrl: './toast-with-custom-duration.component.html',\n styles: [],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DaffButtonComponent,\n ],\n})\nexport class ToastWithCustomDurationComponent {\n private toast: DaffToast;\n\n constructor(private toastService: DaffToastService) {}\n\n open() {\n this.toast = this.toastService.open({\n title: 'Update Complete',\n message: 'This page has been updated to the newest version.',\n status: 'success',\n },\n {\n duration: 7000,\n });\n }\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>","import { DefaultToastComponent } from './default-toast/default-toast.component';\nimport { DismissibleToastComponent } from './dismissible-toast/dismissible-toast.component';\nimport { ToastStatusComponent } from './toast-status/toast-status.component';\nimport { ToastWithCustomDurationComponent } from './toast-with-custom-duration/toast-with-custom-duration.component';\n\nexport const TOAST_EXAMPLES = [\n DefaultToastComponent,\n ToastStatusComponent,\n ToastWithCustomDurationComponent,\n DismissibleToastComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -1,14 +1,14 @@
|
|
1
1
|
import * as i1 from '@angular/cdk/layout';
|
2
|
-
import * as i0 from '@angular/core';
|
3
|
-
import { Inject, Injectable, HostBinding, Directive, HostListener, Input, ContentChild, ChangeDetectionStrategy, ViewEncapsulation, Component, EventEmitter, Output, Optional, SkipSelf } from '@angular/core';
|
4
|
-
import * as i2 from '@daffodil/design';
|
5
|
-
import { DaffBreakpoints, DaffPrefixDirective, DaffArticleEncapsulatedDirective, DaffStatusableDirective } from '@daffodil/design';
|
6
|
-
import { createConfigInjectionToken } from '@daffodil/core';
|
7
2
|
import * as i1$2 from '@angular/cdk/overlay';
|
8
3
|
import { GlobalPositionStrategy } from '@angular/cdk/overlay';
|
9
4
|
import { ComponentPortal } from '@angular/cdk/portal';
|
5
|
+
import * as i0 from '@angular/core';
|
6
|
+
import { Inject, Injectable, HostBinding, Directive, HostListener, Input, ContentChild, ChangeDetectionStrategy, ViewEncapsulation, Component, EventEmitter, Output, Optional, SkipSelf } from '@angular/core';
|
10
7
|
import { merge, of, EMPTY } from 'rxjs';
|
11
8
|
import { filter, map, tap, delay, take } from 'rxjs/operators';
|
9
|
+
import * as i2 from '@daffodil/design';
|
10
|
+
import { DaffBreakpoints, DaffPrefixDirective, DaffArticleEncapsulatedDirective, DaffStatusableDirective } from '@daffodil/design';
|
11
|
+
import { createConfigInjectionToken } from '@daffodil/core';
|
12
12
|
import { trigger, transition, style, animate } from '@angular/animations';
|
13
13
|
import { NgIf, NgFor, SlicePipe, NgTemplateOutlet } from '@angular/common';
|
14
14
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
@@ -17,6 +17,36 @@ import * as i2$1 from '@daffodil/design/button';
|
|
17
17
|
import { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';
|
18
18
|
import * as i1$1 from '@angular/cdk/a11y';
|
19
19
|
|
20
|
+
const daffToastChangesFocus = (toast) => toast.actions?.length > 0;
|
21
|
+
|
22
|
+
const createPositionStrategy = (position) => {
|
23
|
+
const strat = new GlobalPositionStrategy();
|
24
|
+
switch (position.horizontal) {
|
25
|
+
case 'left':
|
26
|
+
strat.left('48px');
|
27
|
+
break;
|
28
|
+
case 'right':
|
29
|
+
strat.right('48px');
|
30
|
+
break;
|
31
|
+
case 'center':
|
32
|
+
strat.centerHorizontally();
|
33
|
+
break;
|
34
|
+
default:
|
35
|
+
strat.right('48px');
|
36
|
+
}
|
37
|
+
switch (position.vertical) {
|
38
|
+
case 'top':
|
39
|
+
strat.top('80px');
|
40
|
+
break;
|
41
|
+
case 'bottom':
|
42
|
+
strat.bottom('48px');
|
43
|
+
break;
|
44
|
+
default:
|
45
|
+
strat.top('80px');
|
46
|
+
}
|
47
|
+
return strat;
|
48
|
+
};
|
49
|
+
|
20
50
|
;
|
21
51
|
;
|
22
52
|
const daffToastDefaultOptions = {
|
@@ -72,36 +102,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
|
|
72
102
|
args: [DAFF_TOAST_OPTIONS]
|
73
103
|
}] }, { type: i1.BreakpointObserver }] });
|
74
104
|
|
75
|
-
const daffToastChangesFocus = (toast) => toast.actions?.length > 0;
|
76
|
-
|
77
|
-
const createPositionStrategy = (position) => {
|
78
|
-
const strat = new GlobalPositionStrategy();
|
79
|
-
switch (position.horizontal) {
|
80
|
-
case 'left':
|
81
|
-
strat.left('48px');
|
82
|
-
break;
|
83
|
-
case 'right':
|
84
|
-
strat.right('48px');
|
85
|
-
break;
|
86
|
-
case 'center':
|
87
|
-
strat.centerHorizontally();
|
88
|
-
break;
|
89
|
-
default:
|
90
|
-
strat.right('48px');
|
91
|
-
}
|
92
|
-
switch (position.vertical) {
|
93
|
-
case 'top':
|
94
|
-
strat.top('80px');
|
95
|
-
break;
|
96
|
-
case 'bottom':
|
97
|
-
strat.bottom('48px');
|
98
|
-
break;
|
99
|
-
default:
|
100
|
-
strat.top('80px');
|
101
|
-
}
|
102
|
-
return strat;
|
103
|
-
};
|
104
|
-
|
105
105
|
const daffDefaultToastConfiguration = {};
|
106
106
|
|
107
107
|
class DaffToastActionsDirective {
|
@@ -665,7 +665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
|
|
665
665
|
}] }, { type: i1.BreakpointObserver }, { type: DaffToastPositionService }, { type: i2.DaffFocusStackService }, { type: i0.Injector }] });
|
666
666
|
|
667
667
|
/**
|
668
|
-
* Registers the `DaffToastService`
|
668
|
+
* Registers the `DaffToastService` for displaying a toast. This provider ensures
|
669
669
|
* toasts function correctly within your application.
|
670
670
|
*
|
671
671
|
* ```ts
|
@@ -673,21 +673,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
|
|
673
673
|
*
|
674
674
|
* @NgModule({
|
675
675
|
* providers: [
|
676
|
-
*
|
677
|
-
*
|
676
|
+
* provideDaffToast({
|
677
|
+
* position: {
|
678
|
+
* vertical: 'bottom',
|
679
|
+
* horizontal: 'left',
|
680
|
+
* },
|
681
|
+
* }),
|
682
|
+
* ]
|
678
683
|
* )}
|
679
684
|
*
|
680
685
|
* export class AppModule {}
|
681
686
|
* ```
|
687
|
+
* @param config Sets the configuration for all toasts.
|
688
|
+
* Toasts are displayed in the top-right corner of the screen by default on desktop devices.
|
689
|
+
*
|
690
|
+
* On mobile devices, toasts will always appear in the bottom-center position,
|
691
|
+
* regardless of configuration settings.
|
692
|
+
*
|
682
693
|
*/
|
683
|
-
const provideDaffToast = () => [
|
694
|
+
const provideDaffToast = (config = daffToastDefaultOptions) => [
|
684
695
|
DaffToastService,
|
685
696
|
DaffToastPositionService,
|
697
|
+
provideDaffToastOptions(config),
|
686
698
|
];
|
687
699
|
|
688
700
|
/**
|
689
701
|
* Generated bundle index. Do not edit.
|
690
702
|
*/
|
691
703
|
|
692
|
-
export {
|
704
|
+
export { DaffToastService, provideDaffToast };
|
693
705
|
//# sourceMappingURL=daffodil-design-toast.mjs.map
|