@daffodil/design 0.61.0 → 0.62.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 (144) hide show
  1. package/accordion/examples/package.json +1 -1
  2. package/article/examples/package.json +1 -1
  3. package/button/examples/package.json +1 -1
  4. package/callout/examples/package.json +1 -1
  5. package/card/examples/package.json +1 -1
  6. package/checkbox/examples/package.json +1 -1
  7. package/container/examples/package.json +1 -1
  8. package/core/animation/animation-state-with-params.d.ts +8 -0
  9. package/core/public_api.d.ts +1 -0
  10. package/esm2020/core/animation/animation-state-with-params.mjs +2 -0
  11. package/esm2020/core/public_api.mjs +2 -1
  12. package/esm2020/molecules/backdrop/animation/backdrop-animation-state.mjs +2 -0
  13. package/esm2020/molecules/backdrop/animation/backdrop-animation.mjs +6 -2
  14. package/esm2020/molecules/backdrop/backdrop/backdrop.component.mjs +40 -5
  15. package/esm2020/molecules/sidebar/animation/sidebar-animation-state.mjs +2 -2
  16. package/esm2020/molecules/sidebar/animation/sidebar-animation-width.mjs +2 -0
  17. package/esm2020/molecules/sidebar/animation/sidebar-animation.mjs +21 -4
  18. package/esm2020/molecules/sidebar/animation/sidebar-viewport-animation-state.mjs +3 -0
  19. package/esm2020/molecules/sidebar/helper/sidebar-mode.mjs +1 -1
  20. package/esm2020/molecules/sidebar/helper/sidebar-side.mjs +2 -0
  21. package/esm2020/molecules/sidebar/public_api.mjs +1 -2
  22. package/esm2020/molecules/sidebar/sidebar/sidebar.component.mjs +62 -10
  23. package/esm2020/molecules/sidebar/sidebar-viewport/backdrop-interactable.mjs +5 -0
  24. package/esm2020/molecules/sidebar/sidebar-viewport/content-pad.mjs +17 -0
  25. package/esm2020/molecules/sidebar/sidebar-viewport/content-shift.mjs +21 -0
  26. package/esm2020/molecules/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +83 -81
  27. package/esm2020/sidebar/examples/basic-sidebar/basic-sidebar.component.mjs +12 -0
  28. package/esm2020/sidebar/examples/basic-sidebar/basic-sidebar.module.mjs +29 -0
  29. package/esm2020/sidebar/examples/daffodil-design-sidebar-examples.mjs +5 -0
  30. package/esm2020/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.component.mjs +21 -0
  31. package/esm2020/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.module.mjs +32 -0
  32. package/esm2020/sidebar/examples/index.mjs +2 -0
  33. package/esm2020/sidebar/examples/public_api.mjs +18 -0
  34. package/esm2020/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.component.mjs +12 -0
  35. package/esm2020/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.module.mjs +29 -0
  36. package/esm2020/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.component.mjs +12 -0
  37. package/esm2020/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.module.mjs +29 -0
  38. package/esm2020/sidebar/examples/under-sidebar/under-sidebar.component.mjs +26 -0
  39. package/esm2020/sidebar/examples/under-sidebar/under-sidebar.module.mjs +32 -0
  40. package/esm2020/tree/daffodil-design-tree.mjs +5 -0
  41. package/esm2020/tree/examples/basic-tree/basic-tree.component.mjs +39 -0
  42. package/esm2020/tree/examples/basic-tree/basic-tree.module.mjs +34 -0
  43. package/esm2020/tree/examples/daffodil-design-tree-examples.mjs +5 -0
  44. package/esm2020/tree/examples/index.mjs +2 -0
  45. package/esm2020/tree/examples/public_api.mjs +7 -0
  46. package/esm2020/tree/index.mjs +2 -0
  47. package/esm2020/tree/interfaces/recursive-key.mjs +2 -0
  48. package/esm2020/tree/interfaces/tree-data.mjs +2 -0
  49. package/esm2020/tree/interfaces/tree-ui.mjs +2 -0
  50. package/esm2020/tree/public_api.mjs +5 -0
  51. package/esm2020/tree/tree/tree-notifier.service.mjs +45 -0
  52. package/esm2020/tree/tree/tree.component.mjs +106 -0
  53. package/esm2020/tree/tree-item/tree-item.directive.mjs +154 -0
  54. package/esm2020/tree/tree.module.mjs +31 -0
  55. package/esm2020/tree/utils/flatten-tree.mjs +47 -0
  56. package/esm2020/tree/utils/hydrate-tree.mjs +31 -0
  57. package/esm2020/tree/utils/transform-in-place.mjs +23 -0
  58. package/esm2020/tree/utils/traverse-tree.mjs +21 -0
  59. package/fesm2015/daffodil-design-sidebar-examples.mjs +218 -0
  60. package/fesm2015/daffodil-design-sidebar-examples.mjs.map +1 -0
  61. package/fesm2015/daffodil-design-tree-examples.mjs +81 -0
  62. package/fesm2015/daffodil-design-tree-examples.mjs.map +1 -0
  63. package/fesm2015/daffodil-design-tree.mjs +443 -0
  64. package/fesm2015/daffodil-design-tree.mjs.map +1 -0
  65. package/fesm2015/daffodil-design.mjs +250 -98
  66. package/fesm2015/daffodil-design.mjs.map +1 -1
  67. package/fesm2020/daffodil-design-sidebar-examples.mjs +218 -0
  68. package/fesm2020/daffodil-design-sidebar-examples.mjs.map +1 -0
  69. package/fesm2020/daffodil-design-tree-examples.mjs +81 -0
  70. package/fesm2020/daffodil-design-tree-examples.mjs.map +1 -0
  71. package/fesm2020/daffodil-design-tree.mjs +448 -0
  72. package/fesm2020/daffodil-design-tree.mjs.map +1 -0
  73. package/fesm2020/daffodil-design.mjs +250 -98
  74. package/fesm2020/daffodil-design.mjs.map +1 -1
  75. package/hero/examples/package.json +1 -1
  76. package/image/examples/package.json +1 -1
  77. package/input/examples/package.json +1 -1
  78. package/list/examples/package.json +1 -1
  79. package/loading-icon/examples/package.json +1 -1
  80. package/media-gallery/examples/package.json +1 -1
  81. package/menu/examples/package.json +1 -1
  82. package/modal/examples/package.json +1 -1
  83. package/molecules/backdrop/animation/backdrop-animation-state.d.ts +2 -0
  84. package/molecules/backdrop/backdrop/backdrop.component.d.ts +17 -3
  85. package/molecules/sidebar/animation/sidebar-animation-state.d.ts +2 -1
  86. package/molecules/sidebar/animation/sidebar-animation-width.d.ts +2 -0
  87. package/molecules/sidebar/animation/sidebar-animation.d.ts +3 -1
  88. package/molecules/sidebar/animation/sidebar-viewport-animation-state.d.ts +6 -0
  89. package/molecules/sidebar/helper/sidebar-mode.d.ts +27 -1
  90. package/molecules/sidebar/helper/sidebar-side.d.ts +12 -0
  91. package/molecules/sidebar/public_api.d.ts +2 -1
  92. package/molecules/sidebar/sidebar/sidebar.component.d.ts +37 -5
  93. package/molecules/sidebar/sidebar-viewport/backdrop-interactable.d.ts +6 -0
  94. package/molecules/sidebar/sidebar-viewport/content-pad.d.ts +7 -0
  95. package/molecules/sidebar/sidebar-viewport/content-shift.d.ts +8 -0
  96. package/molecules/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +47 -44
  97. package/navbar/examples/package.json +1 -1
  98. package/package.json +1 -1
  99. package/paginator/examples/package.json +1 -1
  100. package/quantity-field/examples/package.json +1 -1
  101. package/radio/examples/package.json +1 -1
  102. package/scss/global.scss +1 -0
  103. package/scss/theme.scss +2 -0
  104. package/sidebar/examples/basic-sidebar/basic-sidebar.component.d.ts +5 -0
  105. package/sidebar/examples/basic-sidebar/basic-sidebar.module.d.ts +8 -0
  106. package/sidebar/examples/daffodil-design-sidebar-examples.d.ts +5 -0
  107. package/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.component.d.ts +8 -0
  108. package/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.module.d.ts +8 -0
  109. package/sidebar/examples/index.d.ts +1 -0
  110. package/sidebar/examples/package.json +1 -0
  111. package/sidebar/examples/public_api.d.ts +2 -0
  112. package/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.component.d.ts +5 -0
  113. package/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.module.d.ts +8 -0
  114. package/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.component.d.ts +5 -0
  115. package/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.module.d.ts +8 -0
  116. package/sidebar/examples/under-sidebar/under-sidebar.component.d.ts +10 -0
  117. package/sidebar/examples/under-sidebar/under-sidebar.module.d.ts +8 -0
  118. package/src/molecules/sidebar/README.md +10 -0
  119. package/src/molecules/sidebar/helper/_variables.scss +7 -0
  120. package/src/molecules/sidebar/sidebar/sidebar-theme.scss +3 -3
  121. package/src/molecules/sidebar/sidebar-viewport/sidebar-viewport-theme.scss +5 -0
  122. package/tree/README.md +38 -0
  123. package/tree/daffodil-design-tree.d.ts +5 -0
  124. package/tree/examples/basic-tree/basic-tree.component.d.ts +7 -0
  125. package/tree/examples/basic-tree/basic-tree.module.d.ts +10 -0
  126. package/tree/examples/daffodil-design-tree-examples.d.ts +5 -0
  127. package/tree/examples/index.d.ts +1 -0
  128. package/tree/examples/package.json +1 -0
  129. package/tree/examples/public_api.d.ts +4 -0
  130. package/tree/index.d.ts +1 -0
  131. package/tree/interfaces/recursive-key.d.ts +3 -0
  132. package/tree/interfaces/tree-data.d.ts +13 -0
  133. package/tree/interfaces/tree-ui.d.ts +11 -0
  134. package/tree/package.json +1 -0
  135. package/tree/public_api.d.ts +6 -0
  136. package/tree/src/tree-theme.scss +38 -0
  137. package/tree/tree/tree-notifier.service.d.ts +32 -0
  138. package/tree/tree/tree.component.d.ts +75 -0
  139. package/tree/tree-item/tree-item.directive.d.ts +102 -0
  140. package/tree/tree.module.d.ts +9 -0
  141. package/tree/utils/flatten-tree.d.ts +19 -0
  142. package/tree/utils/hydrate-tree.d.ts +8 -0
  143. package/tree/utils/transform-in-place.d.ts +15 -0
  144. package/tree/utils/traverse-tree.d.ts +5 -0
