@daffodil/design 0.72.0 → 0.74.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/README.md +20 -22
- package/article/README.md +0 -5
- package/article/article.module.d.ts +3 -5
- package/article/examples/article-examples.module.d.ts +8 -9
- package/article/examples/public_api.d.ts +0 -1
- package/article/public_api.d.ts +0 -2
- package/container/README.md +11 -8
- package/esm2022/article/article/article.component.mjs +2 -2
- package/esm2022/article/article.module.mjs +1 -11
- package/esm2022/article/examples/article-examples.module.mjs +7 -8
- package/esm2022/article/examples/examples.mjs +1 -3
- package/esm2022/article/examples/public_api.mjs +1 -2
- package/esm2022/article/public_api.mjs +1 -3
- package/esm2022/daffodil-design.mjs +2 -2
- package/esm2022/index.mjs +6 -0
- package/esm2022/notification/daffodil-design-notification.mjs +2 -2
- package/esm2022/notification/examples/default-notification/default-notification.component.mjs +12 -7
- package/esm2022/notification/examples/dismissible-notification/dismissible-notification.component.mjs +11 -6
- package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +5 -6
- package/esm2022/notification/examples/notification-status/notification-status.component.mjs +5 -6
- package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs +24 -0
- package/esm2022/notification/examples/notification-with-actions/notification-with-actions.module.mjs +36 -0
- package/esm2022/notification/examples/public_api.mjs +4 -1
- package/esm2022/notification/index.mjs +2 -0
- package/esm2022/notification/notification/notification.component.mjs +30 -16
- package/esm2022/paginator/daffodil-design-paginator.mjs +2 -2
- package/esm2022/paginator/index.mjs +2 -0
- package/esm2022/progress-bar/daffodil-design-progress-bar.mjs +2 -2
- package/esm2022/progress-bar/index.mjs +2 -0
- package/esm2022/tree/tree-item/tree-item.directive.mjs +4 -2
- package/fesm2022/daffodil-design-article-examples.mjs +2 -12
- package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-article.mjs +3 -51
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +70 -16
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +46 -33
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +3 -1
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +5 -0
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/index.d.ts +2 -2
- package/loading-icon/README.md +1 -1
- package/notification/README.md +49 -23
- package/notification/examples/default-notification/default-notification.component.d.ts +2 -0
- package/notification/examples/dismissible-notification/dismissible-notification.component.d.ts +2 -0
- package/notification/examples/notification-with-actions/notification-with-actions.component.d.ts +8 -0
- package/notification/examples/notification-with-actions/notification-with-actions.module.d.ts +11 -0
- package/notification/index.d.ts +0 -4
- package/notification/notification/notification.component.d.ts +15 -6
- package/package.json +1 -1
- package/paginator/index.d.ts +0 -4
- package/progress-bar/index.d.ts +0 -4
- package/scss/typography/_classes.scss +0 -5
- package/scss/typography/_index.scss +1 -2
- package/scss/typography/mixins/_text-truncate.scss +1 -6
- package/scss/typography/utilities/_variables.scss +14 -4
- package/sidebar/README.md +1 -1
- package/toast/README.md +2 -2
- package/article/article-lead/article-lead.directive.d.ts +0 -9
- package/article/article-title/article-title.directive.d.ts +0 -9
- package/article/examples/article-lead/article-lead.component.d.ts +0 -5
- package/esm2022/article/article-lead/article-lead.directive.mjs +0 -22
- package/esm2022/article/article-title/article-title.directive.mjs +0 -22
- package/esm2022/article/examples/article-lead/article-lead.component.mjs +0 -12
- package/scss/daff-global.scss +0 -5
- package/scss/daff-typography.scss +0 -55
- package/scss/daff-util.scss +0 -5
- package/scss/typography/mixins/_text-transform.scss +0 -4
package/README.md
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
`@daffodil/design` is an Angular component library built to support ecommerce use-cases. The library provides turn-key support for various features like:
|
|
3
3
|
|
|
4
4
|
* [Pre-Built Components](#components)
|
|
5
|
-
* [Theming](/libs/design/
|
|
6
|
-
* [Typography](/libs/design/
|
|
5
|
+
* [Theming](/libs/design/scss/theming/README.md)
|
|
6
|
+
* [Typography](/libs/design/scss/typography/README.md)
|
|
7
7
|
* [Accessibility](/libs/design/guides/accessibility.md)
|
|
8
|
-
* [Color](/libs/design/guides/
|
|
8
|
+
* [Color](/libs/design/guides/color.md)
|
|
9
9
|
|
|
10
10
|
## Packages
|
|
11
11
|
| Package | Version | Stability |
|
|
@@ -23,8 +23,8 @@ Refer to the [Upgrade Guide](/libs/design/guides/upgrading.md).
|
|
|
23
23
|
## Components
|
|
24
24
|
|
|
25
25
|
### Atoms
|
|
26
|
-
* [Button](/libs/design/
|
|
27
|
-
* [Container](/libs/design/
|
|
26
|
+
* [Button](/libs/design/button/README.md)
|
|
27
|
+
* [Container](/libs/design/container/README.md)
|
|
28
28
|
* [Form](/libs/design/src/atoms/form/README.md)
|
|
29
29
|
* [Checkbox](/libs/design/src/atoms/form/checkbox/README.md)
|
|
30
30
|
* [Checkbox Set](/libs/design/src/atoms/form/checkbox-set/README.md)
|
|
@@ -34,26 +34,24 @@ Refer to the [Upgrade Guide](/libs/design/guides/upgrading.md).
|
|
|
34
34
|
* [Input](/libs/design/src/atoms/form/input/README.md)
|
|
35
35
|
* [Radio](/libs/design/src/atoms/form/radio/README.md)
|
|
36
36
|
* [Radio Set](/libs/design/src/atoms/form/radio-set/README.md)
|
|
37
|
-
* [Select](/libs/design/src/atoms/form/select/README.md)
|
|
37
|
+
* [Native Select](/libs/design/src/atoms/form/native-select/README.md)
|
|
38
38
|
* [Quantity Field](/libs/design/src/atoms/form/quantity-field/README.md)
|
|
39
|
-
* [Image](/libs/design/
|
|
40
|
-
* [Loading Icon](/libs/design/
|
|
39
|
+
* [Image](/libs/design/image/README.md)
|
|
40
|
+
* [Loading Icon](/libs/design/loading-icon/README.md)
|
|
41
41
|
|
|
42
42
|
### Molecules
|
|
43
|
-
* [Accordion](/libs/design/
|
|
44
|
-
* [Article](/libs/design/
|
|
45
|
-
* [
|
|
46
|
-
* [
|
|
47
|
-
* [
|
|
48
|
-
* [
|
|
49
|
-
* [
|
|
50
|
-
* [
|
|
51
|
-
* [
|
|
52
|
-
* [
|
|
53
|
-
* [
|
|
54
|
-
* [
|
|
55
|
-
* [Paginator](/libs/design/src/molecules/paginator/README.md)
|
|
56
|
-
* [Sidebar](/libs/design/src/molecules/sidebar/README.md)
|
|
43
|
+
* [Accordion](/libs/design/accordion/README.md)
|
|
44
|
+
* [Article](/libs/design/article/README.md)
|
|
45
|
+
* [Callout](/libs/design/callout/README.md)
|
|
46
|
+
* [Card](/libs/design/card/README.md)
|
|
47
|
+
* [Hero](/libs/design/hero/README.md)
|
|
48
|
+
* [Link Set](/libs/design/link-set/README.md)
|
|
49
|
+
* [List](/libs/design/list/README.md)
|
|
50
|
+
* [Media Gallery](/libs/design/media-gallery/README.md)
|
|
51
|
+
* [Modal](/libs/design/modal/README.md)
|
|
52
|
+
* [Navbar](/libs/design/navbar/README.md)
|
|
53
|
+
* [Paginator](/libs/design/paginator/README.md)
|
|
54
|
+
* [Sidebar](/libs/design/sidebar/README.md)
|
|
57
55
|
|
|
58
56
|
## Behind the Scenes
|
|
59
57
|
* [The Team](https://github.com/graycoreio/daffodil/graphs/contributors)
|
package/article/README.md
CHANGED
|
@@ -7,11 +7,6 @@ Article can be used on any content page that displays large blocks of text-drive
|
|
|
7
7
|
## Headings
|
|
8
8
|
<design-land-example-viewer-container example="article-headings"></design-land-example-viewer-container>
|
|
9
9
|
|
|
10
|
-
## Article Lead
|
|
11
|
-
Lead is used as the opening paragraph to provide a summary or leading information for an article. Lead is a custom directive of article and is not a native element selector. To use it, add `daffArticleLead` to a paragraph (`<p>`).
|
|
12
|
-
|
|
13
|
-
<design-land-example-viewer-container example="article-lead"></design-land-example-viewer-container>
|
|
14
|
-
|
|
15
10
|
## Article Meta
|
|
16
11
|
Meta is used if there is metadata information about your article (i.e. author name, date, etc). Meta is a custom directive of article and is not a native element selector. To use it, add `daffArticleMeta` to a paragraph (`<p>`).
|
|
17
12
|
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./article/article.component";
|
|
3
|
-
import * as i2 from "./article-
|
|
4
|
-
import * as i3 from "
|
|
5
|
-
import * as i4 from "./article-meta/article-meta.directive";
|
|
6
|
-
import * as i5 from "@angular/common";
|
|
3
|
+
import * as i2 from "./article-meta/article-meta.directive";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
7
5
|
export declare class DaffArticleModule {
|
|
8
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffArticleModule, never>;
|
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffArticleModule, [typeof i1.DaffArticleComponent, typeof i2.
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffArticleModule, [typeof i1.DaffArticleComponent, typeof i2.DaffArticleMetaDirective], [typeof i3.CommonModule], [typeof i1.DaffArticleComponent, typeof i2.DaffArticleMetaDirective]>;
|
|
10
8
|
static ɵinj: i0.ɵɵInjectorDeclaration<DaffArticleModule>;
|
|
11
9
|
}
|
|
@@ -4,16 +4,15 @@ import * as i2 from "./article-code-block/article-code-block.component";
|
|
|
4
4
|
import * as i3 from "./article-code-inline/article-code-inline.component";
|
|
5
5
|
import * as i4 from "./article-headings/article-headings.component";
|
|
6
6
|
import * as i5 from "./article-hr/article-hr.component";
|
|
7
|
-
import * as i6 from "./article-
|
|
8
|
-
import * as i7 from "./article-
|
|
9
|
-
import * as i8 from "./article-
|
|
10
|
-
import * as i9 from "./article-
|
|
11
|
-
import * as i10 from "./article-
|
|
12
|
-
import * as i11 from "
|
|
13
|
-
import * as i12 from "@
|
|
14
|
-
import * as i13 from "@daffodil/design/article";
|
|
7
|
+
import * as i6 from "./article-link/article-link.component";
|
|
8
|
+
import * as i7 from "./article-meta/article-meta.component";
|
|
9
|
+
import * as i8 from "./article-ol/article-ol.component";
|
|
10
|
+
import * as i9 from "./article-ul/article-ul.component";
|
|
11
|
+
import * as i10 from "./article-table/article-table.component";
|
|
12
|
+
import * as i11 from "@angular/common";
|
|
13
|
+
import * as i12 from "@daffodil/design/article";
|
|
15
14
|
export declare class ArticleExamplesModule {
|
|
16
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArticleExamplesModule, never>;
|
|
17
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ArticleExamplesModule, [typeof i1.ArticleBlockquoteComponent, typeof i2.ArticleCodeBlockComponent, typeof i3.ArticleCodeInlineComponent, typeof i4.ArticleHeadingsComponent, typeof i5.ArticleHrComponent, typeof i6.
|
|
16
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ArticleExamplesModule, [typeof i1.ArticleBlockquoteComponent, typeof i2.ArticleCodeBlockComponent, typeof i3.ArticleCodeInlineComponent, typeof i4.ArticleHeadingsComponent, typeof i5.ArticleHrComponent, typeof i6.ArticleLinkComponent, typeof i7.ArticleMetaComponent, typeof i8.ArticleOlComponent, typeof i9.ArticleUlComponent, typeof i10.ArticleTableComponent], [typeof i11.CommonModule, typeof i12.DaffArticleModule], never>;
|
|
18
17
|
static ɵinj: i0.ɵɵInjectorDeclaration<ArticleExamplesModule>;
|
|
19
18
|
}
|
|
@@ -5,7 +5,6 @@ export { ArticleOlComponent } from './article-ol/article-ol.component';
|
|
|
5
5
|
export { ArticleUlComponent } from './article-ul/article-ul.component';
|
|
6
6
|
export { ArticleMetaComponent } from './article-meta/article-meta.component';
|
|
7
7
|
export { ArticleLinkComponent } from './article-link/article-link.component';
|
|
8
|
-
export { ArticleLeadComponent } from './article-lead/article-lead.component';
|
|
9
8
|
export { ArticleBlockquoteComponent } from './article-blockquote/article-blockquote.component';
|
|
10
9
|
export { ArticleTableComponent } from './article-table/article-table.component';
|
|
11
10
|
export { ArticleExamplesModule } from './article-examples.module';
|
package/article/public_api.d.ts
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
1
|
export { DaffArticleComponent } from './article/article.component';
|
|
2
2
|
export { DaffArticleModule } from './article.module';
|
|
3
|
-
export { DaffArticleTitleDirective } from './article-title/article-title.directive';
|
|
4
|
-
export { DaffArticleLeadDirective } from './article-lead/article-lead.directive';
|
|
5
3
|
export { DaffArticleMetaDirective } from './article-meta/article-meta.directive';
|
package/container/README.md
CHANGED
|
@@ -1,18 +1,21 @@
|
|
|
1
1
|
# Container
|
|
2
|
-
Container is a basic structural element that
|
|
2
|
+
Container is a basic structural element that restricts page content to a specific maximum width.
|
|
3
|
+
|
|
4
|
+
## Overview
|
|
5
|
+
Container comes with pre-defined sizes that work well with common breakpoints. It's not responsible for providing padding or margin.
|
|
3
6
|
|
|
4
7
|
## Size
|
|
5
8
|
The size of a container can be defined by using the `size` property. There is no default size set.
|
|
6
9
|
|
|
7
10
|
Supported sizes: `xs | sm | md | lg | xl`
|
|
8
11
|
|
|
9
|
-
|
|
|
10
|
-
| ----------- |
|
|
11
|
-
| Extra
|
|
12
|
-
| Small |
|
|
13
|
-
| Medium | md |
|
|
14
|
-
| Large | lg |
|
|
15
|
-
| Extra
|
|
12
|
+
| Description | Max Width | Value |
|
|
13
|
+
| ----------- | --------- | ------ |
|
|
14
|
+
| Extra Small | 640px | xs |
|
|
15
|
+
| Small | 800px | sm |
|
|
16
|
+
| Medium | 1040px | md |
|
|
17
|
+
| Large | 1340px | lg |
|
|
18
|
+
| Extra Large | 1920px | xl |
|
|
16
19
|
|
|
17
20
|
## Usage
|
|
18
21
|
<design-land-example-viewer-container example="container-sizes"></design-land-example-viewer-container>
|
|
@@ -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.3.10", ngImport: i0, type: DaffArticleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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-
|
|
18
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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 h1:not(.daff-ae *,.daff-ae)+p{font-size:1.25rem;line-height:1.75rem;font-weight:400}.daff-article h1:not(.daff-ae *,.daff-ae)+p code{font-size:1.25rem;line-height:1.5rem;font-weight:400}.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__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.3.10", 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 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-
|
|
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 h1:not(.daff-ae *,.daff-ae)+p{font-size:1.25rem;line-height:1.75rem;font-weight:400}.daff-article h1:not(.daff-ae *,.daff-ae)+p code{font-size:1.25rem;line-height:1.5rem;font-weight:400}.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__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,18 +1,12 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import { NgModule } from '@angular/core';
|
|
3
3
|
import { DaffArticleComponent } from './article/article.component';
|
|
4
|
-
import { DaffArticleLeadDirective } from './article-lead/article-lead.directive';
|
|
5
4
|
import { DaffArticleMetaDirective } from './article-meta/article-meta.directive';
|
|
6
|
-
import { DaffArticleTitleDirective } from './article-title/article-title.directive';
|
|
7
5
|
import * as i0 from "@angular/core";
|
|
8
6
|
export class DaffArticleModule {
|
|
9
7
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffArticleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
8
|
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: DaffArticleModule, declarations: [DaffArticleComponent,
|
|
11
|
-
DaffArticleTitleDirective,
|
|
12
|
-
DaffArticleLeadDirective,
|
|
13
9
|
DaffArticleMetaDirective], imports: [CommonModule], exports: [DaffArticleComponent,
|
|
14
|
-
DaffArticleTitleDirective,
|
|
15
|
-
DaffArticleLeadDirective,
|
|
16
10
|
DaffArticleMetaDirective] }); }
|
|
17
11
|
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffArticleModule, imports: [CommonModule] }); }
|
|
18
12
|
}
|
|
@@ -24,16 +18,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
|
24
18
|
],
|
|
25
19
|
declarations: [
|
|
26
20
|
DaffArticleComponent,
|
|
27
|
-
DaffArticleTitleDirective,
|
|
28
|
-
DaffArticleLeadDirective,
|
|
29
21
|
DaffArticleMetaDirective,
|
|
30
22
|
],
|
|
31
23
|
exports: [
|
|
32
24
|
DaffArticleComponent,
|
|
33
|
-
DaffArticleTitleDirective,
|
|
34
|
-
DaffArticleLeadDirective,
|
|
35
25
|
DaffArticleMetaDirective,
|
|
36
26
|
],
|
|
37
27
|
}]
|
|
38
28
|
}] });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJ0aWNsZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9hcnRpY2xlL3NyYy9hcnRpY2xlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7QUFlakYsTUFBTSxPQUFPLGlCQUFpQjtrSUFBakIsaUJBQWlCO21JQUFqQixpQkFBaUIsaUJBUjFCLG9CQUFvQjtZQUNwQix3QkFBd0IsYUFKeEIsWUFBWSxhQU9aLG9CQUFvQjtZQUNwQix3QkFBd0I7bUlBR2YsaUJBQWlCLFlBWDFCLFlBQVk7OzRGQVdILGlCQUFpQjtrQkFiN0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osb0JBQW9CO3dCQUNwQix3QkFBd0I7cUJBQ3pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxvQkFBb0I7d0JBQ3BCLHdCQUF3QjtxQkFDekI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZkFydGljbGVDb21wb25lbnQgfSBmcm9tICcuL2FydGljbGUvYXJ0aWNsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGFmZkFydGljbGVNZXRhRGlyZWN0aXZlIH0gZnJvbSAnLi9hcnRpY2xlLW1ldGEvYXJ0aWNsZS1tZXRhLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERhZmZBcnRpY2xlQ29tcG9uZW50LFxuICAgIERhZmZBcnRpY2xlTWV0YURpcmVjdGl2ZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERhZmZBcnRpY2xlQ29tcG9uZW50LFxuICAgIERhZmZBcnRpY2xlTWV0YURpcmVjdGl2ZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkFydGljbGVNb2R1bGUgeyB9XG4iXX0=
|
|
@@ -8,15 +8,14 @@ import * as i2 from "./article-code-block/article-code-block.component";
|
|
|
8
8
|
import * as i3 from "./article-code-inline/article-code-inline.component";
|
|
9
9
|
import * as i4 from "./article-headings/article-headings.component";
|
|
10
10
|
import * as i5 from "./article-hr/article-hr.component";
|
|
11
|
-
import * as i6 from "./article-
|
|
12
|
-
import * as i7 from "./article-
|
|
13
|
-
import * as i8 from "./article-
|
|
14
|
-
import * as i9 from "./article-
|
|
15
|
-
import * as i10 from "./article-
|
|
16
|
-
import * as i11 from "./article-table/article-table.component";
|
|
11
|
+
import * as i6 from "./article-link/article-link.component";
|
|
12
|
+
import * as i7 from "./article-meta/article-meta.component";
|
|
13
|
+
import * as i8 from "./article-ol/article-ol.component";
|
|
14
|
+
import * as i9 from "./article-ul/article-ul.component";
|
|
15
|
+
import * as i10 from "./article-table/article-table.component";
|
|
17
16
|
export class ArticleExamplesModule {
|
|
18
17
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleExamplesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
19
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: ArticleExamplesModule, declarations: [i1.ArticleBlockquoteComponent, i2.ArticleCodeBlockComponent, i3.ArticleCodeInlineComponent, i4.ArticleHeadingsComponent, i5.ArticleHrComponent, i6.
|
|
18
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: ArticleExamplesModule, declarations: [i1.ArticleBlockquoteComponent, i2.ArticleCodeBlockComponent, i3.ArticleCodeInlineComponent, i4.ArticleHeadingsComponent, i5.ArticleHrComponent, i6.ArticleLinkComponent, i7.ArticleMetaComponent, i8.ArticleOlComponent, i9.ArticleUlComponent, i10.ArticleTableComponent], imports: [CommonModule,
|
|
20
19
|
DaffArticleModule] }); }
|
|
21
20
|
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleExamplesModule, imports: [CommonModule,
|
|
22
21
|
DaffArticleModule] }); }
|
|
@@ -33,4 +32,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
|
33
32
|
],
|
|
34
33
|
}]
|
|
35
34
|
}] });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJ0aWNsZS1leGFtcGxlcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9hcnRpY2xlL2V4YW1wbGVzL3NyYy9hcnRpY2xlLWV4YW1wbGVzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUU3RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxZQUFZLENBQUM7Ozs7Ozs7Ozs7OztBQVc5QyxNQUFNLE9BQU8scUJBQXFCO2tJQUFyQixxQkFBcUI7bUlBQXJCLHFCQUFxQix1U0FKOUIsWUFBWTtZQUNaLGlCQUFpQjttSUFHUixxQkFBcUIsWUFKOUIsWUFBWTtZQUNaLGlCQUFpQjs7NEZBR1IscUJBQXFCO2tCQVRqQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixHQUFHLGdCQUFnQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3FCQUNsQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmQXJ0aWNsZU1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYXJ0aWNsZSc7XG5cbmltcG9ydCB7IEFSVElDTEVfRVhBTVBMRVMgfSBmcm9tICcuL2V4YW1wbGVzJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgLi4uQVJUSUNMRV9FWEFNUExFUyxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBEYWZmQXJ0aWNsZU1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQXJ0aWNsZUV4YW1wbGVzTW9kdWxlIHsgfVxuIl19
|
|
@@ -3,7 +3,6 @@ import { ArticleCodeBlockComponent } from './article-code-block/article-code-blo
|
|
|
3
3
|
import { ArticleCodeInlineComponent } from './article-code-inline/article-code-inline.component';
|
|
4
4
|
import { ArticleHeadingsComponent } from './article-headings/article-headings.component';
|
|
5
5
|
import { ArticleHrComponent } from './article-hr/article-hr.component';
|
|
6
|
-
import { ArticleLeadComponent } from './article-lead/article-lead.component';
|
|
7
6
|
import { ArticleLinkComponent } from './article-link/article-link.component';
|
|
8
7
|
import { ArticleMetaComponent } from './article-meta/article-meta.component';
|
|
9
8
|
import { ArticleOlComponent } from './article-ol/article-ol.component';
|
|
@@ -15,11 +14,10 @@ export const ARTICLE_EXAMPLES = [
|
|
|
15
14
|
ArticleCodeInlineComponent,
|
|
16
15
|
ArticleHeadingsComponent,
|
|
17
16
|
ArticleHrComponent,
|
|
18
|
-
ArticleLeadComponent,
|
|
19
17
|
ArticleLinkComponent,
|
|
20
18
|
ArticleMetaComponent,
|
|
21
19
|
ArticleOlComponent,
|
|
22
20
|
ArticleUlComponent,
|
|
23
21
|
ArticleTableComponent,
|
|
24
22
|
];
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9hcnRpY2xlL2V4YW1wbGVzL3NyYy9leGFtcGxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUMvRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUM5RixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUN6RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUV2RSxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRztJQUM5QiwwQkFBMEI7SUFDMUIseUJBQXlCO0lBQ3pCLDBCQUEwQjtJQUMxQix3QkFBd0I7SUFDeEIsa0JBQWtCO0lBQ2xCLG9CQUFvQjtJQUNwQixvQkFBb0I7SUFDcEIsa0JBQWtCO0lBQ2xCLGtCQUFrQjtJQUNsQixxQkFBcUI7Q0FDdEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFydGljbGVCbG9ja3F1b3RlQ29tcG9uZW50IH0gZnJvbSAnLi9hcnRpY2xlLWJsb2NrcXVvdGUvYXJ0aWNsZS1ibG9ja3F1b3RlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBcnRpY2xlQ29kZUJsb2NrQ29tcG9uZW50IH0gZnJvbSAnLi9hcnRpY2xlLWNvZGUtYmxvY2svYXJ0aWNsZS1jb2RlLWJsb2NrLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBcnRpY2xlQ29kZUlubGluZUNvbXBvbmVudCB9IGZyb20gJy4vYXJ0aWNsZS1jb2RlLWlubGluZS9hcnRpY2xlLWNvZGUtaW5saW5lLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBcnRpY2xlSGVhZGluZ3NDb21wb25lbnQgfSBmcm9tICcuL2FydGljbGUtaGVhZGluZ3MvYXJ0aWNsZS1oZWFkaW5ncy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQXJ0aWNsZUhyQ29tcG9uZW50IH0gZnJvbSAnLi9hcnRpY2xlLWhyL2FydGljbGUtaHIuY29tcG9uZW50JztcbmltcG9ydCB7IEFydGljbGVMaW5rQ29tcG9uZW50IH0gZnJvbSAnLi9hcnRpY2xlLWxpbmsvYXJ0aWNsZS1saW5rLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBcnRpY2xlTWV0YUNvbXBvbmVudCB9IGZyb20gJy4vYXJ0aWNsZS1tZXRhL2FydGljbGUtbWV0YS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQXJ0aWNsZU9sQ29tcG9uZW50IH0gZnJvbSAnLi9hcnRpY2xlLW9sL2FydGljbGUtb2wuY29tcG9uZW50JztcbmltcG9ydCB7IEFydGljbGVUYWJsZUNvbXBvbmVudCB9IGZyb20gJy4vYXJ0aWNsZS10YWJsZS9hcnRpY2xlLXRhYmxlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBcnRpY2xlVWxDb21wb25lbnQgfSBmcm9tICcuL2FydGljbGUtdWwvYXJ0aWNsZS11bC5jb21wb25lbnQnO1xuXG5leHBvcnQgY29uc3QgQVJUSUNMRV9FWEFNUExFUyA9IFtcbiAgQXJ0aWNsZUJsb2NrcXVvdGVDb21wb25lbnQsXG4gIEFydGljbGVDb2RlQmxvY2tDb21wb25lbnQsXG4gIEFydGljbGVDb2RlSW5saW5lQ29tcG9uZW50LFxuICBBcnRpY2xlSGVhZGluZ3NDb21wb25lbnQsXG4gIEFydGljbGVIckNvbXBvbmVudCxcbiAgQXJ0aWNsZUxpbmtDb21wb25lbnQsXG4gIEFydGljbGVNZXRhQ29tcG9uZW50LFxuICBBcnRpY2xlT2xDb21wb25lbnQsXG4gIEFydGljbGVVbENvbXBvbmVudCxcbiAgQXJ0aWNsZVRhYmxlQ29tcG9uZW50LFxuXTtcbiJdfQ==
|
|
@@ -5,9 +5,8 @@ export { ArticleOlComponent } from './article-ol/article-ol.component';
|
|
|
5
5
|
export { ArticleUlComponent } from './article-ul/article-ul.component';
|
|
6
6
|
export { ArticleMetaComponent } from './article-meta/article-meta.component';
|
|
7
7
|
export { ArticleLinkComponent } from './article-link/article-link.component';
|
|
8
|
-
export { ArticleLeadComponent } from './article-lead/article-lead.component';
|
|
9
8
|
export { ArticleBlockquoteComponent } from './article-blockquote/article-blockquote.component';
|
|
10
9
|
export { ArticleTableComponent } from './article-table/article-table.component';
|
|
11
10
|
export { ArticleExamplesModule } from './article-examples.module';
|
|
12
11
|
export { ARTICLE_EXAMPLES } from './examples';
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2FydGljbGUvZXhhbXBsZXMvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDekYsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDakcsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdkUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdkUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdkUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDL0YsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFaEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQXJ0aWNsZUhlYWRpbmdzQ29tcG9uZW50IH0gZnJvbSAnLi9hcnRpY2xlLWhlYWRpbmdzL2FydGljbGUtaGVhZGluZ3MuY29tcG9uZW50JztcbmV4cG9ydCB7IEFydGljbGVDb2RlSW5saW5lQ29tcG9uZW50IH0gZnJvbSAnLi9hcnRpY2xlLWNvZGUtaW5saW5lL2FydGljbGUtY29kZS1pbmxpbmUuY29tcG9uZW50JztcbmV4cG9ydCB7IEFydGljbGVIckNvbXBvbmVudCB9IGZyb20gJy4vYXJ0aWNsZS1oci9hcnRpY2xlLWhyLmNvbXBvbmVudCc7XG5leHBvcnQgeyBBcnRpY2xlT2xDb21wb25lbnQgfSBmcm9tICcuL2FydGljbGUtb2wvYXJ0aWNsZS1vbC5jb21wb25lbnQnO1xuZXhwb3J0IHsgQXJ0aWNsZVVsQ29tcG9uZW50IH0gZnJvbSAnLi9hcnRpY2xlLXVsL2FydGljbGUtdWwuY29tcG9uZW50JztcbmV4cG9ydCB7IEFydGljbGVNZXRhQ29tcG9uZW50IH0gZnJvbSAnLi9hcnRpY2xlLW1ldGEvYXJ0aWNsZS1tZXRhLmNvbXBvbmVudCc7XG5leHBvcnQgeyBBcnRpY2xlTGlua0NvbXBvbmVudCB9IGZyb20gJy4vYXJ0aWNsZS1saW5rL2FydGljbGUtbGluay5jb21wb25lbnQnO1xuZXhwb3J0IHsgQXJ0aWNsZUJsb2NrcXVvdGVDb21wb25lbnQgfSBmcm9tICcuL2FydGljbGUtYmxvY2txdW90ZS9hcnRpY2xlLWJsb2NrcXVvdGUuY29tcG9uZW50JztcbmV4cG9ydCB7IEFydGljbGVUYWJsZUNvbXBvbmVudCB9IGZyb20gJy4vYXJ0aWNsZS10YWJsZS9hcnRpY2xlLXRhYmxlLmNvbXBvbmVudCc7XG5cbmV4cG9ydCB7IEFydGljbGVFeGFtcGxlc01vZHVsZSB9IGZyb20gJy4vYXJ0aWNsZS1leGFtcGxlcy5tb2R1bGUnO1xuZXhwb3J0IHsgQVJUSUNMRV9FWEFNUExFUyB9IGZyb20gJy4vZXhhbXBsZXMnO1xuIl19
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
export { DaffArticleComponent } from './article/article.component';
|
|
2
2
|
export { DaffArticleModule } from './article.module';
|
|
3
|
-
export { DaffArticleTitleDirective } from './article-title/article-title.directive';
|
|
4
|
-
export { DaffArticleLeadDirective } from './article-lead/article-lead.directive';
|
|
5
3
|
export { DaffArticleMetaDirective } from './article-meta/article-meta.directive';
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2FydGljbGUvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFckQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sdUNBQXVDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBEYWZmQXJ0aWNsZUNvbXBvbmVudCB9IGZyb20gJy4vYXJ0aWNsZS9hcnRpY2xlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBEYWZmQXJ0aWNsZU1vZHVsZSB9IGZyb20gJy4vYXJ0aWNsZS5tb2R1bGUnO1xuXG5leHBvcnQgeyBEYWZmQXJ0aWNsZU1ldGFEaXJlY3RpdmUgfSBmcm9tICcuL2FydGljbGUtbWV0YS9hcnRpY2xlLW1ldGEuZGlyZWN0aXZlJztcbiJdfQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Generated bundle index. Do not edit.
|
|
3
3
|
*/
|
|
4
|
-
export * from './
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2RhZmZvZGlsLWRlc2lnbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This is a filler file for making the
|
|
3
|
+
* demo work in dev mode.
|
|
4
|
+
*/
|
|
5
|
+
export * from './public_api';
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBQ0gsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFRoaXMgaXMgYSBmaWxsZXIgZmlsZSBmb3IgbWFraW5nIHRoZVxuICogZGVtbyB3b3JrIGluIGRldiBtb2RlLlxuICovXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Generated bundle index. Do not edit.
|
|
3
3
|
*/
|
|
4
|
-
export * from './
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLW5vdGlmaWNhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9zcmMvZGFmZm9kaWwtZGVzaWduLW5vdGlmaWNhdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
package/esm2022/notification/examples/default-notification/default-notification.component.mjs
CHANGED
|
@@ -1,19 +1,24 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
|
2
2
|
import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@
|
|
5
|
-
import * as i2 from "@daffodil/design";
|
|
6
|
-
import * as i3 from "@
|
|
7
|
-
import * as i4 from "@
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "@daffodil/design/notification";
|
|
6
|
+
import * as i3 from "@daffodil/design";
|
|
7
|
+
import * as i4 from "@fortawesome/angular-fontawesome";
|
|
8
|
+
import * as i5 from "@daffodil/design/button";
|
|
8
9
|
export class DefaultNotificationComponent {
|
|
9
10
|
constructor() {
|
|
10
11
|
this.faInfoCircle = faInfoCircle;
|
|
12
|
+
this.showNotification = false;
|
|
13
|
+
}
|
|
14
|
+
toggleNotification() {
|
|
15
|
+
this.showNotification = !this.showNotification;
|
|
11
16
|
}
|
|
12
17
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DefaultNotificationComponent, selector: "default-notification", ngImport: i0, template: "<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\">Confirm</button>\n\t</div>\n</daff-notification>", styles: [":host{display:flex;
|
|
18
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DefaultNotificationComponent, selector: "default-notification", ngImport: i0, template: "<button daff-button (click)=\"toggleNotification()\">Show Notification</button>\n\n<daff-notification *ngIf=\"showNotification\" status=\"success\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t\t<button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n\t</div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i2.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }, { kind: "directive", type: i2.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i2.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i3.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: i5.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 }); }
|
|
14
19
|
}
|
|
15
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationComponent, decorators: [{
|
|
16
21
|
type: Component,
|
|
17
|
-
args: [{ selector: 'default-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\">Confirm</button>\n\t</div>\n</daff-notification>", styles: [":host{display:flex;
|
|
22
|
+
args: [{ selector: 'default-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button (click)=\"toggleNotification()\">Show Notification</button>\n\n<daff-notification *ngIf=\"showNotification\" status=\"success\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t\t<button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n\t</div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
|
|
18
23
|
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbm90aWZpY2F0aW9uL2V4YW1wbGVzL3NyYy9kZWZhdWx0LW5vdGlmaWNhdGlvbi9kZWZhdWx0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL2RlZmF1bHQtbm90aWZpY2F0aW9uL2RlZmF1bHQtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7OztBQVNqRSxNQUFNLE9BQU8sNEJBQTRCO0lBUHpDO1FBUUUsaUJBQVksR0FBRyxZQUFZLENBQUM7UUFFNUIscUJBQWdCLEdBQUcsS0FBSyxDQUFDO0tBSzFCO0lBSEMsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNqRCxDQUFDO2tJQVBVLDRCQUE0QjtzSEFBNUIsNEJBQTRCLDREQ2J6QywwaUJBVW9COzs0RkRHUCw0QkFBNEI7a0JBUHhDLFNBQVM7K0JBRUUsc0JBQXNCLG1CQUdmLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZhSW5mb0NpcmNsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2RlZmF1bHQtbm90aWZpY2F0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RlZmF1bHQtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGVmYXVsdC1ub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERlZmF1bHROb3RpZmljYXRpb25Db21wb25lbnQge1xuICBmYUluZm9DaXJjbGUgPSBmYUluZm9DaXJjbGU7XG5cbiAgc2hvd05vdGlmaWNhdGlvbiA9IGZhbHNlO1xuXG4gIHRvZ2dsZU5vdGlmaWNhdGlvbigpIHtcbiAgICB0aGlzLnNob3dOb3RpZmljYXRpb24gPSAhdGhpcy5zaG93Tm90aWZpY2F0aW9uO1xuICB9XG59XG4iLCI8YnV0dG9uIGRhZmYtYnV0dG9uIChjbGljayk9XCJ0b2dnbGVOb3RpZmljYXRpb24oKVwiPlNob3cgTm90aWZpY2F0aW9uPC9idXR0b24+XG5cbjxkYWZmLW5vdGlmaWNhdGlvbiAqbmdJZj1cInNob3dOb3RpZmljYXRpb25cIiBzdGF0dXM9XCJzdWNjZXNzXCI+XG5cdDxmYS1pY29uIGRhZmZQcmVmaXggW2ljb25dPVwiZmFJbmZvQ2lyY2xlXCI+PC9mYS1pY29uPlxuXHQ8ZGl2IGRhZmZOb3RpZmljYXRpb25UaXRsZT5UaXRsZTwvZGl2PlxuXHQ8ZGl2IGRhZmZOb3RpZmljYXRpb25TdWJ0aXRsZT5UaGlzIGlzIHRoZSBzdWJ0aXRsZSB3aXRoIGluZm9ybWF0aW9uPC9kaXY+XG5cdDxkaXYgZGFmZk5vdGlmaWNhdGlvbkFjdGlvbnM+XG5cdFx0PGJ1dHRvbiBkYWZmLWJ1dHRvbiBzaXplPVwic21cIiBjb2xvcj1cInRoZW1lLWNvbnRyYXN0XCI+Q29uZmlybTwvYnV0dG9uPlxuXHRcdDxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBzaXplPVwic21cIiBjb2xvcj1cInRoZW1lLWNvbnRyYXN0XCI+Q2FuY2VsPC9idXR0b24+XG5cdDwvZGl2PlxuPC9kYWZmLW5vdGlmaWNhdGlvbj4iXX0=
|
|
@@ -1,18 +1,23 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
|
2
2
|
import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@
|
|
5
|
-
import * as i2 from "@daffodil/design";
|
|
6
|
-
import * as i3 from "@
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "@daffodil/design/notification";
|
|
6
|
+
import * as i3 from "@daffodil/design";
|
|
7
|
+
import * as i4 from "@fortawesome/angular-fontawesome";
|
|
7
8
|
export class DismissibleNotificationComponent {
|
|
8
9
|
constructor() {
|
|
9
10
|
this.faInfoCircle = faInfoCircle;
|
|
11
|
+
this.hidden = false;
|
|
12
|
+
}
|
|
13
|
+
hideNotification() {
|
|
14
|
+
this.hidden = true;
|
|
10
15
|
}
|
|
11
16
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DismissibleNotificationComponent, selector: "dismissible-notification", ngImport: i0, template: "<daff-notification dismissible=\"true\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "
|
|
17
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DismissibleNotificationComponent, selector: "dismissible-notification", ngImport: i0, template: "<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i2.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i2.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i3.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: i4.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13
18
|
}
|
|
14
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationComponent, decorators: [{
|
|
15
20
|
type: Component,
|
|
16
|
-
args: [{ selector: 'dismissible-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification dismissible=\"true\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"] }]
|
|
21
|
+
args: [{ selector: 'dismissible-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"] }]
|
|
17
22
|
}] });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlzbWlzc2libGUtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9leGFtcGxlcy9zcmMvZGlzbWlzc2libGUtbm90aWZpY2F0aW9uL2Rpc21pc3NpYmxlLW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL2Rpc21pc3NpYmxlLW5vdGlmaWNhdGlvbi9kaXNtaXNzaWJsZS1ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7Ozs7QUFjakUsTUFBTSxPQUFPLGdDQUFnQztJQVo3QztRQWFFLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBRTVCLFdBQU0sR0FBRyxLQUFLLENBQUM7S0FLaEI7SUFIQyxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztJQUNyQixDQUFDO2tJQVBVLGdDQUFnQztzSEFBaEMsZ0NBQWdDLGdFQ2xCN0MsOFNBSW9COzs0RkRjUCxnQ0FBZ0M7a0JBWjVDLFNBQVM7K0JBRUUsMEJBQTBCLG1CQVFuQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBmYUluZm9DaXJjbGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdkaXNtaXNzaWJsZS1ub3RpZmljYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZGlzbWlzc2libGUtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIDpob3N0IHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB9XG4gIGBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGlzbWlzc2libGVOb3RpZmljYXRpb25Db21wb25lbnQge1xuICBmYUluZm9DaXJjbGUgPSBmYUluZm9DaXJjbGU7XG5cbiAgaGlkZGVuID0gZmFsc2U7XG5cbiAgaGlkZU5vdGlmaWNhdGlvbigpIHtcbiAgICB0aGlzLmhpZGRlbiA9IHRydWU7XG4gIH1cbn1cbiIsIjxkYWZmLW5vdGlmaWNhdGlvbiAqbmdJZj1cIiFoaWRkZW5cIiBkaXNtaXNzaWJsZT1cInRydWVcIiAoY2xvc2VOb3RpZmljYXRpb24pPVwiaGlkZU5vdGlmaWNhdGlvbigpXCI+XG5cdDxmYS1pY29uIGRhZmZQcmVmaXggW2ljb25dPVwiZmFJbmZvQ2lyY2xlXCI+PC9mYS1pY29uPlxuXHQ8ZGl2IGRhZmZOb3RpZmljYXRpb25UaXRsZT5UaXRsZTwvZGl2PlxuXHQ8ZGl2IGRhZmZOb3RpZmljYXRpb25TdWJ0aXRsZT5UaGlzIGlzIHRoZSBzdWJ0aXRsZSB3aXRoIGluZm9ybWF0aW9uPC9kaXY+XG48L2RhZmYtbm90aWZpY2F0aW9uPiJdfQ==
|
|
@@ -4,9 +4,8 @@ import { faCheck, faExclamation, faInfoCircle, } from '@fortawesome/free-solid-s
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@daffodil/design/notification";
|
|
6
6
|
import * as i2 from "@daffodil/design";
|
|
7
|
-
import * as i3 from "@
|
|
8
|
-
import * as i4 from "@
|
|
9
|
-
import * as i5 from "@angular/forms";
|
|
7
|
+
import * as i3 from "@fortawesome/angular-fontawesome";
|
|
8
|
+
import * as i4 from "@angular/forms";
|
|
10
9
|
export class NotificationOrientationsComponent {
|
|
11
10
|
constructor() {
|
|
12
11
|
this.faInfoCircle = faInfoCircle;
|
|
@@ -15,10 +14,10 @@ export class NotificationOrientationsComponent {
|
|
|
15
14
|
this.orientationControl = new UntypedFormControl('vertical');
|
|
16
15
|
}
|
|
17
16
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationOrientationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationOrientationsComponent, selector: "notification-orientations", ngImport: i0, template: "<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n
|
|
17
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationOrientationsComponent, selector: "notification-orientations", ngImport: i0, template: "<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["status", "dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
19
18
|
}
|
|
20
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationOrientationsComponent, decorators: [{
|
|
21
20
|
type: Component,
|
|
22
|
-
args: [{ selector: 'notification-orientations', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n
|
|
21
|
+
args: [{ selector: 'notification-orientations', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
|
|
23
22
|
}] });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi1vcmllbnRhdGlvbnMvbm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi1vcmllbnRhdGlvbnMvbm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRCxPQUFPLEVBQ0wsT0FBTyxFQUNQLGFBQWEsRUFDYixZQUFZLEdBQ2IsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7O0FBUzNDLE1BQU0sT0FBTyxpQ0FBaUM7SUFQOUM7UUFRRSxpQkFBWSxHQUFHLFlBQVksQ0FBQztRQUM1QixZQUFPLEdBQUcsT0FBTyxDQUFDO1FBQ2xCLGtCQUFhLEdBQUcsYUFBYSxDQUFDO1FBRTlCLHVCQUFrQixHQUF1QixJQUFJLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxDQUFDO0tBQzdFO2tJQU5ZLGlDQUFpQztzSEFBakMsaUNBQWlDLGlFQ2xCOUMsd2JBU1M7OzRGRFNJLGlDQUFpQztrQkFQN0MsU0FBUzsrQkFFRSwyQkFBMkIsbUJBR3BCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVudHlwZWRGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7XG4gIGZhQ2hlY2ssXG4gIGZhRXhjbGFtYXRpb24sXG4gIGZhSW5mb0NpcmNsZSxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucycsXG4gIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb24tb3JpZW50YXRpb25zLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uT3JpZW50YXRpb25zQ29tcG9uZW50IHtcbiAgZmFJbmZvQ2lyY2xlID0gZmFJbmZvQ2lyY2xlO1xuICBmYUNoZWNrID0gZmFDaGVjaztcbiAgZmFFeGNsYW1hdGlvbiA9IGZhRXhjbGFtYXRpb247XG5cbiAgb3JpZW50YXRpb25Db250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCd2ZXJ0aWNhbCcpO1xufVxuIiwiPGRhZmYtbm90aWZpY2F0aW9uIFtvcmllbnRhdGlvbl09XCJvcmllbnRhdGlvbkNvbnRyb2wudmFsdWVcIj5cblx0PGZhLWljb24gZGFmZlByZWZpeCBbaWNvbl09XCJmYUNoZWNrXCIgW2ZpeGVkV2lkdGhdPVwidHJ1ZVwiPjwvZmEtaWNvbj5cblx0PGRpdiBkYWZmTm90aWZpY2F0aW9uVGl0bGU+VGl0bGU8L2Rpdj5cblx0PGRpdiBkYWZmTm90aWZpY2F0aW9uU3VidGl0bGU+VGhpcyBpcyB0aGUgc3VidGl0bGUgd2l0aCBpbmZvcm1hdGlvbjwvZGl2PlxuPC9kYWZmLW5vdGlmaWNhdGlvbj5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwib3JpZW50YXRpb25Db250cm9sXCI+XG5cdDxvcHRpb24gdmFsdWU9XCJ2ZXJ0aWNhbFwiPlZlcnRpY2FsPC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJob3Jpem9udGFsXCI+SG9yaXpvbnRhbDwvb3B0aW9uPlxuPC9zZWxlY3Q+Il19
|