@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.
Files changed (121) hide show
  1. package/esm2022/article/article/article.component.mjs +2 -2
  2. package/esm2022/article/examples/article-headings/article-headings.component.mjs +3 -4
  3. package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +3 -3
  4. package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +3 -3
  5. package/esm2022/modal/service/modal.service.mjs +2 -3
  6. package/esm2022/public_api.mjs +1 -2
  7. package/esm2022/sidebar/public_api.mjs +2 -1
  8. package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +12 -4
  9. package/esm2022/sidebar/sidebar-viewport-backdrop/animation/backdrop-animation-state.mjs +2 -0
  10. package/esm2022/sidebar/sidebar-viewport-backdrop/animation/backdrop-animation.mjs +20 -0
  11. package/esm2022/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.mjs +91 -0
  12. package/esm2022/sidebar/sidebar.module.mjs +10 -9
  13. package/esm2022/toast/daffodil-design-toast.mjs +5 -0
  14. package/esm2022/toast/examples/daffodil-design-toast-examples.mjs +5 -0
  15. package/esm2022/toast/examples/default-toast/default-toast.component.mjs +38 -0
  16. package/esm2022/toast/examples/default-toast/default-toast.module.mjs +36 -0
  17. package/esm2022/toast/examples/index.mjs +2 -0
  18. package/esm2022/toast/examples/public_api.mjs +15 -0
  19. package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +42 -0
  20. package/esm2022/toast/examples/toast-positions/toast-positions.module.mjs +57 -0
  21. package/esm2022/toast/examples/toast-status/toast-status.component.mjs +45 -0
  22. package/esm2022/toast/examples/toast-status/toast-status.module.mjs +40 -0
  23. package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +26 -0
  24. package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.module.mjs +32 -0
  25. package/esm2022/toast/index.mjs +2 -0
  26. package/esm2022/toast/interfaces/toast-action.mjs +2 -0
  27. package/esm2022/toast/interfaces/toast.mjs +2 -0
  28. package/esm2022/toast/options/daff-toast-options.mjs +16 -0
  29. package/esm2022/toast/public_api.mjs +9 -0
  30. package/esm2022/toast/service/changes-focus.mjs +2 -0
  31. package/esm2022/toast/service/position-strategy.mjs +29 -0
  32. package/esm2022/toast/service/position.service.mjs +33 -0
  33. package/esm2022/toast/service/toast.service.mjs +116 -0
  34. package/esm2022/toast/toast/toast-config.mjs +2 -0
  35. package/esm2022/toast/toast/toast-template.component.mjs +262 -0
  36. package/esm2022/toast/toast/toast.component.mjs +82 -0
  37. package/esm2022/toast/toast-actions/toast-actions.directive.mjs +19 -0
  38. package/esm2022/toast/toast-message/toast-message.directive.mjs +19 -0
  39. package/esm2022/toast/toast-title/toast-title.directive.mjs +19 -0
  40. package/esm2022/toast/toast.module.mjs +70 -0
  41. package/esm2022/tree/examples/basic-tree/basic-tree.component.mjs +1 -1
  42. package/esm2022/tree/interfaces/tree-render-mode.mjs +2 -0
  43. package/esm2022/tree/public_api.mjs +2 -1
  44. package/esm2022/tree/tree/tree.component.mjs +43 -36
  45. package/esm2022/tree/utils/flatten-tree.mjs +26 -14
  46. package/esm2022/tree/utils/transform.mjs +25 -0
  47. package/fesm2022/daffodil-design-article-examples.mjs +2 -2
  48. package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
  49. package/fesm2022/daffodil-design-article.mjs +2 -2
  50. package/fesm2022/daffodil-design-article.mjs.map +1 -1
  51. package/fesm2022/daffodil-design-loading-icon-examples.mjs +2 -2
  52. package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
  53. package/fesm2022/daffodil-design-loading-icon.mjs +2 -2
  54. package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
  55. package/fesm2022/daffodil-design-modal.mjs +1 -2
  56. package/fesm2022/daffodil-design-modal.mjs.map +1 -1
  57. package/fesm2022/daffodil-design-sidebar.mjs +131 -14
  58. package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
  59. package/fesm2022/daffodil-design-toast-examples.mjs +287 -0
  60. package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -0
  61. package/fesm2022/daffodil-design-toast.mjs +625 -0
  62. package/fesm2022/daffodil-design-toast.mjs.map +1 -0
  63. package/fesm2022/daffodil-design-tree-examples.mjs +1 -1
  64. package/fesm2022/daffodil-design-tree-examples.mjs.map +1 -1
  65. package/fesm2022/daffodil-design-tree.mjs +92 -48
  66. package/fesm2022/daffodil-design-tree.mjs.map +1 -1
  67. package/fesm2022/daffodil-design.mjs +1 -125
  68. package/fesm2022/daffodil-design.mjs.map +1 -1
  69. package/loading-icon/src/loading-icon-theme.scss +24 -8
  70. package/navbar/README.md +1 -1
  71. package/package.json +1 -1
  72. package/public_api.d.ts +0 -1
  73. package/scss/theme.scss +2 -0
  74. package/sidebar/public_api.d.ts +1 -0
  75. package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +3 -2
  76. package/sidebar/sidebar-viewport-backdrop/animation/backdrop-animation-state.d.ts +2 -0
  77. package/{molecules/backdrop → sidebar/sidebar-viewport-backdrop}/animation/backdrop-animation.d.ts +1 -1
  78. package/{molecules/backdrop/backdrop/backdrop.component.d.ts → sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.d.ts} +5 -5
  79. package/sidebar/sidebar.module.d.ts +4 -4
  80. package/toast/README.md +115 -0
  81. package/toast/examples/default-toast/default-toast.component.d.ts +15 -0
  82. package/toast/examples/default-toast/default-toast.module.d.ts +11 -0
  83. package/toast/examples/index.d.ts +1 -0
  84. package/toast/examples/public_api.d.ts +2 -0
  85. package/toast/examples/toast-positions/toast-positions.component.d.ts +17 -0
  86. package/toast/examples/toast-positions/toast-positions.module.d.ts +12 -0
  87. package/toast/examples/toast-status/toast-status.component.d.ts +14 -0
  88. package/toast/examples/toast-status/toast-status.module.d.ts +12 -0
  89. package/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.d.ts +10 -0
  90. package/toast/examples/toast-with-custom-duration/toast-with-custom-duration.module.d.ts +10 -0
  91. package/toast/index.d.ts +1 -0
  92. package/toast/interfaces/toast-action.d.ts +38 -0
  93. package/toast/interfaces/toast.d.ts +20 -0
  94. package/toast/options/daff-toast-options.d.ts +15 -0
  95. package/toast/public_api.d.ts +11 -0
  96. package/toast/service/changes-focus.d.ts +2 -0
  97. package/toast/service/position-strategy.d.ts +3 -0
  98. package/toast/service/position.service.d.ts +15 -0
  99. package/toast/service/toast.service.d.ts +29 -0
  100. package/toast/src/toast-theme.scss +63 -0
  101. package/toast/toast/toast-config.d.ts +7 -0
  102. package/toast/toast/toast-template.component.d.ts +20 -0
  103. package/toast/toast/toast.component.d.ts +52 -0
  104. package/toast/toast-actions/toast-actions.directive.d.ts +6 -0
  105. package/toast/toast-message/toast-message.directive.d.ts +6 -0
  106. package/toast/toast-title/toast-title.directive.d.ts +6 -0
  107. package/toast/toast.module.d.ts +17 -0
  108. package/tree/README.md +1 -3
  109. package/tree/interfaces/tree-render-mode.d.ts +6 -0
  110. package/tree/public_api.d.ts +2 -0
  111. package/tree/tree/tree.component.d.ts +33 -11
  112. package/tree/utils/flatten-tree.d.ts +2 -1
  113. package/tree/utils/transform.d.ts +13 -0
  114. package/esm2022/molecules/backdrop/animation/backdrop-animation-state.mjs +0 -2
  115. package/esm2022/molecules/backdrop/animation/backdrop-animation.mjs +0 -20
  116. package/esm2022/molecules/backdrop/backdrop/backdrop.component.mjs +0 -87
  117. package/esm2022/molecules/backdrop/backdrop.module.mjs +0 -24
  118. package/esm2022/molecules/backdrop/public_api.mjs +0 -3
  119. package/molecules/backdrop/animation/backdrop-animation-state.d.ts +0 -2
  120. package/molecules/backdrop/backdrop.module.d.ts +0 -8
  121. package/molecules/backdrop/public_api.d.ts +0 -2
