@daffodil/design 0.62.2 → 0.62.4
Sign up to get free protection for your applications and to get access to all the features.
- package/accordion/examples/package.json +1 -1
- package/article/examples/package.json +1 -1
- package/button/examples/package.json +1 -1
- package/callout/examples/package.json +1 -1
- package/card/examples/package.json +1 -1
- package/checkbox/examples/package.json +1 -1
- package/container/examples/package.json +1 -1
- package/esm2020/molecules/modal/modal/modal.component.mjs +37 -23
- package/esm2020/molecules/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +3 -3
- package/esm2020/notification/daffodil-design-notification.mjs +5 -0
- package/esm2020/notification/examples/daffodil-design-notification-examples.mjs +5 -0
- package/esm2020/notification/examples/default-notification/default-notification.component.mjs +23 -0
- package/esm2020/notification/examples/default-notification/default-notification.module.mjs +38 -0
- package/esm2020/notification/examples/dismissable-notification/dismissable-notification.component.mjs +23 -0
- package/esm2020/notification/examples/dismissable-notification/dismissable-notification.module.mjs +38 -0
- package/esm2020/notification/examples/index.mjs +2 -0
- package/esm2020/notification/examples/notification-orientations/notification-orientations.component.mjs +23 -0
- package/esm2020/notification/examples/notification-orientations/notification-orientations.module.mjs +42 -0
- package/esm2020/notification/examples/notification-status/notification-status.component.mjs +24 -0
- package/esm2020/notification/examples/notification-status/notification-status.module.mjs +42 -0
- package/esm2020/notification/examples/public_api.mjs +15 -0
- package/esm2020/notification/notification/notification.component.mjs +95 -0
- package/esm2020/notification/notification-actions/notification-actions.directive.mjs +19 -0
- package/esm2020/notification/notification-message/notification-message.directive.mjs +19 -0
- package/esm2020/notification/notification-subtitle/notification-subtitle.directive.mjs +19 -0
- package/esm2020/notification/notification-title/notification-title.directive.mjs +19 -0
- package/esm2020/notification/notification.module.mjs +56 -0
- package/esm2020/notification/public_api.mjs +7 -0
- package/fesm2015/daffodil-design-notification-examples.mjs +221 -0
- package/fesm2015/daffodil-design-notification-examples.mjs.map +1 -0
- package/fesm2015/daffodil-design-notification.mjs +218 -0
- package/fesm2015/daffodil-design-notification.mjs.map +1 -0
- package/fesm2015/daffodil-design.mjs +34 -23
- package/fesm2015/daffodil-design.mjs.map +1 -1
- package/fesm2020/daffodil-design-notification-examples.mjs +221 -0
- package/fesm2020/daffodil-design-notification-examples.mjs.map +1 -0
- package/fesm2020/daffodil-design-notification.mjs +218 -0
- package/fesm2020/daffodil-design-notification.mjs.map +1 -0
- package/fesm2020/daffodil-design.mjs +34 -23
- package/fesm2020/daffodil-design.mjs.map +1 -1
- package/hero/examples/package.json +1 -1
- package/image/examples/package.json +1 -1
- package/input/examples/package.json +1 -1
- package/list/examples/package.json +1 -1
- package/loading-icon/examples/package.json +1 -1
- package/media-gallery/examples/package.json +1 -1
- package/menu/examples/package.json +1 -1
- package/modal/examples/package.json +1 -1
- package/molecules/modal/modal/modal.component.d.ts +16 -15
- package/navbar/examples/package.json +1 -1
- package/notification/README.md +23 -0
- package/notification/daffodil-design-notification.d.ts +5 -0
- package/notification/examples/daffodil-design-notification-examples.d.ts +5 -0
- package/notification/examples/default-notification/default-notification.component.d.ts +6 -0
- package/notification/examples/default-notification/default-notification.module.d.ts +11 -0
- package/notification/examples/dismissable-notification/dismissable-notification.component.d.ts +6 -0
- package/notification/examples/dismissable-notification/dismissable-notification.module.d.ts +11 -0
- package/notification/examples/index.d.ts +1 -0
- package/notification/examples/notification-orientations/notification-orientations.component.d.ts +10 -0
- package/notification/examples/notification-orientations/notification-orientations.module.d.ts +12 -0
- package/notification/examples/notification-status/notification-status.component.d.ts +10 -0
- package/notification/examples/notification-status/notification-status.module.d.ts +12 -0
- package/notification/examples/package.json +1 -0
- package/notification/examples/public_api.d.ts +2 -0
- package/notification/notification/notification.component.d.ts +47 -0
- package/notification/notification-actions/notification-actions.directive.d.ts +6 -0
- package/notification/notification-message/notification-message.directive.d.ts +6 -0
- package/notification/notification-subtitle/notification-subtitle.directive.d.ts +6 -0
- package/notification/notification-title/notification-title.directive.d.ts +6 -0
- package/notification/notification.module.d.ts +14 -0
- package/notification/package.json +1 -0
- package/notification/public_api.d.ts +6 -0
- package/notification/src/notification-theme.scss +50 -0
- package/package.json +1 -1
- package/paginator/examples/package.json +1 -1
- package/quantity-field/examples/package.json +1 -1
- package/radio/examples/package.json +1 -1
- package/scss/theme.scss +2 -0
- package/sidebar/examples/package.json +1 -1
- package/tree/examples/package.json +1 -1
- package/tree/package.json +1 -1
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"daffodil-design-notification-examples.mjs","sources":["../../../libs/design/notification/examples/src/default-notification/default-notification.component.ts","../../../libs/design/notification/examples/src/default-notification/default-notification.component.html","../../../libs/design/notification/examples/src/default-notification/default-notification.module.ts","../../../libs/design/notification/examples/src/dismissable-notification/dismissable-notification.component.ts","../../../libs/design/notification/examples/src/dismissable-notification/dismissable-notification.component.html","../../../libs/design/notification/examples/src/dismissable-notification/dismissable-notification.module.ts","../../../libs/design/notification/examples/src/notification-orientations/notification-orientations.component.ts","../../../libs/design/notification/examples/src/notification-orientations/notification-orientations.component.html","../../../libs/design/notification/examples/src/notification-orientations/notification-orientations.module.ts","../../../libs/design/notification/examples/src/notification-status/notification-status.component.ts","../../../libs/design/notification/examples/src/notification-status/notification-status.component.html","../../../libs/design/notification/examples/src/notification-status/notification-status.module.ts","../../../libs/design/notification/examples/src/public_api.ts","../../../libs/design/notification/examples/src/daffodil-design-notification-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'default-notification',\n templateUrl: './default-notification.component.html',\n styles: [`\n :host {\n display: flex;\n justify-content: center;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DefaultNotificationComponent {\n faInfoCircle = faInfoCircle;\n}\n","<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>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\nimport { DefaultNotificationComponent } from './default-notification.component';\n\n@NgModule({\n declarations: [\n DefaultNotificationComponent,\n ],\n imports: [\n CommonModule,\n DaffNotificationModule,\n FontAwesomeModule,\n DaffButtonModule,\n ],\n exports: [\n DefaultNotificationComponent,\n ],\n})\nexport class DefaultNotificationModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'dismissable-notification',\n templateUrl: './dismissable-notification.component.html',\n styles: [`\n :host {\n display: flex;\n justify-content: center;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DismissableNotificationComponent {\n faInfoCircle = faInfoCircle;\n}\n","<daff-notification dismissable=\"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>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\nimport { DismissableNotificationComponent } from './dismissable-notification.component';\n\n@NgModule({\n declarations: [\n DismissableNotificationComponent,\n ],\n imports: [\n CommonModule,\n DaffNotificationModule,\n FontAwesomeModule,\n DaffButtonModule,\n ],\n exports: [\n DismissableNotificationComponent,\n ],\n})\nexport class DismissableNotificationModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport {\n faCheck,\n faExclamation,\n faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'notification-orientations',\n templateUrl: './notification-orientations.component.html',\n styleUrls: ['./notification-orientations.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NotificationOrientationsComponent {\n faInfoCircle = faInfoCircle;\n faCheck = faCheck;\n faExclamation = faExclamation;\n\n orientationControl: FormControl = new FormControl('vertical');\n}\n","<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\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t</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>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\nimport { NotificationOrientationsComponent } from './notification-orientations.component';\n\n@NgModule({\n declarations: [\n NotificationOrientationsComponent,\n ],\n imports: [\n CommonModule,\n DaffNotificationModule,\n DaffButtonModule,\n FontAwesomeModule,\n ReactiveFormsModule,\n ],\n exports: [\n NotificationOrientationsComponent,\n ],\n})\nexport class NotificationOrientationsModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport {\n faCheck,\n faExclamation,\n faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'notification-status',\n templateUrl: './notification-status.component.html',\n styleUrls: ['./notification-status.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NotificationStatusComponent {\n faInfoCircle = faInfoCircle;\n faCheck = faCheck;\n faExclamation = faExclamation;\n\n statusControl: FormControl = new FormControl('success');\n}\n","<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\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t</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>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\nimport { NotificationStatusComponent } from './notification-status.component';\n\n@NgModule({\n declarations: [\n NotificationStatusComponent,\n ],\n imports: [\n CommonModule,\n DaffNotificationModule,\n DaffButtonModule,\n FontAwesomeModule,\n ReactiveFormsModule,\n ],\n exports: [\n NotificationStatusComponent,\n ],\n})\nexport class NotificationStatusModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { DefaultNotificationComponent } from './default-notification/default-notification.component';\nimport { DefaultNotificationModule } from './default-notification/default-notification.module';\nimport { DismissableNotificationComponent } from './dismissable-notification/dismissable-notification.component';\nimport { DismissableNotificationModule } from './dismissable-notification/dismissable-notification.module';\nimport { NotificationOrientationsComponent } from './notification-orientations/notification-orientations.component';\nimport { NotificationOrientationsModule } from './notification-orientations/notification-orientations.module';\nimport { NotificationStatusComponent } from './notification-status/notification-status.component';\nimport { NotificationStatusModule } from './notification-status/notification-status.module';\n\nexport const NOTIFICATION_EXAMPLES: ComponentExample[] = [\n { component: DefaultNotificationComponent, module: DefaultNotificationModule },\n { component: NotificationStatusComponent, module: NotificationStatusModule },\n { component: NotificationOrientationsComponent, module: NotificationOrientationsModule },\n { component: DismissableNotificationComponent, module: DismissableNotificationModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i4","i5"],"mappings":"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"}
|
@@ -0,0 +1,218 @@
|
|
1
|
+
import * as i2 from '@angular/common';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import * as i0 from '@angular/core';
|
4
|
+
import { Directive, HostBinding, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, ContentChild, NgModule } from '@angular/core';
|
5
|
+
import * as i1 from '@fortawesome/angular-fontawesome';
|
6
|
+
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
7
|
+
import { daffArticleEncapsulatedMixin, daffStatusMixin, DaffPrefixDirective, DaffPrefixSuffixModule } from '@daffodil/design';
|
8
|
+
import { faTimes } from '@fortawesome/free-solid-svg-icons';
|
9
|
+
|
10
|
+
class DaffNotificationActionsDirective {
|
11
|
+
constructor() {
|
12
|
+
this.class = true;
|
13
|
+
}
|
14
|
+
}
|
15
|
+
/** @nocollapse */ DaffNotificationActionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
16
|
+
/** @nocollapse */ DaffNotificationActionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffNotificationActionsDirective, selector: "[daffNotificationActions]", host: { properties: { "class.daff-notification__actions": "this.class" } }, ngImport: i0 });
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationActionsDirective, decorators: [{
|
18
|
+
type: Directive,
|
19
|
+
args: [{
|
20
|
+
selector: '[daffNotificationActions]',
|
21
|
+
}]
|
22
|
+
}], propDecorators: { class: [{
|
23
|
+
type: HostBinding,
|
24
|
+
args: ['class.daff-notification__actions']
|
25
|
+
}] } });
|
26
|
+
|
27
|
+
class DaffNotificationMessageDirective {
|
28
|
+
constructor() {
|
29
|
+
this.class = true;
|
30
|
+
}
|
31
|
+
}
|
32
|
+
/** @nocollapse */ DaffNotificationMessageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationMessageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
33
|
+
/** @nocollapse */ DaffNotificationMessageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffNotificationMessageDirective, selector: "[daffNotificationMessage]", host: { properties: { "class.daff-notification__message": "this.class" } }, ngImport: i0 });
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationMessageDirective, decorators: [{
|
35
|
+
type: Directive,
|
36
|
+
args: [{
|
37
|
+
selector: '[daffNotificationMessage]',
|
38
|
+
}]
|
39
|
+
}], propDecorators: { class: [{
|
40
|
+
type: HostBinding,
|
41
|
+
args: ['class.daff-notification__message']
|
42
|
+
}] } });
|
43
|
+
|
44
|
+
class DaffNotificationSubtitleDirective {
|
45
|
+
constructor() {
|
46
|
+
this.class = true;
|
47
|
+
}
|
48
|
+
}
|
49
|
+
/** @nocollapse */ DaffNotificationSubtitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
50
|
+
/** @nocollapse */ DaffNotificationSubtitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]", host: { properties: { "class.daff-notification__subtitle": "this.class" } }, ngImport: i0 });
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationSubtitleDirective, decorators: [{
|
52
|
+
type: Directive,
|
53
|
+
args: [{
|
54
|
+
selector: '[daffNotificationSubtitle]',
|
55
|
+
}]
|
56
|
+
}], propDecorators: { class: [{
|
57
|
+
type: HostBinding,
|
58
|
+
args: ['class.daff-notification__subtitle']
|
59
|
+
}] } });
|
60
|
+
|
61
|
+
class DaffNotificationTitleDirective {
|
62
|
+
constructor() {
|
63
|
+
this.class = true;
|
64
|
+
}
|
65
|
+
}
|
66
|
+
/** @nocollapse */ DaffNotificationTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
67
|
+
/** @nocollapse */ DaffNotificationTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: DaffNotificationTitleDirective, selector: "[daffNotificationTitle]", host: { properties: { "class.daff-notification__title": "this.class" } }, ngImport: i0 });
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationTitleDirective, decorators: [{
|
69
|
+
type: Directive,
|
70
|
+
args: [{
|
71
|
+
selector: '[daffNotificationTitle]',
|
72
|
+
}]
|
73
|
+
}], propDecorators: { class: [{
|
74
|
+
type: HostBinding,
|
75
|
+
args: ['class.daff-notification__title']
|
76
|
+
}] } });
|
77
|
+
|
78
|
+
/**
|
79
|
+
* An _elementRef is needed for the core mixins
|
80
|
+
*/
|
81
|
+
class DaffNotificationBase {
|
82
|
+
constructor(_elementRef, _renderer) {
|
83
|
+
this._elementRef = _elementRef;
|
84
|
+
this._renderer = _renderer;
|
85
|
+
}
|
86
|
+
}
|
87
|
+
const _daffNotificationBase = daffArticleEncapsulatedMixin(daffStatusMixin(DaffNotificationBase));
|
88
|
+
var DaffNotificationOrientationEnum;
|
89
|
+
(function (DaffNotificationOrientationEnum) {
|
90
|
+
DaffNotificationOrientationEnum["Horizontal"] = "horizontal";
|
91
|
+
DaffNotificationOrientationEnum["Vertical"] = "vertical";
|
92
|
+
})(DaffNotificationOrientationEnum || (DaffNotificationOrientationEnum = {}));
|
93
|
+
/**
|
94
|
+
* DaffNotificationComponent provides a way to display and
|
95
|
+
* communicate information for user actions or system updates.
|
96
|
+
*/
|
97
|
+
class DaffNotificationComponent extends _daffNotificationBase {
|
98
|
+
constructor(elementRef, renderer) {
|
99
|
+
super(elementRef, renderer);
|
100
|
+
this.elementRef = elementRef;
|
101
|
+
this.renderer = renderer;
|
102
|
+
this.faTimes = faTimes;
|
103
|
+
this.class = true;
|
104
|
+
this.tabindex = '0';
|
105
|
+
this.ariaLive = 'polite';
|
106
|
+
/** Whether or not a notification is closable */
|
107
|
+
this.dismissable = false;
|
108
|
+
this.closeNotification = new EventEmitter();
|
109
|
+
this._orientation = DaffNotificationOrientationEnum.Vertical;
|
110
|
+
}
|
111
|
+
get verticalOrientation() {
|
112
|
+
return this.orientation === DaffNotificationOrientationEnum.Vertical;
|
113
|
+
}
|
114
|
+
get horizontalOrientation() {
|
115
|
+
return this.orientation === DaffNotificationOrientationEnum.Horizontal;
|
116
|
+
}
|
117
|
+
get orientation() {
|
118
|
+
return this._orientation;
|
119
|
+
}
|
120
|
+
set orientation(value) {
|
121
|
+
if (value === null || value === undefined || value === '') {
|
122
|
+
this._orientation = DaffNotificationOrientationEnum.Vertical;
|
123
|
+
}
|
124
|
+
else {
|
125
|
+
this._orientation = value;
|
126
|
+
}
|
127
|
+
}
|
128
|
+
;
|
129
|
+
onCloseNotification(event) {
|
130
|
+
this.closeNotification.emit();
|
131
|
+
}
|
132
|
+
}
|
133
|
+
/** @nocollapse */ DaffNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
134
|
+
/** @nocollapse */ DaffNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffNotificationComponent, selector: "daff-notification", inputs: { status: "status", dismissable: "dismissable", orientation: "orientation" }, outputs: { closeNotification: "closeNotification" }, host: { properties: { "class.daff-notification": "this.class", "attr.tabindex": "this.tabindex", "attr.aria-live": "this.ariaLive", "class.vertical": "this.verticalOrientation", "class.horizontal": "this.horizontalOrientation", "class.dismissable": "this.dismissable" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__details\">\n <div class=\"daff-notification__content\">\n <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n </div>\n <ng-content select=\"[daffNotificationActions]\"></ng-content>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissable\" (click)=\"onCloseNotification($event)\">\n <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__details{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-weight:600}.daff-notification__subtitle{align-self:center;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px;margin:16px 0 0}.daff-notification.dismissable.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__details{flex-direction:column}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__details{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
135
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationComponent, decorators: [{
|
136
|
+
type: Component,
|
137
|
+
args: [{ selector: 'daff-notification', inputs: ['status'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_prefix\">\n <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__details\">\n <div class=\"daff-notification__content\">\n <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n </div>\n <ng-content select=\"[daffNotificationActions]\"></ng-content>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissable\" (click)=\"onCloseNotification($event)\">\n <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>", styles: [".daff-notification{display:flex;border-radius:4px;font-size:1rem;line-height:1.5rem;position:relative}.daff-notification .daff-prefix{padding:16px 0 16px 16px}.daff-notification__close-icon{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;background:none;border:none;color:currentColor;margin:0;min-height:3rem;height:3rem;min-width:3rem;width:3rem}.daff-notification__details{display:flex;font-size:1rem;line-height:1.5rem;padding:16px;width:100%}.daff-notification__content{display:flex;flex-direction:column;gap:4px}.daff-notification__title{font-weight:600}.daff-notification__subtitle{align-self:center;font-weight:400;line-height:1.25rem}.daff-notification__actions{display:flex;gap:8px;margin:16px 0 0}.daff-notification.dismissable.horizontal .daff-notification__actions{padding:8px 0}.daff-notification.vertical .daff-notification__details{flex-direction:column}.daff-notification.horizontal .daff-prefix{padding:12px 0 12px 16px}.daff-notification.horizontal .daff-notification__details{flex-direction:row;gap:0;padding:0}.daff-notification.horizontal .daff-notification__content{flex-direction:row;flex-wrap:wrap;flex-grow:1;padding:12px 16px 12px 12px}.daff-notification.horizontal .daff-notification__actions{min-height:3rem;padding:8px 16px 8px 0;margin:0}\n"] }]
|
138
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { class: [{
|
139
|
+
type: HostBinding,
|
140
|
+
args: ['class.daff-notification']
|
141
|
+
}], tabindex: [{
|
142
|
+
type: HostBinding,
|
143
|
+
args: ['attr.tabindex']
|
144
|
+
}], ariaLive: [{
|
145
|
+
type: HostBinding,
|
146
|
+
args: ['attr.aria-live']
|
147
|
+
}], verticalOrientation: [{
|
148
|
+
type: HostBinding,
|
149
|
+
args: ['class.vertical']
|
150
|
+
}], horizontalOrientation: [{
|
151
|
+
type: HostBinding,
|
152
|
+
args: ['class.horizontal']
|
153
|
+
}], dismissable: [{
|
154
|
+
type: Input
|
155
|
+
}, {
|
156
|
+
type: HostBinding,
|
157
|
+
args: ['class.dismissable']
|
158
|
+
}], closeNotification: [{
|
159
|
+
type: Output
|
160
|
+
}], orientation: [{
|
161
|
+
type: Input
|
162
|
+
}], _prefix: [{
|
163
|
+
type: ContentChild,
|
164
|
+
args: [DaffPrefixDirective]
|
165
|
+
}] } });
|
166
|
+
|
167
|
+
class DaffNotificationModule {
|
168
|
+
}
|
169
|
+
/** @nocollapse */ DaffNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
170
|
+
/** @nocollapse */ DaffNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationModule, declarations: [DaffNotificationComponent,
|
171
|
+
DaffNotificationActionsDirective,
|
172
|
+
DaffNotificationMessageDirective,
|
173
|
+
DaffNotificationTitleDirective,
|
174
|
+
DaffNotificationSubtitleDirective], imports: [CommonModule,
|
175
|
+
DaffPrefixSuffixModule,
|
176
|
+
FontAwesomeModule], exports: [DaffNotificationComponent,
|
177
|
+
DaffNotificationActionsDirective,
|
178
|
+
DaffNotificationMessageDirective,
|
179
|
+
DaffNotificationTitleDirective,
|
180
|
+
DaffNotificationSubtitleDirective,
|
181
|
+
DaffPrefixSuffixModule] });
|
182
|
+
/** @nocollapse */ DaffNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationModule, imports: [[
|
183
|
+
CommonModule,
|
184
|
+
DaffPrefixSuffixModule,
|
185
|
+
FontAwesomeModule,
|
186
|
+
], DaffPrefixSuffixModule] });
|
187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNotificationModule, decorators: [{
|
188
|
+
type: NgModule,
|
189
|
+
args: [{
|
190
|
+
imports: [
|
191
|
+
CommonModule,
|
192
|
+
DaffPrefixSuffixModule,
|
193
|
+
FontAwesomeModule,
|
194
|
+
],
|
195
|
+
declarations: [
|
196
|
+
DaffNotificationComponent,
|
197
|
+
DaffNotificationActionsDirective,
|
198
|
+
DaffNotificationMessageDirective,
|
199
|
+
DaffNotificationTitleDirective,
|
200
|
+
DaffNotificationSubtitleDirective,
|
201
|
+
],
|
202
|
+
exports: [
|
203
|
+
DaffNotificationComponent,
|
204
|
+
DaffNotificationActionsDirective,
|
205
|
+
DaffNotificationMessageDirective,
|
206
|
+
DaffNotificationTitleDirective,
|
207
|
+
DaffNotificationSubtitleDirective,
|
208
|
+
DaffPrefixSuffixModule,
|
209
|
+
],
|
210
|
+
}]
|
211
|
+
}] });
|
212
|
+
|
213
|
+
/**
|
214
|
+
* Generated bundle index. Do not edit.
|
215
|
+
*/
|
216
|
+
|
217
|
+
export { DaffNotificationActionsDirective, DaffNotificationComponent, DaffNotificationMessageDirective, DaffNotificationModule, DaffNotificationSubtitleDirective, DaffNotificationTitleDirective };
|
218
|
+
//# sourceMappingURL=daffodil-design-notification.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"daffodil-design-notification.mjs","sources":["../../../libs/design/notification/src/notification-actions/notification-actions.directive.ts","../../../libs/design/notification/src/notification-message/notification-message.directive.ts","../../../libs/design/notification/src/notification-subtitle/notification-subtitle.directive.ts","../../../libs/design/notification/src/notification-title/notification-title.directive.ts","../../../libs/design/notification/src/notification/notification.component.ts","../../../libs/design/notification/src/notification/notification.component.html","../../../libs/design/notification/src/notification.module.ts","../../../libs/design/notification/src/daffodil-design-notification.ts"],"sourcesContent":["import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffNotificationActions]',\n})\n\nexport class DaffNotificationActionsDirective {\n\n @HostBinding('class.daff-notification__actions') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffNotificationMessage]',\n})\n\nexport class DaffNotificationMessageDirective {\n\n @HostBinding('class.daff-notification__message') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffNotificationSubtitle]',\n})\n\nexport class DaffNotificationSubtitleDirective {\n\n @HostBinding('class.daff-notification__subtitle') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffNotificationTitle]',\n})\n\nexport class DaffNotificationTitleDirective {\n\n @HostBinding('class.daff-notification__title') class = true;\n}\n","import {\n Component,\n Input,\n ElementRef,\n Renderer2,\n HostBinding,\n ContentChild,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n Output,\n EventEmitter,\n} from '@angular/core';\nimport { faTimes } from '@fortawesome/free-solid-svg-icons';\n\nimport {\n daffArticleEncapsulatedMixin,\n DaffPrefixable,\n DaffPrefixDirective,\n DaffStatusable,\n daffStatusMixin,\n} from '@daffodil/design';\n\n/**\n * An _elementRef is needed for the core mixins\n */\nclass DaffNotificationBase {\n constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffNotificationBase = daffArticleEncapsulatedMixin(daffStatusMixin(DaffNotificationBase));\n\nexport type DaffNotificationOrientation = 'horizontal' | 'vertical';\n\nenum DaffNotificationOrientationEnum {\n Horizontal = 'horizontal',\n Vertical = 'vertical',\n}\n\n/**\n * DaffNotificationComponent provides a way to display and\n * communicate information for user actions or system updates.\n */\n@Component({\n selector: 'daff-notification',\n templateUrl: './notification.component.html',\n styleUrls: ['./notification.component.scss'],\n // todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342\n // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n inputs: ['status'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffNotificationComponent\n extends _daffNotificationBase\n implements DaffPrefixable, DaffStatusable {\n faTimes = faTimes;\n\n @HostBinding('class.daff-notification') class = true;\n\n @HostBinding('attr.tabindex') tabindex = '0';\n @HostBinding('attr.aria-live') ariaLive = 'polite';\n\n @HostBinding('class.vertical') get verticalOrientation() {\n\t return this.orientation === DaffNotificationOrientationEnum.Vertical;\n }\n\n @HostBinding('class.horizontal') get horizontalOrientation() {\n\t return this.orientation === DaffNotificationOrientationEnum.Horizontal;\n }\n\n /** Whether or not a notification is closable */\n @Input() @HostBinding('class.dismissable') dismissable = false;\n\n @Output() closeNotification: EventEmitter<void> = new EventEmitter();\n\n private _orientation: DaffNotificationOrientation = DaffNotificationOrientationEnum.Vertical;\n\n @Input()\n get orientation() {\n return this._orientation;\n }\n\n set orientation(value: DaffNotificationOrientation) {\n if(value === null || value === undefined || <unknown>value === '') {\n this._orientation = DaffNotificationOrientationEnum.Vertical;\n } else {\n this._orientation = value;\n }\n };\n\n constructor(private elementRef: ElementRef, private renderer: Renderer2) {\n\t super(elementRef, renderer);\n }\n\n @ContentChild(DaffPrefixDirective)\n _prefix: DaffPrefixDirective;\n\n onCloseNotification(event: Event) {\n this.closeNotification.emit();\n }\n}\n","<ng-container *ngIf=\"_prefix\">\n <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-notification__details\">\n <div class=\"daff-notification__content\">\n <ng-content select=\"[daffNotificationTitle]\"></ng-content>\n <ng-content select=\"[daffNotificationSubtitle]\"></ng-content>\n </div>\n <ng-content select=\"[daffNotificationActions]\"></ng-content>\n</div>\n<button class=\"daff-notification__close-icon\" *ngIf=\"dismissable\" (click)=\"onCloseNotification($event)\">\n <fa-icon [icon]=\"faTimes\" [fixedWidth]=\"true\"></fa-icon>\n</button>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffNotificationActionsDirective } from './notification-actions/notification-actions.directive';\nimport { DaffNotificationMessageDirective } from './notification-message/notification-message.directive';\nimport { DaffNotificationSubtitleDirective } from './notification-subtitle/notification-subtitle.directive';\nimport { DaffNotificationTitleDirective } from './notification-title/notification-title.directive';\nimport { DaffNotificationComponent } from './notification/notification.component';\n\n\n@NgModule({\n imports: [\n CommonModule,\n DaffPrefixSuffixModule,\n FontAwesomeModule,\n ],\n declarations: [\n DaffNotificationComponent,\n DaffNotificationActionsDirective,\n DaffNotificationMessageDirective,\n DaffNotificationTitleDirective,\n DaffNotificationSubtitleDirective,\n ],\n exports: [\n DaffNotificationComponent,\n DaffNotificationActionsDirective,\n DaffNotificationMessageDirective,\n DaffNotificationTitleDirective,\n DaffNotificationSubtitleDirective,\n DaffPrefixSuffixModule,\n ],\n})\nexport class DaffNotificationModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
@@ -13,7 +13,7 @@ import * as i1$2 from '@angular/forms';
|
|
13
13
|
import { FormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
|
14
14
|
import { trigger, state, style, transition, animate } from '@angular/animations';
|
15
15
|
import { __awaiter } from 'tslib';
|
16
|
-
import * as
|
16
|
+
import * as i2$1 from '@angular/cdk/portal';
|
17
17
|
import { ComponentPortal, TemplatePortal, CdkPortalOutlet, PortalModule } from '@angular/cdk/portal';
|
18
18
|
import * as i1$3 from '@angular/cdk/overlay';
|
19
19
|
import { OverlayModule, GlobalPositionStrategy } from '@angular/cdk/overlay';
|
@@ -3751,7 +3751,13 @@ const daffFadeAnimations = {
|
|
3751
3751
|
const getAnimationState$1 = (open) => open ? 'open' : 'closed';
|
3752
3752
|
|
3753
3753
|
class DaffModalComponent {
|
3754
|
-
constructor() {
|
3754
|
+
constructor(_focusTrapFactory, _elementRef) {
|
3755
|
+
this._focusTrapFactory = _focusTrapFactory;
|
3756
|
+
this._elementRef = _elementRef;
|
3757
|
+
/**
|
3758
|
+
* HostBinding to set the default modal class on the host element.
|
3759
|
+
*/
|
3760
|
+
this.modalClass = true;
|
3755
3761
|
/**
|
3756
3762
|
* Dictates whether or not a modal is open or closed.
|
3757
3763
|
*/
|
@@ -3765,27 +3771,32 @@ class DaffModalComponent {
|
|
3765
3771
|
*/
|
3766
3772
|
this.closedAnimationCompleted = new EventEmitter();
|
3767
3773
|
/**
|
3768
|
-
* Event fired when the backdrop is clicked
|
3769
|
-
* This is often used to close the modal
|
3774
|
+
* Event fired when the backdrop is clicked. This is often used to close the modal.
|
3770
3775
|
*/
|
3771
3776
|
this.hide = new EventEmitter();
|
3772
|
-
|
3773
|
-
|
3774
|
-
|
3775
|
-
|
3776
|
-
|
3777
|
-
|
3777
|
+
}
|
3778
|
+
ngAfterContentInit() {
|
3779
|
+
this._focusTrap = this._focusTrapFactory.create(this._elementRef.nativeElement);
|
3780
|
+
}
|
3781
|
+
ngAfterViewInit() {
|
3782
|
+
const focusableChild = this._elementRef.nativeElement.querySelector(daffFocusableElementsSelector);
|
3783
|
+
if (focusableChild) {
|
3784
|
+
focusableChild.focus();
|
3785
|
+
}
|
3786
|
+
else {
|
3787
|
+
// There's a timing condition when computing HostBindings afterContentInit
|
3788
|
+
// so to allow the menu to be focused, we manually set the tabindex.
|
3789
|
+
this._elementRef.nativeElement.tabIndex = 0;
|
3790
|
+
this._elementRef.nativeElement.focus();
|
3791
|
+
}
|
3778
3792
|
}
|
3779
3793
|
/**
|
3780
|
-
* Helper method to attach portable content to modal
|
3794
|
+
* Helper method to attach portable content to modal.
|
3781
3795
|
*/
|
3782
3796
|
attachContent(portal) {
|
3783
3797
|
this._portalOutlet.attachComponentPortal(portal);
|
3784
3798
|
}
|
3785
|
-
/**
|
3786
|
-
* Animation hook that controls the entrance and exit animations
|
3787
|
-
* of the modal
|
3788
|
-
*/
|
3799
|
+
/** Animation hook that controls the entrance and exit animations of the modal. */
|
3789
3800
|
get fadeState() {
|
3790
3801
|
return getAnimationState$1(this.open);
|
3791
3802
|
}
|
@@ -3802,19 +3813,19 @@ class DaffModalComponent {
|
|
3802
3813
|
}
|
3803
3814
|
}
|
3804
3815
|
}
|
3805
|
-
/** @nocollapse */ DaffModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
3806
|
-
/** @nocollapse */ DaffModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffModalComponent, selector: "daff-modal", inputs: { open: "open" }, host: { listeners: { "@fade.done": "animationDone($event)" }, properties: { "class.daff-modal": "this.modalClass", "@fade": "this.fadeState" } }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [":host{display:block;border-radius:4px;height:100%;max-width:80vw;overflow:hidden;padding:24px;z-index:3}@media (min-width: 480px){:host{height:auto}}\n"], directives: [{ type:
|
3816
|
+
/** @nocollapse */ DaffModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalComponent, deps: [{ token: i1$4.ConfigurableFocusTrapFactory }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
3817
|
+
/** @nocollapse */ DaffModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffModalComponent, selector: "daff-modal", inputs: { open: "open" }, host: { listeners: { "@fade.done": "animationDone($event)" }, properties: { "class.daff-modal": "this.modalClass", "@fade": "this.fadeState" } }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [":host{display:block;border-radius:4px;height:100%;max-width:80vw;overflow:hidden;padding:24px;z-index:3}@media (min-width: 480px){:host{height:auto}}\n"], directives: [{ type: i2$1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [daffFadeAnimations.fade], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
3807
3818
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffModalComponent, decorators: [{
|
3808
3819
|
type: Component,
|
3809
3820
|
args: [{ selector: 'daff-modal', animations: [daffFadeAnimations.fade], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template cdkPortalOutlet></ng-template>\n", styles: [":host{display:block;border-radius:4px;height:100%;max-width:80vw;overflow:hidden;padding:24px;z-index:3}@media (min-width: 480px){:host{height:auto}}\n"] }]
|
3810
|
-
}], propDecorators: {
|
3821
|
+
}], ctorParameters: function () { return [{ type: i1$4.ConfigurableFocusTrapFactory }, { type: i0.ElementRef }]; }, propDecorators: { modalClass: [{
|
3822
|
+
type: HostBinding,
|
3823
|
+
args: ['class.daff-modal']
|
3824
|
+
}], open: [{
|
3811
3825
|
type: Input
|
3812
3826
|
}], _portalOutlet: [{
|
3813
3827
|
type: ViewChild,
|
3814
3828
|
args: [CdkPortalOutlet, { static: true }]
|
3815
|
-
}], modalClass: [{
|
3816
|
-
type: HostBinding,
|
3817
|
-
args: ['class.daff-modal']
|
3818
3829
|
}], fadeState: [{
|
3819
3830
|
type: HostBinding,
|
3820
3831
|
args: ['@fade']
|
@@ -4678,14 +4689,14 @@ class DaffSidebarViewportComponent {
|
|
4678
4689
|
}
|
4679
4690
|
}
|
4680
4691
|
/** @nocollapse */ DaffSidebarViewportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarViewportComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
4681
|
-
/** @nocollapse */ DaffSidebarViewportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: { backdropClicked: "backdropClicked" }, queries: [{ propertyName: "sidebars", predicate: DaffSidebarComponent }], ngImport: i0, template: "<ng-content select=\"daff-sidebar:not([side=right])\"></ng-content>\n\n<daff-backdrop\n [@transformContent]=\"_animationState\"\n class=\"daff-sidebar-viewport__backdrop\"\n [interactable]=\"_backdropInteractable\"\n (backdropClicked)=\"_backdropClicked()\"></daff-backdrop>\n\n<div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n <ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content>\n <div class=\"daff-sidebar-viewport__inner\" [style.padding-left.px]=\"_contentPadLeft\" [style.padding-right.px]=\"_contentPadRight\">\n <ng-content></ng-content>\n </div>\n</div>\n\n<ng-content select=\"daff-sidebar[side=right]\"></ng-content>", styles: [":host{overflow:hidden;display:flex;min-height:100%;position:relative;width:100%;z-index:1;height:100vh;height:100dvh}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;
|
4692
|
+
/** @nocollapse */ DaffSidebarViewportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: { backdropClicked: "backdropClicked" }, queries: [{ propertyName: "sidebars", predicate: DaffSidebarComponent }], ngImport: i0, template: "<ng-content select=\"daff-sidebar:not([side=right])\"></ng-content>\n\n<daff-backdrop\n [@transformContent]=\"_animationState\"\n class=\"daff-sidebar-viewport__backdrop\"\n [interactable]=\"_backdropInteractable\"\n (backdropClicked)=\"_backdropClicked()\"></daff-backdrop>\n\n<div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n <div class=\"daff-sidebar-viewport__nav\"><ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content></div>\n <div class=\"daff-sidebar-viewport__inner\" [style.padding-left.px]=\"_contentPadLeft\" [style.padding-right.px]=\"_contentPadRight\">\n <ng-content></ng-content>\n </div>\n</div>\n\n<ng-content select=\"daff-sidebar[side=right]\"></ng-content>", styles: [":host{overflow:hidden;display:flex;min-height:100%;position:relative;width:100%;z-index:1;height:100vh;height:100dvh}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;z-index:3;overflow-y:auto;height:100%}.daff-sidebar-viewport__sidebar{flex-shrink:0}.daff-sidebar-viewport__nav{position:fixed;top:0;width:100%;z-index:3}.daff-sidebar-viewport__nav:empty{display:none}.daff-sidebar-viewport__nav:not(:empty)+.daff-sidebar-viewport__inner{margin-top:var(--daff-sidebar-side-fixed-top-shift)}.daff-sidebar-viewport__backdrop{height:100%;position:absolute;width:100%;z-index:4}:host-context(daff-sidebar-viewport daff-sidebar-viewport) .daff-sidebar-viewport__inner{padding-left:0!important;padding-right:0!important}\n"], components: [{ type: DaffBackdropComponent, selector: "daff-backdrop", inputs: ["transparent", "interactable", "fullscreen"], outputs: ["backdropClicked"] }], animations: [
|
4682
4693
|
daffSidebarAnimations.transformContent,
|
4683
4694
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
4684
4695
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffSidebarViewportComponent, decorators: [{
|
4685
4696
|
type: Component,
|
4686
4697
|
args: [{ selector: 'daff-sidebar-viewport', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
|
4687
4698
|
daffSidebarAnimations.transformContent,
|
4688
|
-
], template: "<ng-content select=\"daff-sidebar:not([side=right])\"></ng-content>\n\n<daff-backdrop\n [@transformContent]=\"_animationState\"\n class=\"daff-sidebar-viewport__backdrop\"\n [interactable]=\"_backdropInteractable\"\n (backdropClicked)=\"_backdropClicked()\"></daff-backdrop>\n\n<div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n <ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content>\n <div class=\"daff-sidebar-viewport__inner\" [style.padding-left.px]=\"_contentPadLeft\" [style.padding-right.px]=\"_contentPadRight\">\n <ng-content></ng-content>\n </div>\n</div>\n\n<ng-content select=\"daff-sidebar[side=right]\"></ng-content>", styles: [":host{overflow:hidden;display:flex;min-height:100%;position:relative;width:100%;z-index:1;height:100vh;height:100dvh}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;
|
4699
|
+
], template: "<ng-content select=\"daff-sidebar:not([side=right])\"></ng-content>\n\n<daff-backdrop\n [@transformContent]=\"_animationState\"\n class=\"daff-sidebar-viewport__backdrop\"\n [interactable]=\"_backdropInteractable\"\n (backdropClicked)=\"_backdropClicked()\"></daff-backdrop>\n\n<div class=\"daff-sidebar-viewport__content\" [@transformContent]=\"_animationState\">\n <div class=\"daff-sidebar-viewport__nav\"><ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content></div>\n <div class=\"daff-sidebar-viewport__inner\" [style.padding-left.px]=\"_contentPadLeft\" [style.padding-right.px]=\"_contentPadRight\">\n <ng-content></ng-content>\n </div>\n</div>\n\n<ng-content select=\"daff-sidebar[side=right]\"></ng-content>", styles: [":host{overflow:hidden;display:flex;min-height:100%;position:relative;width:100%;z-index:1;height:100vh;height:100dvh}.daff-sidebar-viewport__content{flex:0 1 auto;width:100%;z-index:3;overflow-y:auto;height:100%}.daff-sidebar-viewport__sidebar{flex-shrink:0}.daff-sidebar-viewport__nav{position:fixed;top:0;width:100%;z-index:3}.daff-sidebar-viewport__nav:empty{display:none}.daff-sidebar-viewport__nav:not(:empty)+.daff-sidebar-viewport__inner{margin-top:var(--daff-sidebar-side-fixed-top-shift)}.daff-sidebar-viewport__backdrop{height:100%;position:absolute;width:100%;z-index:4}:host-context(daff-sidebar-viewport daff-sidebar-viewport) .daff-sidebar-viewport__inner{padding-left:0!important;padding-right:0!important}\n"] }]
|
4689
4700
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { sidebars: [{
|
4690
4701
|
type: ContentChildren,
|
4691
4702
|
args: [DaffSidebarComponent, { descendants: false }]
|