@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
@@ -0,0 +1,218 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
3
+ import * as i1 from '@daffodil/design';
4
+ import { DaffSidebarModule, DaffNavbarModule, DaffButtonModule } from '@daffodil/design';
5
+
6
+ class BasicSidebarComponent {
7
+ }
8
+ /** @nocollapse */ BasicSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
+ /** @nocollapse */ BasicSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicSidebarComponent, selector: "basic-sidebar", ngImport: i0, template: "<daff-sidebar-viewport>\n <daff-sidebar>\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <div>Basic Sidebar</div>\n </nav>\n </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:300px}\n"], components: [{ type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: ["backdropClicked"] }, { type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarComponent, decorators: [{
11
+ type: Component,
12
+ args: [{ selector: 'basic-sidebar', styles: ['daff-sidebar-viewport { height: 300px }'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport>\n <daff-sidebar>\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <div>Basic Sidebar</div>\n </nav>\n </div>\n</daff-sidebar-viewport>" }]
13
+ }] });
14
+
15
+ class BasicSidebarModule {
16
+ }
17
+ /** @nocollapse */ BasicSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
18
+ /** @nocollapse */ BasicSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarModule, declarations: [BasicSidebarComponent], imports: [DaffSidebarModule,
19
+ DaffNavbarModule], exports: [BasicSidebarComponent] });
20
+ /** @nocollapse */ BasicSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarModule, imports: [[
21
+ DaffSidebarModule,
22
+ DaffNavbarModule,
23
+ ]] });
24
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicSidebarModule, decorators: [{
25
+ type: NgModule,
26
+ args: [{
27
+ imports: [
28
+ DaffSidebarModule,
29
+ DaffNavbarModule,
30
+ ],
31
+ declarations: [
32
+ BasicSidebarComponent,
33
+ ],
34
+ exports: [
35
+ BasicSidebarComponent,
36
+ ],
37
+ }]
38
+ }] });
39
+
40
+ class FixedAndOverSidebarComponent {
41
+ constructor() {
42
+ this.overOpen = false;
43
+ }
44
+ openOverSidebar() {
45
+ this.overOpen = !this.overOpen;
46
+ }
47
+ closeOverSidebar() {
48
+ this.overOpen = false;
49
+ }
50
+ }
51
+ /** @nocollapse */ FixedAndOverSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
52
+ /** @nocollapse */ FixedAndOverSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: FixedAndOverSidebarComponent, selector: "fixed-and-over-sidebar", ngImport: i0, template: "<daff-sidebar-viewport class=\"viewport\" (backdropClicked)=\"closeOverSidebar()\">\n <daff-sidebar mode=\"side-fixed\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <daff-sidebar mode=\"over\" side=\"right\" [open]=\"overOpen\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <button daff-button (click)=\"openOverSidebar()\">\n Open\n </button>\n </nav>\n <div class=\"inner-layout\">\n <div class=\"filler\">Content</div>\n <div class=\"inner-sticky\">Some Other Content</div>\n </div>\n </div>\n</daff-sidebar-viewport>", styles: ["nav{justify-content:flex-end}daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:600px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width:300px}\n"], components: [{ type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: ["backdropClicked"] }, { type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
53
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarComponent, decorators: [{
54
+ type: Component,
55
+ args: [{ selector: 'fixed-and-over-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport class=\"viewport\" (backdropClicked)=\"closeOverSidebar()\">\n <daff-sidebar mode=\"side-fixed\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <daff-sidebar mode=\"over\" side=\"right\" [open]=\"overOpen\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <button daff-button (click)=\"openOverSidebar()\">\n Open\n </button>\n </nav>\n <div class=\"inner-layout\">\n <div class=\"filler\">Content</div>\n <div class=\"inner-sticky\">Some Other Content</div>\n </div>\n </div>\n</daff-sidebar-viewport>", styles: ["nav{justify-content:flex-end}daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:600px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width:300px}\n"] }]
56
+ }] });
57
+
58
+ class FixedAndOverSidebarModule {
59
+ }
60
+ /** @nocollapse */ FixedAndOverSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
61
+ /** @nocollapse */ FixedAndOverSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarModule, declarations: [FixedAndOverSidebarComponent], imports: [DaffSidebarModule,
62
+ DaffNavbarModule,
63
+ DaffButtonModule], exports: [FixedAndOverSidebarComponent] });
64
+ /** @nocollapse */ FixedAndOverSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarModule, imports: [[
65
+ DaffSidebarModule,
66
+ DaffNavbarModule,
67
+ DaffButtonModule,
68
+ ]] });
69
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FixedAndOverSidebarModule, decorators: [{
70
+ type: NgModule,
71
+ args: [{
72
+ imports: [
73
+ DaffSidebarModule,
74
+ DaffNavbarModule,
75
+ DaffButtonModule,
76
+ ],
77
+ declarations: [
78
+ FixedAndOverSidebarComponent,
79
+ ],
80
+ exports: [
81
+ FixedAndOverSidebarComponent,
82
+ ],
83
+ }]
84
+ }] });
85
+
86
+ class SidebarWithStickyComponent {
87
+ }
88
+ /** @nocollapse */ SidebarWithStickyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
89
+ /** @nocollapse */ SidebarWithStickyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: SidebarWithStickyComponent, selector: "sidebar-with-sticky", ngImport: i0, template: "<daff-sidebar-viewport class=\"viewport\">\n <daff-sidebar>\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <div>Sidebar w/ inner sticky content</div>\n </nav>\n <div class=\"inner-layout\">\n <div class=\"filler\">Content</div>\n <div class=\"inner-sticky\">Some Other Content</div>\n </div>\n </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:400px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width:300px}\n"], components: [{ type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: ["backdropClicked"] }, { type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
90
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyComponent, decorators: [{
91
+ type: Component,
92
+ args: [{ selector: 'sidebar-with-sticky', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport class=\"viewport\">\n <daff-sidebar>\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <div>Sidebar w/ inner sticky content</div>\n </nav>\n <div class=\"inner-layout\">\n <div class=\"filler\">Content</div>\n <div class=\"inner-sticky\">Some Other Content</div>\n </div>\n </div>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:400px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width:300px}\n"] }]
93
+ }] });
94
+
95
+ class SidebarWithStickyModule {
96
+ }
97
+ /** @nocollapse */ SidebarWithStickyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
98
+ /** @nocollapse */ SidebarWithStickyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyModule, declarations: [SidebarWithStickyComponent], imports: [DaffSidebarModule,
99
+ DaffNavbarModule], exports: [SidebarWithStickyComponent] });
100
+ /** @nocollapse */ SidebarWithStickyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyModule, imports: [[
101
+ DaffSidebarModule,
102
+ DaffNavbarModule,
103
+ ]] });
104
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SidebarWithStickyModule, decorators: [{
105
+ type: NgModule,
106
+ args: [{
107
+ imports: [
108
+ DaffSidebarModule,
109
+ DaffNavbarModule,
110
+ ],
111
+ declarations: [
112
+ SidebarWithStickyComponent,
113
+ ],
114
+ exports: [
115
+ SidebarWithStickyComponent,
116
+ ],
117
+ }]
118
+ }] });
119
+
120
+ class TwoFixedSidebarsEitherSideComponent {
121
+ }
122
+ /** @nocollapse */ TwoFixedSidebarsEitherSideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
123
+ /** @nocollapse */ TwoFixedSidebarsEitherSideComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: TwoFixedSidebarsEitherSideComponent, selector: "two-fixed-sidebars-either-side", ngImport: i0, template: "<daff-sidebar-viewport class=\"viewport\">\n <daff-sidebar mode=\"side-fixed\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div class=\"content\">\n <nav daff-navbar>\n <div>Two Fixed Sidebars on either side.</div>\n </nav>\n <div class=\"filler\">\n <p>Content</p>\n </div>\n </div>\n <daff-sidebar mode=\"side-fixed\" side=\"right\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:300px}.filler{height:400px;padding:0 16px}\n"], components: [{ type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: ["backdropClicked"] }, { type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
124
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideComponent, decorators: [{
125
+ type: Component,
126
+ args: [{ selector: 'two-fixed-sidebars-either-side', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport class=\"viewport\">\n <daff-sidebar mode=\"side-fixed\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div class=\"content\">\n <nav daff-navbar>\n <div>Two Fixed Sidebars on either side.</div>\n </nav>\n <div class=\"filler\">\n <p>Content</p>\n </div>\n </div>\n <daff-sidebar mode=\"side-fixed\" side=\"right\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n</daff-sidebar-viewport>", styles: ["daff-sidebar-viewport{height:300px}.filler{height:400px;padding:0 16px}\n"] }]
127
+ }] });
128
+
129
+ class TwoFixedSidebarsEitherSideModule {
130
+ }
131
+ /** @nocollapse */ TwoFixedSidebarsEitherSideModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
132
+ /** @nocollapse */ TwoFixedSidebarsEitherSideModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideModule, declarations: [TwoFixedSidebarsEitherSideComponent], imports: [DaffSidebarModule,
133
+ DaffNavbarModule], exports: [TwoFixedSidebarsEitherSideComponent] });
134
+ /** @nocollapse */ TwoFixedSidebarsEitherSideModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideModule, imports: [[
135
+ DaffSidebarModule,
136
+ DaffNavbarModule,
137
+ ]] });
138
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: TwoFixedSidebarsEitherSideModule, decorators: [{
139
+ type: NgModule,
140
+ args: [{
141
+ imports: [
142
+ DaffSidebarModule,
143
+ DaffNavbarModule,
144
+ ],
145
+ declarations: [
146
+ TwoFixedSidebarsEitherSideComponent,
147
+ ],
148
+ exports: [
149
+ TwoFixedSidebarsEitherSideComponent,
150
+ ],
151
+ }]
152
+ }] });
153
+
154
+ class UnderSidebarComponent {
155
+ constructor() {
156
+ this.openLeft = false;
157
+ this.openRight = false;
158
+ }
159
+ openLeftSidebar() {
160
+ this.openLeft = !this.openLeft;
161
+ }
162
+ openRightSidebar() {
163
+ this.openRight = !this.openRight;
164
+ }
165
+ closeSidebar() {
166
+ this.openLeft = false;
167
+ this.openRight = false;
168
+ }
169
+ }
170
+ /** @nocollapse */ UnderSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
171
+ /** @nocollapse */ UnderSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: UnderSidebarComponent, selector: "under-sidebar", ngImport: i0, template: "<daff-sidebar-viewport class=\"viewport\" (backdropClicked)=\"closeSidebar()\">\n <daff-sidebar mode=\"under\" side=\"left\" [open]=\"openLeft\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <daff-sidebar mode=\"under\" side=\"right\" [open]=\"openRight\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <button daff-button (click)=\"openLeftSidebar()\">\n Open\n </button>\n <button daff-button (click)=\"openRightSidebar()\">\n Open\n </button>\n </nav>\n </div>\n</daff-sidebar-viewport>", styles: ["nav{justify-content:space-between}daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:600px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width:300px}\n"], components: [{ type: i1.DaffSidebarViewportComponent, selector: "daff-sidebar-viewport", outputs: ["backdropClicked"] }, { type: i1.DaffSidebarComponent, selector: "daff-sidebar", inputs: ["side", "mode", "open"], outputs: ["escapePressed"] }, { type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
172
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderSidebarComponent, decorators: [{
173
+ type: Component,
174
+ args: [{ selector: 'under-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-sidebar-viewport class=\"viewport\" (backdropClicked)=\"closeSidebar()\">\n <daff-sidebar mode=\"under\" side=\"left\" [open]=\"openLeft\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <daff-sidebar mode=\"under\" side=\"right\" [open]=\"openRight\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <button daff-button (click)=\"openLeftSidebar()\">\n Open\n </button>\n <button daff-button (click)=\"openRightSidebar()\">\n Open\n </button>\n </nav>\n </div>\n</daff-sidebar-viewport>", styles: ["nav{justify-content:space-between}daff-sidebar-viewport{height:300px}.inner-layout{position:relative;display:flex}.filler{flex-grow:1;height:600px;padding:0 16px}.inner-sticky{position:sticky;padding:20px;top:0;height:200px;width:300px}\n"] }]
175
+ }] });
176
+
177
+ class UnderSidebarModule {
178
+ }
179
+ /** @nocollapse */ UnderSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
180
+ /** @nocollapse */ UnderSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderSidebarModule, declarations: [UnderSidebarComponent], imports: [DaffSidebarModule,
181
+ DaffNavbarModule,
182
+ DaffButtonModule], exports: [UnderSidebarComponent] });
183
+ /** @nocollapse */ UnderSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderSidebarModule, imports: [[
184
+ DaffSidebarModule,
185
+ DaffNavbarModule,
186
+ DaffButtonModule,
187
+ ]] });
188
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: UnderSidebarModule, decorators: [{
189
+ type: NgModule,
190
+ args: [{
191
+ imports: [
192
+ DaffSidebarModule,
193
+ DaffNavbarModule,
194
+ DaffButtonModule,
195
+ ],
196
+ declarations: [
197
+ UnderSidebarComponent,
198
+ ],
199
+ exports: [
200
+ UnderSidebarComponent,
201
+ ],
202
+ }]
203
+ }] });
204
+
205
+ const SIDEBAR_EXAMPLES = [
206
+ { component: BasicSidebarComponent, module: BasicSidebarModule },
207
+ { component: SidebarWithStickyComponent, module: SidebarWithStickyModule },
208
+ { component: TwoFixedSidebarsEitherSideComponent, module: TwoFixedSidebarsEitherSideModule },
209
+ { component: FixedAndOverSidebarComponent, module: FixedAndOverSidebarModule },
210
+ { component: UnderSidebarComponent, module: UnderSidebarModule },
211
+ ];
212
+
213
+ /**
214
+ * Generated bundle index. Do not edit.
215
+ */
216
+
217
+ export { SIDEBAR_EXAMPLES };
218
+ //# sourceMappingURL=daffodil-design-sidebar-examples.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"daffodil-design-sidebar-examples.mjs","sources":["../../../libs/design/sidebar/examples/src/basic-sidebar/basic-sidebar.component.ts","../../../libs/design/sidebar/examples/src/basic-sidebar/basic-sidebar.component.html","../../../libs/design/sidebar/examples/src/basic-sidebar/basic-sidebar.module.ts","../../../libs/design/sidebar/examples/src/fixed-and-over-sidebar/fixed-and-over-sidebar.component.ts","../../../libs/design/sidebar/examples/src/fixed-and-over-sidebar/fixed-and-over-sidebar.component.html","../../../libs/design/sidebar/examples/src/fixed-and-over-sidebar/fixed-and-over-sidebar.module.ts","../../../libs/design/sidebar/examples/src/sidebar-with-sticky/sidebar-with-sticky.component.ts","../../../libs/design/sidebar/examples/src/sidebar-with-sticky/sidebar-with-sticky.component.html","../../../libs/design/sidebar/examples/src/sidebar-with-sticky/sidebar-with-sticky.module.ts","../../../libs/design/sidebar/examples/src/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.component.ts","../../../libs/design/sidebar/examples/src/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.component.html","../../../libs/design/sidebar/examples/src/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.module.ts","../../../libs/design/sidebar/examples/src/under-sidebar/under-sidebar.component.ts","../../../libs/design/sidebar/examples/src/under-sidebar/under-sidebar.component.html","../../../libs/design/sidebar/examples/src/under-sidebar/under-sidebar.module.ts","../../../libs/design/sidebar/examples/src/public_api.ts","../../../libs/design/sidebar/examples/src/daffodil-design-sidebar-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-sidebar',\n templateUrl: './basic-sidebar.component.html',\n styles: ['daff-sidebar-viewport { height: 300px }'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicSidebarComponent {\n\n}\n","<daff-sidebar-viewport>\n <daff-sidebar>\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <div>Basic Sidebar</div>\n </nav>\n </div>\n</daff-sidebar-viewport>","import { NgModule } from '@angular/core';\n\nimport {\n DaffSidebarModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { BasicSidebarComponent } from './basic-sidebar.component';\n\n@NgModule({\n imports: [\n DaffSidebarModule,\n DaffNavbarModule,\n ],\n declarations: [\n BasicSidebarComponent,\n ],\n exports: [\n BasicSidebarComponent,\n ],\n})\nexport class BasicSidebarModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'fixed-and-over-sidebar',\n templateUrl: './fixed-and-over-sidebar.component.html',\n styleUrls: [\n 'fixed-and-over-sidebar.component.scss',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FixedAndOverSidebarComponent {\n overOpen = false;\n\n openOverSidebar(){\n this.overOpen = !this.overOpen;\n }\n\n closeOverSidebar(){\n this.overOpen = false;\n }\n}\n","<daff-sidebar-viewport class=\"viewport\" (backdropClicked)=\"closeOverSidebar()\">\n <daff-sidebar mode=\"side-fixed\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <daff-sidebar mode=\"over\" side=\"right\" [open]=\"overOpen\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <button daff-button (click)=\"openOverSidebar()\">\n Open\n </button>\n </nav>\n <div class=\"inner-layout\">\n <div class=\"filler\">Content</div>\n <div class=\"inner-sticky\">Some Other Content</div>\n </div>\n </div>\n</daff-sidebar-viewport>","import { NgModule } from '@angular/core';\n\nimport {\n DaffSidebarModule,\n DaffNavbarModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { FixedAndOverSidebarComponent } from './fixed-and-over-sidebar.component';\n\n@NgModule({\n imports: [\n DaffSidebarModule,\n DaffNavbarModule,\n DaffButtonModule,\n ],\n declarations: [\n FixedAndOverSidebarComponent,\n ],\n exports: [\n FixedAndOverSidebarComponent,\n ],\n})\nexport class FixedAndOverSidebarModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'sidebar-with-sticky',\n templateUrl: './sidebar-with-sticky.component.html',\n styleUrls: [\n 'sidebar-with-sticky.component.scss',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SidebarWithStickyComponent {\n\n}\n","<daff-sidebar-viewport class=\"viewport\">\n <daff-sidebar>\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <div>Sidebar w/ inner sticky content</div>\n </nav>\n <div class=\"inner-layout\">\n <div class=\"filler\">Content</div>\n <div class=\"inner-sticky\">Some Other Content</div>\n </div>\n </div>\n</daff-sidebar-viewport>","import { NgModule } from '@angular/core';\n\nimport {\n DaffSidebarModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { SidebarWithStickyComponent } from './sidebar-with-sticky.component';\n\n@NgModule({\n imports: [\n DaffSidebarModule,\n DaffNavbarModule,\n ],\n declarations: [\n SidebarWithStickyComponent,\n ],\n exports: [\n SidebarWithStickyComponent,\n ],\n})\nexport class SidebarWithStickyModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'two-fixed-sidebars-either-side',\n templateUrl: './two-fixed-sidebars-either-side.component.html',\n styleUrls: ['./two-fixed-sidebars-either-side.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TwoFixedSidebarsEitherSideComponent {\n\n}\n","<daff-sidebar-viewport class=\"viewport\">\n <daff-sidebar mode=\"side-fixed\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div class=\"content\">\n <nav daff-navbar>\n <div>Two Fixed Sidebars on either side.</div>\n </nav>\n <div class=\"filler\">\n <p>Content</p>\n </div>\n </div>\n <daff-sidebar mode=\"side-fixed\" side=\"right\" [open]=\"true\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n</daff-sidebar-viewport>","import { NgModule } from '@angular/core';\n\nimport {\n DaffNavbarModule,\n DaffSidebarModule,\n} from '@daffodil/design';\n\nimport { TwoFixedSidebarsEitherSideComponent } from './two-fixed-sidebars-either-side.component';\n\n@NgModule({\n imports: [\n DaffSidebarModule,\n DaffNavbarModule,\n ],\n declarations: [\n TwoFixedSidebarsEitherSideComponent,\n ],\n exports: [\n TwoFixedSidebarsEitherSideComponent,\n ],\n})\nexport class TwoFixedSidebarsEitherSideModule { }\n\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'under-sidebar',\n templateUrl: './under-sidebar.component.html',\n styleUrls: [\n 'under-sidebar.component.scss',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class UnderSidebarComponent {\n openLeft = false;\n openRight = false;\n\n openLeftSidebar(){\n this.openLeft = !this.openLeft;\n }\n\n openRightSidebar(){\n this.openRight = !this.openRight;\n }\n\n closeSidebar(){\n this.openLeft = false;\n this.openRight = false;\n }\n}\n","<daff-sidebar-viewport class=\"viewport\" (backdropClicked)=\"closeSidebar()\">\n <daff-sidebar mode=\"under\" side=\"left\" [open]=\"openLeft\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <daff-sidebar mode=\"under\" side=\"right\" [open]=\"openRight\">\n <a daff-link-set-item routerLink=\"accordion\">Accordion</a><br>\n <a daff-link-set-item routerLink=\"article\">Article</a><br>\n </daff-sidebar>\n <div>\n <nav daff-navbar>\n <button daff-button (click)=\"openLeftSidebar()\">\n Open\n </button>\n <button daff-button (click)=\"openRightSidebar()\">\n Open\n </button>\n </nav>\n </div>\n</daff-sidebar-viewport>","import { NgModule } from '@angular/core';\n\nimport {\n DaffSidebarModule,\n DaffNavbarModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { UnderSidebarComponent } from './under-sidebar.component';\n\n@NgModule({\n imports: [\n DaffSidebarModule,\n DaffNavbarModule,\n DaffButtonModule,\n ],\n declarations: [\n UnderSidebarComponent,\n ],\n exports: [\n UnderSidebarComponent,\n ],\n})\nexport class UnderSidebarModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { BasicSidebarComponent } from './basic-sidebar/basic-sidebar.component';\nimport { BasicSidebarModule } from './basic-sidebar/basic-sidebar.module';\nimport { FixedAndOverSidebarComponent } from './fixed-and-over-sidebar/fixed-and-over-sidebar.component';\nimport { FixedAndOverSidebarModule } from './fixed-and-over-sidebar/fixed-and-over-sidebar.module';\nimport { SidebarWithStickyComponent } from './sidebar-with-sticky/sidebar-with-sticky.component';\nimport { SidebarWithStickyModule } from './sidebar-with-sticky/sidebar-with-sticky.module';\nimport { TwoFixedSidebarsEitherSideComponent } from './two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.component';\nimport { TwoFixedSidebarsEitherSideModule } from './two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.module';\nimport { UnderSidebarComponent } from './under-sidebar/under-sidebar.component';\nimport { UnderSidebarModule } from './under-sidebar/under-sidebar.module';\n\nexport const SIDEBAR_EXAMPLES: ComponentExample[] = [\n { component: BasicSidebarComponent, module: BasicSidebarModule },\n { component: SidebarWithStickyComponent, module: SidebarWithStickyModule },\n { component: TwoFixedSidebarsEitherSideComponent, module: TwoFixedSidebarsEitherSideModule },\n { component: FixedAndOverSidebarComponent, module: FixedAndOverSidebarModule },\n { component: UnderSidebarComponent, module: UnderSidebarModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,81 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
3
+ import * as i1 from '@daffodil/design/tree';
4
+ import { DaffTreeModule } from '@daffodil/design/tree';
5
+ import * as i2 from '@angular/router';
6
+ import { RouterModule } from '@angular/router';
7
+ import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
8
+
9
+ class BasicTreeComponent {
10
+ constructor() {
11
+ this.tree = {
12
+ title: 'Root',
13
+ items: [
14
+ {
15
+ title: 'Example Children',
16
+ items: [
17
+ { title: 'Example Child', url: '#', id: '', items: [], data: {} },
18
+ ],
19
+ url: '#',
20
+ id: '',
21
+ data: {},
22
+ },
23
+ {
24
+ title: 'Example Link',
25
+ items: [],
26
+ url: '#',
27
+ id: '',
28
+ data: {},
29
+ },
30
+ ],
31
+ url: '',
32
+ id: '',
33
+ data: {},
34
+ };
35
+ }
36
+ }
37
+ /** @nocollapse */ BasicTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
38
+ /** @nocollapse */ BasicTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicTreeComponent, selector: "basic-tree", ngImport: i0, template: "<ul daff-tree [tree]=\"tree\">\n\t<ng-template #daffTreeItemWithChildrenTpl let-node>\n\t\t\t<button daffTreeItem [node]=\"node\">{{ node.title }} </button>\n\t</ng-template>\n\t\n\t<ng-template #daffTreeItemTpl let-node>\n\t\t\t<a daffTreeItem [node]=\"node\" [routerLink]=\"node.url\">{{ node.title }}</a>\n\t</ng-template>\n</ul>\n\n", components: [{ type: i1.DaffTreeComponent, selector: "ul[daff-tree]", inputs: ["tree"] }], directives: [{ type: i1.DaffTreeItemDirective, selector: "[daffTreeItem]", inputs: ["node", "selected"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
39
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicTreeComponent, decorators: [{
40
+ type: Component,
41
+ args: [{ selector: 'basic-tree', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul daff-tree [tree]=\"tree\">\n\t<ng-template #daffTreeItemWithChildrenTpl let-node>\n\t\t\t<button daffTreeItem [node]=\"node\">{{ node.title }} </button>\n\t</ng-template>\n\t\n\t<ng-template #daffTreeItemTpl let-node>\n\t\t\t<a daffTreeItem [node]=\"node\" [routerLink]=\"node.url\">{{ node.title }}</a>\n\t</ng-template>\n</ul>\n\n" }]
42
+ }] });
43
+
44
+ class BasicTreeModule {
45
+ }
46
+ /** @nocollapse */ BasicTreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
47
+ /** @nocollapse */ BasicTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicTreeModule, declarations: [BasicTreeComponent], imports: [RouterModule,
48
+ DaffTreeModule,
49
+ FontAwesomeModule], exports: [BasicTreeComponent] });
50
+ /** @nocollapse */ BasicTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicTreeModule, imports: [[
51
+ RouterModule,
52
+ DaffTreeModule,
53
+ FontAwesomeModule,
54
+ ]] });
55
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicTreeModule, decorators: [{
56
+ type: NgModule,
57
+ args: [{
58
+ declarations: [
59
+ BasicTreeComponent,
60
+ ],
61
+ exports: [
62
+ BasicTreeComponent,
63
+ ],
64
+ imports: [
65
+ RouterModule,
66
+ DaffTreeModule,
67
+ FontAwesomeModule,
68
+ ],
69
+ }]
70
+ }] });
71
+
72
+ const TREE_EXAMPLES = [
73
+ BasicTreeComponent,
74
+ ];
75
+
76
+ /**
77
+ * Generated bundle index. Do not edit.
78
+ */
79
+
80
+ export { BasicTreeComponent, BasicTreeModule, TREE_EXAMPLES };
81
+ //# sourceMappingURL=daffodil-design-tree-examples.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"daffodil-design-tree-examples.mjs","sources":["../../../libs/design/tree/examples/src/basic-tree/basic-tree.component.ts","../../../libs/design/tree/examples/src/basic-tree/basic-tree.component.html","../../../libs/design/tree/examples/src/basic-tree/basic-tree.module.ts","../../../libs/design/tree/examples/src/public_api.ts","../../../libs/design/tree/examples/src/daffodil-design-tree-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffTreeData } from '@daffodil/design/tree';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-tree',\n templateUrl: './basic-tree.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicTreeComponent {\n tree: DaffTreeData<unknown> = {\n title: 'Root',\n items: [\n {\n title: 'Example Children',\n items: [\n { title: 'Example Child', url: '#', id: '', items: [], data: {}},\n ],\n url: '#',\n id: '',\n data: {},\n },\n {\n title: 'Example Link',\n items: [],\n url: '#',\n id: '',\n data: {},\n },\n ],\n url: '',\n id: '',\n data: {},\n };\n}\n","<ul daff-tree [tree]=\"tree\">\n\t<ng-template #daffTreeItemWithChildrenTpl let-node>\n\t\t\t<button daffTreeItem [node]=\"node\">{{ node.title }} </button>\n\t</ng-template>\n\t\n\t<ng-template #daffTreeItemTpl let-node>\n\t\t\t<a daffTreeItem [node]=\"node\" [routerLink]=\"node.url\">{{ node.title }}</a>\n\t</ng-template>\n</ul>\n\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffTreeModule } from '@daffodil/design/tree';\n\nimport { BasicTreeComponent } from './basic-tree.component';\n\n@NgModule({\n declarations: [\n BasicTreeComponent,\n ],\n exports: [\n BasicTreeComponent,\n ],\n imports: [\n RouterModule,\n DaffTreeModule,\n FontAwesomeModule,\n ],\n})\nexport class BasicTreeModule { }\n","import { BasicTreeComponent } from './basic-tree/basic-tree.component';\nexport { BasicTreeModule } from './basic-tree/basic-tree.module';\nexport { BasicTreeComponent };\nexport const TREE_EXAMPLES = [\n BasicTreeComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAaa,kBAAkB,CAAA;AAN/B,IAAA,WAAA,GAAA;AAOE,QAAA,IAAA,CAAA,IAAI,GAA0B;AAC5B,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,KAAK,EAAE;AACL,gBAAA;AACE,oBAAA,KAAK,EAAE,kBAAkB;AACzB,oBAAA,KAAK,EAAE;AACL,wBAAA,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAC;AACjE,qBAAA;AACD,oBAAA,GAAG,EAAE,GAAG;AACR,oBAAA,EAAE,EAAE,EAAE;AACN,oBAAA,IAAI,EAAE,EAAE;AACT,iBAAA;AACD,gBAAA;AACE,oBAAA,KAAK,EAAE,cAAc;AACrB,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,GAAG,EAAE,GAAG;AACR,oBAAA,EAAE,EAAE,EAAE;AACN,oBAAA,IAAI,EAAE,EAAE;AACT,iBAAA;AACF,aAAA;AACD,YAAA,GAAG,EAAE,EAAE;AACP,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,IAAI,EAAE,EAAE;SACT,CAAC;AACH,KAAA;;kIAzBY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,mBAAA,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,kDCb/B,kVAUA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDGa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;+BAEE,YAAY,EAAA,eAAA,EAEL,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kVAAA,EAAA,CAAA;;;MEUpC,eAAe,CAAA;;+HAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gIAAf,eAAe,EAAA,YAAA,EAAA,CAXxB,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAMlB,YAAY;QACZ,cAAc;AACd,QAAA,iBAAiB,aALjB,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAQT,mBAAA,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EANjB,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,cAAc;YACd,iBAAiB;AAClB,SAAA,CAAA,EAAA,CAAA,CAAA;2FAEU,eAAe,EAAA,UAAA,EAAA,CAAA;kBAb3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,kBAAkB;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,kBAAkB;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,cAAc;wBACd,iBAAiB;AAClB,qBAAA;AACF,iBAAA,CAAA;;;ACjBY,MAAA,aAAa,GAAG;IAC3B,kBAAkB;;;ACJpB;;AAEG;;;;"}