@daffodil/design 0.68.0 → 0.69.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/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/public_api.mjs +1 -2
- package/esm2022/sidebar/public_api.mjs +2 -1
- package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +12 -4
- package/esm2022/sidebar/sidebar-viewport-backdrop/animation/backdrop-animation-state.mjs +2 -0
- package/esm2022/sidebar/sidebar-viewport-backdrop/animation/backdrop-animation.mjs +20 -0
- package/esm2022/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.mjs +91 -0
- package/esm2022/sidebar/sidebar.module.mjs +10 -9
- 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/esm2022/tree/examples/basic-tree/basic-tree.component.mjs +1 -1
- package/esm2022/tree/interfaces/tree-render-mode.mjs +2 -0
- package/esm2022/tree/public_api.mjs +2 -1
- package/esm2022/tree/tree/tree.component.mjs +43 -36
- package/esm2022/tree/utils/flatten-tree.mjs +26 -14
- package/esm2022/tree/utils/transform.mjs +25 -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-sidebar.mjs +131 -14
- package/fesm2022/daffodil-design-sidebar.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/fesm2022/daffodil-design-tree-examples.mjs +1 -1
- package/fesm2022/daffodil-design-tree-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +92 -48
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +1 -125
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/loading-icon/src/loading-icon-theme.scss +24 -8
- package/navbar/README.md +1 -1
- package/package.json +1 -1
- package/public_api.d.ts +0 -1
- package/scss/theme.scss +2 -0
- package/sidebar/public_api.d.ts +1 -0
- package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +3 -2
- package/sidebar/sidebar-viewport-backdrop/animation/backdrop-animation-state.d.ts +2 -0
- package/{molecules/backdrop → sidebar/sidebar-viewport-backdrop}/animation/backdrop-animation.d.ts +1 -1
- package/{molecules/backdrop/backdrop/backdrop.component.d.ts → sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.d.ts} +5 -5
- package/sidebar/sidebar.module.d.ts +4 -4
- 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
- package/tree/README.md +1 -3
- package/tree/interfaces/tree-render-mode.d.ts +6 -0
- package/tree/public_api.d.ts +2 -0
- package/tree/tree/tree.component.d.ts +33 -11
- package/tree/utils/flatten-tree.d.ts +2 -1
- package/tree/utils/transform.d.ts +13 -0
- package/esm2022/molecules/backdrop/animation/backdrop-animation-state.mjs +0 -2
- package/esm2022/molecules/backdrop/animation/backdrop-animation.mjs +0 -20
- package/esm2022/molecules/backdrop/backdrop/backdrop.component.mjs +0 -87
- package/esm2022/molecules/backdrop/backdrop.module.mjs +0 -24
- package/esm2022/molecules/backdrop/public_api.mjs +0 -3
- package/molecules/backdrop/animation/backdrop-animation-state.d.ts +0 -2
- package/molecules/backdrop/backdrop.module.d.ts +0 -8
- package/molecules/backdrop/public_api.d.ts +0 -2
@@ -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
|
+
}
|
package/tree/README.md
CHANGED
@@ -1,5 +1,4 @@
|
|
1
1
|
# Tree
|
2
|
-
|
3
2
|
Trees are used to visualize hierarchial information. They are often used to display navigational structures like nested lists of links.
|
4
3
|
|
5
4
|
## Overview
|
@@ -11,10 +10,9 @@ Instead of defining a recursive tree structure of components, which is often pro
|
|
11
10
|
Generally, tree usage consists of taking existing tree data, converting it to the `DaffTreeData` format, setting the `tree` input on the `DaffTreeComponent`, and providing templates for the cases where the tree element has children or not.
|
12
11
|
|
13
12
|
## Features
|
14
|
-
|
15
13
|
The `DaffTreeComponent` controls the rendering of the structure of the tree and provides template slots so that you can control the ultimate UI rendered for each node.
|
16
14
|
|
17
|
-
Currently, we support two kind of templates `daffTreeItemWithChildrenTpl` and `daffTreeItemTpl`. These templates allow you to control the content of each tree node. In the case of `daffTreeItemWithChildrenTpl
|
15
|
+
Currently, we support two kind of templates: `daffTreeItemWithChildrenTpl` and `daffTreeItemTpl`. These templates allow you to control the content of each tree node. In the case of `daffTreeItemWithChildrenTpl`, a `click` handler will be automatically applied (along with an icon indicating the expanded state) to the template to allow users to automatically open and close the node.
|
18
16
|
|
19
17
|
```html
|
20
18
|
<ng-template #daffTreeItemWithChildrenTpl let-node>
|
@@ -0,0 +1,6 @@
|
|
1
|
+
/**
|
2
|
+
* Represents the mode of rendering for nodes in a tree UI.
|
3
|
+
* - 'in-dom': Closed nodes are present in the Document Object Model (DOM).
|
4
|
+
* - 'not-in-dom': Closed nodes are not present in the Document Object Model (DOM).
|
5
|
+
*/
|
6
|
+
export type DaffTreeRenderMode = 'in-dom' | 'not-in-dom';
|
package/tree/public_api.d.ts
CHANGED
@@ -4,3 +4,5 @@ export { DaffTreeItemDirective } from './tree-item/tree-item.directive';
|
|
4
4
|
export { DaffTreeData } from './interfaces/tree-data';
|
5
5
|
export { DaffTreeUi } from './interfaces/tree-ui';
|
6
6
|
export { daffTransformTreeInPlace } from './utils/transform-in-place';
|
7
|
+
export { daffTransformTree } from './utils/transform';
|
8
|
+
export { DaffTreeRenderMode } from './interfaces/tree-render-mode';
|
@@ -1,8 +1,21 @@
|
|
1
|
-
import { OnInit, TemplateRef } from '@angular/core';
|
1
|
+
import { ElementRef, OnChanges, OnInit, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
|
2
2
|
import { DaffTreeNotifierService } from './tree-notifier.service';
|
3
3
|
import { DaffTreeData } from '../interfaces/tree-data';
|
4
|
+
import { DaffTreeRenderMode } from '../interfaces/tree-render-mode';
|
4
5
|
import { DaffTreeFlatNode } from '../utils/flatten-tree';
|
5
6
|
import * as i0 from "@angular/core";
|
7
|
+
/**
|
8
|
+
* An _elementRef and an instance of renderer2 are needed for the list mixins
|
9
|
+
*/
|
10
|
+
declare class DaffTreeBase {
|
11
|
+
_elementRef: ElementRef;
|
12
|
+
_renderer: Renderer2;
|
13
|
+
constructor(_elementRef: ElementRef, _renderer: Renderer2);
|
14
|
+
}
|
15
|
+
declare const _daffTreeBase: (new (...args: any[]) => {
|
16
|
+
_elementRef: ElementRef<any>;
|
17
|
+
_renderer: Renderer2;
|
18
|
+
}) & typeof DaffTreeBase;
|
6
19
|
/**
|
7
20
|
* The `DaffTreeComponent` allows you to render tree structures as interactable ui.
|
8
21
|
*
|
@@ -23,32 +36,39 @@ import * as i0 from "@angular/core";
|
|
23
36
|
* where `tree` is a {@link DaffTreeData}.
|
24
37
|
*
|
25
38
|
*/
|
26
|
-
export declare class DaffTreeComponent implements OnInit {
|
39
|
+
export declare class DaffTreeComponent extends _daffTreeBase implements OnInit, OnChanges {
|
27
40
|
private notifier;
|
41
|
+
private elementRef;
|
42
|
+
private renderer;
|
28
43
|
/**
|
29
44
|
* The css class of the daff-tree.
|
30
45
|
*
|
31
46
|
* @docs-private
|
32
47
|
*/
|
33
48
|
class: boolean;
|
49
|
+
/**
|
50
|
+
* The rendering mode for nodes in the tree.
|
51
|
+
*
|
52
|
+
* Default value is 'in-dom', which means nodes are present in the DOM.
|
53
|
+
*
|
54
|
+
* Generally, `not-in-dom` is faster as there are less DOM elements to render,
|
55
|
+
* but there may be use-cases (like SEO) where having the tree in the DOM
|
56
|
+
* is relevant.
|
57
|
+
*/
|
58
|
+
renderMode: DaffTreeRenderMode;
|
34
59
|
/**
|
35
60
|
* The internal tree element.
|
36
61
|
*/
|
37
|
-
private
|
62
|
+
private _tree;
|
38
63
|
/**
|
39
64
|
* The flattened tree data. You can iterate through this if you want to inspect
|
40
65
|
* the resulting array structure we computed to render the tree.
|
41
66
|
*/
|
42
67
|
flatTree: DaffTreeFlatNode[];
|
43
|
-
/**
|
44
|
-
* @docs-private
|
45
|
-
*/
|
46
|
-
private _dataTree;
|
47
68
|
/**
|
48
69
|
* The tree data you would like to render.
|
49
70
|
*/
|
50
|
-
|
51
|
-
set dataTree(dataTree: DaffTreeData<unknown>);
|
71
|
+
tree: DaffTreeData<unknown>;
|
52
72
|
/**
|
53
73
|
* The template used to render tree-nodes that themselves have children.
|
54
74
|
*
|
@@ -61,7 +81,8 @@ export declare class DaffTreeComponent implements OnInit {
|
|
61
81
|
* @docs-private
|
62
82
|
*/
|
63
83
|
treeItemTemplate: TemplateRef<any>;
|
64
|
-
constructor(notifier: DaffTreeNotifierService);
|
84
|
+
constructor(notifier: DaffTreeNotifierService, elementRef: ElementRef, renderer: Renderer2);
|
85
|
+
ngOnChanges(changes: SimpleChanges): void;
|
65
86
|
/**
|
66
87
|
* The track-by function used to reduce tree-item re-renders
|
67
88
|
*/
|
@@ -71,5 +92,6 @@ export declare class DaffTreeComponent implements OnInit {
|
|
71
92
|
*/
|
72
93
|
ngOnInit(): void;
|
73
94
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffTreeComponent, never>;
|
74
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffTreeComponent, "ul[daff-tree]", never, { "
|
95
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffTreeComponent, "ul[daff-tree]", never, { "renderMode": { "alias": "renderMode"; "required": false; }; "tree": { "alias": "tree"; "required": false; }; }, {}, ["withChildrenTemplate", "treeItemTemplate"], never, false, never>;
|
75
96
|
}
|
97
|
+
export {};
|
@@ -10,10 +10,11 @@ export interface DaffTreeFlatNode {
|
|
10
10
|
level: number;
|
11
11
|
hasChildren: boolean;
|
12
12
|
data: unknown;
|
13
|
+
visible: boolean;
|
13
14
|
_treeRef: DaffTreeUi<unknown>;
|
14
15
|
}
|
15
16
|
/**
|
16
17
|
* Flatten a DaffTreeUi<unknown> into an array, removing elements from the array
|
17
18
|
* below nodes in the tree that are not open.
|
18
19
|
*/
|
19
|
-
export declare const flattenTree: (daffUiTree: DaffTreeUi<unknown
|
20
|
+
export declare const flattenTree: (daffUiTree: DaffTreeUi<unknown>, removeNodes?: boolean) => DaffTreeFlatNode[];
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { RecursiveTreeKeyOfType } from '../interfaces/recursive-key';
|
2
|
+
import { DaffTreeData } from '../interfaces/tree-data';
|
3
|
+
/**
|
4
|
+
* Transform a tree-like structure into a {@link DaffTreeData}.
|
5
|
+
*
|
6
|
+
* @param tree - The data structure representing tree-like data.
|
7
|
+
* @param transformFn - A user-supplied function that will transform the user
|
8
|
+
* type into a {@link DaffTreeData}
|
9
|
+
* @param key - The property of the your tree that indicates which
|
10
|
+
* key contains the "children" of your tree structure.
|
11
|
+
*
|
12
|
+
*/
|
13
|
+
export declare const daffTransformTree: <T extends Record<any, any>, V>(tree: T, transformFn: (type: T) => DaffTreeData<V>, key: keyof { [P in keyof T as T[P] extends T[] ? P : never]: T[]; }) => DaffTreeData<V>;
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export const getAnimationState = (interactable) => interactable ? 'interactable' : 'non-interactable';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AtYW5pbWF0aW9uLXN0YXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9iYWNrZHJvcC9hbmltYXRpb24vYmFja2Ryb3AtYW5pbWF0aW9uLXN0YXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLENBQUMsWUFBcUIsRUFBNkIsRUFBRSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIERhZmZCYWNrZHJvcEFuaW1hdGlvblN0YXRlID0gJ2ludGVyYWN0YWJsZScgfCAnbm9uLWludGVyYWN0YWJsZSc7XG5leHBvcnQgY29uc3QgZ2V0QW5pbWF0aW9uU3RhdGUgPSAoaW50ZXJhY3RhYmxlOiBib29sZWFuKTogRGFmZkJhY2tkcm9wQW5pbWF0aW9uU3RhdGU9PiBpbnRlcmFjdGFibGUgPyAnaW50ZXJhY3RhYmxlJyA6ICdub24taW50ZXJhY3RhYmxlJztcbiJdfQ==
|
@@ -1,20 +0,0 @@
|
|
1
|
-
import { animate, state, style, transition, trigger, } from '@angular/animations';
|
2
|
-
const animationDuration = '350ms';
|
3
|
-
const backdropTransitionOut = 'cubic-bezier(0.4, 0.0, 1, 1)';
|
4
|
-
const backdropTransitionIn = 'cubic-bezier(0.0, 0.0, 0.2, 1)';
|
5
|
-
export const daffBackdropAnimations = {
|
6
|
-
fadeBackdrop: trigger('fadeBackdrop', [
|
7
|
-
state('interactable', style({ opacity: 1 })),
|
8
|
-
state('non-interactable', style({ opacity: 0 })),
|
9
|
-
transition('interactable => non-interactable', animate(animationDuration + ' ' + backdropTransitionOut)),
|
10
|
-
transition('non-interactable => interactable', animate(animationDuration + ' ' + backdropTransitionIn)),
|
11
|
-
transition(':enter', [
|
12
|
-
style({ opacity: 0 }),
|
13
|
-
animate(animationDuration + ' ' + backdropTransitionIn, style({ opacity: 1 })),
|
14
|
-
]),
|
15
|
-
transition(':leave', [
|
16
|
-
animate(animationDuration + ' ' + backdropTransitionOut, style({ opacity: 0 })),
|
17
|
-
]),
|
18
|
-
]),
|
19
|
-
};
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AtYW5pbWF0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9iYWNrZHJvcC9hbmltYXRpb24vYmFja2Ryb3AtYW5pbWF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxPQUFPLEVBQ1AsS0FBSyxFQUNMLEtBQUssRUFDTCxVQUFVLEVBQ1YsT0FBTyxHQUVSLE1BQU0scUJBQXFCLENBQUM7QUFFN0IsTUFBTSxpQkFBaUIsR0FBRyxPQUFPLENBQUM7QUFDbEMsTUFBTSxxQkFBcUIsR0FBRyw4QkFBOEIsQ0FBQztBQUM3RCxNQUFNLG9CQUFvQixHQUFHLGdDQUFnQyxDQUFDO0FBRTlELE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUUvQjtJQUNGLFlBQVksRUFBRSxPQUFPLENBQUMsY0FBYyxFQUFFO1FBQ3BDLEtBQUssQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDNUMsS0FBSyxDQUFDLGtCQUFrQixFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2hELFVBQVUsQ0FBQyxrQ0FBa0MsRUFBRSxPQUFPLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxHQUFHLHFCQUFxQixDQUFDLENBQUM7UUFDeEcsVUFBVSxDQUFDLGtDQUFrQyxFQUFFLE9BQU8sQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLEdBQUcsb0JBQW9CLENBQUMsQ0FBQztRQUN2RyxVQUFVLENBQUMsUUFBUSxFQUFFO1lBQ25CLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUNyQixPQUFPLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxHQUFHLG9CQUFvQixFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1NBQy9FLENBQUM7UUFDRixVQUFVLENBQUMsUUFBUSxFQUFFO1lBQ25CLE9BQU8sQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLEdBQUcscUJBQXFCLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7U0FDaEYsQ0FBQztLQUNILENBQUM7Q0FDSCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgYW5pbWF0ZSxcbiAgc3RhdGUsXG4gIHN0eWxlLFxuICB0cmFuc2l0aW9uLFxuICB0cmlnZ2VyLFxuICBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGEsXG59IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5jb25zdCBhbmltYXRpb25EdXJhdGlvbiA9ICczNTBtcyc7XG5jb25zdCBiYWNrZHJvcFRyYW5zaXRpb25PdXQgPSAnY3ViaWMtYmV6aWVyKDAuNCwgMC4wLCAxLCAxKSc7XG5jb25zdCBiYWNrZHJvcFRyYW5zaXRpb25JbiA9ICdjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMiwgMSknO1xuXG5leHBvcnQgY29uc3QgZGFmZkJhY2tkcm9wQW5pbWF0aW9uczoge1xuICByZWFkb25seSBmYWRlQmFja2Ryb3A6IEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YTtcbn0gPSB7XG4gIGZhZGVCYWNrZHJvcDogdHJpZ2dlcignZmFkZUJhY2tkcm9wJywgW1xuICAgIHN0YXRlKCdpbnRlcmFjdGFibGUnLCBzdHlsZSh7IG9wYWNpdHk6IDEgfSkpLFxuICAgIHN0YXRlKCdub24taW50ZXJhY3RhYmxlJywgc3R5bGUoeyBvcGFjaXR5OiAwIH0pKSxcbiAgICB0cmFuc2l0aW9uKCdpbnRlcmFjdGFibGUgPT4gbm9uLWludGVyYWN0YWJsZScsIGFuaW1hdGUoYW5pbWF0aW9uRHVyYXRpb24gKyAnICcgKyBiYWNrZHJvcFRyYW5zaXRpb25PdXQpKSxcbiAgICB0cmFuc2l0aW9uKCdub24taW50ZXJhY3RhYmxlID0+IGludGVyYWN0YWJsZScsIGFuaW1hdGUoYW5pbWF0aW9uRHVyYXRpb24gKyAnICcgKyBiYWNrZHJvcFRyYW5zaXRpb25JbikpLFxuICAgIHRyYW5zaXRpb24oJzplbnRlcicsIFtcbiAgICAgIHN0eWxlKHsgb3BhY2l0eTogMCB9KSxcbiAgICAgIGFuaW1hdGUoYW5pbWF0aW9uRHVyYXRpb24gKyAnICcgKyBiYWNrZHJvcFRyYW5zaXRpb25Jbiwgc3R5bGUoeyBvcGFjaXR5OiAxIH0pKSxcbiAgICBdKSxcbiAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbXG4gICAgICBhbmltYXRlKGFuaW1hdGlvbkR1cmF0aW9uICsgJyAnICsgYmFja2Ryb3BUcmFuc2l0aW9uT3V0LCBzdHlsZSh7IG9wYWNpdHk6IDAgfSkpLFxuICAgIF0pLFxuICBdKSxcbn07XG4iXX0=
|
@@ -1,87 +0,0 @@
|
|
1
|
-
import { Component, Output, EventEmitter, Input, ChangeDetectionStrategy, HostListener, HostBinding, } from '@angular/core';
|
2
|
-
import { daffBackdropAnimations } from '../animation/backdrop-animation';
|
3
|
-
import { getAnimationState } from '../animation/backdrop-animation-state';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
export class DaffBackdropComponent {
|
6
|
-
constructor() {
|
7
|
-
/**
|
8
|
-
* Determines whether or not the backdrop is transparent.
|
9
|
-
*/
|
10
|
-
// eslint-disable-next-line @typescript-eslint/no-inferrable-types
|
11
|
-
this.transparent = false;
|
12
|
-
/**
|
13
|
-
* Determines whether or not the backdrop is interactable.
|
14
|
-
*/
|
15
|
-
this.interactable = true;
|
16
|
-
/**
|
17
|
-
* Boolean property that determines whether or not the
|
18
|
-
* backdrop should fill up its containing window.
|
19
|
-
*/
|
20
|
-
// eslint-disable-next-line @typescript-eslint/no-inferrable-types
|
21
|
-
this.fullscreen = false;
|
22
|
-
/**
|
23
|
-
* Output event triggered when the backdrop is clicked.
|
24
|
-
*/
|
25
|
-
this.backdropClicked = new EventEmitter();
|
26
|
-
this.interactableClass = true;
|
27
|
-
}
|
28
|
-
ngOnInit() {
|
29
|
-
this.interactableClass = this.interactable;
|
30
|
-
}
|
31
|
-
/**
|
32
|
-
* Animation hook for that controls the backdrops
|
33
|
-
* entrance and fade animations.
|
34
|
-
*/
|
35
|
-
get fadeBackdropTrigger() {
|
36
|
-
return getAnimationState(this.interactable);
|
37
|
-
}
|
38
|
-
animationDone(e) {
|
39
|
-
this.interactableClass = !(e.toState === ':leave' || e.toState === 'non-interactable');
|
40
|
-
}
|
41
|
-
animationStart(e) {
|
42
|
-
if (e.toState === ':enter' || e.toState === 'interactable') {
|
43
|
-
this.interactableClass = true;
|
44
|
-
}
|
45
|
-
}
|
46
|
-
/**
|
47
|
-
* @deprecated
|
48
|
-
* Backdrop event that triggers when the backdrop element is clicked.
|
49
|
-
*/
|
50
|
-
onBackdropClicked() {
|
51
|
-
this.backdropClicked.emit();
|
52
|
-
}
|
53
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
54
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffBackdropComponent, selector: "daff-backdrop", inputs: { transparent: "transparent", interactable: "interactable", fullscreen: "fullscreen" }, outputs: { backdropClicked: "backdropClicked" }, host: { listeners: { "@fadeBackdrop.done": "animationDone($event)", "@fadeBackdrop.start": "animationStart($event)", "click": "onBackdropClicked()" }, properties: { "class.interactable": "this.interactableClass", "@fadeBackdrop": "this.fadeBackdropTrigger" } }, ngImport: i0, template: "<div class=\"daff-backdrop\" [class.daff-backdrop--fullscreen]=\"fullscreen\" [class.daff-backdrop--transparent]=\"transparent\"></div>\n", styles: [":host{display:block;-webkit-tap-highlight-color:rgba(0,0,0,0);visibility:hidden;pointer-events:none}:host.interactable{visibility:visible;pointer-events:all;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.daff-backdrop{background:#0000004d;height:100%;width:100%}.daff-backdrop--transparent{background:none}.daff-backdrop:focus,.daff-backdrop:active,.daff-backdrop:visited{outline:0}.daff-backdrop--fullscreen{position:absolute}\n"], animations: [
|
55
|
-
daffBackdropAnimations.fadeBackdrop,
|
56
|
-
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
57
|
-
}
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropComponent, decorators: [{
|
59
|
-
type: Component,
|
60
|
-
args: [{ selector: 'daff-backdrop', animations: [
|
61
|
-
daffBackdropAnimations.fadeBackdrop,
|
62
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"daff-backdrop\" [class.daff-backdrop--fullscreen]=\"fullscreen\" [class.daff-backdrop--transparent]=\"transparent\"></div>\n", styles: [":host{display:block;-webkit-tap-highlight-color:rgba(0,0,0,0);visibility:hidden;pointer-events:none}:host.interactable{visibility:visible;pointer-events:all;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.daff-backdrop{background:#0000004d;height:100%;width:100%}.daff-backdrop--transparent{background:none}.daff-backdrop:focus,.daff-backdrop:active,.daff-backdrop:visited{outline:0}.daff-backdrop--fullscreen{position:absolute}\n"] }]
|
63
|
-
}], propDecorators: { transparent: [{
|
64
|
-
type: Input
|
65
|
-
}], interactable: [{
|
66
|
-
type: Input
|
67
|
-
}], fullscreen: [{
|
68
|
-
type: Input
|
69
|
-
}], backdropClicked: [{
|
70
|
-
type: Output
|
71
|
-
}], interactableClass: [{
|
72
|
-
type: HostBinding,
|
73
|
-
args: ['class.interactable']
|
74
|
-
}], fadeBackdropTrigger: [{
|
75
|
-
type: HostBinding,
|
76
|
-
args: ['@fadeBackdrop']
|
77
|
-
}], animationDone: [{
|
78
|
-
type: HostListener,
|
79
|
-
args: ['@fadeBackdrop.done', ['$event']]
|
80
|
-
}], animationStart: [{
|
81
|
-
type: HostListener,
|
82
|
-
args: ['@fadeBackdrop.start', ['$event']]
|
83
|
-
}], onBackdropClicked: [{
|
84
|
-
type: HostListener,
|
85
|
-
args: ['click']
|
86
|
-
}] } });
|
87
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9iYWNrZHJvcC9iYWNrZHJvcC9iYWNrZHJvcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL2JhY2tkcm9wL2JhY2tkcm9wL2JhY2tkcm9wLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsTUFBTSxFQUNOLFlBQVksRUFDWixLQUFLLEVBQ0wsdUJBQXVCLEVBQ3ZCLFlBQVksRUFDWixXQUFXLEdBR1osTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDekUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7O0FBVzFFLE1BQU0sT0FBTyxxQkFBcUI7SUFUbEM7UUFXRTs7V0FFRztRQUNILGtFQUFrRTtRQUN6RCxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUV0Qzs7V0FFRztRQUNNLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBRTdCOzs7V0FHRztRQUNILGtFQUFrRTtRQUN6RCxlQUFVLEdBQVksS0FBSyxDQUFDO1FBRXJDOztXQUVHO1FBQ08sb0JBQWUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUV0QyxzQkFBaUIsR0FBRyxJQUFJLENBQUM7S0FrQzdEO0lBaENDLFFBQVE7UUFDTixJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQztJQUM3QyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsSUFBa0MsbUJBQW1CO1FBQ25ELE9BQU8saUJBQWlCLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFHRCxhQUFhLENBQUMsQ0FBaUI7UUFDOUIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxLQUFLLFFBQVEsSUFBSSxDQUFDLENBQUMsT0FBTyxLQUFLLGtCQUFrQixDQUFDLENBQUM7SUFDeEYsQ0FBQztJQUdELGNBQWMsQ0FBQyxDQUFpQjtRQUMvQixJQUFHLENBQUMsQ0FBQyxPQUFPLEtBQUssUUFBUSxJQUFJLENBQUMsQ0FBQyxPQUFPLEtBQUssY0FBYyxFQUFDO1lBQ3hELElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUM7U0FDL0I7SUFDRixDQUFDO0lBRUQ7OztPQUdHO0lBRUgsaUJBQWlCO1FBQ2hCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQztpSUExRFUscUJBQXFCO3FIQUFyQixxQkFBcUIsNGNDekJsQywySUFDQSwrZkRtQmM7WUFDVixzQkFBc0IsQ0FBQyxZQUFZO1NBQ3BDOzsyRkFHVSxxQkFBcUI7a0JBVGpDLFNBQVM7K0JBQ0UsZUFBZSxjQUdiO3dCQUNWLHNCQUFzQixDQUFDLFlBQVk7cUJBQ3BDLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNOzhCQVF0QyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBT0csVUFBVTtzQkFBbEIsS0FBSztnQkFLSSxlQUFlO3NCQUF4QixNQUFNO2dCQUU0QixpQkFBaUI7c0JBQW5ELFdBQVc7dUJBQUMsb0JBQW9CO2dCQVVDLG1CQUFtQjtzQkFBcEQsV0FBVzt1QkFBQyxlQUFlO2dCQUs1QixhQUFhO3NCQURaLFlBQVk7dUJBQUMsb0JBQW9CLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBTTlDLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxxQkFBcUIsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFZL0MsaUJBQWlCO3NCQURoQixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmltYXRpb25FdmVudCB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBIb3N0TGlzdGVuZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBFbGVtZW50UmVmLFxuICBPbkluaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBkYWZmQmFja2Ryb3BBbmltYXRpb25zIH0gZnJvbSAnLi4vYW5pbWF0aW9uL2JhY2tkcm9wLWFuaW1hdGlvbic7XG5pbXBvcnQgeyBnZXRBbmltYXRpb25TdGF0ZSB9IGZyb20gJy4uL2FuaW1hdGlvbi9iYWNrZHJvcC1hbmltYXRpb24tc3RhdGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLWJhY2tkcm9wJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JhY2tkcm9wLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFja2Ryb3AuY29tcG9uZW50LnNjc3MnXSxcbiAgYW5pbWF0aW9uczogW1xuICAgIGRhZmZCYWNrZHJvcEFuaW1hdGlvbnMuZmFkZUJhY2tkcm9wLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkJhY2tkcm9wQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAvKipcbiAgICogRGV0ZXJtaW5lcyB3aGV0aGVyIG9yIG5vdCB0aGUgYmFja2Ryb3AgaXMgdHJhbnNwYXJlbnQuXG4gICAqL1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWluZmVycmFibGUtdHlwZXNcbiAgQElucHV0KCkgdHJhbnNwYXJlbnQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRGV0ZXJtaW5lcyB3aGV0aGVyIG9yIG5vdCB0aGUgYmFja2Ryb3AgaXMgaW50ZXJhY3RhYmxlLlxuICAgKi9cbiAgQElucHV0KCkgaW50ZXJhY3RhYmxlID0gdHJ1ZTtcblxuICAvKipcbiAgICogQm9vbGVhbiBwcm9wZXJ0eSB0aGF0IGRldGVybWluZXMgd2hldGhlciBvciBub3QgdGhlXG4gICAqIGJhY2tkcm9wIHNob3VsZCBmaWxsIHVwIGl0cyBjb250YWluaW5nIHdpbmRvdy5cbiAgICovXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8taW5mZXJyYWJsZS10eXBlc1xuICBASW5wdXQoKSBmdWxsc2NyZWVuOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIE91dHB1dCBldmVudCB0cmlnZ2VyZWQgd2hlbiB0aGUgYmFja2Ryb3AgaXMgY2xpY2tlZC5cbiAgICovXG4gIEBPdXRwdXQoKSBiYWNrZHJvcENsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmludGVyYWN0YWJsZScpIGludGVyYWN0YWJsZUNsYXNzID0gdHJ1ZTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmludGVyYWN0YWJsZUNsYXNzID0gdGhpcy5pbnRlcmFjdGFibGU7XG4gIH1cblxuICAvKipcbiAgICogQW5pbWF0aW9uIGhvb2sgZm9yIHRoYXQgY29udHJvbHMgdGhlIGJhY2tkcm9wc1xuICAgKiBlbnRyYW5jZSBhbmQgZmFkZSBhbmltYXRpb25zLlxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdAZmFkZUJhY2tkcm9wJykgZ2V0IGZhZGVCYWNrZHJvcFRyaWdnZXIoKSB7XG4gICAgcmV0dXJuIGdldEFuaW1hdGlvblN0YXRlKHRoaXMuaW50ZXJhY3RhYmxlKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ0BmYWRlQmFja2Ryb3AuZG9uZScsIFsnJGV2ZW50J10pXG4gIGFuaW1hdGlvbkRvbmUoZTogQW5pbWF0aW9uRXZlbnQpIHtcblx0ICB0aGlzLmludGVyYWN0YWJsZUNsYXNzID0gIShlLnRvU3RhdGUgPT09ICc6bGVhdmUnIHx8IGUudG9TdGF0ZSA9PT0gJ25vbi1pbnRlcmFjdGFibGUnKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ0BmYWRlQmFja2Ryb3Auc3RhcnQnLCBbJyRldmVudCddKVxuICBhbmltYXRpb25TdGFydChlOiBBbmltYXRpb25FdmVudCkge1xuXHQgIGlmKGUudG9TdGF0ZSA9PT0gJzplbnRlcicgfHwgZS50b1N0YXRlID09PSAnaW50ZXJhY3RhYmxlJyl7XG5cdCAgICB0aGlzLmludGVyYWN0YWJsZUNsYXNzID0gdHJ1ZTtcblx0ICB9XG4gIH1cblxuICAvKipcbiAgICogQGRlcHJlY2F0ZWRcbiAgICogQmFja2Ryb3AgZXZlbnQgdGhhdCB0cmlnZ2VycyB3aGVuIHRoZSBiYWNrZHJvcCBlbGVtZW50IGlzIGNsaWNrZWQuXG4gICAqL1xuICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gIG9uQmFja2Ryb3BDbGlja2VkKCk6IHZvaWQge1xuXHQgIHRoaXMuYmFja2Ryb3BDbGlja2VkLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImRhZmYtYmFja2Ryb3BcIiBbY2xhc3MuZGFmZi1iYWNrZHJvcC0tZnVsbHNjcmVlbl09XCJmdWxsc2NyZWVuXCIgW2NsYXNzLmRhZmYtYmFja2Ryb3AtLXRyYW5zcGFyZW50XT1cInRyYW5zcGFyZW50XCI+PC9kaXY+XG4iXX0=
|
@@ -1,24 +0,0 @@
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
2
|
-
import { NgModule } from '@angular/core';
|
3
|
-
import { DaffBackdropComponent } from './backdrop/backdrop.component';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
export class DaffBackdropModule {
|
6
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
7
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropModule, declarations: [DaffBackdropComponent], imports: [CommonModule], exports: [DaffBackdropComponent] }); }
|
8
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropModule, imports: [CommonModule] }); }
|
9
|
-
}
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropModule, decorators: [{
|
11
|
-
type: NgModule,
|
12
|
-
args: [{
|
13
|
-
imports: [
|
14
|
-
CommonModule,
|
15
|
-
],
|
16
|
-
declarations: [
|
17
|
-
DaffBackdropComponent,
|
18
|
-
],
|
19
|
-
exports: [
|
20
|
-
DaffBackdropComponent,
|
21
|
-
],
|
22
|
-
}]
|
23
|
-
}] });
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9iYWNrZHJvcC9iYWNrZHJvcC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sK0JBQStCLENBQUM7O0FBYXRFLE1BQU0sT0FBTyxrQkFBa0I7aUlBQWxCLGtCQUFrQjtrSUFBbEIsa0JBQWtCLGlCQU4zQixxQkFBcUIsYUFIckIsWUFBWSxhQU1aLHFCQUFxQjtrSUFHWixrQkFBa0IsWUFUM0IsWUFBWTs7MkZBU0gsa0JBQWtCO2tCQVg5QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELFlBQVksRUFBRTt3QkFDWixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxxQkFBcUI7cUJBQ3RCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERhZmZCYWNrZHJvcENvbXBvbmVudCB9IGZyb20gJy4vYmFja2Ryb3AvYmFja2Ryb3AuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRGFmZkJhY2tkcm9wQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRGFmZkJhY2tkcm9wQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmQmFja2Ryb3BNb2R1bGUgeyB9XG4iXX0=
|
@@ -1,3 +0,0 @@
|
|
1
|
-
export * from './backdrop/backdrop.component';
|
2
|
-
export { DaffBackdropModule } from './backdrop.module';
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvYmFja2Ryb3AvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLCtCQUErQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9iYWNrZHJvcC9iYWNrZHJvcC5jb21wb25lbnQnO1xuZXhwb3J0IHsgRGFmZkJhY2tkcm9wTW9kdWxlIH0gZnJvbSAnLi9iYWNrZHJvcC5tb2R1bGUnO1xuIl19
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as i0 from "@angular/core";
|
2
|
-
import * as i1 from "./backdrop/backdrop.component";
|
3
|
-
import * as i2 from "@angular/common";
|
4
|
-
export declare class DaffBackdropModule {
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DaffBackdropModule, never>;
|
6
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffBackdropModule, [typeof i1.DaffBackdropComponent], [typeof i2.CommonModule], [typeof i1.DaffBackdropComponent]>;
|
7
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<DaffBackdropModule>;
|
8
|
-
}
|