@daffodil/design 0.67.0 → 0.68.1
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2022/article/article/article.component.mjs +2 -2
- package/esm2022/article/examples/article-headings/article-headings.component.mjs +3 -4
- package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +3 -3
- package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +3 -3
- package/esm2022/modal/service/modal.service.mjs +2 -3
- package/esm2022/toast/daffodil-design-toast.mjs +5 -0
- package/esm2022/toast/examples/daffodil-design-toast-examples.mjs +5 -0
- package/esm2022/toast/examples/default-toast/default-toast.component.mjs +38 -0
- package/esm2022/toast/examples/default-toast/default-toast.module.mjs +36 -0
- package/esm2022/toast/examples/index.mjs +2 -0
- package/esm2022/toast/examples/public_api.mjs +15 -0
- package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +42 -0
- package/esm2022/toast/examples/toast-positions/toast-positions.module.mjs +57 -0
- package/esm2022/toast/examples/toast-status/toast-status.component.mjs +45 -0
- package/esm2022/toast/examples/toast-status/toast-status.module.mjs +40 -0
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +26 -0
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.module.mjs +32 -0
- package/esm2022/toast/index.mjs +2 -0
- package/esm2022/toast/interfaces/toast-action.mjs +2 -0
- package/esm2022/toast/interfaces/toast.mjs +2 -0
- package/esm2022/toast/options/daff-toast-options.mjs +16 -0
- package/esm2022/toast/public_api.mjs +9 -0
- package/esm2022/toast/service/changes-focus.mjs +2 -0
- package/esm2022/toast/service/position-strategy.mjs +29 -0
- package/esm2022/toast/service/position.service.mjs +33 -0
- package/esm2022/toast/service/toast.service.mjs +116 -0
- package/esm2022/toast/toast/toast-config.mjs +2 -0
- package/esm2022/toast/toast/toast-template.component.mjs +262 -0
- package/esm2022/toast/toast/toast.component.mjs +82 -0
- package/esm2022/toast/toast-actions/toast-actions.directive.mjs +19 -0
- package/esm2022/toast/toast-message/toast-message.directive.mjs +19 -0
- package/esm2022/toast/toast-title/toast-title.directive.mjs +19 -0
- package/esm2022/toast/toast.module.mjs +70 -0
- package/fesm2022/daffodil-design-article-examples.mjs +2 -2
- package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-article.mjs +2 -2
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon-examples.mjs +2 -2
- package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon.mjs +2 -2
- package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +1 -2
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast-examples.mjs +287 -0
- package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-toast.mjs +625 -0
- package/fesm2022/daffodil-design-toast.mjs.map +1 -0
- package/loading-icon/src/loading-icon-theme.scss +24 -8
- package/navbar/README.md +1 -1
- package/package.json +1 -1
- package/scss/theme.scss +2 -0
- package/toast/README.md +115 -0
- package/toast/examples/default-toast/default-toast.component.d.ts +15 -0
- package/toast/examples/default-toast/default-toast.module.d.ts +11 -0
- package/toast/examples/index.d.ts +1 -0
- package/toast/examples/public_api.d.ts +2 -0
- package/toast/examples/toast-positions/toast-positions.component.d.ts +17 -0
- package/toast/examples/toast-positions/toast-positions.module.d.ts +12 -0
- package/toast/examples/toast-status/toast-status.component.d.ts +14 -0
- package/toast/examples/toast-status/toast-status.module.d.ts +12 -0
- package/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.d.ts +10 -0
- package/toast/examples/toast-with-custom-duration/toast-with-custom-duration.module.d.ts +10 -0
- package/toast/index.d.ts +1 -0
- package/toast/interfaces/toast-action.d.ts +38 -0
- package/toast/interfaces/toast.d.ts +20 -0
- package/toast/options/daff-toast-options.d.ts +15 -0
- package/toast/public_api.d.ts +11 -0
- package/toast/service/changes-focus.d.ts +2 -0
- package/toast/service/position-strategy.d.ts +3 -0
- package/toast/service/position.service.d.ts +15 -0
- package/toast/service/toast.service.d.ts +29 -0
- package/toast/src/toast-theme.scss +63 -0
- package/toast/toast/toast-config.d.ts +7 -0
- package/toast/toast/toast-template.component.d.ts +20 -0
- package/toast/toast/toast.component.d.ts +52 -0
- package/toast/toast-actions/toast-actions.directive.d.ts +6 -0
- package/toast/toast-message/toast-message.directive.d.ts +6 -0
- package/toast/toast-title/toast-title.directive.d.ts +6 -0
- package/toast/toast.module.d.ts +17 -0
|
@@ -15,11 +15,11 @@ export class DaffArticleComponent {
|
|
|
15
15
|
this.role = 'article';
|
|
16
16
|
}
|
|
17
17
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffArticleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffArticleComponent, selector: "daff-article", host: { properties: { "class.daff-article": "this.class", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-article{display:block;overflow:hidden}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1.5rem;word-wrap:break-word}.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-top:2.5rem}.daff-article h1:not(.daff-ae *,.daff-ae){font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;line-height:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;line-height:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre
|
|
18
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffArticleComponent, selector: "daff-article", host: { properties: { "class.daff-article": "this.class", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-article{display:block;overflow:hidden}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1.5rem;word-wrap:break-word}.daff-article h1:not(.daff-ae *,.daff-ae) code,.daff-article h2:not(.daff-ae *,.daff-ae) code,.daff-article h3:not(.daff-ae *,.daff-ae) code,.daff-article h4:not(.daff-ae *,.daff-ae) code,.daff-article h5:not(.daff-ae *,.daff-ae) code,.daff-article h6:not(.daff-ae *,.daff-ae) code{font-size:.875em;font-weight:600;line-height:.875em}.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-top:2.5rem}.daff-article h1:not(.daff-ae *,.daff-ae){font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;line-height:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;line-height:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre{display:block;border-radius:.25em;font-size:.875rem;line-height:1.5rem;margin:1.5rem 0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre:last-child{margin-bottom:0}.daff-article pre code{display:block;padding:0}.daff-article code{border-radius:.25em;font-size:.875rem;line-height:1rem;padding:.25em}.daff-article__title{font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width: 768px){.daff-article__title{font-size:3rem;line-height:3.5rem}}.daff-article__lead{font-size:1.25rem;line-height:1.75rem;font-weight:400;margin:0}.daff-article__lead code{font-size:1.25rem;line-height:1.5rem;font-weight:400}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:.25em;margin:1.5rem 0;padding:1rem 1.5rem}.daff-article blockquote:last-child{margin-bottom:0}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article blockquote p:last-of-type{margin:0}.daff-article table{display:block;border-collapse:collapse;margin:1.5rem 0;overflow:auto;width:100%}.daff-article table:last-child{margin-bottom:0}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:bottom;box-sizing:border-box}.daff-article table td{padding:.5rem 1rem;vertical-align:top;box-sizing:border-box}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
19
19
|
}
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffArticleComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ selector: 'daff-article', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-article{display:block;overflow:hidden}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1.5rem;word-wrap:break-word}.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-top:2.5rem}.daff-article h1:not(.daff-ae *,.daff-ae){font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;line-height:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;line-height:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre
|
|
22
|
+
args: [{ selector: 'daff-article', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-article{display:block;overflow:hidden}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1.5rem;word-wrap:break-word}.daff-article h1:not(.daff-ae *,.daff-ae) code,.daff-article h2:not(.daff-ae *,.daff-ae) code,.daff-article h3:not(.daff-ae *,.daff-ae) code,.daff-article h4:not(.daff-ae *,.daff-ae) code,.daff-article h5:not(.daff-ae *,.daff-ae) code,.daff-article h6:not(.daff-ae *,.daff-ae) code{font-size:.875em;font-weight:600;line-height:.875em}.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-top:2.5rem}.daff-article h1:not(.daff-ae *,.daff-ae){font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;line-height:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;line-height:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre{display:block;border-radius:.25em;font-size:.875rem;line-height:1.5rem;margin:1.5rem 0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre:last-child{margin-bottom:0}.daff-article pre code{display:block;padding:0}.daff-article code{border-radius:.25em;font-size:.875rem;line-height:1rem;padding:.25em}.daff-article__title{font-weight:700;font-size:2rem;line-height:2.25rem}@media (min-width: 768px){.daff-article__title{font-size:3rem;line-height:3.5rem}}.daff-article__lead{font-size:1.25rem;line-height:1.75rem;font-weight:400;margin:0}.daff-article__lead code{font-size:1.25rem;line-height:1.5rem;font-weight:400}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:.25em;margin:1.5rem 0;padding:1rem 1.5rem}.daff-article blockquote:last-child{margin-bottom:0}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article blockquote p:last-of-type{margin:0}.daff-article table{display:block;border-collapse:collapse;margin:1.5rem 0;overflow:auto;width:100%}.daff-article table:last-child{margin-bottom:0}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:bottom;box-sizing:border-box}.daff-article table td{padding:.5rem 1rem;vertical-align:top;box-sizing:border-box}\n"] }]
|
|
23
23
|
}], propDecorators: { class: [{
|
|
24
24
|
type: HostBinding,
|
|
25
25
|
args: ['class.daff-article']
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@daffodil/design/article";
|
|
4
3
|
export class ArticleHeadingsComponent {
|
|
5
4
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleHeadingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ArticleHeadingsComponent, selector: "article-headings", ngImport: i0, template: "<
|
|
5
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ArticleHeadingsComponent, selector: "article-headings", ngImport: i0, template: "<h1>This is a h1 heading with <code>code</code></h1>\n<h2>This is a h2 heading with <code>code</code></h2>\n<h3>This is a h3 heading with <code>code</code></h3>\n<h4>This is a h4 heading with <code>code</code></h4>\n<h5>This is a h5 heading with <code>code</code></h5>\n<h6>This is a h6 heading with <code>code</code></h6>", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7
6
|
}
|
|
8
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleHeadingsComponent, decorators: [{
|
|
9
8
|
type: Component,
|
|
10
|
-
args: [{ selector: 'article-headings', changeDetection: ChangeDetectionStrategy.OnPush, template: "<
|
|
9
|
+
args: [{ selector: 'article-headings', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h1>This is a h1 heading with <code>code</code></h1>\n<h2>This is a h2 heading with <code>code</code></h2>\n<h3>This is a h3 heading with <code>code</code></h3>\n<h4>This is a h4 heading with <code>code</code></h4>\n<h5>This is a h5 heading with <code>code</code></h5>\n<h6>This is a h6 heading with <code>code</code></h6>" }]
|
|
11
10
|
}] });
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJ0aWNsZS1oZWFkaW5ncy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9hcnRpY2xlL2V4YW1wbGVzL3NyYy9hcnRpY2xlLWhlYWRpbmdzL2FydGljbGUtaGVhZGluZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYXJ0aWNsZS9leGFtcGxlcy9zcmMvYXJ0aWNsZS1oZWFkaW5ncy9hcnRpY2xlLWhlYWRpbmdzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOztBQVF2QixNQUFNLE9BQU8sd0JBQXdCO2lJQUF4Qix3QkFBd0I7cUhBQXhCLHdCQUF3Qix3RENYckMsb1VBS29EOzsyRkRNdkMsd0JBQXdCO2tCQU5wQyxTQUFTOytCQUVFLGtCQUFrQixtQkFFWCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2FydGljbGUtaGVhZGluZ3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXJ0aWNsZS1oZWFkaW5ncy5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBcnRpY2xlSGVhZGluZ3NDb21wb25lbnQge31cbiIsIjxoMT5UaGlzIGlzIGEgaDEgaGVhZGluZyB3aXRoIDxjb2RlPmNvZGU8L2NvZGU+PC9oMT5cbjxoMj5UaGlzIGlzIGEgaDIgaGVhZGluZyB3aXRoIDxjb2RlPmNvZGU8L2NvZGU+PC9oMj5cbjxoMz5UaGlzIGlzIGEgaDMgaGVhZGluZyB3aXRoIDxjb2RlPmNvZGU8L2NvZGU+PC9oMz5cbjxoND5UaGlzIGlzIGEgaDQgaGVhZGluZyB3aXRoIDxjb2RlPmNvZGU8L2NvZGU+PC9oND5cbjxoNT5UaGlzIGlzIGEgaDUgaGVhZGluZyB3aXRoIDxjb2RlPmNvZGU8L2NvZGU+PC9oNT5cbjxoNj5UaGlzIGlzIGEgaDYgaGVhZGluZyB3aXRoIDxjb2RlPmNvZGU8L2NvZGU+PC9oNj4iXX0=
|
|
@@ -11,10 +11,10 @@ export class LoadingIconColorComponent {
|
|
|
11
11
|
});
|
|
12
12
|
}
|
|
13
13
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadingIconColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: LoadingIconColorComponent, selector: "loading-icon-color", ngImport: i0, template: "<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n</daff-radio-set>", dependencies: [{ kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: ["color", "diameter"] }, { kind: "component", type: i2.DaffRadioComponent, selector: "daff-radio", inputs: ["checked", "value", "id", "name", "aria-label", "aria-labelledby"], outputs: ["selectionChange"] }, { kind: "component", type: i2.DaffRadioSetComponent, selector: "daff-radio-set", inputs: ["name"] }, { kind: "directive", type: i2.DaffRadioControlValueAccessorDirective, selector: "daff-radio[ngModel], daff-radio[formControl], daff-radio[formControlName]", inputs: ["value", "name"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: LoadingIconColorComponent, selector: "loading-icon-color", ngImport: i0, template: "<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"black\">Black</daff-radio>\n <daff-radio formControlName=\"color\" value=\"white\">White</daff-radio>\n <daff-radio formControlName=\"color\" value=\"theme\">Theme</daff-radio>\n <daff-radio formControlName=\"color\" value=\"theme-contrast\">Theme Contrast</daff-radio>\n</daff-radio-set>", dependencies: [{ kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: ["color", "diameter"] }, { kind: "component", type: i2.DaffRadioComponent, selector: "daff-radio", inputs: ["checked", "value", "id", "name", "aria-label", "aria-labelledby"], outputs: ["selectionChange"] }, { kind: "component", type: i2.DaffRadioSetComponent, selector: "daff-radio-set", inputs: ["name"] }, { kind: "directive", type: i2.DaffRadioControlValueAccessorDirective, selector: "daff-radio[ngModel], daff-radio[formControl], daff-radio[formControlName]", inputs: ["value", "name"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadingIconColorComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ selector: 'loading-icon-color', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n</daff-radio-set>" }]
|
|
18
|
+
args: [{ selector: 'loading-icon-color', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"black\">Black</daff-radio>\n <daff-radio formControlName=\"color\" value=\"white\">White</daff-radio>\n <daff-radio formControlName=\"color\" value=\"theme\">Theme</daff-radio>\n <daff-radio formControlName=\"color\" value=\"theme-contrast\">Theme Contrast</daff-radio>\n</daff-radio-set>" }]
|
|
19
19
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pY29uLWNvbG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xvYWRpbmctaWNvbi9leGFtcGxlcy9zcmMvbG9hZGluZy1pY29uLWNvbG9yL2xvYWRpbmctaWNvbi1jb2xvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9sb2FkaW5nLWljb24vZXhhbXBsZXMvc3JjL2xvYWRpbmctaWNvbi1jb2xvci9sb2FkaW5nLWljb24tY29sb3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGdCQUFnQixFQUNoQixrQkFBa0IsR0FDbkIsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFReEIsTUFBTSxPQUFPLHlCQUF5QjtJQU50QztRQU9FLGVBQVUsR0FBRyxJQUFJLGdCQUFnQixDQUFDO1lBQ2hDLEtBQUssRUFBRSxJQUFJLGtCQUFrQixDQUFDLFNBQVMsQ0FBQztTQUN6QyxDQUFDLENBQUM7S0FDSjtpSUFKWSx5QkFBeUI7cUhBQXpCLHlCQUF5QiwwRENmdEMsOHVCQVVpQjs7MkZES0oseUJBQXlCO2tCQU5yQyxTQUFTOytCQUVFLG9CQUFvQixtQkFFYix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBVbnR5cGVkRm9ybUdyb3VwLFxuICBVbnR5cGVkRm9ybUNvbnRyb2wsXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbG9hZGluZy1pY29uLWNvbG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRpbmctaWNvbi1jb2xvci5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBMb2FkaW5nSWNvbkNvbG9yQ29tcG9uZW50IHtcbiAgY29sb3JHcm91cCA9IG5ldyBVbnR5cGVkRm9ybUdyb3VwKHtcbiAgICBjb2xvcjogbmV3IFVudHlwZWRGb3JtQ29udHJvbCgncHJpbWFyeScpLFxuICB9KTtcbn1cbiIsIjxkYWZmLWxvYWRpbmctaWNvbiBbZGlhbWV0ZXJdPVwiNTBcIiBbY29sb3JdPVwiY29sb3JHcm91cC5nZXQoJ2NvbG9yJykudmFsdWVcIj48L2RhZmYtbG9hZGluZy1pY29uPlxuXG48ZGFmZi1yYWRpby1zZXQgW2Zvcm1Hcm91cF09XCJjb2xvckdyb3VwXCIgbmFtZT1cImNvbG9yXCI+XG4gIDxkYWZmLXJhZGlvIGZvcm1Db250cm9sTmFtZT1cImNvbG9yXCIgdmFsdWU9XCJwcmltYXJ5XCI+UHJpbWFyeTwvZGFmZi1yYWRpbz5cbiAgPGRhZmYtcmFkaW8gZm9ybUNvbnRyb2xOYW1lPVwiY29sb3JcIiB2YWx1ZT1cInNlY29uZGFyeVwiPlNlY29uZGFyeTwvZGFmZi1yYWRpbz5cbiAgPGRhZmYtcmFkaW8gZm9ybUNvbnRyb2xOYW1lPVwiY29sb3JcIiB2YWx1ZT1cInRlcnRpYXJ5XCI+VGVydGlhcnk8L2RhZmYtcmFkaW8+XG4gIDxkYWZmLXJhZGlvIGZvcm1Db250cm9sTmFtZT1cImNvbG9yXCIgdmFsdWU9XCJibGFja1wiPkJsYWNrPC9kYWZmLXJhZGlvPlxuICA8ZGFmZi1yYWRpbyBmb3JtQ29udHJvbE5hbWU9XCJjb2xvclwiIHZhbHVlPVwid2hpdGVcIj5XaGl0ZTwvZGFmZi1yYWRpbz5cbiAgPGRhZmYtcmFkaW8gZm9ybUNvbnRyb2xOYW1lPVwiY29sb3JcIiB2YWx1ZT1cInRoZW1lXCI+VGhlbWU8L2RhZmYtcmFkaW8+XG4gIDxkYWZmLXJhZGlvIGZvcm1Db250cm9sTmFtZT1cImNvbG9yXCIgdmFsdWU9XCJ0aGVtZS1jb250cmFzdFwiPlRoZW1lIENvbnRyYXN0PC9kYWZmLXJhZGlvPlxuPC9kYWZmLXJhZGlvLXNldD4iXX0=
|
|
@@ -35,11 +35,11 @@ export class DaffLoadingIconComponent extends _daffLoadingIconBase {
|
|
|
35
35
|
this.class = true;
|
|
36
36
|
}
|
|
37
37
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffLoadingIconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: { color: "color", diameter: "diameter" }, host: { properties: { "class.daff-loading-icon": "this.class", "style.max-width": "this.maxWidth" } }, usesInheritance: true, ngImport: i0, template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n <circle cx=\"50%\" cy=\"50%\" r=\"46\"></circle>\n</svg>", styles: [":host{display:flex;width:100%}
|
|
38
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: { color: "color", diameter: "diameter" }, host: { properties: { "class.daff-loading-icon": "this.class", "style.max-width": "this.maxWidth" } }, usesInheritance: true, ngImport: i0, template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__bg\"></circle>\n <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>", styles: [":host{display:flex;width:100%}.daff-loading-icon__loader{animation:rotation linear,circle-animation linear;animation-duration:1s;animation-iteration-count:infinite;fill:transparent;stroke-dasharray:101.1592834456 400;stroke-linecap:round;stroke-width:5px;transform-origin:center}.daff-loading-icon__bg{fill:transparent;stroke-linecap:round;stroke-width:5px}@keyframes circle-animation{0%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:101.1592834456}50%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:28.902652413}75%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:0}to{stroke-dasharray:0 400;stroke-dashoffset:-101.1592834456}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
39
39
|
}
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffLoadingIconComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
|
-
args: [{ selector: 'daff-loading-icon', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n <circle cx=\"50%\" cy=\"50%\" r=\"46\"></circle>\n</svg>", styles: [":host{display:flex;width:100%}
|
|
42
|
+
args: [{ selector: 'daff-loading-icon', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__bg\"></circle>\n <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>", styles: [":host{display:flex;width:100%}.daff-loading-icon__loader{animation:rotation linear,circle-animation linear;animation-duration:1s;animation-iteration-count:infinite;fill:transparent;stroke-dasharray:101.1592834456 400;stroke-linecap:round;stroke-width:5px;transform-origin:center}.daff-loading-icon__bg{fill:transparent;stroke-linecap:round;stroke-width:5px}@keyframes circle-animation{0%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:101.1592834456}50%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:28.902652413}75%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:0}to{stroke-dasharray:0 400;stroke-dashoffset:-101.1592834456}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
43
43
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { diameter: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}], class: [{
|
|
@@ -49,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
|
|
|
49
49
|
type: HostBinding,
|
|
50
50
|
args: ['style.max-width']
|
|
51
51
|
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xvYWRpbmctaWNvbi9zcmMvbG9hZGluZy1pY29uL2xvYWRpbmctaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9sb2FkaW5nLWljb24vc3JjL2xvYWRpbmctaWNvbi9sb2FkaW5nLWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCx1QkFBdUIsRUFDdkIsS0FBSyxFQUNMLFVBQVUsRUFDVixTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFDTCxjQUFjLEdBRWYsTUFBTSxrQkFBa0IsQ0FBQzs7QUFFMUI7O0dBRUc7QUFDSCxNQUFNLG1CQUFtQjtJQUN2QixZQUFtQixXQUF1QixFQUFTLFNBQW9CO1FBQXBELGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQVMsY0FBUyxHQUFULFNBQVMsQ0FBVztJQUFHLENBQUM7Q0FDNUU7QUFFRCxNQUFNLG9CQUFvQixHQUFHLGNBQWMsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0FBRWpFOztHQUVHO0FBVUgsTUFBTSxPQUFPLHdCQUF5QixTQUFRLG9CQUFvQjtJQVdoRTs7T0FFRztJQUNILElBQW9DLFFBQVE7UUFDM0MsT0FBTyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztJQUM3QixDQUFDO0lBRUQsWUFBb0IsVUFBc0IsRUFBVSxRQUFtQjtRQUNyRSxLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRFYsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVc7UUFoQnZFOztXQUVHO1FBQ00sYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUV2Qjs7V0FFRztRQUNxQyxVQUFLLEdBQUcsSUFBSSxDQUFDO0lBVXJELENBQUM7aUlBcEJVLHdCQUF3QjtxSEFBeEIsd0JBQXdCLHlPQ25DckMsNlFBR007OzJGRGdDTyx3QkFBd0I7a0JBVHBDLFNBQVM7K0JBQ0UsbUJBQW1CLFVBS3JCLENBQUMsT0FBTyxDQUFDLG1CQUNBLHVCQUF1QixDQUFDLE1BQU07dUdBT3RDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS2tDLEtBQUs7c0JBQTVDLFdBQVc7dUJBQUMseUJBQXlCO2dCQUlGLFFBQVE7c0JBQTNDLFdBQVc7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSW5wdXQsXG4gIEVsZW1lbnRSZWYsXG4gIFJlbmRlcmVyMixcbiAgSG9zdEJpbmRpbmcsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBkYWZmQ29sb3JNaXhpbixcbiAgRGFmZkNvbG9yYWJsZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbi8qKlxuICogQW4gX2VsZW1lbnRSZWYgYW5kIGFuIGluc3RhbmNlIG9mIHJlbmRlcmVyMiBhcmUgbmVlZGVkIGZvciB0aGUgQ29sb3JhYmxlIG1peGluXG4gKi9cbmNsYXNzIERhZmZMb2FkaW5nSWNvbkJhc2V7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHVibGljIF9yZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxufVxuXG5jb25zdCBfZGFmZkxvYWRpbmdJY29uQmFzZSA9IGRhZmZDb2xvck1peGluKERhZmZMb2FkaW5nSWNvbkJhc2UpO1xuXG4vKipcbiAqIEBpbmhlcml0ZG9jXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtbG9hZGluZy1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRpbmctaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xvYWRpbmctaWNvbi5jb21wb25lbnQuc2NzcyddLFxuICAvL3RvZG8oZGFtaWVud2ViZGV2KTogcmVtb3ZlIG9uY2UgZGVjb3JhdG9ycyBoaXQgc3RhZ2UgMyAtIGh0dHBzOi8vZ2l0aHViLmNvbS9taWNyb3NvZnQvVHlwZVNjcmlwdC9pc3N1ZXMvNzM0MlxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWlucHV0cy1tZXRhZGF0YS1wcm9wZXJ0eVxuICBpbnB1dHM6IFsnY29sb3InXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZMb2FkaW5nSWNvbkNvbXBvbmVudCBleHRlbmRzIF9kYWZmTG9hZGluZ0ljb25CYXNlIGltcGxlbWVudHMgRGFmZkNvbG9yYWJsZSB7XG5cbiAgLyoqXG4gICAqIFRoZSAocGl4ZWwpIGRpYW1ldGVyIG9mIHRoZSBhbmltYXRpb25cbiAgICovXG4gIEBJbnB1dCgpIGRpYW1ldGVyID0gNjA7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1sb2FkaW5nLWljb24nKSBjbGFzcyA9IHRydWU7XG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlLm1heC13aWR0aCcpIGdldCBtYXhXaWR0aCgpIHtcblx0ICByZXR1cm4gdGhpcy5kaWFtZXRlciArICdweCc7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuICAgIHN1cGVyKGVsZW1lbnRSZWYsIHJlbmRlcmVyKTtcbiAgfVxufVxuIiwiPHN2ZyBmb2N1c2FibGU9XCJmYWxzZVwiIHByZXNlcnZlQXNwZWN0UmF0aW89XCJ4TWlkWU1pZCBtZWV0XCIgdmlld0JveD1cIjAgMCAxMDAgMTAwXCI+XG4gIDxjaXJjbGUgY3g9XCI1MCVcIiBjeT1cIjUwJVwiIHI9XCI0NlwiIGNsYXNzPVwiZGFmZi1sb2FkaW5nLWljb25fX2JnXCI+PC9jaXJjbGU+XG4gIDxjaXJjbGUgY3g9XCI1MCVcIiBjeT1cIjUwJVwiIHI9XCI0NlwiIGNsYXNzPVwiZGFmZi1sb2FkaW5nLWljb25fX2xvYWRlclwiPjwvY2lyY2xlPlxuPC9zdmc+Il19
|
|
@@ -23,8 +23,7 @@ export class DaffModalService {
|
|
|
23
23
|
return this.overlay.create({
|
|
24
24
|
hasBackdrop: true,
|
|
25
25
|
positionStrategy: new GlobalPositionStrategy()
|
|
26
|
-
.centerHorizontally()
|
|
27
|
-
.centerVertically(),
|
|
26
|
+
.centerHorizontally(),
|
|
28
27
|
scrollStrategy: this.overlay.scrollStrategies.block(),
|
|
29
28
|
});
|
|
30
29
|
}
|
|
@@ -67,4 +66,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
|
|
|
67
66
|
providedIn: DaffModalModule,
|
|
68
67
|
}]
|
|
69
68
|
}], ctorParameters: () => [{ type: i1.Overlay }] });
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL21vZGFsL3NyYy9zZXJ2aWNlL21vZGFsLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUVMLE9BQU8sRUFDUCxzQkFBc0IsR0FDdkIsTUFBTSxzQkFBc0IsQ0FBQztBQUM5QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUNMLFVBQVUsR0FHWCxNQUFNLGVBQWUsQ0FBQztBQUl2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQUtsRCxNQUFNLE9BQU8sZ0JBQWdCO0lBRzNCLFlBQW9CLE9BQWdCO1FBQWhCLFlBQU8sR0FBUCxPQUFPLENBQVM7UUFGNUIsWUFBTyxHQUFnQixFQUFFLENBQUM7UUFJMUIseUJBQW9CLEdBQTJCLEVBQUUsQ0FBQztJQUZuQixDQUFDO0lBSWhDLFlBQVksQ0FDbkIsVUFBc0I7UUFFdEIsTUFBTSxLQUFLLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQyxJQUFJLGVBQWUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUM7UUFDekUsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQzNCLE9BQU8sS0FBSyxDQUFDO0lBQ2QsQ0FBQztJQUVPLG1CQUFtQixDQUMxQixTQUFvQixFQUNwQixLQUF1QztRQUV2QyxLQUFLLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxJQUFJLGVBQWUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFFTyxpQkFBaUI7UUFDeEIsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQztZQUN6QixXQUFXLEVBQUUsSUFBSTtZQUNqQixnQkFBZ0IsRUFBRSxJQUFJLHNCQUFzQixFQUFFO2lCQUMzQyxrQkFBa0IsRUFBRTtZQUN2QixjQUFjLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUU7U0FDdEQsQ0FBQyxDQUFDO0lBQ0osQ0FBQztJQUVPLFlBQVksQ0FBQyxLQUFnQjtRQUNwQyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQyxJQUFJLEtBQUssS0FBSyxDQUFDLENBQUMsRUFBRTtZQUNoQixNQUFNLElBQUksS0FBSyxDQUNiLHlEQUF5RCxDQUMxRCxDQUFDO1NBQ0g7UUFFRCxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBRXhCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEtBQUssS0FBSyxDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUVELElBQUksQ0FDSCxTQUFvQixFQUNwQixhQUErQztRQUUvQyxNQUFNLE1BQU0sR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixFQUFFLEdBQUcsYUFBYSxFQUFFLENBQUM7UUFDbEUsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDdEMsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN2QyxNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBRW5FLE1BQU0sS0FBSyxHQUFjO1lBQ3ZCLEtBQUssRUFBRSxNQUFNO1lBQ2IsT0FBTyxFQUFFLElBQUk7U0FDZCxDQUFDO1FBRUYsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFekIsSUFBSTthQUNELGFBQWEsRUFBRTthQUNmLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FDZCxNQUFNLENBQUMsaUJBQWlCO1lBQ3RCLENBQUMsQ0FBQyxNQUFNLENBQUMsaUJBQWlCLEVBQUU7WUFDNUIsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQ3RCLENBQUM7UUFDSixPQUFPLEtBQUssQ0FBQztJQUNkLENBQUM7SUFFRCxLQUFLLENBQUMsS0FBZ0I7UUFDckIsS0FBSyxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQyxLQUFLLENBQUMsT0FBTyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQy9CLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLHdCQUF3QixDQUFDLFNBQVMsQ0FDckQsQ0FBQyxDQUFpQixFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUNoRCxDQUFDO0lBQ0gsQ0FBQztpSUE1RVUsZ0JBQWdCO3FJQUFoQixnQkFBZ0IsY0FGZixlQUFlOzsyRkFFaEIsZ0JBQWdCO2tCQUg1QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxlQUFlO2lCQUM1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuaW1hdGlvbkV2ZW50IH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQge1xuICBPdmVybGF5UmVmLFxuICBPdmVybGF5LFxuICBHbG9iYWxQb3NpdGlvblN0cmF0ZWd5LFxufSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBDb21wb25lbnRQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7XG4gIEluamVjdGFibGUsXG4gIFR5cGUsXG4gIENvbXBvbmVudFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERhZmZNb2RhbCB9IGZyb20gJy4uL21vZGFsL21vZGFsJztcbmltcG9ydCB7IERhZmZNb2RhbENvbmZpZ3VyYXRpb24gfSBmcm9tICcuLi9tb2RhbC9tb2RhbC1jb25maWcnO1xuaW1wb3J0IHsgRGFmZk1vZGFsQ29tcG9uZW50IH0gZnJvbSAnLi4vbW9kYWwvbW9kYWwuY29tcG9uZW50JztcbmltcG9ydCB7IERhZmZNb2RhbE1vZHVsZSB9IGZyb20gJy4uL21vZGFsLm1vZHVsZSc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogRGFmZk1vZGFsTW9kdWxlLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmTW9kYWxTZXJ2aWNlIHtcbiAgcHJpdmF0ZSBfbW9kYWxzOiBEYWZmTW9kYWxbXSA9IFtdO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSkge31cblxuICBwcml2YXRlIGRlZmF1bHRDb25maWd1cmF0aW9uOiBEYWZmTW9kYWxDb25maWd1cmF0aW9uID0ge307XG5cbiAgcHJpdmF0ZSBfYXR0YWNoTW9kYWwoXG5cdCAgb3ZlcmxheVJlZjogT3ZlcmxheVJlZixcbiAgKTogQ29tcG9uZW50UmVmPERhZmZNb2RhbENvbXBvbmVudD4ge1xuXHQgIGNvbnN0IG1vZGFsID0gb3ZlcmxheVJlZi5hdHRhY2gobmV3IENvbXBvbmVudFBvcnRhbChEYWZmTW9kYWxDb21wb25lbnQpKTtcblx0ICBtb2RhbC5pbnN0YW5jZS5vcGVuID0gdHJ1ZTtcblx0ICByZXR1cm4gbW9kYWw7XG4gIH1cblxuICBwcml2YXRlIF9hdHRhY2hNb2RhbENvbnRlbnQoXG5cdCAgY29tcG9uZW50OiBUeXBlPGFueT4sXG5cdCAgbW9kYWw6IENvbXBvbmVudFJlZjxEYWZmTW9kYWxDb21wb25lbnQ+LFxuICApOiB2b2lkIHtcblx0ICBtb2RhbC5pbnN0YW5jZS5hdHRhY2hDb250ZW50KG5ldyBDb21wb25lbnRQb3J0YWwoY29tcG9uZW50KSk7XG4gIH1cblxuICBwcml2YXRlIF9jcmVhdGVPdmVybGF5UmVmKCk6IE92ZXJsYXlSZWYge1xuXHQgIHJldHVybiB0aGlzLm92ZXJsYXkuY3JlYXRlKHtcblx0ICAgIGhhc0JhY2tkcm9wOiB0cnVlLFxuXHQgICAgcG9zaXRpb25TdHJhdGVneTogbmV3IEdsb2JhbFBvc2l0aW9uU3RyYXRlZ3koKVxuXHQgICAgICAuY2VudGVySG9yaXpvbnRhbGx5KCksXG5cdCAgICBzY3JvbGxTdHJhdGVneTogdGhpcy5vdmVybGF5LnNjcm9sbFN0cmF0ZWdpZXMuYmxvY2soKSxcblx0ICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX3JlbW92ZU1vZGFsKG1vZGFsOiBEYWZmTW9kYWwpIHtcblx0ICBjb25zdCBpbmRleCA9IHRoaXMuX21vZGFscy5pbmRleE9mKG1vZGFsKTtcblx0ICBpZiAoaW5kZXggPT09IC0xKSB7XG5cdCAgICB0aHJvdyBuZXcgRXJyb3IoXG5cdCAgICAgICdUaGUgTW9kYWwgdGhhdCB5b3UgYXJlIHRyeWluZyB0byByZW1vdmUgZG9lcyBub3QgZXhpc3QuJyxcblx0ICAgICk7XG5cdCAgfVxuXG5cdCAgbW9kYWwub3ZlcmxheS5kaXNwb3NlKCk7XG5cblx0ICB0aGlzLl9tb2RhbHMgPSB0aGlzLl9tb2RhbHMuZmlsdGVyKG0gPT4gbSAhPT0gbW9kYWwpO1xuICB9XG5cbiAgb3Blbihcblx0ICBjb21wb25lbnQ6IFR5cGU8YW55Pixcblx0ICBjb25maWd1cmF0aW9uPzogUGFydGlhbDxEYWZmTW9kYWxDb25maWd1cmF0aW9uPixcbiAgKTogRGFmZk1vZGFsIHtcblx0ICBjb25zdCBjb25maWcgPSB7IC4uLnRoaXMuZGVmYXVsdENvbmZpZ3VyYXRpb24sIC4uLmNvbmZpZ3VyYXRpb24gfTtcblx0ICBjb25zdCBfcmVmID0gdGhpcy5fY3JlYXRlT3ZlcmxheVJlZigpO1xuXHQgIGNvbnN0IF9tb2RhbCA9IHRoaXMuX2F0dGFjaE1vZGFsKF9yZWYpO1xuXHQgIGNvbnN0IF9hdHRhY2hlZE1vZGFsID0gdGhpcy5fYXR0YWNoTW9kYWxDb250ZW50KGNvbXBvbmVudCwgX21vZGFsKTtcblxuXHQgIGNvbnN0IG1vZGFsOiBEYWZmTW9kYWwgPSB7XG5cdCAgICBtb2RhbDogX21vZGFsLFxuXHQgICAgb3ZlcmxheTogX3JlZixcblx0ICB9O1xuXG5cdCAgdGhpcy5fbW9kYWxzLnB1c2gobW9kYWwpO1xuXG5cdCAgX3JlZlxuXHQgICAgLmJhY2tkcm9wQ2xpY2soKVxuXHQgICAgLnN1YnNjcmliZSgoKSA9PlxuXHQgICAgICBjb25maWcub25CYWNrZHJvcENsaWNrZWRcblx0ICAgICAgICA/IGNvbmZpZy5vbkJhY2tkcm9wQ2xpY2tlZCgpXG5cdCAgICAgICAgOiB0aGlzLmNsb3NlKG1vZGFsKSxcblx0ICAgICk7XG5cdCAgcmV0dXJuIG1vZGFsO1xuICB9XG5cbiAgY2xvc2UobW9kYWw6IERhZmZNb2RhbCk6IHZvaWQge1xuXHQgIG1vZGFsLm1vZGFsLmluc3RhbmNlLm9wZW4gPSBmYWxzZTtcblx0ICBtb2RhbC5vdmVybGF5LmRldGFjaEJhY2tkcm9wKCk7XG5cdCAgbW9kYWwubW9kYWwuaW5zdGFuY2UuY2xvc2VkQW5pbWF0aW9uQ29tcGxldGVkLnN1YnNjcmliZShcblx0ICAgIChlOiBBbmltYXRpb25FdmVudCkgPT4gdGhpcy5fcmVtb3ZlTW9kYWwobW9kYWwpLFxuXHQgICk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLXRvYXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vdG9hc3Qvc3JjL2RhZmZvZGlsLWRlc2lnbi10b2FzdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLXRvYXN0LWV4YW1wbGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vdG9hc3QvZXhhbXBsZXMvc3JjL2RhZmZvZGlsLWRlc2lnbi10b2FzdC1leGFtcGxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, } from '@angular/core';
|
|
2
|
+
import { DaffToastService, } from '@daffodil/design/toast';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@daffodil/design/toast";
|
|
5
|
+
import * as i2 from "@daffodil/design/button";
|
|
6
|
+
export class DefaultToastComponent {
|
|
7
|
+
constructor(toastService) {
|
|
8
|
+
this.toastService = toastService;
|
|
9
|
+
this.update = new EventEmitter();
|
|
10
|
+
this.closeToast = new EventEmitter();
|
|
11
|
+
this.count = 0;
|
|
12
|
+
}
|
|
13
|
+
open() {
|
|
14
|
+
this.toast = this.toastService.open({
|
|
15
|
+
title: 'Update Available' + ' ' + this.count++,
|
|
16
|
+
message: 'A new version of this page is available.',
|
|
17
|
+
actions: [
|
|
18
|
+
{ content: 'Update', color: 'theme-contrast', size: 'sm', eventEmitter: this.update },
|
|
19
|
+
{ content: 'Remind me later', type: 'flat', size: 'sm', eventEmitter: this.closeToast },
|
|
20
|
+
],
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
ngOnInit() {
|
|
24
|
+
this.update.subscribe(() => {
|
|
25
|
+
console.log('test');
|
|
26
|
+
});
|
|
27
|
+
this.closeToast.subscribe(() => {
|
|
28
|
+
this.toastService.close(this.toast);
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DefaultToastComponent, deps: [{ token: i1.DaffToastService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DefaultToastComponent, selector: "default-toast", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>", dependencies: [{ kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
33
|
+
}
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DefaultToastComponent, decorators: [{
|
|
35
|
+
type: Component,
|
|
36
|
+
args: [{ selector: 'default-toast', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>" }]
|
|
37
|
+
}], ctorParameters: () => [{ type: i1.DaffToastService }] });
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC10b2FzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi90b2FzdC9leGFtcGxlcy9zcmMvZGVmYXVsdC10b2FzdC9kZWZhdWx0LXRvYXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3RvYXN0L2V4YW1wbGVzL3NyYy9kZWZhdWx0LXRvYXN0L2RlZmF1bHQtdG9hc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxHQUViLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFHTCxnQkFBZ0IsR0FDakIsTUFBTSx3QkFBd0IsQ0FBQzs7OztBQVNoQyxNQUFNLE9BQU8scUJBQXFCO0lBR2hDLFlBQW9CLFlBQThCO1FBQTlCLGlCQUFZLEdBQVosWUFBWSxDQUFrQjtRQUVsRCxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQW1CLENBQUM7UUFFN0MsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFtQixDQUFDO1FBdUJ6QyxVQUFLLEdBQUcsQ0FBQyxDQUFDO0lBM0JtQyxDQUFDO0lBTXRELElBQUk7UUFDRixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ2xDLEtBQUssRUFBRSxrQkFBa0IsR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUM5QyxPQUFPLEVBQUUsMENBQTBDO1lBQ25ELE9BQU8sRUFBRTtnQkFDUCxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUU7Z0JBQ3JGLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRTthQUN4RjtTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3pCLE9BQU8sQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDdEIsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztpSUE1QlUscUJBQXFCO3FIQUFyQixxQkFBcUIscURDcEJsQyx3RUFBa0U7OzJGRG9CckQscUJBQXFCO2tCQVBqQyxTQUFTOytCQUVFLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgRGFmZlRvYXN0LFxuICBEYWZmVG9hc3RBY3Rpb24sXG4gIERhZmZUb2FzdFNlcnZpY2UsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vdG9hc3QnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdkZWZhdWx0LXRvYXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RlZmF1bHQtdG9hc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGVmYXVsdFRvYXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHJpdmF0ZSB0b2FzdDogRGFmZlRvYXN0O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdG9hc3RTZXJ2aWNlOiBEYWZmVG9hc3RTZXJ2aWNlKSB7fVxuXG4gIHVwZGF0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8RGFmZlRvYXN0QWN0aW9uPigpO1xuXG4gIGNsb3NlVG9hc3QgPSBuZXcgRXZlbnRFbWl0dGVyPERhZmZUb2FzdEFjdGlvbj4oKTtcblxuICBvcGVuKCkge1xuICAgIHRoaXMudG9hc3QgPSB0aGlzLnRvYXN0U2VydmljZS5vcGVuKHtcbiAgICAgIHRpdGxlOiAnVXBkYXRlIEF2YWlsYWJsZScgKyAnICcgKyB0aGlzLmNvdW50KyssXG4gICAgICBtZXNzYWdlOiAnQSBuZXcgdmVyc2lvbiBvZiB0aGlzIHBhZ2UgaXMgYXZhaWxhYmxlLicsXG4gICAgICBhY3Rpb25zOiBbXG4gICAgICAgIHsgY29udGVudDogJ1VwZGF0ZScsIGNvbG9yOiAndGhlbWUtY29udHJhc3QnLCBzaXplOiAnc20nLCBldmVudEVtaXR0ZXI6IHRoaXMudXBkYXRlIH0sXG4gICAgICAgIHsgY29udGVudDogJ1JlbWluZCBtZSBsYXRlcicsIHR5cGU6ICdmbGF0Jywgc2l6ZTogJ3NtJywgZXZlbnRFbWl0dGVyOiB0aGlzLmNsb3NlVG9hc3QgfSxcbiAgICAgIF0sXG4gICAgfSk7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnVwZGF0ZS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgY29uc29sZS5sb2coJ3Rlc3QnKTtcbiAgICB9KTtcblxuICAgIHRoaXMuY2xvc2VUb2FzdC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy50b2FzdFNlcnZpY2UuY2xvc2UodGhpcy50b2FzdCk7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIGNvdW50ID0gMDtcbn1cbiIsIjxidXR0b24gZGFmZi1idXR0b24gc2l6ZT1cInNtXCIgKGNsaWNrKT1cIm9wZW4oKVwiPlNob3cgdG9hc3Q8L2J1dHRvbj4iXX0=
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
4
|
+
import { DaffButtonModule } from '@daffodil/design/button';
|
|
5
|
+
import { DaffToastModule } from '@daffodil/design/toast';
|
|
6
|
+
import { DefaultToastComponent } from './default-toast.component';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class DefaultToastModule {
|
|
9
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DefaultToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DefaultToastModule, declarations: [DefaultToastComponent], imports: [CommonModule,
|
|
11
|
+
DaffToastModule,
|
|
12
|
+
FontAwesomeModule,
|
|
13
|
+
DaffButtonModule], exports: [DefaultToastComponent] }); }
|
|
14
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DefaultToastModule, imports: [CommonModule,
|
|
15
|
+
DaffToastModule,
|
|
16
|
+
FontAwesomeModule,
|
|
17
|
+
DaffButtonModule] }); }
|
|
18
|
+
}
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DefaultToastModule, decorators: [{
|
|
20
|
+
type: NgModule,
|
|
21
|
+
args: [{
|
|
22
|
+
declarations: [
|
|
23
|
+
DefaultToastComponent,
|
|
24
|
+
],
|
|
25
|
+
imports: [
|
|
26
|
+
CommonModule,
|
|
27
|
+
DaffToastModule,
|
|
28
|
+
FontAwesomeModule,
|
|
29
|
+
DaffButtonModule,
|
|
30
|
+
],
|
|
31
|
+
exports: [
|
|
32
|
+
DefaultToastComponent,
|
|
33
|
+
],
|
|
34
|
+
}]
|
|
35
|
+
}] });
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC10b2FzdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi90b2FzdC9leGFtcGxlcy9zcmMvZGVmYXVsdC10b2FzdC9kZWZhdWx0LXRvYXN0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFekQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBZ0JsRSxNQUFNLE9BQU8sa0JBQWtCO2lJQUFsQixrQkFBa0I7a0lBQWxCLGtCQUFrQixpQkFaM0IscUJBQXFCLGFBR3JCLFlBQVk7WUFDWixlQUFlO1lBQ2YsaUJBQWlCO1lBQ2pCLGdCQUFnQixhQUdoQixxQkFBcUI7a0lBR1osa0JBQWtCLFlBVDNCLFlBQVk7WUFDWixlQUFlO1lBQ2YsaUJBQWlCO1lBQ2pCLGdCQUFnQjs7MkZBTVAsa0JBQWtCO2tCQWQ5QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsaUJBQWlCO3dCQUNqQixnQkFBZ0I7cUJBQ2pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxxQkFBcUI7cUJBQ3RCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcblxuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYnV0dG9uJztcbmltcG9ydCB7IERhZmZUb2FzdE1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vdG9hc3QnO1xuXG5pbXBvcnQgeyBEZWZhdWx0VG9hc3RDb21wb25lbnQgfSBmcm9tICcuL2RlZmF1bHQtdG9hc3QuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRGVmYXVsdFRvYXN0Q29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIERhZmZUb2FzdE1vZHVsZSxcbiAgICBGb250QXdlc29tZU1vZHVsZSxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRGVmYXVsdFRvYXN0Q29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEZWZhdWx0VG9hc3RNb2R1bGUgeyB9XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './public_api';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi90b2FzdC9leGFtcGxlcy9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { DefaultToastComponent } from './default-toast/default-toast.component';
|
|
2
|
+
import { DefaultToastModule } from './default-toast/default-toast.module';
|
|
3
|
+
import { ToastPositionsComponent } from './toast-positions/toast-positions.component';
|
|
4
|
+
import { ToastPositionsModule } from './toast-positions/toast-positions.module';
|
|
5
|
+
import { ToastStatusComponent } from './toast-status/toast-status.component';
|
|
6
|
+
import { ToastStatusModule } from './toast-status/toast-status.module';
|
|
7
|
+
import { ToastWithCustomDurationComponent } from './toast-with-custom-duration/toast-with-custom-duration.component';
|
|
8
|
+
import { ToastWithCustomDurationModule } from './toast-with-custom-duration/toast-with-custom-duration.module';
|
|
9
|
+
export const TOAST_EXAMPLES = [
|
|
10
|
+
{ component: DefaultToastComponent, module: DefaultToastModule },
|
|
11
|
+
{ component: ToastStatusComponent, module: ToastStatusModule },
|
|
12
|
+
{ component: ToastPositionsComponent, module: ToastPositionsModule },
|
|
13
|
+
{ component: ToastWithCustomDurationComponent, module: ToastWithCustomDurationModule },
|
|
14
|
+
];
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3RvYXN0L2V4YW1wbGVzL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLG1FQUFtRSxDQUFDO0FBQ3JILE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBRS9HLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBdUI7SUFDaEQsRUFBRSxTQUFTLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxFQUFFLGtCQUFrQixFQUFFO0lBQ2hFLEVBQUUsU0FBUyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRTtJQUM5RCxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLEVBQUUsb0JBQW9CLEVBQUU7SUFDcEUsRUFBRSxTQUFTLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxFQUFFLDZCQUE2QixFQUFFO0NBQ3ZGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnRFeGFtcGxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IERlZmF1bHRUb2FzdENvbXBvbmVudCB9IGZyb20gJy4vZGVmYXVsdC10b2FzdC9kZWZhdWx0LXRvYXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEZWZhdWx0VG9hc3RNb2R1bGUgfSBmcm9tICcuL2RlZmF1bHQtdG9hc3QvZGVmYXVsdC10b2FzdC5tb2R1bGUnO1xuaW1wb3J0IHsgVG9hc3RQb3NpdGlvbnNDb21wb25lbnQgfSBmcm9tICcuL3RvYXN0LXBvc2l0aW9ucy90b2FzdC1wb3NpdGlvbnMuY29tcG9uZW50JztcbmltcG9ydCB7IFRvYXN0UG9zaXRpb25zTW9kdWxlIH0gZnJvbSAnLi90b2FzdC1wb3NpdGlvbnMvdG9hc3QtcG9zaXRpb25zLm1vZHVsZSc7XG5pbXBvcnQgeyBUb2FzdFN0YXR1c0NvbXBvbmVudCB9IGZyb20gJy4vdG9hc3Qtc3RhdHVzL3RvYXN0LXN0YXR1cy5jb21wb25lbnQnO1xuaW1wb3J0IHsgVG9hc3RTdGF0dXNNb2R1bGUgfSBmcm9tICcuL3RvYXN0LXN0YXR1cy90b2FzdC1zdGF0dXMubW9kdWxlJztcbmltcG9ydCB7IFRvYXN0V2l0aEN1c3RvbUR1cmF0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi90b2FzdC13aXRoLWN1c3RvbS1kdXJhdGlvbi90b2FzdC13aXRoLWN1c3RvbS1kdXJhdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgVG9hc3RXaXRoQ3VzdG9tRHVyYXRpb25Nb2R1bGUgfSBmcm9tICcuL3RvYXN0LXdpdGgtY3VzdG9tLWR1cmF0aW9uL3RvYXN0LXdpdGgtY3VzdG9tLWR1cmF0aW9uLm1vZHVsZSc7XG5cbmV4cG9ydCBjb25zdCBUT0FTVF9FWEFNUExFUzogQ29tcG9uZW50RXhhbXBsZVtdID0gW1xuICB7IGNvbXBvbmVudDogRGVmYXVsdFRvYXN0Q29tcG9uZW50LCBtb2R1bGU6IERlZmF1bHRUb2FzdE1vZHVsZSB9LFxuICB7IGNvbXBvbmVudDogVG9hc3RTdGF0dXNDb21wb25lbnQsIG1vZHVsZTogVG9hc3RTdGF0dXNNb2R1bGUgfSxcbiAgeyBjb21wb25lbnQ6IFRvYXN0UG9zaXRpb25zQ29tcG9uZW50LCBtb2R1bGU6IFRvYXN0UG9zaXRpb25zTW9kdWxlIH0sXG4gIHsgY29tcG9uZW50OiBUb2FzdFdpdGhDdXN0b21EdXJhdGlvbkNvbXBvbmVudCwgbW9kdWxlOiBUb2FzdFdpdGhDdXN0b21EdXJhdGlvbk1vZHVsZSB9LFxuXTtcbiJdfQ==
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
|
2
|
+
import { FormControl } from '@angular/forms';
|
|
3
|
+
import { combineLatest } from 'rxjs';
|
|
4
|
+
import { DaffToastService, DaffToastPositionService, } from '@daffodil/design/toast';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@daffodil/design/toast";
|
|
7
|
+
import * as i2 from "@angular/forms";
|
|
8
|
+
import * as i3 from "@daffodil/design/button";
|
|
9
|
+
export class ToastPositionsComponent {
|
|
10
|
+
constructor(toastService, toastPositionService) {
|
|
11
|
+
this.toastService = toastService;
|
|
12
|
+
this.toastPositionService = toastPositionService;
|
|
13
|
+
this.count = 0;
|
|
14
|
+
this.horizontalControl = new FormControl('right');
|
|
15
|
+
this.verticalControl = new FormControl('top');
|
|
16
|
+
}
|
|
17
|
+
open() {
|
|
18
|
+
this.toast = this.toastService.open({
|
|
19
|
+
title: 'Update complete' + ' ' + this.count++,
|
|
20
|
+
message: 'This page is now up-to-date.',
|
|
21
|
+
dismissible: true,
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
ngOnInit() {
|
|
25
|
+
combineLatest([
|
|
26
|
+
this.horizontalControl.valueChanges,
|
|
27
|
+
this.verticalControl.valueChanges,
|
|
28
|
+
]).subscribe(([horizontal, vertical,]) => {
|
|
29
|
+
this.toastPositionService.setPosition({
|
|
30
|
+
horizontal,
|
|
31
|
+
vertical,
|
|
32
|
+
});
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ToastPositionsComponent, deps: [{ token: i1.DaffToastService }, { token: i1.DaffToastPositionService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ToastPositionsComponent, selector: "toast-positions", 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: "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: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
37
|
+
}
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ToastPositionsComponent, decorators: [{
|
|
39
|
+
type: Component,
|
|
40
|
+
args: [{ selector: 'toast-positions', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
|
|
41
|
+
}], ctorParameters: () => [{ type: i1.DaffToastService }, { type: i1.DaffToastPositionService }] });
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QtcG9zaXRpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3RvYXN0L2V4YW1wbGVzL3NyYy90b2FzdC1wb3NpdGlvbnMvdG9hc3QtcG9zaXRpb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3RvYXN0L2V4YW1wbGVzL3NyYy90b2FzdC1wb3NpdGlvbnMvdG9hc3QtcG9zaXRpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUVWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRXJDLE9BQU8sRUFFTCxnQkFBZ0IsRUFDaEIsd0JBQXdCLEdBQ3pCLE1BQU0sd0JBQXdCLENBQUM7Ozs7O0FBU2hDLE1BQU0sT0FBTyx1QkFBdUI7SUFHbEMsWUFDVSxZQUE4QixFQUM5QixvQkFBOEM7UUFEOUMsaUJBQVksR0FBWixZQUFZLENBQWtCO1FBQzlCLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBMEI7UUFXaEQsVUFBSyxHQUFHLENBQUMsQ0FBQztRQUVsQixzQkFBaUIsR0FBZ0IsSUFBSSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDMUQsb0JBQWUsR0FBZ0IsSUFBSSxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7SUFibkQsQ0FBQztJQUVKLElBQUk7UUFDRixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ2xDLEtBQUssRUFBRSxpQkFBaUIsR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUM3QyxPQUFPLEVBQUUsOEJBQThCO1lBQ3ZDLFdBQVcsRUFBRSxJQUFJO1NBQ2xCLENBQUMsQ0FBQztJQUNMLENBQUM7SUFPRCxRQUFRO1FBQ04sYUFBYSxDQUFDO1lBQ1osSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVk7WUFDbkMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxZQUFZO1NBQ2xDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUNaLFVBQVUsRUFBRSxRQUFRLEVBQ3JCLEVBQUUsRUFBRTtZQUNILElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxXQUFXLENBQUM7Z0JBQ3BDLFVBQVU7Z0JBQ1YsUUFBUTthQUNULENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztpSUFqQ1UsdUJBQXVCO3FIQUF2Qix1QkFBdUIsdURDckJwQyxvZEFjQTs7MkZET2EsdUJBQXVCO2tCQVBuQyxTQUFTOytCQUVFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgY29tYmluZUxhdGVzdCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQge1xuICBEYWZmVG9hc3QsXG4gIERhZmZUb2FzdFNlcnZpY2UsXG4gIERhZmZUb2FzdFBvc2l0aW9uU2VydmljZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi90b2FzdCc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3RvYXN0LXBvc2l0aW9ucycsXG4gIHRlbXBsYXRlVXJsOiAnLi90b2FzdC1wb3NpdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90b2FzdC1wb3NpdGlvbnMuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFRvYXN0UG9zaXRpb25zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHJpdmF0ZSB0b2FzdDogRGFmZlRvYXN0O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgdG9hc3RTZXJ2aWNlOiBEYWZmVG9hc3RTZXJ2aWNlLFxuICAgIHByaXZhdGUgdG9hc3RQb3NpdGlvblNlcnZpY2U6IERhZmZUb2FzdFBvc2l0aW9uU2VydmljZSxcbiAgKSB7fVxuXG4gIG9wZW4oKSB7XG4gICAgdGhpcy50b2FzdCA9IHRoaXMudG9hc3RTZXJ2aWNlLm9wZW4oe1xuICAgICAgdGl0bGU6ICdVcGRhdGUgY29tcGxldGUnICsgJyAnICsgdGhpcy5jb3VudCsrLFxuICAgICAgbWVzc2FnZTogJ1RoaXMgcGFnZSBpcyBub3cgdXAtdG8tZGF0ZS4nLFxuICAgICAgZGlzbWlzc2libGU6IHRydWUsXG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIGNvdW50ID0gMDtcblxuICBob3Jpem9udGFsQ29udHJvbDogRm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woJ3JpZ2h0Jyk7XG4gIHZlcnRpY2FsQ29udHJvbDogRm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woJ3RvcCcpO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIGNvbWJpbmVMYXRlc3QoW1xuICAgICAgdGhpcy5ob3Jpem9udGFsQ29udHJvbC52YWx1ZUNoYW5nZXMsXG4gICAgICB0aGlzLnZlcnRpY2FsQ29udHJvbC52YWx1ZUNoYW5nZXMsXG4gICAgXSkuc3Vic2NyaWJlKChbXG4gICAgICBob3Jpem9udGFsLCB2ZXJ0aWNhbCxcbiAgICBdKSA9PiB7XG4gICAgICB0aGlzLnRvYXN0UG9zaXRpb25TZXJ2aWNlLnNldFBvc2l0aW9uKHtcbiAgICAgICAgaG9yaXpvbnRhbCxcbiAgICAgICAgdmVydGljYWwsXG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInRvYXN0LXBvc2l0aW9uc19fb3B0aW9uc1wiPlxuXHQ8c2VsZWN0IFtmb3JtQ29udHJvbF09XCJ2ZXJ0aWNhbENvbnRyb2xcIj5cblx0XHQ8b3B0aW9uIHZhbHVlPVwidG9wXCI+VG9wPC9vcHRpb24+XG5cdFx0PG9wdGlvbiB2YWx1ZT1cImJvdHRvbVwiPkJvdHRvbTwvb3B0aW9uPlxuXHQ8L3NlbGVjdD5cblx0XG5cdDxzZWxlY3QgW2Zvcm1Db250cm9sXT1cImhvcml6b250YWxDb250cm9sXCI+XG5cdFx0PG9wdGlvbiB2YWx1ZT1cImxlZnRcIj5MZWZ0PC9vcHRpb24+XG5cdFx0PG9wdGlvbiB2YWx1ZT1cImNlbnRlclwiPkNlbnRlcjwvb3B0aW9uPlxuXHRcdDxvcHRpb24gdmFsdWU9XCJyaWdodFwiPlJpZ2h0PC9vcHRpb24+XG5cdDwvc2VsZWN0PlxuPC9kaXY+XG5cbjxidXR0b24gZGFmZi1idXR0b24gc2l6ZT1cInNtXCIgKGNsaWNrKT1cIm9wZW4oKVwiPlNob3cgdG9hc3Q8L2J1dHRvbj5cbiJdfQ==
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
5
|
+
import { DaffButtonModule } from '@daffodil/design/button';
|
|
6
|
+
import { DaffToastModule, provideDaffToastOptions, } from '@daffodil/design/toast';
|
|
7
|
+
import { ToastPositionsComponent } from './toast-positions.component';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class ToastPositionsModule {
|
|
10
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ToastPositionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: ToastPositionsModule, declarations: [ToastPositionsComponent], imports: [CommonModule,
|
|
12
|
+
ReactiveFormsModule,
|
|
13
|
+
DaffToastModule,
|
|
14
|
+
FontAwesomeModule,
|
|
15
|
+
DaffButtonModule], exports: [ToastPositionsComponent] }); }
|
|
16
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ToastPositionsModule, providers: [
|
|
17
|
+
provideDaffToastOptions({
|
|
18
|
+
position: {
|
|
19
|
+
vertical: 'top',
|
|
20
|
+
horizontal: 'right',
|
|
21
|
+
},
|
|
22
|
+
useParent: false,
|
|
23
|
+
}),
|
|
24
|
+
], imports: [CommonModule,
|
|
25
|
+
ReactiveFormsModule,
|
|
26
|
+
DaffToastModule,
|
|
27
|
+
FontAwesomeModule,
|
|
28
|
+
DaffButtonModule] }); }
|
|
29
|
+
}
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ToastPositionsModule, decorators: [{
|
|
31
|
+
type: NgModule,
|
|
32
|
+
args: [{
|
|
33
|
+
declarations: [
|
|
34
|
+
ToastPositionsComponent,
|
|
35
|
+
],
|
|
36
|
+
imports: [
|
|
37
|
+
CommonModule,
|
|
38
|
+
ReactiveFormsModule,
|
|
39
|
+
DaffToastModule,
|
|
40
|
+
FontAwesomeModule,
|
|
41
|
+
DaffButtonModule,
|
|
42
|
+
],
|
|
43
|
+
exports: [
|
|
44
|
+
ToastPositionsComponent,
|
|
45
|
+
],
|
|
46
|
+
providers: [
|
|
47
|
+
provideDaffToastOptions({
|
|
48
|
+
position: {
|
|
49
|
+
vertical: 'top',
|
|
50
|
+
horizontal: 'right',
|
|
51
|
+
},
|
|
52
|
+
useParent: false,
|
|
53
|
+
}),
|
|
54
|
+
],
|
|
55
|
+
}]
|
|
56
|
+
}] });
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QtcG9zaXRpb25zLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3RvYXN0L2V4YW1wbGVzL3NyYy90b2FzdC1wb3NpdGlvbnMvdG9hc3QtcG9zaXRpb25zLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMzRCxPQUFPLEVBQ0wsZUFBZSxFQUNmLHVCQUF1QixHQUN4QixNQUFNLHdCQUF3QixDQUFDO0FBRWhDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQTJCdEUsTUFBTSxPQUFPLG9CQUFvQjtpSUFBcEIsb0JBQW9CO2tJQUFwQixvQkFBb0IsaUJBdkI3Qix1QkFBdUIsYUFHdkIsWUFBWTtZQUNaLG1CQUFtQjtZQUVuQixlQUFlO1lBQ2YsaUJBQWlCO1lBQ2pCLGdCQUFnQixhQUdoQix1QkFBdUI7a0lBWWQsb0JBQW9CLGFBVnBCO1lBQ1QsdUJBQXVCLENBQUM7Z0JBQ3RCLFFBQVEsRUFBRTtvQkFDUixRQUFRLEVBQUUsS0FBSztvQkFDZixVQUFVLEVBQUUsT0FBTztpQkFDcEI7Z0JBQ0QsU0FBUyxFQUFFLEtBQUs7YUFDakIsQ0FBQztTQUNILFlBbEJDLFlBQVk7WUFDWixtQkFBbUI7WUFFbkIsZUFBZTtZQUNmLGlCQUFpQjtZQUNqQixnQkFBZ0I7OzJGQWVQLG9CQUFvQjtrQkF6QmhDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHVCQUF1QjtxQkFDeEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUVuQixlQUFlO3dCQUNmLGlCQUFpQjt3QkFDakIsZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsdUJBQXVCO3FCQUN4QjtvQkFDRCxTQUFTLEVBQUU7d0JBQ1QsdUJBQXVCLENBQUM7NEJBQ3RCLFFBQVEsRUFBRTtnQ0FDUixRQUFRLEVBQUUsS0FBSztnQ0FDZixVQUFVLEVBQUUsT0FBTzs2QkFDcEI7NEJBQ0QsU0FBUyxFQUFFLEtBQUs7eUJBQ2pCLENBQUM7cUJBQ0g7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcblxuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYnV0dG9uJztcbmltcG9ydCB7XG4gIERhZmZUb2FzdE1vZHVsZSxcbiAgcHJvdmlkZURhZmZUb2FzdE9wdGlvbnMsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vdG9hc3QnO1xuXG5pbXBvcnQgeyBUb2FzdFBvc2l0aW9uc0NvbXBvbmVudCB9IGZyb20gJy4vdG9hc3QtcG9zaXRpb25zLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFRvYXN0UG9zaXRpb25zQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG5cbiAgICBEYWZmVG9hc3RNb2R1bGUsXG4gICAgRm9udEF3ZXNvbWVNb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFRvYXN0UG9zaXRpb25zQ29tcG9uZW50LFxuICBdLFxuICBwcm92aWRlcnM6IFtcbiAgICBwcm92aWRlRGFmZlRvYXN0T3B0aW9ucyh7XG4gICAgICBwb3NpdGlvbjoge1xuICAgICAgICB2ZXJ0aWNhbDogJ3RvcCcsXG4gICAgICAgIGhvcml6b250YWw6ICdyaWdodCcsXG4gICAgICB9LFxuICAgICAgdXNlUGFyZW50OiBmYWxzZSxcbiAgICB9KSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgVG9hc3RQb3NpdGlvbnNNb2R1bGUgeyB9XG4iXX0=
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
|
2
|
+
import { FormControl } from '@angular/forms';
|
|
3
|
+
import { faCheck, faExclamation, faInfoCircle, } from '@fortawesome/free-solid-svg-icons';
|
|
4
|
+
import { DaffToastService, } from '@daffodil/design/toast';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@daffodil/design/toast";
|
|
7
|
+
import * as i2 from "@daffodil/design/button";
|
|
8
|
+
import * as i3 from "@angular/forms";
|
|
9
|
+
const status = {
|
|
10
|
+
error: {
|
|
11
|
+
title: 'Server error',
|
|
12
|
+
},
|
|
13
|
+
success: {
|
|
14
|
+
title: 'Update complete',
|
|
15
|
+
message: 'The app is now up-to-date with the newest version.',
|
|
16
|
+
},
|
|
17
|
+
warn: {
|
|
18
|
+
title: 'The app is outdated',
|
|
19
|
+
message: 'Update the app now. The version you are using may have security vulnerabilities.',
|
|
20
|
+
},
|
|
21
|
+
};
|
|
22
|
+
export class ToastStatusComponent {
|
|
23
|
+
constructor(toastService) {
|
|
24
|
+
this.toastService = toastService;
|
|
25
|
+
this.faInfoCircle = faInfoCircle;
|
|
26
|
+
this.faCheck = faCheck;
|
|
27
|
+
this.faExclamation = faExclamation;
|
|
28
|
+
this.statusControl = new FormControl('success');
|
|
29
|
+
}
|
|
30
|
+
open() {
|
|
31
|
+
this.toastService.open({
|
|
32
|
+
status: this.statusControl.value,
|
|
33
|
+
...status[this.statusControl.value],
|
|
34
|
+
}, {
|
|
35
|
+
duration: this.statusControl.value === 'error' ? undefined : 5000,
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ToastStatusComponent, deps: [{ token: i1.DaffToastService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ToastStatusComponent, selector: "toast-status", ngImport: i0, template: "<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=\"error\">Error</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"], dependencies: [{ kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
40
|
+
}
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ToastStatusComponent, decorators: [{
|
|
42
|
+
type: Component,
|
|
43
|
+
args: [{ selector: 'toast-status', changeDetection: ChangeDetectionStrategy.OnPush, template: "<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=\"error\">Error</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"] }]
|
|
44
|
+
}], ctorParameters: () => [{ type: i1.DaffToastService }] });
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3Qtc3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3RvYXN0L2V4YW1wbGVzL3NyYy90b2FzdC1zdGF0dXMvdG9hc3Qtc3RhdHVzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3RvYXN0L2V4YW1wbGVzL3NyYy90b2FzdC1zdGF0dXMvdG9hc3Qtc3RhdHVzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQ0wsT0FBTyxFQUNQLGFBQWEsRUFDYixZQUFZLEdBQ2IsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBRUwsZ0JBQWdCLEdBQ2pCLE1BQU0sd0JBQXdCLENBQUM7Ozs7O0FBRWhDLE1BQU0sTUFBTSxHQUFtQztJQUM3QyxLQUFLLEVBQUU7UUFDTCxLQUFLLEVBQUUsY0FBYztLQUN0QjtJQUNELE9BQU8sRUFBRTtRQUNQLEtBQUssRUFBRSxpQkFBaUI7UUFDeEIsT0FBTyxFQUFFLG9EQUFvRDtLQUM5RDtJQUNELElBQUksRUFBRTtRQUNKLEtBQUssRUFBRSxxQkFBcUI7UUFDNUIsT0FBTyxFQUFFLGtGQUFrRjtLQUM1RjtDQUNGLENBQUM7QUFTRixNQUFNLE9BQU8sb0JBQW9CO0lBTy9CLFlBQW9CLFlBQThCO1FBQTlCLGlCQUFZLEdBQVosWUFBWSxDQUFrQjtRQU5sRCxpQkFBWSxHQUFHLFlBQVksQ0FBQztRQUM1QixZQUFPLEdBQUcsT0FBTyxDQUFDO1FBQ2xCLGtCQUFhLEdBQUcsYUFBYSxDQUFDO1FBRTlCLGtCQUFhLEdBQWdCLElBQUksV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBRUgsQ0FBQztJQUV0RCxJQUFJO1FBQ0YsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDckIsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSztZQUNoQyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQztTQUNwQyxFQUNEO1lBQ0UsUUFBUSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJO1NBQ2xFLENBQ0EsQ0FBQztJQUNKLENBQUM7aUlBbEJVLG9CQUFvQjtxSEFBcEIsb0JBQW9CLG9EQ3JDakMsK1BBTVM7OzJGRCtCSSxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBRUUsY0FBYyxtQkFHUCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7XG4gIGZhQ2hlY2ssXG4gIGZhRXhjbGFtYXRpb24sXG4gIGZhSW5mb0NpcmNsZSxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHtcbiAgRGFmZlRvYXN0RGF0YSxcbiAgRGFmZlRvYXN0U2VydmljZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi90b2FzdCc7XG5cbmNvbnN0IHN0YXR1czogUmVjb3JkPHN0cmluZywgRGFmZlRvYXN0RGF0YT4gPSAge1xuICBlcnJvcjoge1xuICAgIHRpdGxlOiAnU2VydmVyIGVycm9yJyxcbiAgfSxcbiAgc3VjY2Vzczoge1xuICAgIHRpdGxlOiAnVXBkYXRlIGNvbXBsZXRlJyxcbiAgICBtZXNzYWdlOiAnVGhlIGFwcCBpcyBub3cgdXAtdG8tZGF0ZSB3aXRoIHRoZSBuZXdlc3QgdmVyc2lvbi4nLFxuICB9LFxuICB3YXJuOiB7XG4gICAgdGl0bGU6ICdUaGUgYXBwIGlzIG91dGRhdGVkJyxcbiAgICBtZXNzYWdlOiAnVXBkYXRlIHRoZSBhcHAgbm93LiBUaGUgdmVyc2lvbiB5b3UgYXJlIHVzaW5nIG1heSBoYXZlIHNlY3VyaXR5IHZ1bG5lcmFiaWxpdGllcy4nLFxuICB9LFxufTtcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAndG9hc3Qtc3RhdHVzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvYXN0LXN0YXR1cy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RvYXN0LXN0YXR1cy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgVG9hc3RTdGF0dXNDb21wb25lbnQge1xuICBmYUluZm9DaXJjbGUgPSBmYUluZm9DaXJjbGU7XG4gIGZhQ2hlY2sgPSBmYUNoZWNrO1xuICBmYUV4Y2xhbWF0aW9uID0gZmFFeGNsYW1hdGlvbjtcblxuICBzdGF0dXNDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnc3VjY2VzcycpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdG9hc3RTZXJ2aWNlOiBEYWZmVG9hc3RTZXJ2aWNlKSB7fVxuXG4gIG9wZW4oKSB7XG4gICAgdGhpcy50b2FzdFNlcnZpY2Uub3Blbih7XG4gICAgICBzdGF0dXM6IHRoaXMuc3RhdHVzQ29udHJvbC52YWx1ZSxcbiAgICAgIC4uLnN0YXR1c1t0aGlzLnN0YXR1c0NvbnRyb2wudmFsdWVdLFxuICAgIH0sXG4gICAge1xuICAgICAgZHVyYXRpb246IHRoaXMuc3RhdHVzQ29udHJvbC52YWx1ZSA9PT0gJ2Vycm9yJyA/IHVuZGVmaW5lZCA6IDUwMDAsXG4gICAgfSxcbiAgICApO1xuICB9XG59XG4iLCI8YnV0dG9uIGRhZmYtYnV0dG9uIHNpemU9XCJzbVwiIChjbGljayk9XCJvcGVuKClcIj5TaG93IHRvYXN0PC9idXR0b24+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cInN0YXR1c0NvbnRyb2xcIj5cblx0PG9wdGlvbiB2YWx1ZT1cInN1Y2Nlc3NcIj5TdWNjZXNzPC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJ3YXJuXCI+V2Fybjwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwiZXJyb3JcIj5FcnJvcjwvb3B0aW9uPlxuPC9zZWxlY3Q+Il19
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
5
|
+
import { DaffButtonModule } from '@daffodil/design/button';
|
|
6
|
+
import { DaffToastModule } from '@daffodil/design/toast';
|
|
7
|
+
import { ToastStatusComponent } from './toast-status.component';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class ToastStatusModule {
|
|
10
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ToastStatusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: ToastStatusModule, declarations: [ToastStatusComponent], imports: [CommonModule,
|
|
12
|
+
DaffToastModule,
|
|
13
|
+
DaffButtonModule,
|
|
14
|
+
FontAwesomeModule,
|
|
15
|
+
ReactiveFormsModule], exports: [ToastStatusComponent] }); }
|
|
16
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ToastStatusModule, imports: [CommonModule,
|
|
17
|
+
DaffToastModule,
|
|
18
|
+
DaffButtonModule,
|
|
19
|
+
FontAwesomeModule,
|
|
20
|
+
ReactiveFormsModule] }); }
|
|
21
|
+
}
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ToastStatusModule, decorators: [{
|
|
23
|
+
type: NgModule,
|
|
24
|
+
args: [{
|
|
25
|
+
declarations: [
|
|
26
|
+
ToastStatusComponent,
|
|
27
|
+
],
|
|
28
|
+
imports: [
|
|
29
|
+
CommonModule,
|
|
30
|
+
DaffToastModule,
|
|
31
|
+
DaffButtonModule,
|
|
32
|
+
FontAwesomeModule,
|
|
33
|
+
ReactiveFormsModule,
|
|
34
|
+
],
|
|
35
|
+
exports: [
|
|
36
|
+
ToastStatusComponent,
|
|
37
|
+
],
|
|
38
|
+
}]
|
|
39
|
+
}] });
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3Qtc3RhdHVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3RvYXN0L2V4YW1wbGVzL3NyYy90b2FzdC1zdGF0dXMvdG9hc3Qtc3RhdHVzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFekQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBaUJoRSxNQUFNLE9BQU8saUJBQWlCO2lJQUFqQixpQkFBaUI7a0lBQWpCLGlCQUFpQixpQkFiMUIsb0JBQW9CLGFBR3BCLFlBQVk7WUFDWixlQUFlO1lBQ2YsZ0JBQWdCO1lBQ2hCLGlCQUFpQjtZQUNqQixtQkFBbUIsYUFHbkIsb0JBQW9CO2tJQUdYLGlCQUFpQixZQVYxQixZQUFZO1lBQ1osZUFBZTtZQUNmLGdCQUFnQjtZQUNoQixpQkFBaUI7WUFDakIsbUJBQW1COzsyRkFNVixpQkFBaUI7a0JBZjdCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLG9CQUFvQjtxQkFDckI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixnQkFBZ0I7d0JBQ2hCLGlCQUFpQjt3QkFDakIsbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asb0JBQW9CO3FCQUNyQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuXG5pbXBvcnQgeyBEYWZmQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9idXR0b24nO1xuaW1wb3J0IHsgRGFmZlRvYXN0TW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi90b2FzdCc7XG5cbmltcG9ydCB7IFRvYXN0U3RhdHVzQ29tcG9uZW50IH0gZnJvbSAnLi90b2FzdC1zdGF0dXMuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgVG9hc3RTdGF0dXNDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGFmZlRvYXN0TW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gICAgRm9udEF3ZXNvbWVNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFRvYXN0U3RhdHVzQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBUb2FzdFN0YXR1c01vZHVsZSB7IH1cbiJdfQ==
|
package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
|
2
|
+
import { DaffToastService, } from '@daffodil/design/toast';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@daffodil/design/toast";
|
|
5
|
+
import * as i2 from "@daffodil/design/button";
|
|
6
|
+
export class ToastWithCustomDurationComponent {
|
|
7
|
+
constructor(toastService) {
|
|
8
|
+
this.toastService = toastService;
|
|
9
|
+
}
|
|
10
|
+
open() {
|
|
11
|
+
this.toast = this.toastService.open({
|
|
12
|
+
title: 'Update Complete',
|
|
13
|
+
message: 'This page has been updated to the newest version.',
|
|
14
|
+
status: 'success',
|
|
15
|
+
}, {
|
|
16
|
+
duration: 7000,
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ToastWithCustomDurationComponent, deps: [{ token: i1.DaffToastService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ToastWithCustomDurationComponent, selector: "toast-with-custom-duration", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>", dependencies: [{ kind: "component", type: i2.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
21
|
+
}
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ToastWithCustomDurationComponent, decorators: [{
|
|
23
|
+
type: Component,
|
|
24
|
+
args: [{ selector: 'toast-with-custom-duration', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>" }]
|
|
25
|
+
}], ctorParameters: () => [{ type: i1.DaffToastService }] });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3Qtd2l0aC1jdXN0b20tZHVyYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vdG9hc3QvZXhhbXBsZXMvc3JjL3RvYXN0LXdpdGgtY3VzdG9tLWR1cmF0aW9uL3RvYXN0LXdpdGgtY3VzdG9tLWR1cmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3RvYXN0L2V4YW1wbGVzL3NyYy90b2FzdC13aXRoLWN1c3RvbS1kdXJhdGlvbi90b2FzdC13aXRoLWN1c3RvbS1kdXJhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FHVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBRUwsZ0JBQWdCLEdBQ2pCLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFTaEMsTUFBTSxPQUFPLGdDQUFnQztJQUczQyxZQUFvQixZQUE4QjtRQUE5QixpQkFBWSxHQUFaLFlBQVksQ0FBa0I7SUFBRyxDQUFDO0lBRXRELElBQUk7UUFDRixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ2xDLEtBQUssRUFBRSxpQkFBaUI7WUFDeEIsT0FBTyxFQUFFLG1EQUFtRDtZQUM1RCxNQUFNLEVBQUUsU0FBUztTQUNsQixFQUNEO1lBQ0UsUUFBUSxFQUFFLElBQUk7U0FDZixDQUFDLENBQUM7SUFDTCxDQUFDO2lJQWRVLGdDQUFnQztxSEFBaEMsZ0NBQWdDLGtFQ25CN0Msd0VBQWtFOzsyRkRtQnJELGdDQUFnQztrQkFQNUMsU0FBUzsrQkFFRSw0QkFBNEIsbUJBR3JCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERhZmZUb2FzdCxcbiAgRGFmZlRvYXN0U2VydmljZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi90b2FzdCc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3RvYXN0LXdpdGgtY3VzdG9tLWR1cmF0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvYXN0LXdpdGgtY3VzdG9tLWR1cmF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFRvYXN0V2l0aEN1c3RvbUR1cmF0aW9uQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSB0b2FzdDogRGFmZlRvYXN0O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdG9hc3RTZXJ2aWNlOiBEYWZmVG9hc3RTZXJ2aWNlKSB7fVxuXG4gIG9wZW4oKSB7XG4gICAgdGhpcy50b2FzdCA9IHRoaXMudG9hc3RTZXJ2aWNlLm9wZW4oe1xuICAgICAgdGl0bGU6ICdVcGRhdGUgQ29tcGxldGUnLFxuICAgICAgbWVzc2FnZTogJ1RoaXMgcGFnZSBoYXMgYmVlbiB1cGRhdGVkIHRvIHRoZSBuZXdlc3QgdmVyc2lvbi4nLFxuICAgICAgc3RhdHVzOiAnc3VjY2VzcycsXG4gICAgfSxcbiAgICB7XG4gICAgICBkdXJhdGlvbjogNzAwMCxcbiAgICB9KTtcbiAgfVxufVxuIiwiPGJ1dHRvbiBkYWZmLWJ1dHRvbiBzaXplPVwic21cIiAoY2xpY2spPVwib3BlbigpXCI+U2hvdyB0b2FzdDwvYnV0dG9uPiJdfQ==
|