@daffodil/design 0.73.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/container/README.md +11 -8
- 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/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.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/_index.scss +1 -1
- package/scss/typography/utilities/_variables.scss +14 -4
- package/sidebar/README.md +1 -1
- package/toast/README.md +2 -2
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/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>
|
|
@@ -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
|
|
@@ -5,9 +5,8 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
import * as i1 from "@angular/common";
|
|
6
6
|
import * as i2 from "@daffodil/design/notification";
|
|
7
7
|
import * as i3 from "@daffodil/design";
|
|
8
|
-
import * as i4 from "@
|
|
9
|
-
import * as i5 from "@
|
|
10
|
-
import * as i6 from "@angular/forms";
|
|
8
|
+
import * as i4 from "@fortawesome/angular-fontawesome";
|
|
9
|
+
import * as i5 from "@angular/forms";
|
|
11
10
|
export class NotificationStatusComponent {
|
|
12
11
|
constructor() {
|
|
13
12
|
this.faInfoCircle = faInfoCircle;
|
|
@@ -16,10 +15,10 @@ export class NotificationStatusComponent {
|
|
|
16
15
|
this.statusControl = new UntypedFormControl('success');
|
|
17
16
|
}
|
|
18
17
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationStatusComponent, selector: "notification-status", ngImport: i0, template: "<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'error'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n
|
|
18
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationStatusComponent, selector: "notification-status", ngImport: i0, template: "<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'error'\" daffPrefix [icon]=\"faExclamation\" [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]=\"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: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.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: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
20
19
|
}
|
|
21
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationStatusComponent, decorators: [{
|
|
22
21
|
type: Component,
|
|
23
|
-
args: [{ selector: 'notification-status', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'error'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n
|
|
22
|
+
args: [{ selector: 'notification-status', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'error'\" daffPrefix [icon]=\"faExclamation\" [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]=\"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:center;gap:16px}\n"] }]
|
|
24
23
|
}] });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLXN0YXR1cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi1zdGF0dXMvbm90aWZpY2F0aW9uLXN0YXR1cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi1zdGF0dXMvbm90aWZpY2F0aW9uLXN0YXR1cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRCxPQUFPLEVBQ0wsT0FBTyxFQUNQLGFBQWEsRUFDYixZQUFZLEdBQ2IsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7OztBQVMzQyxNQUFNLE9BQU8sMkJBQTJCO0lBUHhDO1FBUUUsaUJBQVksR0FBRyxZQUFZLENBQUM7UUFDNUIsWUFBTyxHQUFHLE9BQU8sQ0FBQztRQUNsQixrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUU5QixrQkFBYSxHQUF1QixJQUFJLGtCQUFrQixDQUFDLFNBQVMsQ0FBQyxDQUFDO0tBQ3ZFO2tJQU5ZLDJCQUEyQjtzSEFBM0IsMkJBQTJCLDJEQ2xCeEMsc3VCQVlTOzs0RkRNSSwyQkFBMkI7a0JBUHZDLFNBQVM7K0JBRUUscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVudHlwZWRGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7XG4gIGZhQ2hlY2ssXG4gIGZhRXhjbGFtYXRpb24sXG4gIGZhSW5mb0NpcmNsZSxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbm90aWZpY2F0aW9uLXN0YXR1cycsXG4gIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb24tc3RhdHVzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbm90aWZpY2F0aW9uLXN0YXR1cy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uU3RhdHVzQ29tcG9uZW50IHtcbiAgZmFJbmZvQ2lyY2xlID0gZmFJbmZvQ2lyY2xlO1xuICBmYUNoZWNrID0gZmFDaGVjaztcbiAgZmFFeGNsYW1hdGlvbiA9IGZhRXhjbGFtYXRpb247XG5cbiAgc3RhdHVzQ29udHJvbDogVW50eXBlZEZvcm1Db250cm9sID0gbmV3IFVudHlwZWRGb3JtQ29udHJvbCgnc3VjY2VzcycpO1xufVxuIiwiPGRhZmYtbm90aWZpY2F0aW9uIFtzdGF0dXNdPVwic3RhdHVzQ29udHJvbC52YWx1ZVwiPlxuXHQ8ZmEtaWNvbiAqbmdJZj1cInN0YXR1c0NvbnRyb2wudmFsdWUgPT09ICdzdWNjZXNzJ1wiIGRhZmZQcmVmaXggW2ljb25dPVwiZmFDaGVja1wiIFtmaXhlZFdpZHRoXT1cInRydWVcIj48L2ZhLWljb24+XG5cdDxmYS1pY29uICpuZ0lmPVwic3RhdHVzQ29udHJvbC52YWx1ZSA9PT0gJ3dhcm4nXCIgZGFmZlByZWZpeCBbaWNvbl09XCJmYUV4Y2xhbWF0aW9uXCIgW2ZpeGVkV2lkdGhdPVwidHJ1ZVwiPjwvZmEtaWNvbj5cblx0PGZhLWljb24gKm5nSWY9XCJzdGF0dXNDb250cm9sLnZhbHVlID09PSAnZXJyb3InXCIgZGFmZlByZWZpeCBbaWNvbl09XCJmYUV4Y2xhbWF0aW9uXCIgW2ZpeGVkV2lkdGhdPVwidHJ1ZVwiPjwvZmEtaWNvbj5cblx0PGRpdiBkYWZmTm90aWZpY2F0aW9uVGl0bGU+VGl0bGU8L2Rpdj5cblx0PGRpdiBkYWZmTm90aWZpY2F0aW9uU3VidGl0bGU+VGhpcyBpcyB0aGUgc3VidGl0bGUgd2l0aCBpbmZvcm1hdGlvbjwvZGl2PlxuPC9kYWZmLW5vdGlmaWNhdGlvbj5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwic3RhdHVzQ29udHJvbFwiPlxuXHQ8b3B0aW9uIHZhbHVlPVwic3VjY2Vzc1wiPlN1Y2Nlc3M8L29wdGlvbj5cblx0PG9wdGlvbiB2YWx1ZT1cIndhcm5cIj5XYXJuPC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJlcnJvclwiPkVycm9yPC9vcHRpb24+XG48L3NlbGVjdD4iXX0=
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
|
2
|
+
import { faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
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";
|
|
9
|
+
export class NotificationWithActionsComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
this.faExclamationCircle = faExclamationCircle;
|
|
12
|
+
this.showNotification = false;
|
|
13
|
+
}
|
|
14
|
+
toggleNotification() {
|
|
15
|
+
this.showNotification = !this.showNotification;
|
|
16
|
+
}
|
|
17
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationWithActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationWithActionsComponent, selector: "notification-with-actions", ngImport: i0, template: "<button daff-button (click)=\"toggleNotification()\">\n\t<ng-container *ngIf=\"showNotification\">Show Notification</ng-container>\n\t<ng-container *ngIf=\"!showNotification\">Hide Notification</ng-container>\n</button>\n\n<daff-notification status=\"error\" *ngIf=\"showNotification\">\n\t<fa-icon daffPrefix [icon]=\"faExclamationCircle\"></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 }); }
|
|
19
|
+
}
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationWithActionsComponent, decorators: [{
|
|
21
|
+
type: Component,
|
|
22
|
+
args: [{ selector: 'notification-with-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button (click)=\"toggleNotification()\">\n\t<ng-container *ngIf=\"showNotification\">Show Notification</ng-container>\n\t<ng-container *ngIf=\"!showNotification\">Hide Notification</ng-container>\n</button>\n\n<daff-notification status=\"error\" *ngIf=\"showNotification\">\n\t<fa-icon daffPrefix [icon]=\"faExclamationCircle\"></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"] }]
|
|
23
|
+
}] });
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLXdpdGgtYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi13aXRoLWFjdGlvbnMvbm90aWZpY2F0aW9uLXdpdGgtYWN0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi13aXRoLWFjdGlvbnMvbm90aWZpY2F0aW9uLXdpdGgtYWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7OztBQWdCeEUsTUFBTSxPQUFPLGdDQUFnQztJQWQ3QztRQWVFLHdCQUFtQixHQUFHLG1CQUFtQixDQUFDO1FBRTFDLHFCQUFnQixHQUFHLEtBQUssQ0FBQztLQUsxQjtJQUhDLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7SUFDakQsQ0FBQztrSUFQVSxnQ0FBZ0M7c0hBQWhDLGdDQUFnQyxpRUNwQjdDLDJyQkFhb0I7OzRGRE9QLGdDQUFnQztrQkFkNUMsU0FBUzsrQkFFRSwyQkFBMkIsbUJBVXBCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZhRXhjbGFtYXRpb25DaXJjbGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdub3RpZmljYXRpb24td2l0aC1hY3Rpb25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi13aXRoLWFjdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZ2FwOiAxNnB4O1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25XaXRoQWN0aW9uc0NvbXBvbmVudCB7XG4gIGZhRXhjbGFtYXRpb25DaXJjbGUgPSBmYUV4Y2xhbWF0aW9uQ2lyY2xlO1xuXG4gIHNob3dOb3RpZmljYXRpb24gPSBmYWxzZTtcblxuICB0b2dnbGVOb3RpZmljYXRpb24oKSB7XG4gICAgdGhpcy5zaG93Tm90aWZpY2F0aW9uID0gIXRoaXMuc2hvd05vdGlmaWNhdGlvbjtcbiAgfVxufVxuIiwiPGJ1dHRvbiBkYWZmLWJ1dHRvbiAoY2xpY2spPVwidG9nZ2xlTm90aWZpY2F0aW9uKClcIj5cblx0PG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dOb3RpZmljYXRpb25cIj5TaG93IE5vdGlmaWNhdGlvbjwvbmctY29udGFpbmVyPlxuXHQ8bmctY29udGFpbmVyICpuZ0lmPVwiIXNob3dOb3RpZmljYXRpb25cIj5IaWRlIE5vdGlmaWNhdGlvbjwvbmctY29udGFpbmVyPlxuPC9idXR0b24+XG5cbjxkYWZmLW5vdGlmaWNhdGlvbiBzdGF0dXM9XCJlcnJvclwiICpuZ0lmPVwic2hvd05vdGlmaWNhdGlvblwiPlxuXHQ8ZmEtaWNvbiBkYWZmUHJlZml4IFtpY29uXT1cImZhRXhjbGFtYXRpb25DaXJjbGVcIj48L2ZhLWljb24+XG5cdDxkaXYgZGFmZk5vdGlmaWNhdGlvblRpdGxlPlRpdGxlPC9kaXY+XG5cdDxkaXYgZGFmZk5vdGlmaWNhdGlvblN1YnRpdGxlPlRoaXMgaXMgdGhlIHN1YnRpdGxlIHdpdGggaW5mb3JtYXRpb248L2Rpdj5cblx0PGRpdiBkYWZmTm90aWZpY2F0aW9uQWN0aW9ucz5cblx0XHQ8YnV0dG9uIGRhZmYtYnV0dG9uIHNpemU9XCJzbVwiIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIj5Db25maXJtPC9idXR0b24+XG5cdFx0PGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIHNpemU9XCJzbVwiIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIj5DYW5jZWw8L2J1dHRvbj5cblx0PC9kaXY+XG48L2RhZmYtbm90aWZpY2F0aW9uPiJdfQ==
|
package/esm2022/notification/examples/notification-with-actions/notification-with-actions.module.mjs
ADDED
|
@@ -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 { DaffNotificationModule } from '@daffodil/design/notification';
|
|
6
|
+
import { NotificationWithActionsComponent } from './notification-with-actions.component';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class NotificationWithActionsModule {
|
|
9
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationWithActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: NotificationWithActionsModule, declarations: [NotificationWithActionsComponent], imports: [CommonModule,
|
|
11
|
+
DaffNotificationModule,
|
|
12
|
+
FontAwesomeModule,
|
|
13
|
+
DaffButtonModule], exports: [NotificationWithActionsComponent] }); }
|
|
14
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationWithActionsModule, imports: [CommonModule,
|
|
15
|
+
DaffNotificationModule,
|
|
16
|
+
FontAwesomeModule,
|
|
17
|
+
DaffButtonModule] }); }
|
|
18
|
+
}
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationWithActionsModule, decorators: [{
|
|
20
|
+
type: NgModule,
|
|
21
|
+
args: [{
|
|
22
|
+
declarations: [
|
|
23
|
+
NotificationWithActionsComponent,
|
|
24
|
+
],
|
|
25
|
+
imports: [
|
|
26
|
+
CommonModule,
|
|
27
|
+
DaffNotificationModule,
|
|
28
|
+
FontAwesomeModule,
|
|
29
|
+
DaffButtonModule,
|
|
30
|
+
],
|
|
31
|
+
exports: [
|
|
32
|
+
NotificationWithActionsComponent,
|
|
33
|
+
],
|
|
34
|
+
}]
|
|
35
|
+
}] });
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLXdpdGgtYWN0aW9ucy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vZXhhbXBsZXMvc3JjL25vdGlmaWNhdGlvbi13aXRoLWFjdGlvbnMvbm90aWZpY2F0aW9uLXdpdGgtYWN0aW9ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFckUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDM0QsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFdkUsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7O0FBZ0J6RixNQUFNLE9BQU8sNkJBQTZCO2tJQUE3Qiw2QkFBNkI7bUlBQTdCLDZCQUE2QixpQkFadEMsZ0NBQWdDLGFBR2hDLFlBQVk7WUFDWixzQkFBc0I7WUFDdEIsaUJBQWlCO1lBQ2pCLGdCQUFnQixhQUdoQixnQ0FBZ0M7bUlBR3ZCLDZCQUE2QixZQVR0QyxZQUFZO1lBQ1osc0JBQXNCO1lBQ3RCLGlCQUFpQjtZQUNqQixnQkFBZ0I7OzRGQU1QLDZCQUE2QjtrQkFkekMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osZ0NBQWdDO3FCQUNqQztvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixzQkFBc0I7d0JBQ3RCLGlCQUFpQjt3QkFDakIsZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZ0NBQWdDO3FCQUNqQztpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9udEF3ZXNvbWVNb2R1bGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5pbXBvcnQgeyBEYWZmTm90aWZpY2F0aW9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9ub3RpZmljYXRpb24nO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25XaXRoQWN0aW9uc0NvbXBvbmVudCB9IGZyb20gJy4vbm90aWZpY2F0aW9uLXdpdGgtYWN0aW9ucy5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBOb3RpZmljYXRpb25XaXRoQWN0aW9uc0NvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBEYWZmTm90aWZpY2F0aW9uTW9kdWxlLFxuICAgIEZvbnRBd2Vzb21lTW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBOb3RpZmljYXRpb25XaXRoQWN0aW9uc0NvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uV2l0aEFjdGlvbnNNb2R1bGUgeyB9XG4iXX0=
|
|
@@ -6,10 +6,13 @@ import { NotificationOrientationsComponent } from './notification-orientations/n
|
|
|
6
6
|
import { NotificationOrientationsModule } from './notification-orientations/notification-orientations.module';
|
|
7
7
|
import { NotificationStatusComponent } from './notification-status/notification-status.component';
|
|
8
8
|
import { NotificationStatusModule } from './notification-status/notification-status.module';
|
|
9
|
+
import { NotificationWithActionsComponent } from './notification-with-actions/notification-with-actions.component';
|
|
10
|
+
import { NotificationWithActionsModule } from './notification-with-actions/notification-with-actions.module';
|
|
9
11
|
export const NOTIFICATION_EXAMPLES = [
|
|
10
12
|
{ component: DefaultNotificationComponent, module: DefaultNotificationModule },
|
|
11
13
|
{ component: NotificationStatusComponent, module: NotificationStatusModule },
|
|
12
14
|
{ component: NotificationOrientationsComponent, module: NotificationOrientationsModule },
|
|
13
15
|
{ component: DismissibleNotificationComponent, module: DismissibleNotificationModule },
|
|
16
|
+
{ component: NotificationWithActionsComponent, module: NotificationWithActionsModule },
|
|
14
17
|
];
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL25vdGlmaWNhdGlvbi9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUNyRyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSwrREFBK0QsQ0FBQztBQUNqSCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUMzRyxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUNwSCxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUM5RyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNsRyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUM1RixPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUNuSCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUU3RyxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBdUI7SUFDdkQsRUFBRSxTQUFTLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxFQUFFLHlCQUF5QixFQUFFO0lBQzlFLEVBQUUsU0FBUyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sRUFBRSx3QkFBd0IsRUFBRTtJQUM1RSxFQUFFLFNBQVMsRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLEVBQUUsOEJBQThCLEVBQUU7SUFDeEYsRUFBRSxTQUFTLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxFQUFFLDZCQUE2QixFQUFFO0lBQ3RGLEVBQUUsU0FBUyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sRUFBRSw2QkFBNkIsRUFBRTtDQUN2RixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50RXhhbXBsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBEZWZhdWx0Tm90aWZpY2F0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9kZWZhdWx0LW5vdGlmaWNhdGlvbi9kZWZhdWx0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGVmYXVsdE5vdGlmaWNhdGlvbk1vZHVsZSB9IGZyb20gJy4vZGVmYXVsdC1ub3RpZmljYXRpb24vZGVmYXVsdC1ub3RpZmljYXRpb24ubW9kdWxlJztcbmltcG9ydCB7IERpc21pc3NpYmxlTm90aWZpY2F0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9kaXNtaXNzaWJsZS1ub3RpZmljYXRpb24vZGlzbWlzc2libGUtbm90aWZpY2F0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEaXNtaXNzaWJsZU5vdGlmaWNhdGlvbk1vZHVsZSB9IGZyb20gJy4vZGlzbWlzc2libGUtbm90aWZpY2F0aW9uL2Rpc21pc3NpYmxlLW5vdGlmaWNhdGlvbi5tb2R1bGUnO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uT3JpZW50YXRpb25zQ29tcG9uZW50IH0gZnJvbSAnLi9ub3RpZmljYXRpb24tb3JpZW50YXRpb25zL25vdGlmaWNhdGlvbi1vcmllbnRhdGlvbnMuY29tcG9uZW50JztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbk9yaWVudGF0aW9uc01vZHVsZSB9IGZyb20gJy4vbm90aWZpY2F0aW9uLW9yaWVudGF0aW9ucy9ub3RpZmljYXRpb24tb3JpZW50YXRpb25zLm1vZHVsZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdGF0dXNDb21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi1zdGF0dXMvbm90aWZpY2F0aW9uLXN0YXR1cy5jb21wb25lbnQnO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uU3RhdHVzTW9kdWxlIH0gZnJvbSAnLi9ub3RpZmljYXRpb24tc3RhdHVzL25vdGlmaWNhdGlvbi1zdGF0dXMubW9kdWxlJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbldpdGhBY3Rpb25zQ29tcG9uZW50IH0gZnJvbSAnLi9ub3RpZmljYXRpb24td2l0aC1hY3Rpb25zL25vdGlmaWNhdGlvbi13aXRoLWFjdGlvbnMuY29tcG9uZW50JztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbldpdGhBY3Rpb25zTW9kdWxlIH0gZnJvbSAnLi9ub3RpZmljYXRpb24td2l0aC1hY3Rpb25zL25vdGlmaWNhdGlvbi13aXRoLWFjdGlvbnMubW9kdWxlJztcblxuZXhwb3J0IGNvbnN0IE5PVElGSUNBVElPTl9FWEFNUExFUzogQ29tcG9uZW50RXhhbXBsZVtdID0gW1xuICB7IGNvbXBvbmVudDogRGVmYXVsdE5vdGlmaWNhdGlvbkNvbXBvbmVudCwgbW9kdWxlOiBEZWZhdWx0Tm90aWZpY2F0aW9uTW9kdWxlIH0sXG4gIHsgY29tcG9uZW50OiBOb3RpZmljYXRpb25TdGF0dXNDb21wb25lbnQsIG1vZHVsZTogTm90aWZpY2F0aW9uU3RhdHVzTW9kdWxlIH0sXG4gIHsgY29tcG9uZW50OiBOb3RpZmljYXRpb25PcmllbnRhdGlvbnNDb21wb25lbnQsIG1vZHVsZTogTm90aWZpY2F0aW9uT3JpZW50YXRpb25zTW9kdWxlIH0sXG4gIHsgY29tcG9uZW50OiBEaXNtaXNzaWJsZU5vdGlmaWNhdGlvbkNvbXBvbmVudCwgbW9kdWxlOiBEaXNtaXNzaWJsZU5vdGlmaWNhdGlvbk1vZHVsZSB9LFxuICB7IGNvbXBvbmVudDogTm90aWZpY2F0aW9uV2l0aEFjdGlvbnNDb21wb25lbnQsIG1vZHVsZTogTm90aWZpY2F0aW9uV2l0aEFjdGlvbnNNb2R1bGUgfSxcbl07XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './public_api';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9ub3RpZmljYXRpb24vc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==
|