@daffodil/design 0.61.0 → 0.62.1

Sign up to get free protection for your applications and to get access to all the features.
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.1"}
@@ -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.1"}
@@ -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.1"}
@@ -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.1"}
@@ -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.1"}
@@ -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.1"}
@@ -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.1"}
@@ -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.1"}
@@ -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.1"}
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.1","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.1","@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.1"}
@@ -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.1"}
@@ -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.1"}
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.1"}
@@ -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
+ }