@daffodil/design 0.68.0 → 0.68.1
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/esm2022/article/article/article.component.mjs +2 -2
- package/esm2022/article/examples/article-headings/article-headings.component.mjs +3 -4
- package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +3 -3
- package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +3 -3
- package/esm2022/modal/service/modal.service.mjs +2 -3
- package/esm2022/toast/daffodil-design-toast.mjs +5 -0
- package/esm2022/toast/examples/daffodil-design-toast-examples.mjs +5 -0
- package/esm2022/toast/examples/default-toast/default-toast.component.mjs +38 -0
- package/esm2022/toast/examples/default-toast/default-toast.module.mjs +36 -0
- package/esm2022/toast/examples/index.mjs +2 -0
- package/esm2022/toast/examples/public_api.mjs +15 -0
- package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +42 -0
- package/esm2022/toast/examples/toast-positions/toast-positions.module.mjs +57 -0
- package/esm2022/toast/examples/toast-status/toast-status.component.mjs +45 -0
- package/esm2022/toast/examples/toast-status/toast-status.module.mjs +40 -0
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +26 -0
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.module.mjs +32 -0
- package/esm2022/toast/index.mjs +2 -0
- package/esm2022/toast/interfaces/toast-action.mjs +2 -0
- package/esm2022/toast/interfaces/toast.mjs +2 -0
- package/esm2022/toast/options/daff-toast-options.mjs +16 -0
- package/esm2022/toast/public_api.mjs +9 -0
- package/esm2022/toast/service/changes-focus.mjs +2 -0
- package/esm2022/toast/service/position-strategy.mjs +29 -0
- package/esm2022/toast/service/position.service.mjs +33 -0
- package/esm2022/toast/service/toast.service.mjs +116 -0
- package/esm2022/toast/toast/toast-config.mjs +2 -0
- package/esm2022/toast/toast/toast-template.component.mjs +262 -0
- package/esm2022/toast/toast/toast.component.mjs +82 -0
- package/esm2022/toast/toast-actions/toast-actions.directive.mjs +19 -0
- package/esm2022/toast/toast-message/toast-message.directive.mjs +19 -0
- package/esm2022/toast/toast-title/toast-title.directive.mjs +19 -0
- package/esm2022/toast/toast.module.mjs +70 -0
- package/fesm2022/daffodil-design-article-examples.mjs +2 -2
- package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-article.mjs +2 -2
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon-examples.mjs +2 -2
- package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon.mjs +2 -2
- package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +1 -2
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast-examples.mjs +287 -0
- package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-toast.mjs +625 -0
- package/fesm2022/daffodil-design-toast.mjs.map +1 -0
- package/loading-icon/src/loading-icon-theme.scss +24 -8
- package/navbar/README.md +1 -1
- package/package.json +1 -1
- package/scss/theme.scss +2 -0
- package/toast/README.md +115 -0
- package/toast/examples/default-toast/default-toast.component.d.ts +15 -0
- package/toast/examples/default-toast/default-toast.module.d.ts +11 -0
- package/toast/examples/index.d.ts +1 -0
- package/toast/examples/public_api.d.ts +2 -0
- package/toast/examples/toast-positions/toast-positions.component.d.ts +17 -0
- package/toast/examples/toast-positions/toast-positions.module.d.ts +12 -0
- package/toast/examples/toast-status/toast-status.component.d.ts +14 -0
- package/toast/examples/toast-status/toast-status.module.d.ts +12 -0
- package/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.d.ts +10 -0
- package/toast/examples/toast-with-custom-duration/toast-with-custom-duration.module.d.ts +10 -0
- package/toast/index.d.ts +1 -0
- package/toast/interfaces/toast-action.d.ts +38 -0
- package/toast/interfaces/toast.d.ts +20 -0
- package/toast/options/daff-toast-options.d.ts +15 -0
- package/toast/public_api.d.ts +11 -0
- package/toast/service/changes-focus.d.ts +2 -0
- package/toast/service/position-strategy.d.ts +3 -0
- package/toast/service/position.service.d.ts +15 -0
- package/toast/service/toast.service.d.ts +29 -0
- package/toast/src/toast-theme.scss +63 -0
- package/toast/toast/toast-config.d.ts +7 -0
- package/toast/toast/toast-template.component.d.ts +20 -0
- package/toast/toast/toast.component.d.ts +52 -0
- package/toast/toast-actions/toast-actions.directive.d.ts +6 -0
- package/toast/toast-message/toast-message.directive.d.ts +6 -0
- package/toast/toast-title/toast-title.directive.d.ts +6 -0
- package/toast/toast.module.d.ts +17 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { BreakpointObserver } from '@angular/cdk/layout';
|
|
2
|
+
import { DaffToastOptions, DaffToastPosition } from '../options/daff-toast-options';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class DaffToastPositionService {
|
|
5
|
+
private options;
|
|
6
|
+
private mediaQuery;
|
|
7
|
+
constructor(options: DaffToastOptions, mediaQuery: BreakpointObserver);
|
|
8
|
+
private _config;
|
|
9
|
+
private _position;
|
|
10
|
+
get config(): DaffToastPosition;
|
|
11
|
+
set config(val: DaffToastPosition);
|
|
12
|
+
setPosition(position: DaffToastPosition): void;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastPositionService, never>;
|
|
14
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DaffToastPositionService>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { BreakpointObserver } from '@angular/cdk/layout';
|
|
2
|
+
import { Overlay } from '@angular/cdk/overlay';
|
|
3
|
+
import { OnDestroy } from '@angular/core';
|
|
4
|
+
import { DaffFocusStackService } from '@daffodil/design';
|
|
5
|
+
import { DaffToastPositionService } from './position.service';
|
|
6
|
+
import { DaffToast, DaffToastData } from '../interfaces/toast';
|
|
7
|
+
import { DaffToastOptions } from '../options/daff-toast-options';
|
|
8
|
+
import { DaffToastConfiguration } from '../toast/toast-config';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
export declare class DaffToastService implements OnDestroy {
|
|
11
|
+
private overlay;
|
|
12
|
+
private options;
|
|
13
|
+
private _parentToast;
|
|
14
|
+
private mediaQuery;
|
|
15
|
+
private toastPosition;
|
|
16
|
+
private focusStack;
|
|
17
|
+
private _sub;
|
|
18
|
+
private _toasts;
|
|
19
|
+
private _overlayRef?;
|
|
20
|
+
private _template?;
|
|
21
|
+
constructor(overlay: Overlay, options: DaffToastOptions, _parentToast: DaffToastService, mediaQuery: BreakpointObserver, toastPosition: DaffToastPositionService, focusStack: DaffFocusStackService);
|
|
22
|
+
ngOnDestroy(): void;
|
|
23
|
+
private _attachToastTemplate;
|
|
24
|
+
private _createOverlayRef;
|
|
25
|
+
open(toast: DaffToastData, configuration?: Partial<DaffToastConfiguration>): DaffToast;
|
|
26
|
+
close(toast: DaffToast): void;
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastService, [null, null, { optional: true; skipSelf: true; }, null, null, null]>;
|
|
28
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DaffToastService>;
|
|
29
|
+
}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '../../scss/core';
|
|
3
|
+
@use '../../scss/theming';
|
|
4
|
+
|
|
5
|
+
@mixin daff-toast-theme($theme) {
|
|
6
|
+
$primary: map.get($theme, primary);
|
|
7
|
+
$secondary: map.get($theme, secondary);
|
|
8
|
+
$tertiary: map.get($theme, tertiary);
|
|
9
|
+
$neutral: core.daff-map-deep-get($theme, 'core.neutral');
|
|
10
|
+
$base: core.daff-map-deep-get($theme, 'core.base');
|
|
11
|
+
$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
|
|
12
|
+
$white: core.daff-map-deep-get($theme, 'core.white');
|
|
13
|
+
$black: core.daff-map-deep-get($theme, 'core.black');
|
|
14
|
+
|
|
15
|
+
.daff-toast {
|
|
16
|
+
background: theming.daff-illuminate($base, $neutral, 1);
|
|
17
|
+
box-shadow: 0 -16px 24px -4px rgba($black, 0.04), 0 8px 24px -4px rgba($black, 0.10);
|
|
18
|
+
color: theming.daff-text-contrast($base);
|
|
19
|
+
|
|
20
|
+
&:before {
|
|
21
|
+
background: theming.daff-illuminate($base, $neutral, 4);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&.daff-success {
|
|
25
|
+
background: theming.daff-color(theming.$daff-green, 10);
|
|
26
|
+
color: $black;
|
|
27
|
+
|
|
28
|
+
.daff-prefix {
|
|
29
|
+
color: theming.daff-color(theming.$daff-green, 60);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
&:before {
|
|
33
|
+
background: theming.daff-color(theming.$daff-green, 60);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
&.daff-warn {
|
|
38
|
+
background: theming.daff-color(theming.$daff-bronze, 10);
|
|
39
|
+
color: $black;
|
|
40
|
+
|
|
41
|
+
.daff-prefix {
|
|
42
|
+
color: theming.daff-color(theming.$daff-bronze, 60);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&:before {
|
|
46
|
+
background: theming.daff-color(theming.$daff-bronze, 60);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
&.daff-error {
|
|
51
|
+
background: theming.daff-color(theming.$daff-red, 10);
|
|
52
|
+
color: $black;
|
|
53
|
+
|
|
54
|
+
.daff-prefix {
|
|
55
|
+
color: theming.daff-color(theming.$daff-red, 60);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
&:before {
|
|
59
|
+
background: theming.daff-color(theming.$daff-red, 60);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
2
|
+
import { DaffToast } from '../interfaces/toast';
|
|
3
|
+
import { DaffToastOptions } from '../options/daff-toast-options';
|
|
4
|
+
import { DaffToastPositionService } from '../service/position.service';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class DaffToastTemplateComponent {
|
|
7
|
+
private cd;
|
|
8
|
+
private options;
|
|
9
|
+
private toastPosition;
|
|
10
|
+
faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
11
|
+
private _items;
|
|
12
|
+
constructor(cd: ChangeDetectorRef, options: DaffToastOptions, toastPosition: DaffToastPositionService);
|
|
13
|
+
closeToast: EventEmitter<void>;
|
|
14
|
+
onCloseToast(event: Event): void;
|
|
15
|
+
get slideAnimation(): any;
|
|
16
|
+
get items(): DaffToast[];
|
|
17
|
+
set items(value: DaffToast[]);
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastTemplateComponent, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffToastTemplateComponent, "ng-component", never, { "items": { "alias": "items"; "required": false; }; }, { "closeToast": "closeToast"; }, never, never, false, never>;
|
|
20
|
+
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
|
|
2
|
+
import { ElementRef, Renderer2, AfterViewInit, AfterContentInit, OnDestroy } from '@angular/core';
|
|
3
|
+
import { DaffFocusStackService, DaffPrefixable, DaffPrefixDirective, DaffStatusable } from '@daffodil/design';
|
|
4
|
+
import { DaffToast } from '../interfaces/toast';
|
|
5
|
+
import { DaffToastActionsDirective } from '../toast-actions/toast-actions.directive';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* An _elementRef is needed for the core mixins
|
|
9
|
+
*/
|
|
10
|
+
declare class DaffToastBase {
|
|
11
|
+
_elementRef: ElementRef;
|
|
12
|
+
_renderer: Renderer2;
|
|
13
|
+
constructor(_elementRef: ElementRef, _renderer: Renderer2);
|
|
14
|
+
}
|
|
15
|
+
declare const _daffToastBase: (new (...args: any[]) => {
|
|
16
|
+
_elementRef: ElementRef<any>;
|
|
17
|
+
_renderer: Renderer2;
|
|
18
|
+
}) & (new (...args: any[]) => {
|
|
19
|
+
_status: import("@daffodil/design").DaffStatus;
|
|
20
|
+
status: import("@daffodil/design").DaffStatus;
|
|
21
|
+
_elementRef: ElementRef<any>;
|
|
22
|
+
_renderer: Renderer2;
|
|
23
|
+
}) & typeof DaffToastBase;
|
|
24
|
+
/**
|
|
25
|
+
* DaffToastComponent provides a way to display and
|
|
26
|
+
* communicate information for user actions or system updates.
|
|
27
|
+
*/
|
|
28
|
+
export declare class DaffToastComponent extends _daffToastBase implements DaffPrefixable, DaffStatusable, AfterContentInit, AfterViewInit, OnDestroy {
|
|
29
|
+
private elementRef;
|
|
30
|
+
private renderer;
|
|
31
|
+
private _focusTrapFactory;
|
|
32
|
+
private _focusStack;
|
|
33
|
+
/** @docs-private */
|
|
34
|
+
class: boolean;
|
|
35
|
+
/** @docs-private */
|
|
36
|
+
role: string;
|
|
37
|
+
_actions: DaffToastActionsDirective;
|
|
38
|
+
_prefix: DaffPrefixDirective;
|
|
39
|
+
toast: DaffToast;
|
|
40
|
+
/**
|
|
41
|
+
* @docs-private
|
|
42
|
+
*/
|
|
43
|
+
onEscape(): void;
|
|
44
|
+
private _focusTrap;
|
|
45
|
+
constructor(elementRef: ElementRef, renderer: Renderer2, _focusTrapFactory: ConfigurableFocusTrapFactory, _focusStack: DaffFocusStackService);
|
|
46
|
+
ngAfterContentInit(): void;
|
|
47
|
+
ngAfterViewInit(): void;
|
|
48
|
+
ngOnDestroy(): void;
|
|
49
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastComponent, never>;
|
|
50
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffToastComponent, "daff-toast", never, { "status": { "alias": "status"; "required": false; }; "toast": { "alias": "toast"; "required": false; }; }, {}, ["_actions", "_prefix"], ["[daffPrefix]", "[daffToastTitle]", "[daffToastMessage]", "[daffToastActions]", "*"], false, never>;
|
|
51
|
+
}
|
|
52
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class DaffToastActionsDirective {
|
|
3
|
+
class: boolean;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastActionsDirective, never>;
|
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffToastActionsDirective, "[daffToastActions]", never, {}, {}, never, never, false, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class DaffToastMessageDirective {
|
|
3
|
+
class: boolean;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastMessageDirective, never>;
|
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffToastMessageDirective, "[daffToastMessage]", never, {}, {}, never, never, false, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class DaffToastTitleDirective {
|
|
3
|
+
class: boolean;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastTitleDirective, never>;
|
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffToastTitleDirective, "[daffToastTitle]", never, {}, {}, never, never, false, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./toast/toast.component";
|
|
3
|
+
import * as i2 from "./toast-actions/toast-actions.directive";
|
|
4
|
+
import * as i3 from "./toast-title/toast-title.directive";
|
|
5
|
+
import * as i4 from "./toast-message/toast-message.directive";
|
|
6
|
+
import * as i5 from "./toast/toast-template.component";
|
|
7
|
+
import * as i6 from "@angular/common";
|
|
8
|
+
import * as i7 from "@daffodil/design";
|
|
9
|
+
import * as i8 from "@daffodil/design/button";
|
|
10
|
+
import * as i9 from "@fortawesome/angular-fontawesome";
|
|
11
|
+
import * as i10 from "@angular/cdk/portal";
|
|
12
|
+
import * as i11 from "@angular/cdk/overlay";
|
|
13
|
+
export declare class DaffToastModule {
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastModule, never>;
|
|
15
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffToastModule, [typeof i1.DaffToastComponent, typeof i2.DaffToastActionsDirective, typeof i3.DaffToastTitleDirective, typeof i4.DaffToastMessageDirective, typeof i5.DaffToastTemplateComponent], [typeof i6.CommonModule, typeof i7.DaffPrefixSuffixModule, typeof i8.DaffButtonModule, typeof i9.FontAwesomeModule, typeof i10.PortalModule, typeof i11.OverlayModule], [typeof i1.DaffToastComponent, typeof i2.DaffToastActionsDirective, typeof i3.DaffToastTitleDirective, typeof i4.DaffToastMessageDirective, typeof i7.DaffPrefixSuffixModule]>;
|
|
16
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DaffToastModule>;
|
|
17
|
+
}
|