@@ -0,0 +1,3 @@
1
+ import { PositionStrategy } from '@angular/cdk/overlay';
2
+ import { DaffToastPosition } from '../options/daff-toast-options';
3
+ export declare const createPositionStrategy: (position: DaffToastPosition) => PositionStrategy;
@@ -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,7 @@
1
+ export interface DaffToastConfiguration {
2
+ /**
3
+ * The duration (in milliseconds) that a toast is visible before it's dismissed.
4
+ */
5
+ duration?: number;
6
+ }
7
+ export declare const daffDefaultToastConfiguration: DaffToastConfiguration;
@@ -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` 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.
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';
@@ -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 tree;
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
- get dataTree(): DaffTreeData<unknown>;
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, { "dataTree": { "alias": "tree"; "required": false; }; }, {}, ["withChildrenTemplate", "treeItemTemplate"], never, false, 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>) => DaffTreeFlatNode[];
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,2 +0,0 @@
1
- export type DaffBackdropAnimationState = 'interactable' | 'non-interactable';
2
- export declare const getAnimationState: (interactable: boolean) => DaffBackdropAnimationState;
@@ -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
- }
@@ -1,2 +0,0 @@
1
- export * from './backdrop/backdrop.component';
2
- export { DaffBackdropModule } from './backdrop.module';