@@ -1 +1 @@
1
- {"name":"@daffodil/design/hero/examples","module":"../../fesm2015/daffodil-design-hero-examples.mjs","es2020":"../../fesm2020/daffodil-design-hero-examples.mjs","esm2020":"../../esm2020/hero/examples/daffodil-design-hero-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-hero-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-hero-examples.mjs","typings":"daffodil-design-hero-examples.d.ts","sideEffects":false,"version":"0.61.0"}
1
+ {"name":"@daffodil/design/hero/examples","module":"../../fesm2015/daffodil-design-hero-examples.mjs","es2020":"../../fesm2020/daffodil-design-hero-examples.mjs","esm2020":"../../esm2020/hero/examples/daffodil-design-hero-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-hero-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-hero-examples.mjs","typings":"daffodil-design-hero-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/image/examples","module":"../../fesm2015/daffodil-design-image-examples.mjs","es2020":"../../fesm2020/daffodil-design-image-examples.mjs","esm2020":"../../esm2020/image/examples/daffodil-design-image-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-image-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-image-examples.mjs","typings":"daffodil-design-image-examples.d.ts","sideEffects":false,"version":"0.61.0"}
1
+ {"name":"@daffodil/design/image/examples","module":"../../fesm2015/daffodil-design-image-examples.mjs","es2020":"../../fesm2020/daffodil-design-image-examples.mjs","esm2020":"../../esm2020/image/examples/daffodil-design-image-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-image-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-image-examples.mjs","typings":"daffodil-design-image-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/input/examples","module":"../../fesm2015/daffodil-design-input-examples.mjs","es2020":"../../fesm2020/daffodil-design-input-examples.mjs","esm2020":"../../esm2020/input/examples/daffodil-design-input-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-input-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-input-examples.mjs","typings":"daffodil-design-input-examples.d.ts","sideEffects":false,"version":"0.61.0"}
1
+ {"name":"@daffodil/design/input/examples","module":"../../fesm2015/daffodil-design-input-examples.mjs","es2020":"../../fesm2020/daffodil-design-input-examples.mjs","esm2020":"../../esm2020/input/examples/daffodil-design-input-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-input-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-input-examples.mjs","typings":"daffodil-design-input-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/list/examples","module":"../../fesm2015/daffodil-design-list-examples.mjs","es2020":"../../fesm2020/daffodil-design-list-examples.mjs","esm2020":"../../esm2020/list/examples/daffodil-design-list-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-list-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-list-examples.mjs","typings":"daffodil-design-list-examples.d.ts","sideEffects":false,"version":"0.61.0"}
1
+ {"name":"@daffodil/design/list/examples","module":"../../fesm2015/daffodil-design-list-examples.mjs","es2020":"../../fesm2020/daffodil-design-list-examples.mjs","esm2020":"../../esm2020/list/examples/daffodil-design-list-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-list-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-list-examples.mjs","typings":"daffodil-design-list-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/loading-icon/examples","module":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","es2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","esm2020":"../../esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","typings":"daffodil-design-loading-icon-examples.d.ts","sideEffects":false,"version":"0.61.0"}
1
+ {"name":"@daffodil/design/loading-icon/examples","module":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","es2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","esm2020":"../../esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","typings":"daffodil-design-loading-icon-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/media-gallery/examples","module":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","es2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","esm2020":"../../esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","typings":"daffodil-design-media-gallery-examples.d.ts","sideEffects":false,"version":"0.61.0"}
1
+ {"name":"@daffodil/design/media-gallery/examples","module":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","es2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","esm2020":"../../esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","typings":"daffodil-design-media-gallery-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/menu/examples","module":"../../fesm2015/daffodil-design-menu-examples.mjs","es2020":"../../fesm2020/daffodil-design-menu-examples.mjs","esm2020":"../../esm2020/menu/examples/daffodil-design-menu-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-menu-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-menu-examples.mjs","typings":"daffodil-design-menu-examples.d.ts","sideEffects":false,"version":"0.61.0"}
1
+ {"name":"@daffodil/design/menu/examples","module":"../../fesm2015/daffodil-design-menu-examples.mjs","es2020":"../../fesm2020/daffodil-design-menu-examples.mjs","esm2020":"../../esm2020/menu/examples/daffodil-design-menu-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-menu-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-menu-examples.mjs","typings":"daffodil-design-menu-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/modal/examples","module":"../../fesm2015/daffodil-design-modal-examples.mjs","es2020":"../../fesm2020/daffodil-design-modal-examples.mjs","esm2020":"../../esm2020/modal/examples/daffodil-design-modal-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-modal-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-modal-examples.mjs","typings":"daffodil-design-modal-examples.d.ts","sideEffects":false,"version":"0.61.0"}
1
+ {"name":"@daffodil/design/modal/examples","module":"../../fesm2015/daffodil-design-modal-examples.mjs","es2020":"../../fesm2020/daffodil-design-modal-examples.mjs","esm2020":"../../esm2020/modal/examples/daffodil-design-modal-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-modal-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-modal-examples.mjs","typings":"daffodil-design-modal-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -0,0 +1,2 @@
1
+ export declare type DaffBackdropAnimationState = 'interactable' | 'non-interactable';
2
+ export declare const getAnimationState: (interactable: boolean) => DaffBackdropAnimationState;
@@ -1,10 +1,15 @@
1
- import { EventEmitter } from '@angular/core';
1
+ import { AnimationEvent } from '@angular/animations';
2
+ import { EventEmitter, OnInit } from '@angular/core';
2
3
  import * as i0 from "@angular/core";
3
- export declare class DaffBackdropComponent {
4
+ export declare class DaffBackdropComponent implements OnInit {
4
5
  /**
5
6
  * Determines whether or not the backdrop is transparent.
6
7
  */
7
8
  transparent: boolean;
9
+ /**
10
+ * Determines whether or not the backdrop is interactable.
11
+ */
12
+ interactable: boolean;
8
13
  /**
9
14
  * Boolean property that determines whether or not the
10
15
  * backdrop should fill up its containing window.
@@ -14,11 +19,20 @@ export declare class DaffBackdropComponent {
14
19
  * Output event triggered when the backdrop is clicked.
15
20
  */
16
21
  backdropClicked: EventEmitter<void>;
22
+ interactableClass: boolean;
23
+ ngOnInit(): void;
17
24
  /**
18
25
  * Animation hook for that controls the backdrops
19
26
  * entrance and fade animations.
20
27
  */
28
+ get fadeBackdropTrigger(): import("../animation/backdrop-animation-state").DaffBackdropAnimationState;
29
+ animationDone(e: AnimationEvent): void;
30
+ animationStart(e: AnimationEvent): void;
31
+ /**
32
+ * @deprecated
33
+ * Backdrop event that triggers when the backdrop element is clicked.
34
+ */
21
35
  onBackdropClicked(): void;
22
36
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffBackdropComponent, never>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffBackdropComponent, "daff-backdrop", never, { "transparent": "transparent"; "fullscreen": "fullscreen"; }, { "backdropClicked": "backdropClicked"; }, never, never>;
37
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffBackdropComponent, "daff-backdrop", never, { "transparent": "transparent"; "interactable": "interactable"; "fullscreen": "fullscreen"; }, { "backdropClicked": "backdropClicked"; }, never, never>;
24
38
  }
@@ -1 +1,2 @@
1
- export declare const getAnimationState: (open: boolean, enabled?: boolean) => "closed" | "open";
1
+ export declare type DaffSidebarAnimationState = 'open' | 'closed' | 'none';
2
+ export declare const getAnimationState: (open: boolean, enabled?: boolean) => DaffSidebarAnimationState;
@@ -0,0 +1,2 @@
1
+ import { DaffSidebarSide } from '../helper/sidebar-side';
2
+ export declare const getSidebarAnimationWidth: (side: DaffSidebarSide, width: number) => string;
@@ -2,8 +2,10 @@ import { AnimationTriggerMetadata } from '@angular/animations';
2
2
  export declare const daffSidebarAnimations: {
3
3
  readonly transformSidebar: AnimationTriggerMetadata;
4
4
  readonly transformContent: AnimationTriggerMetadata;
5
+ readonly backdropTrigger: AnimationTriggerMetadata;
5
6
  };
6
7
  export declare enum DaffSidebarAnimationStates {
7
8
  OPEN = "open",
8
- CLOSED = "closed"
9
+ CLOSED = "closed",
10
+ NONE = "none"
9
11
  }
@@ -0,0 +1,6 @@
1
+ import { AnimationStateWithParams } from '../../../core/public_api';
2
+ import { DaffSidebarAnimationState } from './sidebar-animation-state';
3
+ export interface DaffSidebarAnimationStateParams {
4
+ shift: string;
5
+ }
6
+ export declare type DaffSidebarViewportAnimationState = AnimationStateWithParams<DaffSidebarAnimationState, DaffSidebarAnimationStateParams>;
@@ -1 +1,27 @@
1
- export declare type DaffSidebarMode = 'over' | 'push' | 'side' | 'fixed';
1
+ /**
2
+ * The various modes that a DaffSidebar can be in.
3
+ *
4
+ * * `side` is a mode that allows you to place the sidebar alongside
5
+ * the content.
6
+ *
7
+ * * `side-fixed` is a mode that allows you want to place the sidebar
8
+ * alongside the content, however the sidebar will scroll separately
9
+ * from the content.
10
+ *
11
+ * * `over` is a mode which allows the sidebar to slide *over* the rest of
12
+ * the content in the viewport.
13
+ *
14
+ * * `under` is a mode that freezes the sidebar in place and allows the content
15
+ * slide above it.
16
+ */
17
+ export declare type DaffSidebarMode = 'side' | 'over' | 'under' | 'side-fixed';
18
+ /**
19
+ * A enum representing the different sidebar modes.
20
+ * See {@link DaffSidebarMode}
21
+ */
22
+ export declare const enum DaffSidebarModeEnum {
23
+ Side = "side",
24
+ SideFixed = "side-fixed",
25
+ Over = "over",
26
+ Under = "under"
27
+ }
@@ -0,0 +1,12 @@
1
+ /**
2
+ * The sides of a viewport that that a sidebar can appear on.
3
+ */
4
+ export declare type DaffSidebarSide = 'left' | 'right';
5
+ /**
6
+ * A enum representing the different sidebar modes.
7
+ * See {@link DaffSidebarSide}
8
+ */
9
+ export declare const enum DaffSidebarSideEnum {
10
+ Left = "left",
11
+ Right = "right"
12
+ }
@@ -1,4 +1,5 @@
1
1
  export { DaffSidebarModule } from './sidebar.module';
2
2
  export * from './sidebar-viewport/sidebar-viewport.component';
3
3
  export * from './sidebar/sidebar.component';
4
- export * from './helper/sidebar-mode';
4
+ export { DaffSidebarMode, DaffSidebarModeEnum, } from './helper/sidebar-mode';
5
+ export { DaffSidebarSide, DaffSidebarSideEnum, } from './helper/sidebar-side';
@@ -1,20 +1,52 @@
1
1
  import { NgZone, ElementRef, EventEmitter } from '@angular/core';
2
+ import { DaffSidebarMode } from '../helper/sidebar-mode';
3
+ import { DaffSidebarSide } from '../helper/sidebar-side';
2
4
  import * as i0 from "@angular/core";
3
5
  /**
4
- * DaffSidebar is heavily based upon the work done by the @angular/material2
6
+ * DaffSidebarComponent is heavily based upon the work done by the @angular/components
5
7
  * team on `mat-drawer` and `mat-sidenav`. `daff-sidebar` is intended to be
6
- * a simplified version (with a different design) of `mat-drawer` which
7
- * follows a stricter "dumb" component pattern than `mat-drawer`
8
+ * a simplified version (with a different design) of `mat-drawer`.
8
9
  */
9
10
  export declare class DaffSidebarComponent {
10
11
  private _elementRef;
11
12
  private _ngZone;
12
- class: boolean;
13
+ /**
14
+ * The CSS classes set.
15
+ */
16
+ get classes(): {
17
+ [x: string]: boolean;
18
+ 'daff-sidebar': boolean;
19
+ };
20
+ /**
21
+ * The animation state of the sidebar.
22
+ */
23
+ get transformSidebar(): {
24
+ value: import("../animation/sidebar-animation-state").DaffSidebarAnimationState;
25
+ params: {
26
+ width: string;
27
+ };
28
+ };
13
29
  /**
14
30
  * Event fired when `ESC` key is pressed when the sidebar has focus
15
31
  */
16
32
  escapePressed: EventEmitter<void>;
33
+ /**
34
+ * What side of the viewport to show the sidebar on.
35
+ */
36
+ side: DaffSidebarSide;
37
+ /**
38
+ * The mode of the sidebar.
39
+ */
40
+ mode: DaffSidebarMode;
41
+ /**
42
+ * Whether or not the sidebar is open.
43
+ */
44
+ open: boolean;
45
+ /**
46
+ * The width of the sidebar.
47
+ */
48
+ get width(): number;
17
49
  constructor(_elementRef: ElementRef<HTMLElement>, _ngZone: NgZone);
18
50
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarComponent, never>;
19
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarComponent, "daff-sidebar", never, {}, { "escapePressed": "escapePressed"; }, never, ["*"]>;
51
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarComponent, "daff-sidebar", never, { "side": "side"; "mode": "mode"; "open": "open"; }, { "escapePressed": "escapePressed"; }, never, ["*"]>;
20
52
  }
@@ -0,0 +1,6 @@
1
+ import { QueryList } from '@angular/core';
2
+ import { DaffSidebarComponent } from '../sidebar/sidebar.component';
3
+ /**
4
+ * Determines, given a list of sidebars, whether or not the backdrop is interactable (typically clickable).
5
+ */
6
+ export declare const sidebarViewportBackdropInteractable: (sidebars: QueryList<DaffSidebarComponent>) => boolean;
@@ -0,0 +1,7 @@
1
+ import { QueryList } from '@angular/core';
2
+ import { DaffSidebarSide } from '../helper/sidebar-side';
3
+ import { DaffSidebarComponent } from '../sidebar/sidebar.component';
4
+ /**
5
+ * Given a list of sidebars, compute the associated content shift.
6
+ */
7
+ export declare const sidebarViewportContentPadding: (sidebars: QueryList<DaffSidebarComponent>, side: DaffSidebarSide) => number;
@@ -0,0 +1,8 @@
1
+ import { QueryList } from '@angular/core';
2
+ import { DaffSidebarMode } from '../helper/sidebar-mode';
3
+ import { DaffSidebarComponent } from '../sidebar/sidebar.component';
4
+ export declare const isViewportContentShifted: (mode: DaffSidebarMode, open: boolean) => boolean;
5
+ /**
6
+ * Given a list of sidebars, compute the associated content shift.
7
+ */
8
+ export declare const sidebarViewportContentShift: (sidebars: QueryList<DaffSidebarComponent>) => number;
@@ -1,72 +1,75 @@
1
- import { EventEmitter, OnInit, ChangeDetectorRef, AfterViewInit } from '@angular/core';
2
- import { DaffSidebarMode } from '../helper/sidebar-mode';
3
- import { DaffSidebarComponent } from '../sidebar/sidebar.component';
1
+ import { EventEmitter, ChangeDetectorRef, AfterContentChecked } from '@angular/core';
2
+ import { DaffSidebarViewportAnimationState } from '../animation/sidebar-viewport-animation-state';
4
3
  import * as i0 from "@angular/core";
5
- export declare class DaffSidebarViewportComponent implements OnInit, AfterViewInit {
6
- private ref;
7
- constructor(ref: ChangeDetectorRef);
8
- /**
9
- * @docs-private
10
- */
11
- _animationState: string;
4
+ /**
5
+ * The DaffSidebarViewport is the "holder" of sidebars throughout an entire application.
6
+ * It's generally only used once, like
7
+ *
8
+ * ```html
9
+ * <daff-sidebar-viewport>
10
+ * <daff-sidebar></daff-sidebar>
11
+ * <p>Some Content</p>
12
+ * </daff-sidebar-viewport>
13
+ * ```
14
+ *
15
+ * Importantly, its possible for there to be multiple sidebars of many modes
16
+ * at the same time. @see {@link DaffSidebarMode }
17
+ *
18
+ * Since this is a functional component, it's possible to have multiple "open" sidebars
19
+ * within at the same time. As a result, this component attempts to
20
+ * gracefully handle these situations. However, importantly, this sidebar
21
+ * has a constraint, there's only allowed to be one sidebar,
22
+ * of each mode, on each side, at any given time. If this is violated,
23
+ * this component will throw an exception.
24
+ */
25
+ export declare class DaffSidebarViewportComponent implements AfterContentChecked {
26
+ private cdRef;
27
+ constructor(cdRef: ChangeDetectorRef);
12
28
  /**
29
+ * The list of sidebars in the viewport.
30
+ *
13
31
  * @docs-private
14
32
  */
15
- sidebar: DaffSidebarComponent;
33
+ private sidebars;
16
34
  /**
17
- * Internal tracking variable for the state of sidebar viewport.
18
- *
19
- * @docs-private
35
+ * The number of pixels that the main content of the page should be shifted to
36
+ * right when there are child sidebars.
20
37
  */
21
- _opened: boolean;
38
+ private _shift;
22
39
  /**
23
- * @docs-private
40
+ * The left padding on the content when left side-fixed sidebars are open.
24
41
  */
25
- _mode: DaffSidebarMode;
42
+ _contentPadLeft: number;
26
43
  /**
27
- * The mode to put the sidebar in
44
+ * The right padding on the content when right side-fixed sidebars are open.
28
45
  */
29
- get mode(): DaffSidebarMode;
30
- set mode(value: DaffSidebarMode);
46
+ _contentPadRight: number;
31
47
  /**
32
- * Input state for whether or not the backdrop is
33
- * "visible" to the human eye
48
+ * Whether or not the backdrop is interactable
34
49
  */
35
- backdropIsVisible: boolean;
50
+ _backdropInteractable: boolean;
36
51
  /**
37
- * Property for the "opened" state of the sidebar
52
+ * The animation state
38
53
  */
39
- get opened(): boolean;
40
- set opened(value: boolean);
54
+ _animationState: DaffSidebarViewportAnimationState;
41
55
  /**
42
56
  * Event fired when the backdrop is clicked
43
57
  * This is often used to close the sidebar
44
58
  */
45
59
  backdropClicked: EventEmitter<void>;
60
+ ngAfterContentChecked(): void;
46
61
  /**
47
62
  * @docs-private
63
+ *
64
+ * Updates the animation state of the viewport depending upon the state
65
+ * of all sidebars within the viewport.
48
66
  */
49
- get animationsEnabled(): boolean;
50
- /**
51
- * @docs-private
52
- */
53
- ngOnInit(): void;
54
- /**
55
- * @docs-private
56
- */
57
- ngAfterViewInit(): void;
67
+ private updateAnimationState;
58
68
  /**
59
69
  * @docs-private
70
+ * The called when the backdrop of the viewport is clicked upon.
60
71
  */
61
72
  _backdropClicked(): void;
62
- /**
63
- * @docs-private
64
- */
65
- get hasBackdrop(): boolean;
66
- /**
67
- * @docs-private
68
- */
69
- onEscape(): void;
70
73
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarViewportComponent, never>;
71
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarViewportComponent, "daff-sidebar-viewport", never, { "mode": "mode"; "backdropIsVisible": "backdropIsVisible"; "opened": "opened"; }, { "backdropClicked": "backdropClicked"; }, ["sidebar"], ["daff-sidebar", "*"]>;
74
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarViewportComponent, "daff-sidebar-viewport", never, {}, { "backdropClicked": "backdropClicked"; }, ["sidebars"], ["daff-sidebar:not([side=right])", "[daff-sidebar-viewport-nav]", "*", "daff-sidebar[side=right]"]>;
72
75
  }
@@ -1 +1 @@
1
- {"name":"@daffodil/design/navbar/examples","module":"../../fesm2015/daffodil-design-navbar-examples.mjs","es2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","esm2020":"../../esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-navbar-examples.mjs","typings":"daffodil-design-navbar-examples.d.ts","sideEffects":false,"version":"0.61.0"}
1
+ {"name":"@daffodil/design/navbar/examples","module":"../../fesm2015/daffodil-design-navbar-examples.mjs","es2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","esm2020":"../../esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-navbar-examples.mjs","typings":"daffodil-design-navbar-examples.d.ts","sideEffects":false,"version":"0.62.0"}
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.61.0","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^13.0.0","@angular/common":"^13.0.0","@angular/core":"^13.0.0","@angular/forms":"^13.0.0","@angular/cdk":"^13.0.0","@daffodil/core":"0.61.0","@fortawesome/angular-fontawesome":"^0.10.0","@fortawesome/fontawesome-svg-core":"^1.2.32","@fortawesome/free-solid-svg-icons":"^5.10.0","@fortawesome/free-brands-svg-icons":"^5.10.0","@fortawesome/free-regular-svg-icons":"^5.10.0","modern-normalize":"^0.5.0","rxjs":"7.5.5"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/daff-global":{"sass":"./scss/daff-global.scss"},"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/daff-util":{"sass":"./scss/daff-util.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/daff-typography":{"sass":"./scss/daff-typography.scss"},"./scss/typography/classes":{"sass":"./scss/typography/_classes.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./daffodil-design.d.ts","esm2020":"./esm2020/daffodil-design.mjs","es2020":"./fesm2020/daffodil-design.mjs","es2015":"./fesm2015/daffodil-design.mjs","node":"./fesm2015/daffodil-design.mjs","default":"./fesm2020/daffodil-design.mjs"},"./accordion/examples":{"types":"./accordion/examples/daffodil-design-accordion-examples.d.ts","esm2020":"./esm2020/accordion/examples/daffodil-design-accordion-examples.mjs","es2020":"./fesm2020/daffodil-design-accordion-examples.mjs","es2015":"./fesm2015/daffodil-design-accordion-examples.mjs","node":"./fesm2015/daffodil-design-accordion-examples.mjs","default":"./fesm2020/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/daffodil-design-article-examples.d.ts","esm2020":"./esm2020/article/examples/daffodil-design-article-examples.mjs","es2020":"./fesm2020/daffodil-design-article-examples.mjs","es2015":"./fesm2015/daffodil-design-article-examples.mjs","node":"./fesm2015/daffodil-design-article-examples.mjs","default":"./fesm2020/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/daffodil-design-button-examples.d.ts","esm2020":"./esm2020/button/examples/daffodil-design-button-examples.mjs","es2020":"./fesm2020/daffodil-design-button-examples.mjs","es2015":"./fesm2015/daffodil-design-button-examples.mjs","node":"./fesm2015/daffodil-design-button-examples.mjs","default":"./fesm2020/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/daffodil-design-callout-examples.d.ts","esm2020":"./esm2020/callout/examples/daffodil-design-callout-examples.mjs","es2020":"./fesm2020/daffodil-design-callout-examples.mjs","es2015":"./fesm2015/daffodil-design-callout-examples.mjs","node":"./fesm2015/daffodil-design-callout-examples.mjs","default":"./fesm2020/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/daffodil-design-card-examples.d.ts","esm2020":"./esm2020/card/examples/daffodil-design-card-examples.mjs","es2020":"./fesm2020/daffodil-design-card-examples.mjs","es2015":"./fesm2015/daffodil-design-card-examples.mjs","node":"./fesm2015/daffodil-design-card-examples.mjs","default":"./fesm2020/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/daffodil-design-checkbox-examples.d.ts","esm2020":"./esm2020/checkbox/examples/daffodil-design-checkbox-examples.mjs","es2020":"./fesm2020/daffodil-design-checkbox-examples.mjs","es2015":"./fesm2015/daffodil-design-checkbox-examples.mjs","node":"./fesm2015/daffodil-design-checkbox-examples.mjs","default":"./fesm2020/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/daffodil-design-container-examples.d.ts","esm2020":"./esm2020/container/examples/daffodil-design-container-examples.mjs","es2020":"./fesm2020/daffodil-design-container-examples.mjs","es2015":"./fesm2015/daffodil-design-container-examples.mjs","node":"./fesm2015/daffodil-design-container-examples.mjs","default":"./fesm2020/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/daffodil-design-hero-examples.d.ts","esm2020":"./esm2020/hero/examples/daffodil-design-hero-examples.mjs","es2020":"./fesm2020/daffodil-design-hero-examples.mjs","es2015":"./fesm2015/daffodil-design-hero-examples.mjs","node":"./fesm2015/daffodil-design-hero-examples.mjs","default":"./fesm2020/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/daffodil-design-image-examples.d.ts","esm2020":"./esm2020/image/examples/daffodil-design-image-examples.mjs","es2020":"./fesm2020/daffodil-design-image-examples.mjs","es2015":"./fesm2015/daffodil-design-image-examples.mjs","node":"./fesm2015/daffodil-design-image-examples.mjs","default":"./fesm2020/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/daffodil-design-input-examples.d.ts","esm2020":"./esm2020/input/examples/daffodil-design-input-examples.mjs","es2020":"./fesm2020/daffodil-design-input-examples.mjs","es2015":"./fesm2015/daffodil-design-input-examples.mjs","node":"./fesm2015/daffodil-design-input-examples.mjs","default":"./fesm2020/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/daffodil-design-list-examples.d.ts","esm2020":"./esm2020/list/examples/daffodil-design-list-examples.mjs","es2020":"./fesm2020/daffodil-design-list-examples.mjs","es2015":"./fesm2015/daffodil-design-list-examples.mjs","node":"./fesm2015/daffodil-design-list-examples.mjs","default":"./fesm2020/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/daffodil-design-loading-icon-examples.d.ts","esm2020":"./esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","es2020":"./fesm2020/daffodil-design-loading-icon-examples.mjs","es2015":"./fesm2015/daffodil-design-loading-icon-examples.mjs","node":"./fesm2015/daffodil-design-loading-icon-examples.mjs","default":"./fesm2020/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/daffodil-design-media-gallery-examples.d.ts","esm2020":"./esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","es2020":"./fesm2020/daffodil-design-media-gallery-examples.mjs","es2015":"./fesm2015/daffodil-design-media-gallery-examples.mjs","node":"./fesm2015/daffodil-design-media-gallery-examples.mjs","default":"./fesm2020/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/daffodil-design-menu-examples.d.ts","esm2020":"./esm2020/menu/examples/daffodil-design-menu-examples.mjs","es2020":"./fesm2020/daffodil-design-menu-examples.mjs","es2015":"./fesm2015/daffodil-design-menu-examples.mjs","node":"./fesm2015/daffodil-design-menu-examples.mjs","default":"./fesm2020/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/daffodil-design-modal-examples.d.ts","esm2020":"./esm2020/modal/examples/daffodil-design-modal-examples.mjs","es2020":"./fesm2020/daffodil-design-modal-examples.mjs","es2015":"./fesm2015/daffodil-design-modal-examples.mjs","node":"./fesm2015/daffodil-design-modal-examples.mjs","default":"./fesm2020/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/daffodil-design-navbar-examples.d.ts","esm2020":"./esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","es2020":"./fesm2020/daffodil-design-navbar-examples.mjs","es2015":"./fesm2015/daffodil-design-navbar-examples.mjs","node":"./fesm2015/daffodil-design-navbar-examples.mjs","default":"./fesm2020/daffodil-design-navbar-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/daffodil-design-paginator-examples.d.ts","esm2020":"./esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","es2020":"./fesm2020/daffodil-design-paginator-examples.mjs","es2015":"./fesm2015/daffodil-design-paginator-examples.mjs","node":"./fesm2015/daffodil-design-paginator-examples.mjs","default":"./fesm2020/daffodil-design-paginator-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/daffodil-design-quantity-field-examples.d.ts","esm2020":"./esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","es2020":"./fesm2020/daffodil-design-quantity-field-examples.mjs","es2015":"./fesm2015/daffodil-design-quantity-field-examples.mjs","node":"./fesm2015/daffodil-design-quantity-field-examples.mjs","default":"./fesm2020/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/daffodil-design-radio-examples.d.ts","esm2020":"./esm2020/radio/examples/daffodil-design-radio-examples.mjs","es2020":"./fesm2020/daffodil-design-radio-examples.mjs","es2015":"./fesm2015/daffodil-design-radio-examples.mjs","node":"./fesm2015/daffodil-design-radio-examples.mjs","default":"./fesm2020/daffodil-design-radio-examples.mjs"}},"module":"fesm2015/daffodil-design.mjs","es2020":"fesm2020/daffodil-design.mjs","esm2020":"esm2020/daffodil-design.mjs","fesm2020":"fesm2020/daffodil-design.mjs","fesm2015":"fesm2015/daffodil-design.mjs","typings":"daffodil-design.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
1
+ {"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.62.0","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^13.0.0","@angular/common":"^13.0.0","@angular/core":"^13.0.0","@angular/forms":"^13.0.0","@angular/cdk":"^13.0.0","@daffodil/core":"0.62.0","@fortawesome/angular-fontawesome":"^0.10.0","@fortawesome/fontawesome-svg-core":"^1.2.32","@fortawesome/free-solid-svg-icons":"^5.10.0","@fortawesome/free-brands-svg-icons":"^5.10.0","@fortawesome/free-regular-svg-icons":"^5.10.0","modern-normalize":"^0.5.0","rxjs":"7.5.5"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/daff-global":{"sass":"./scss/daff-global.scss"},"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/daff-util":{"sass":"./scss/daff-util.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/daff-typography":{"sass":"./scss/daff-typography.scss"},"./scss/typography/classes":{"sass":"./scss/typography/_classes.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./daffodil-design.d.ts","esm2020":"./esm2020/daffodil-design.mjs","es2020":"./fesm2020/daffodil-design.mjs","es2015":"./fesm2015/daffodil-design.mjs","node":"./fesm2015/daffodil-design.mjs","default":"./fesm2020/daffodil-design.mjs"},"./accordion/examples":{"types":"./accordion/examples/daffodil-design-accordion-examples.d.ts","esm2020":"./esm2020/accordion/examples/daffodil-design-accordion-examples.mjs","es2020":"./fesm2020/daffodil-design-accordion-examples.mjs","es2015":"./fesm2015/daffodil-design-accordion-examples.mjs","node":"./fesm2015/daffodil-design-accordion-examples.mjs","default":"./fesm2020/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/daffodil-design-article-examples.d.ts","esm2020":"./esm2020/article/examples/daffodil-design-article-examples.mjs","es2020":"./fesm2020/daffodil-design-article-examples.mjs","es2015":"./fesm2015/daffodil-design-article-examples.mjs","node":"./fesm2015/daffodil-design-article-examples.mjs","default":"./fesm2020/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/daffodil-design-button-examples.d.ts","esm2020":"./esm2020/button/examples/daffodil-design-button-examples.mjs","es2020":"./fesm2020/daffodil-design-button-examples.mjs","es2015":"./fesm2015/daffodil-design-button-examples.mjs","node":"./fesm2015/daffodil-design-button-examples.mjs","default":"./fesm2020/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/daffodil-design-callout-examples.d.ts","esm2020":"./esm2020/callout/examples/daffodil-design-callout-examples.mjs","es2020":"./fesm2020/daffodil-design-callout-examples.mjs","es2015":"./fesm2015/daffodil-design-callout-examples.mjs","node":"./fesm2015/daffodil-design-callout-examples.mjs","default":"./fesm2020/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/daffodil-design-card-examples.d.ts","esm2020":"./esm2020/card/examples/daffodil-design-card-examples.mjs","es2020":"./fesm2020/daffodil-design-card-examples.mjs","es2015":"./fesm2015/daffodil-design-card-examples.mjs","node":"./fesm2015/daffodil-design-card-examples.mjs","default":"./fesm2020/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/daffodil-design-checkbox-examples.d.ts","esm2020":"./esm2020/checkbox/examples/daffodil-design-checkbox-examples.mjs","es2020":"./fesm2020/daffodil-design-checkbox-examples.mjs","es2015":"./fesm2015/daffodil-design-checkbox-examples.mjs","node":"./fesm2015/daffodil-design-checkbox-examples.mjs","default":"./fesm2020/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/daffodil-design-container-examples.d.ts","esm2020":"./esm2020/container/examples/daffodil-design-container-examples.mjs","es2020":"./fesm2020/daffodil-design-container-examples.mjs","es2015":"./fesm2015/daffodil-design-container-examples.mjs","node":"./fesm2015/daffodil-design-container-examples.mjs","default":"./fesm2020/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/daffodil-design-hero-examples.d.ts","esm2020":"./esm2020/hero/examples/daffodil-design-hero-examples.mjs","es2020":"./fesm2020/daffodil-design-hero-examples.mjs","es2015":"./fesm2015/daffodil-design-hero-examples.mjs","node":"./fesm2015/daffodil-design-hero-examples.mjs","default":"./fesm2020/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/daffodil-design-image-examples.d.ts","esm2020":"./esm2020/image/examples/daffodil-design-image-examples.mjs","es2020":"./fesm2020/daffodil-design-image-examples.mjs","es2015":"./fesm2015/daffodil-design-image-examples.mjs","node":"./fesm2015/daffodil-design-image-examples.mjs","default":"./fesm2020/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/daffodil-design-input-examples.d.ts","esm2020":"./esm2020/input/examples/daffodil-design-input-examples.mjs","es2020":"./fesm2020/daffodil-design-input-examples.mjs","es2015":"./fesm2015/daffodil-design-input-examples.mjs","node":"./fesm2015/daffodil-design-input-examples.mjs","default":"./fesm2020/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/daffodil-design-list-examples.d.ts","esm2020":"./esm2020/list/examples/daffodil-design-list-examples.mjs","es2020":"./fesm2020/daffodil-design-list-examples.mjs","es2015":"./fesm2015/daffodil-design-list-examples.mjs","node":"./fesm2015/daffodil-design-list-examples.mjs","default":"./fesm2020/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/daffodil-design-loading-icon-examples.d.ts","esm2020":"./esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","es2020":"./fesm2020/daffodil-design-loading-icon-examples.mjs","es2015":"./fesm2015/daffodil-design-loading-icon-examples.mjs","node":"./fesm2015/daffodil-design-loading-icon-examples.mjs","default":"./fesm2020/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/daffodil-design-media-gallery-examples.d.ts","esm2020":"./esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","es2020":"./fesm2020/daffodil-design-media-gallery-examples.mjs","es2015":"./fesm2015/daffodil-design-media-gallery-examples.mjs","node":"./fesm2015/daffodil-design-media-gallery-examples.mjs","default":"./fesm2020/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/daffodil-design-menu-examples.d.ts","esm2020":"./esm2020/menu/examples/daffodil-design-menu-examples.mjs","es2020":"./fesm2020/daffodil-design-menu-examples.mjs","es2015":"./fesm2015/daffodil-design-menu-examples.mjs","node":"./fesm2015/daffodil-design-menu-examples.mjs","default":"./fesm2020/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/daffodil-design-modal-examples.d.ts","esm2020":"./esm2020/modal/examples/daffodil-design-modal-examples.mjs","es2020":"./fesm2020/daffodil-design-modal-examples.mjs","es2015":"./fesm2015/daffodil-design-modal-examples.mjs","node":"./fesm2015/daffodil-design-modal-examples.mjs","default":"./fesm2020/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/daffodil-design-navbar-examples.d.ts","esm2020":"./esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","es2020":"./fesm2020/daffodil-design-navbar-examples.mjs","es2015":"./fesm2015/daffodil-design-navbar-examples.mjs","node":"./fesm2015/daffodil-design-navbar-examples.mjs","default":"./fesm2020/daffodil-design-navbar-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/daffodil-design-paginator-examples.d.ts","esm2020":"./esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","es2020":"./fesm2020/daffodil-design-paginator-examples.mjs","es2015":"./fesm2015/daffodil-design-paginator-examples.mjs","node":"./fesm2015/daffodil-design-paginator-examples.mjs","default":"./fesm2020/daffodil-design-paginator-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/daffodil-design-quantity-field-examples.d.ts","esm2020":"./esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","es2020":"./fesm2020/daffodil-design-quantity-field-examples.mjs","es2015":"./fesm2015/daffodil-design-quantity-field-examples.mjs","node":"./fesm2015/daffodil-design-quantity-field-examples.mjs","default":"./fesm2020/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/daffodil-design-radio-examples.d.ts","esm2020":"./esm2020/radio/examples/daffodil-design-radio-examples.mjs","es2020":"./fesm2020/daffodil-design-radio-examples.mjs","es2015":"./fesm2015/daffodil-design-radio-examples.mjs","node":"./fesm2015/daffodil-design-radio-examples.mjs","default":"./fesm2020/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/daffodil-design-sidebar-examples.d.ts","esm2020":"./esm2020/sidebar/examples/daffodil-design-sidebar-examples.mjs","es2020":"./fesm2020/daffodil-design-sidebar-examples.mjs","es2015":"./fesm2015/daffodil-design-sidebar-examples.mjs","node":"./fesm2015/daffodil-design-sidebar-examples.mjs","default":"./fesm2020/daffodil-design-sidebar-examples.mjs"},"./tree/examples":{"types":"./tree/examples/daffodil-design-tree-examples.d.ts","esm2020":"./esm2020/tree/examples/daffodil-design-tree-examples.mjs","es2020":"./fesm2020/daffodil-design-tree-examples.mjs","es2015":"./fesm2015/daffodil-design-tree-examples.mjs","node":"./fesm2015/daffodil-design-tree-examples.mjs","default":"./fesm2020/daffodil-design-tree-examples.mjs"},"./tree":{"types":"./tree/daffodil-design-tree.d.ts","esm2020":"./esm2020/tree/daffodil-design-tree.mjs","es2020":"./fesm2020/daffodil-design-tree.mjs","es2015":"./fesm2015/daffodil-design-tree.mjs","node":"./fesm2015/daffodil-design-tree.mjs","default":"./fesm2020/daffodil-design-tree.mjs"}},"module":"fesm2015/daffodil-design.mjs","es2020":"fesm2020/daffodil-design.mjs","esm2020":"esm2020/daffodil-design.mjs","fesm2020":"fesm2020/daffodil-design.mjs","fesm2015":"fesm2015/daffodil-design.mjs","typings":"daffodil-design.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/paginator/examples","module":"../../fesm2015/daffodil-design-paginator-examples.mjs","es2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","esm2020":"../../esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-paginator-examples.mjs","typings":"daffodil-design-paginator-examples.d.ts","sideEffects":false,"version":"0.61.0"}
1
+ {"name":"@daffodil/design/paginator/examples","module":"../../fesm2015/daffodil-design-paginator-examples.mjs","es2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","esm2020":"../../esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-paginator-examples.mjs","typings":"daffodil-design-paginator-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/quantity-field/examples","module":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","es2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","esm2020":"../../esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","typings":"daffodil-design-quantity-field-examples.d.ts","sideEffects":false,"version":"0.61.0"}
1
+ {"name":"@daffodil/design/quantity-field/examples","module":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","es2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","esm2020":"../../esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","typings":"daffodil-design-quantity-field-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/radio/examples","module":"../../fesm2015/daffodil-design-radio-examples.mjs","es2020":"../../fesm2020/daffodil-design-radio-examples.mjs","esm2020":"../../esm2020/radio/examples/daffodil-design-radio-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-radio-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-radio-examples.mjs","typings":"daffodil-design-radio-examples.d.ts","sideEffects":false,"version":"0.61.0"}
1
+ {"name":"@daffodil/design/radio/examples","module":"../../fesm2015/daffodil-design-radio-examples.mjs","es2020":"../../fesm2020/daffodil-design-radio-examples.mjs","esm2020":"../../esm2020/radio/examples/daffodil-design-radio-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-radio-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-radio-examples.mjs","typings":"daffodil-design-radio-examples.d.ts","sideEffects":false,"version":"0.62.0"}
package/scss/global.scss CHANGED
@@ -24,6 +24,7 @@ html {
24
24
  line-height: 1.5;
25
25
  -webkit-font-smoothing: antialiased;
26
26
  -moz-osx-font-smoothing: grayscale;
27
+ --daff-sidebar-side-fixed-top-shift: 0;
27
28
  }
28
29
 
29
30
  html {
package/scss/theme.scss CHANGED
@@ -39,6 +39,7 @@
39
39
  @use '../src/molecules/sidebar/sidebar/sidebar-theme' as sidebar;
40
40
  @use '../src/molecules/sidebar/sidebar-viewport/sidebar-viewport-theme' as sidebar-viewport;
41
41
  @use '../scss/state/skeleton/mixins' as skeleton;
42
+ @use '../tree/src/tree-theme' as tree;
42
43
 
43
44
  //
44
45
  // Generates the styles of a @daffodil/design theme.
@@ -79,4 +80,5 @@
79
80
  @include paginator.daff-paginator-theme($theme);
80
81
  @include sidebar.daff-sidebar-theme($theme);
81
82
  @include sidebar-viewport.daff-sidebar-viewport-theme($theme);
83
+ @include tree.daff-tree-theme($theme);
82
84
  }
@@ -0,0 +1,5 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class BasicSidebarComponent {
3
+ static ɵfac: i0.ɵɵFactoryDeclaration<BasicSidebarComponent, never>;
4
+ static ɵcmp: i0.ɵɵComponentDeclaration<BasicSidebarComponent, "basic-sidebar", never, {}, {}, never, never>;
5
+ }
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./basic-sidebar.component";
3
+ import * as i2 from "@daffodil/design";
4
+ export declare class BasicSidebarModule {
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<BasicSidebarModule, never>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<BasicSidebarModule, [typeof i1.BasicSidebarComponent], [typeof i2.DaffSidebarModule, typeof i2.DaffNavbarModule], [typeof i1.BasicSidebarComponent]>;
7
+ static ɵinj: i0.ɵɵInjectorDeclaration<BasicSidebarModule>;
8
+ }
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@daffodil/design/sidebar/examples" />
5
+ export * from './index';
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class FixedAndOverSidebarComponent {
3
+ overOpen: boolean;
4
+ openOverSidebar(): void;
5
+ closeOverSidebar(): void;
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<FixedAndOverSidebarComponent, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<FixedAndOverSidebarComponent, "fixed-and-over-sidebar", never, {}, {}, never, never>;
8
+ }
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./fixed-and-over-sidebar.component";
3
+ import * as i2 from "@daffodil/design";
4
+ export declare class FixedAndOverSidebarModule {
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<FixedAndOverSidebarModule, never>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<FixedAndOverSidebarModule, [typeof i1.FixedAndOverSidebarComponent], [typeof i2.DaffSidebarModule, typeof i2.DaffNavbarModule, typeof i2.DaffButtonModule], [typeof i1.FixedAndOverSidebarComponent]>;
7
+ static ɵinj: i0.ɵɵInjectorDeclaration<FixedAndOverSidebarModule>;
8
+ }
@@ -0,0 +1 @@
1
+ export * from './public_api';
@@ -0,0 +1 @@
1
+ {"name":"@daffodil/design/sidebar/examples","module":"../../fesm2015/daffodil-design-sidebar-examples.mjs","es2020":"../../fesm2020/daffodil-design-sidebar-examples.mjs","esm2020":"../../esm2020/sidebar/examples/daffodil-design-sidebar-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-sidebar-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-sidebar-examples.mjs","typings":"daffodil-design-sidebar-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -0,0 +1,2 @@
1
+ import { ComponentExample } from '@daffodil/design';
2
+ export declare const SIDEBAR_EXAMPLES: ComponentExample[];
@@ -0,0 +1,5 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class SidebarWithStickyComponent {
3
+ static ɵfac: i0.ɵɵFactoryDeclaration<SidebarWithStickyComponent, never>;
4
+ static ɵcmp: i0.ɵɵComponentDeclaration<SidebarWithStickyComponent, "sidebar-with-sticky", never, {}, {}, never, never>;
5
+ }
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./sidebar-with-sticky.component";
3
+ import * as i2 from "@daffodil/design";
4
+ export declare class SidebarWithStickyModule {
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<SidebarWithStickyModule, never>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SidebarWithStickyModule, [typeof i1.SidebarWithStickyComponent], [typeof i2.DaffSidebarModule, typeof i2.DaffNavbarModule], [typeof i1.SidebarWithStickyComponent]>;
7
+ static ɵinj: i0.ɵɵInjectorDeclaration<SidebarWithStickyModule>;
8
+ }
@@ -0,0 +1,5 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class TwoFixedSidebarsEitherSideComponent {
3
+ static ɵfac: i0.ɵɵFactoryDeclaration<TwoFixedSidebarsEitherSideComponent, never>;
4
+ static ɵcmp: i0.ɵɵComponentDeclaration<TwoFixedSidebarsEitherSideComponent, "two-fixed-sidebars-either-side", never, {}, {}, never, never>;
5
+ }
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./two-fixed-sidebars-either-side.component";
3
+ import * as i2 from "@daffodil/design";
4
+ export declare class TwoFixedSidebarsEitherSideModule {
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<TwoFixedSidebarsEitherSideModule, never>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TwoFixedSidebarsEitherSideModule, [typeof i1.TwoFixedSidebarsEitherSideComponent], [typeof i2.DaffSidebarModule, typeof i2.DaffNavbarModule], [typeof i1.TwoFixedSidebarsEitherSideComponent]>;
7
+ static ɵinj: i0.ɵɵInjectorDeclaration<TwoFixedSidebarsEitherSideModule>;
8
+ }