@daffodil/design 0.60.0 → 0.62.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (258) hide show
  1. package/accordion/examples/package.json +1 -1
  2. package/article/examples/package.json +1 -1
  3. package/atoms/button/button.component.d.ts +18 -2
  4. package/atoms/button/button.module.d.ts +2 -1
  5. package/atoms/form/error-message/error-message.component.d.ts +1 -0
  6. package/atoms/form/form-label/form-label.directive.d.ts +6 -0
  7. package/atoms/form/form-label/form-label.module.d.ts +7 -0
  8. package/atoms/form/form-label/public_api.d.ts +2 -0
  9. package/atoms/form/{select/select/select.component.d.ts → native-select/native-select.component.d.ts} +1 -1
  10. package/atoms/form/{select/select.module.d.ts → native-select/native-select.module.d.ts} +1 -1
  11. package/atoms/form/native-select/public_api.d.ts +2 -0
  12. package/atoms/form/quantity-field/quantity-field.module.d.ts +1 -1
  13. package/atoms/form/quantity-field/quantity-select/quantity-select.component.d.ts +1 -1
  14. package/atoms/loading-icon/loading-icon.component.d.ts +3 -3
  15. package/button/examples/examples.d.ts +4 -0
  16. package/button/examples/flat-button/flat-button.component.d.ts +7 -0
  17. package/button/examples/flat-button/flat-button.module.d.ts +9 -0
  18. package/button/examples/package.json +1 -1
  19. package/button/examples/public_api.d.ts +10 -9
  20. package/callout/examples/package.json +1 -1
  21. package/card/examples/package.json +1 -1
  22. package/checkbox/examples/package.json +1 -1
  23. package/container/examples/package.json +1 -1
  24. package/core/animation/animation-state-with-params.d.ts +8 -0
  25. package/core/public_api.d.ts +3 -2
  26. package/core/statusable/public_api.d.ts +2 -0
  27. package/esm2020/atoms/button/button.component.mjs +62 -5
  28. package/esm2020/atoms/button/button.module.mjs +6 -2
  29. package/esm2020/atoms/form/error-message/error-message.component.mjs +10 -4
  30. package/esm2020/atoms/form/form-label/form-label.directive.mjs +19 -0
  31. package/esm2020/atoms/form/form-label/form-label.module.mjs +20 -0
  32. package/esm2020/atoms/form/form-label/public_api.mjs +3 -0
  33. package/esm2020/atoms/form/native-select/native-select.component.mjs +64 -0
  34. package/esm2020/atoms/form/{select/select.module.mjs → native-select/native-select.module.mjs} +2 -2
  35. package/esm2020/atoms/form/native-select/public_api.mjs +3 -0
  36. package/esm2020/atoms/form/quantity-field/quantity-field.module.mjs +2 -2
  37. package/esm2020/atoms/form/quantity-field/quantity-select/quantity-select.component.mjs +3 -3
  38. package/esm2020/atoms/image/image.component.mjs +2 -2
  39. package/esm2020/atoms/loading-icon/loading-icon.component.mjs +4 -5
  40. package/esm2020/button/examples/basic-button/basic-button.component.mjs +7 -6
  41. package/esm2020/button/examples/examples.mjs +19 -0
  42. package/esm2020/button/examples/flat-button/flat-button.component.mjs +24 -0
  43. package/esm2020/button/examples/flat-button/flat-button.module.mjs +30 -0
  44. package/esm2020/button/examples/icon-button/icon-button.component.mjs +6 -5
  45. package/esm2020/button/examples/public_api.mjs +11 -18
  46. package/esm2020/button/examples/raised-button/raised-button.component.mjs +7 -6
  47. package/esm2020/button/examples/sizeable-button/sizeable-button.component.mjs +3 -7
  48. package/esm2020/button/examples/statusable-button/statusable-button.component.mjs +3 -11
  49. package/esm2020/button/examples/stroked-button/stroked-button.component.mjs +7 -6
  50. package/esm2020/button/examples/underline-button/underline-button.component.mjs +7 -6
  51. package/esm2020/button/examples/underline-button/underline-button.module.mjs +1 -1
  52. package/esm2020/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +1 -1
  53. package/esm2020/callout/examples/callout-theming/callout-theming.component.mjs +1 -1
  54. package/esm2020/callout/examples/callout-with-grid/callout-with-grid.component.mjs +1 -1
  55. package/esm2020/callout/examples/compact-callout/compact-callout.component.mjs +1 -1
  56. package/esm2020/card/examples/basic-card/basic-card.component.mjs +1 -1
  57. package/esm2020/card/examples/card-orientation/card-orientation.component.mjs +1 -1
  58. package/esm2020/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +1 -1
  59. package/esm2020/checkbox/examples/checkbox-set/checkbox-set.component.mjs +1 -1
  60. package/esm2020/core/animation/animation-state-with-params.mjs +2 -0
  61. package/esm2020/core/public_api.mjs +4 -3
  62. package/esm2020/core/statusable/public_api.mjs +3 -0
  63. package/esm2020/hero/examples/compact-hero/compact-hero.component.mjs +1 -1
  64. package/esm2020/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +1 -1
  65. package/esm2020/hero/examples/hero-theming/hero-theming.component.mjs +1 -1
  66. package/esm2020/hero/examples/hero-with-grid/hero-with-grid.component.mjs +1 -1
  67. package/esm2020/menu/examples/basic-menu/basic-menu.component.mjs +1 -1
  68. package/esm2020/modal/examples/basic-modal/basic-modal.component.mjs +1 -1
  69. package/esm2020/modal/examples/basic-modal/modal-content.component.mjs +1 -1
  70. package/esm2020/molecules/backdrop/animation/backdrop-animation-state.mjs +2 -0
  71. package/esm2020/molecules/backdrop/animation/backdrop-animation.mjs +6 -2
  72. package/esm2020/molecules/backdrop/backdrop/backdrop.component.mjs +40 -5
  73. package/esm2020/molecules/media-gallery/media-gallery.component.mjs +2 -2
  74. package/esm2020/molecules/qty-dropdown/qty-dropdown.component.mjs +1 -1
  75. package/esm2020/molecules/qty-dropdown/qty-dropdown.module.mjs +2 -2
  76. package/esm2020/molecules/sidebar/animation/sidebar-animation-state.mjs +2 -2
  77. package/esm2020/molecules/sidebar/animation/sidebar-animation-width.mjs +2 -0
  78. package/esm2020/molecules/sidebar/animation/sidebar-animation.mjs +21 -4
  79. package/esm2020/molecules/sidebar/animation/sidebar-viewport-animation-state.mjs +3 -0
  80. package/esm2020/molecules/sidebar/helper/sidebar-mode.mjs +1 -1
  81. package/esm2020/molecules/sidebar/helper/sidebar-side.mjs +2 -0
  82. package/esm2020/molecules/sidebar/public_api.mjs +1 -2
  83. package/esm2020/molecules/sidebar/sidebar/sidebar.component.mjs +62 -10
  84. package/esm2020/molecules/sidebar/sidebar-viewport/backdrop-interactable.mjs +5 -0
  85. package/esm2020/molecules/sidebar/sidebar-viewport/content-pad.mjs +17 -0
  86. package/esm2020/molecules/sidebar/sidebar-viewport/content-shift.mjs +21 -0
  87. package/esm2020/molecules/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +83 -81
  88. package/esm2020/navbar/examples/basic-navbar/basic-navbar.component.mjs +1 -1
  89. package/esm2020/navbar/examples/contained-navbar/contained-navbar.component.mjs +1 -1
  90. package/esm2020/navbar/examples/navbar-theming/navbar-theming.component.mjs +1 -1
  91. package/esm2020/navbar/examples/raised-navbar/raised-navbar.component.mjs +1 -1
  92. package/esm2020/public_api.mjs +3 -2
  93. package/esm2020/sidebar/examples/basic-sidebar/basic-sidebar.component.mjs +12 -0
  94. package/esm2020/sidebar/examples/basic-sidebar/basic-sidebar.module.mjs +29 -0
  95. package/esm2020/sidebar/examples/daffodil-design-sidebar-examples.mjs +5 -0
  96. package/esm2020/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.component.mjs +21 -0
  97. package/esm2020/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.module.mjs +32 -0
  98. package/esm2020/sidebar/examples/index.mjs +2 -0
  99. package/esm2020/sidebar/examples/public_api.mjs +18 -0
  100. package/esm2020/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.component.mjs +12 -0
  101. package/esm2020/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.module.mjs +29 -0
  102. package/esm2020/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.component.mjs +12 -0
  103. package/esm2020/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.module.mjs +29 -0
  104. package/esm2020/sidebar/examples/under-sidebar/under-sidebar.component.mjs +26 -0
  105. package/esm2020/sidebar/examples/under-sidebar/under-sidebar.module.mjs +32 -0
  106. package/esm2020/tree/daffodil-design-tree.mjs +5 -0
  107. package/esm2020/tree/examples/basic-tree/basic-tree.component.mjs +39 -0
  108. package/esm2020/tree/examples/basic-tree/basic-tree.module.mjs +34 -0
  109. package/esm2020/tree/examples/daffodil-design-tree-examples.mjs +5 -0
  110. package/esm2020/tree/examples/index.mjs +2 -0
  111. package/esm2020/tree/examples/public_api.mjs +7 -0
  112. package/esm2020/tree/index.mjs +2 -0
  113. package/esm2020/tree/interfaces/recursive-key.mjs +2 -0
  114. package/esm2020/tree/interfaces/tree-data.mjs +2 -0
  115. package/esm2020/tree/interfaces/tree-ui.mjs +2 -0
  116. package/esm2020/tree/public_api.mjs +5 -0
  117. package/esm2020/tree/tree/tree-notifier.service.mjs +45 -0
  118. package/esm2020/tree/tree/tree.component.mjs +106 -0
  119. package/esm2020/tree/tree-item/tree-item.directive.mjs +154 -0
  120. package/esm2020/tree/tree.module.mjs +31 -0
  121. package/esm2020/tree/utils/flatten-tree.mjs +47 -0
  122. package/esm2020/tree/utils/hydrate-tree.mjs +31 -0
  123. package/esm2020/tree/utils/transform-in-place.mjs +23 -0
  124. package/esm2020/tree/utils/traverse-tree.mjs +21 -0
  125. package/fesm2015/daffodil-design-button-examples.mjs +160 -122
  126. package/fesm2015/daffodil-design-button-examples.mjs.map +1 -1
  127. package/fesm2015/daffodil-design-callout-examples.mjs +4 -4
  128. package/fesm2015/daffodil-design-callout-examples.mjs.map +1 -1
  129. package/fesm2015/daffodil-design-card-examples.mjs +2 -2
  130. package/fesm2015/daffodil-design-card-examples.mjs.map +1 -1
  131. package/fesm2015/daffodil-design-checkbox-examples.mjs +2 -2
  132. package/fesm2015/daffodil-design-checkbox-examples.mjs.map +1 -1
  133. package/fesm2015/daffodil-design-hero-examples.mjs +4 -4
  134. package/fesm2015/daffodil-design-hero-examples.mjs.map +1 -1
  135. package/fesm2015/daffodil-design-menu-examples.mjs +1 -1
  136. package/fesm2015/daffodil-design-menu-examples.mjs.map +1 -1
  137. package/fesm2015/daffodil-design-modal-examples.mjs +2 -2
  138. package/fesm2015/daffodil-design-modal-examples.mjs.map +1 -1
  139. package/fesm2015/daffodil-design-navbar-examples.mjs +4 -4
  140. package/fesm2015/daffodil-design-navbar-examples.mjs.map +1 -1
  141. package/fesm2015/daffodil-design-sidebar-examples.mjs +218 -0
  142. package/fesm2015/daffodil-design-sidebar-examples.mjs.map +1 -0
  143. package/fesm2015/daffodil-design-tree-examples.mjs +81 -0
  144. package/fesm2015/daffodil-design-tree-examples.mjs.map +1 -0
  145. package/fesm2015/daffodil-design-tree.mjs +443 -0
  146. package/fesm2015/daffodil-design-tree.mjs.map +1 -0
  147. package/fesm2015/daffodil-design.mjs +440 -191
  148. package/fesm2015/daffodil-design.mjs.map +1 -1
  149. package/fesm2020/daffodil-design-button-examples.mjs +160 -122
  150. package/fesm2020/daffodil-design-button-examples.mjs.map +1 -1
  151. package/fesm2020/daffodil-design-callout-examples.mjs +4 -4
  152. package/fesm2020/daffodil-design-callout-examples.mjs.map +1 -1
  153. package/fesm2020/daffodil-design-card-examples.mjs +2 -2
  154. package/fesm2020/daffodil-design-card-examples.mjs.map +1 -1
  155. package/fesm2020/daffodil-design-checkbox-examples.mjs +2 -2
  156. package/fesm2020/daffodil-design-checkbox-examples.mjs.map +1 -1
  157. package/fesm2020/daffodil-design-hero-examples.mjs +4 -4
  158. package/fesm2020/daffodil-design-hero-examples.mjs.map +1 -1
  159. package/fesm2020/daffodil-design-menu-examples.mjs +1 -1
  160. package/fesm2020/daffodil-design-menu-examples.mjs.map +1 -1
  161. package/fesm2020/daffodil-design-modal-examples.mjs +2 -2
  162. package/fesm2020/daffodil-design-modal-examples.mjs.map +1 -1
  163. package/fesm2020/daffodil-design-navbar-examples.mjs +4 -4
  164. package/fesm2020/daffodil-design-navbar-examples.mjs.map +1 -1
  165. package/fesm2020/daffodil-design-sidebar-examples.mjs +218 -0
  166. package/fesm2020/daffodil-design-sidebar-examples.mjs.map +1 -0
  167. package/fesm2020/daffodil-design-tree-examples.mjs +81 -0
  168. package/fesm2020/daffodil-design-tree-examples.mjs.map +1 -0
  169. package/fesm2020/daffodil-design-tree.mjs +448 -0
  170. package/fesm2020/daffodil-design-tree.mjs.map +1 -0
  171. package/fesm2020/daffodil-design.mjs +440 -191
  172. package/fesm2020/daffodil-design.mjs.map +1 -1
  173. package/hero/examples/package.json +1 -1
  174. package/image/examples/package.json +1 -1
  175. package/input/examples/package.json +1 -1
  176. package/list/examples/package.json +1 -1
  177. package/loading-icon/examples/package.json +1 -1
  178. package/media-gallery/examples/package.json +1 -1
  179. package/menu/examples/package.json +1 -1
  180. package/modal/examples/package.json +1 -1
  181. package/molecules/backdrop/animation/backdrop-animation-state.d.ts +2 -0
  182. package/molecules/backdrop/backdrop/backdrop.component.d.ts +17 -3
  183. package/molecules/qty-dropdown/qty-dropdown.module.d.ts +1 -1
  184. package/molecules/sidebar/animation/sidebar-animation-state.d.ts +2 -1
  185. package/molecules/sidebar/animation/sidebar-animation-width.d.ts +2 -0
  186. package/molecules/sidebar/animation/sidebar-animation.d.ts +3 -1
  187. package/molecules/sidebar/animation/sidebar-viewport-animation-state.d.ts +6 -0
  188. package/molecules/sidebar/helper/sidebar-mode.d.ts +27 -1
  189. package/molecules/sidebar/helper/sidebar-side.d.ts +12 -0
  190. package/molecules/sidebar/public_api.d.ts +2 -1
  191. package/molecules/sidebar/sidebar/sidebar.component.d.ts +37 -5
  192. package/molecules/sidebar/sidebar-viewport/backdrop-interactable.d.ts +6 -0
  193. package/molecules/sidebar/sidebar-viewport/content-pad.d.ts +7 -0
  194. package/molecules/sidebar/sidebar-viewport/content-shift.d.ts +8 -0
  195. package/molecules/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +47 -44
  196. package/navbar/examples/package.json +1 -1
  197. package/package.json +1 -1
  198. package/paginator/examples/package.json +1 -1
  199. package/public_api.d.ts +2 -1
  200. package/quantity-field/examples/package.json +1 -1
  201. package/radio/examples/package.json +1 -1
  202. package/scss/global.scss +1 -0
  203. package/scss/state/skeleton/_mixins.scss +1 -0
  204. package/scss/theme.scss +4 -2
  205. package/scss/theming/_color-palettes.scss +5 -5
  206. package/sidebar/examples/basic-sidebar/basic-sidebar.component.d.ts +5 -0
  207. package/sidebar/examples/basic-sidebar/basic-sidebar.module.d.ts +8 -0
  208. package/sidebar/examples/daffodil-design-sidebar-examples.d.ts +5 -0
  209. package/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.component.d.ts +8 -0
  210. package/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.module.d.ts +8 -0
  211. package/sidebar/examples/index.d.ts +1 -0
  212. package/sidebar/examples/package.json +1 -0
  213. package/sidebar/examples/public_api.d.ts +2 -0
  214. package/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.component.d.ts +5 -0
  215. package/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.module.d.ts +8 -0
  216. package/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.component.d.ts +5 -0
  217. package/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.module.d.ts +8 -0
  218. package/sidebar/examples/under-sidebar/under-sidebar.component.d.ts +10 -0
  219. package/sidebar/examples/under-sidebar/under-sidebar.module.d.ts +8 -0
  220. package/src/atoms/button/button-theme-variants/button.scss +9 -18
  221. package/src/atoms/button/button-theme-variants/flat.scss +25 -0
  222. package/src/atoms/button/button-theme-variants/raised.scss +6 -26
  223. package/src/atoms/button/button-theme-variants/stroked.scss +12 -20
  224. package/src/atoms/button/button-theme.scss +121 -117
  225. package/src/atoms/form/{select → native-select}/README.md +1 -1
  226. package/src/atoms/form/{select/select/select-theme.scss → native-select/native-select-theme.scss} +3 -3
  227. package/src/atoms/loading-icon/loading-icon-theme.scss +4 -0
  228. package/src/molecules/sidebar/README.md +10 -0
  229. package/src/molecules/sidebar/helper/_variables.scss +7 -0
  230. package/src/molecules/sidebar/sidebar/sidebar-theme.scss +3 -3
  231. package/src/molecules/sidebar/sidebar-viewport/sidebar-viewport-theme.scss +5 -0
  232. package/tree/README.md +38 -0
  233. package/tree/daffodil-design-tree.d.ts +5 -0
  234. package/tree/examples/basic-tree/basic-tree.component.d.ts +7 -0
  235. package/tree/examples/basic-tree/basic-tree.module.d.ts +10 -0
  236. package/tree/examples/daffodil-design-tree-examples.d.ts +5 -0
  237. package/tree/examples/index.d.ts +1 -0
  238. package/tree/examples/package.json +1 -0
  239. package/tree/examples/public_api.d.ts +4 -0
  240. package/tree/index.d.ts +1 -0
  241. package/tree/interfaces/recursive-key.d.ts +3 -0
  242. package/tree/interfaces/tree-data.d.ts +13 -0
  243. package/tree/interfaces/tree-ui.d.ts +11 -0
  244. package/tree/package.json +1 -0
  245. package/tree/public_api.d.ts +6 -0
  246. package/tree/src/tree-theme.scss +38 -0
  247. package/tree/tree/tree-notifier.service.d.ts +32 -0
  248. package/tree/tree/tree.component.d.ts +75 -0
  249. package/tree/tree-item/tree-item.directive.d.ts +102 -0
  250. package/tree/tree.module.d.ts +9 -0
  251. package/tree/utils/flatten-tree.d.ts +19 -0
  252. package/tree/utils/hydrate-tree.d.ts +8 -0
  253. package/tree/utils/transform-in-place.d.ts +15 -0
  254. package/tree/utils/traverse-tree.d.ts +5 -0
  255. package/atoms/form/select/public_api.d.ts +0 -2
  256. package/esm2020/atoms/form/select/public_api.mjs +0 -3
  257. package/esm2020/atoms/form/select/select/select.component.mjs +0 -64
  258. package/src/atoms/button/button-theme-variants/focus.scss +0 -6
@@ -6,7 +6,7 @@ import { DaffModalModule, DaffButtonModule } from '@daffodil/design';
6
6
  class BasicModalContentComponent {
7
7
  }
8
8
  /** @nocollapse */ BasicModalContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- /** @nocollapse */ BasicModalContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicModalContentComponent, selector: "basic-modal-content", ngImport: i0, template: "<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>", components: [{ type: i1.DaffModalHeaderComponent, selector: "daff-modal-header" }, { type: i1.DaffModalContentComponent, selector: "daff-modal-content" }, { type: i1.DaffModalActionsComponent, selector: "daff-modal-actions" }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffModalTitleDirective, selector: "[daffModalTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
9
+ /** @nocollapse */ BasicModalContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicModalContentComponent, selector: "basic-modal-content", ngImport: i0, template: "<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>", components: [{ type: i1.DaffModalHeaderComponent, selector: "daff-modal-header" }, { type: i1.DaffModalContentComponent, selector: "daff-modal-content" }, { type: i1.DaffModalActionsComponent, selector: "daff-modal-actions" }, { 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"] }], directives: [{ type: i1.DaffModalTitleDirective, selector: "[daffModalTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
10
10
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicModalContentComponent, decorators: [{
11
11
  type: Component,
12
12
  args: [{ selector: 'basic-modal-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>" }]
@@ -21,7 +21,7 @@ class BasicModalComponent {
21
21
  }
22
22
  }
23
23
  /** @nocollapse */ BasicModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicModalComponent, deps: [{ token: i1.DaffModalService }], target: i0.ɵɵFactoryTarget.Component });
24
- /** @nocollapse */ BasicModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicModalComponent, selector: "basic-modal", ngImport: i0, template: "<button daff-button (click)=\"showModal()\">Open Modal</button>\n", components: [{ type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
24
+ /** @nocollapse */ BasicModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicModalComponent, selector: "basic-modal", ngImport: i0, template: "<button daff-button (click)=\"showModal()\">Open Modal</button>\n", components: [{ 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 });
25
25
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicModalComponent, decorators: [{
26
26
  type: Component,
27
27
  args: [{ selector: 'basic-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button (click)=\"showModal()\">Open Modal</button>\n" }]
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-modal-examples.mjs","sources":["../../../libs/design/modal/examples/src/basic-modal/modal-content.component.ts","../../../libs/design/modal/examples/src/basic-modal/modal-content.component.html","../../../libs/design/modal/examples/src/basic-modal/basic-modal.component.ts","../../../libs/design/modal/examples/src/basic-modal/basic-modal.component.html","../../../libs/design/modal/examples/src/basic-modal/basic-modal.module.ts","../../../libs/design/modal/examples/src/public_api.ts","../../../libs/design/modal/examples/src/daffodil-design-modal-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-modal-content',\n templateUrl: './modal-content.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicModalContentComponent {\n\n}\n","<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffModalService } from '@daffodil/design';\n\nimport { BasicModalContentComponent } from './modal-content.component';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-modal',\n templateUrl: './basic-modal.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicModalComponent {\n modal: any;\n\n constructor(private modalService: DaffModalService) {}\n\n showModal() {\n this.modal = this.modalService.open(BasicModalContentComponent);\n }\n}\n","<button daff-button (click)=\"showModal()\">Open Modal</button>\n","import { NgModule } from '@angular/core';\n\nimport {\n DaffModalModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicModalComponent } from './basic-modal.component';\nimport { BasicModalContentComponent } from './modal-content.component';\n\n@NgModule({\n imports: [\n DaffModalModule,\n DaffButtonModule,\n ],\n declarations: [\n BasicModalComponent,\n BasicModalContentComponent,\n ],\n exports: [\n BasicModalComponent,\n ],\n})\nexport class BasicModalModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { BasicModalComponent } from './basic-modal/basic-modal.component';\nimport { BasicModalModule } from './basic-modal/basic-modal.module';\n\nexport const MODAL_EXAMPLES: ComponentExample[] = [\n { component: BasicModalComponent, module: BasicModalModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"daffodil-design-modal-examples.mjs","sources":["../../../libs/design/modal/examples/src/basic-modal/modal-content.component.ts","../../../libs/design/modal/examples/src/basic-modal/modal-content.component.html","../../../libs/design/modal/examples/src/basic-modal/basic-modal.component.ts","../../../libs/design/modal/examples/src/basic-modal/basic-modal.component.html","../../../libs/design/modal/examples/src/basic-modal/basic-modal.module.ts","../../../libs/design/modal/examples/src/public_api.ts","../../../libs/design/modal/examples/src/daffodil-design-modal-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-modal-content',\n templateUrl: './modal-content.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicModalContentComponent {\n\n}\n","<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffModalService } from '@daffodil/design';\n\nimport { BasicModalContentComponent } from './modal-content.component';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-modal',\n templateUrl: './basic-modal.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicModalComponent {\n modal: any;\n\n constructor(private modalService: DaffModalService) {}\n\n showModal() {\n this.modal = this.modalService.open(BasicModalContentComponent);\n }\n}\n","<button daff-button (click)=\"showModal()\">Open Modal</button>\n","import { NgModule } from '@angular/core';\n\nimport {\n DaffModalModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicModalComponent } from './basic-modal.component';\nimport { BasicModalContentComponent } from './modal-content.component';\n\n@NgModule({\n imports: [\n DaffModalModule,\n DaffButtonModule,\n ],\n declarations: [\n BasicModalComponent,\n BasicModalContentComponent,\n ],\n exports: [\n BasicModalComponent,\n ],\n})\nexport class BasicModalModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { BasicModalComponent } from './basic-modal/basic-modal.component';\nimport { BasicModalModule } from './basic-modal/basic-modal.module';\n\nexport const MODAL_EXAMPLES: ComponentExample[] = [\n { component: BasicModalComponent, module: BasicModalModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAWa,0BAA0B,CAAA;;0IAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,mBAAA,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,2DCXvC,kTAQqB,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yRAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDGR,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,SAAS;+BAEE,qBAAqB,EAAA,eAAA,EAEd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kTAAA,EAAA,CAAA;;;MEMpC,mBAAmB,CAAA;AAG9B,IAAA,WAAA,CAAoB,YAA8B,EAAA;AAA9B,QAAA,IAAY,CAAA,YAAA,GAAZ,YAAY,CAAkB;KAAI;IAEtD,SAAS,GAAA;QACP,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;KACjE;;mIAPU,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,mDCfhC,mEACA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yRAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDca,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;+BAEE,aAAa,EAAA,eAAA,EAEN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mEAAA,EAAA,CAAA;;;MEUpC,gBAAgB,CAAA;;gIAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,mBAAA,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,iBAPzB,mBAAmB;AACnB,QAAA,0BAA0B,aAL1B,eAAe;QACf,gBAAgB,aAOhB,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAGV,mBAAA,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAZlB,OAAA,EAAA,CAAA;YACP,eAAe;YACf,gBAAgB;SACjB,CAAA,EAAA,CAAA,CAAA;2FASU,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAb5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,eAAe;wBACf,gBAAgB;AACjB,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACZ,mBAAmB;wBACnB,0BAA0B;AAC3B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;AACpB,qBAAA;iBACF,CAAA;;;ACjBY,MAAA,cAAc,GAAuB;AAChD,IAAA,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,gBAAgB,EAAE;;;ACN9D;;AAEG;;;;"}
@@ -10,7 +10,7 @@ import { FormControl, ReactiveFormsModule } from '@angular/forms';
10
10
  class BasicNavbarComponent {
11
11
  }
12
12
  /** @nocollapse */ BasicNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
13
- /** @nocollapse */ BasicNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicNavbarComponent, selector: "basic-navbar", ngImport: i0, template: "<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>", styles: [".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ 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-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
13
+ /** @nocollapse */ BasicNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicNavbarComponent, selector: "basic-navbar", ngImport: i0, template: "<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>", styles: [".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ 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 });
14
14
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarComponent, decorators: [{
15
15
  type: Component,
16
16
  args: [{ selector: 'basic-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>", styles: [".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
@@ -47,7 +47,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
47
47
  class ContainedNavbarComponent {
48
48
  }
49
49
  /** @nocollapse */ ContainedNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
50
- /** @nocollapse */ ContainedNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: ContainedNavbarComponent, selector: "contained-navbar", ngImport: i0, template: "<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n", styles: [".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
50
+ /** @nocollapse */ ContainedNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: ContainedNavbarComponent, selector: "contained-navbar", ngImport: i0, template: "<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n", styles: [".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { 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 });
51
51
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarComponent, decorators: [{
52
52
  type: Component,
53
53
  args: [{ selector: 'contained-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n", styles: [".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
@@ -97,7 +97,7 @@ class NavbarThemingComponent {
97
97
  }
98
98
  }
99
99
  /** @nocollapse */ NavbarThemingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
100
- /** @nocollapse */ NavbarThemingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: NavbarThemingComponent, selector: "navbar-theming", ngImport: i0, template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ 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-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
100
+ /** @nocollapse */ NavbarThemingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: NavbarThemingComponent, selector: "navbar-theming", ngImport: i0, template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ 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"] }], directives: [{ type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
101
101
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingComponent, decorators: [{
102
102
  type: Component,
103
103
  args: [{ selector: 'navbar-theming', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
@@ -134,7 +134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
134
134
  class RaisedNavbarComponent {
135
135
  }
136
136
  /** @nocollapse */ RaisedNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
137
- /** @nocollapse */ RaisedNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: RaisedNavbarComponent, selector: "raised-navbar", ngImport: i0, template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n", styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ 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-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
137
+ /** @nocollapse */ RaisedNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: RaisedNavbarComponent, selector: "raised-navbar", ngImport: i0, template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n", styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], components: [{ 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 });
138
138
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarComponent, decorators: [{
139
139
  type: Component,
140
140
  args: [{ selector: 'raised-navbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n", styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-navbar-examples.mjs","sources":["../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.ts","../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.html","../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.module.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.html","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.module.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.html","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.module.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.html","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.module.ts","../../../libs/design/navbar/examples/src/examples.ts","../../../libs/design/navbar/examples/src/daffodil-design-navbar-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-navbar',\n templateUrl: './basic-navbar.component.html',\n styleUrls: ['./basic-navbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicNavbarComponent {}\n","<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n DaffButtonModule,\n DaffContainerModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { BasicNavbarComponent } from './basic-navbar.component';\n\n@NgModule({\n declarations: [\n BasicNavbarComponent,\n ],\n imports: [\n CommonModule,\n\n DaffNavbarModule,\n DaffButtonModule,\n DaffContainerModule,\n ],\n})\nexport class BasicNavbarModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'contained-navbar',\n templateUrl: './contained-navbar.component.html',\n styleUrls: ['./contained-navbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContainedNavbarComponent {}\n","<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n DaffButtonModule,\n DaffContainerModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { ContainedNavbarComponent } from './contained-navbar.component';\n\n@NgModule({\n declarations: [\n ContainedNavbarComponent,\n ],\n imports: [\n CommonModule,\n\n DaffNavbarModule,\n DaffButtonModule,\n DaffContainerModule,\n ],\n})\nexport class ContainedNavbarModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'navbar-theming',\n templateUrl: './navbar-theming.component.html',\n styleUrls: ['./navbar-theming.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavbarThemingComponent {\n colorControl: FormControl = new FormControl('');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'primary', label: 'Primary' },\n { value: 'secondary', label: 'Secondary' },\n { value: 'tertiary', label: 'Tertiary' },\n { value: 'white', label: 'White' },\n { value: 'black', label: 'Black' },\n { value: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\n ];\n}\n","<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffButtonModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { NavbarThemingComponent } from './navbar-theming.component';\n\n@NgModule({\n declarations: [\n NavbarThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffNavbarModule,\n DaffButtonModule,\n ],\n})\nexport class NavbarThemingModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'raised-navbar',\n templateUrl: './raised-navbar.component.html',\n styleUrls: ['./raised-navbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedNavbarComponent {}\n","<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n DaffButtonModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { RaisedNavbarComponent } from './raised-navbar.component';\n\n@NgModule({\n declarations: [\n RaisedNavbarComponent,\n ],\n imports: [\n CommonModule,\n\n DaffNavbarModule,\n DaffButtonModule,\n ],\n})\nexport class RaisedNavbarModule { }\n","import { BasicNavbarComponent } from './basic-navbar/basic-navbar.component';\nimport { ContainedNavbarComponent } from './contained-navbar/contained-navbar.component';\nimport { NavbarThemingComponent } from './navbar-theming/navbar-theming.component';\nimport { RaisedNavbarComponent } from './raised-navbar/raised-navbar.component';\n\nexport const NAVBAR_EXAMPLES = [\n BasicNavbarComponent,\n ContainedNavbarComponent,\n NavbarThemingComponent,\n RaisedNavbarComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"daffodil-design-navbar-examples.mjs","sources":["../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.ts","../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.html","../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.module.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.html","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.module.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.html","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.module.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.html","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.module.ts","../../../libs/design/navbar/examples/src/examples.ts","../../../libs/design/navbar/examples/src/daffodil-design-navbar-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-navbar',\n templateUrl: './basic-navbar.component.html',\n styleUrls: ['./basic-navbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicNavbarComponent {}\n","<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n DaffButtonModule,\n DaffContainerModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { BasicNavbarComponent } from './basic-navbar.component';\n\n@NgModule({\n declarations: [\n BasicNavbarComponent,\n ],\n imports: [\n CommonModule,\n\n DaffNavbarModule,\n DaffButtonModule,\n DaffContainerModule,\n ],\n})\nexport class BasicNavbarModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'contained-navbar',\n templateUrl: './contained-navbar.component.html',\n styleUrls: ['./contained-navbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContainedNavbarComponent {}\n","<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n DaffButtonModule,\n DaffContainerModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { ContainedNavbarComponent } from './contained-navbar.component';\n\n@NgModule({\n declarations: [\n ContainedNavbarComponent,\n ],\n imports: [\n CommonModule,\n\n DaffNavbarModule,\n DaffButtonModule,\n DaffContainerModule,\n ],\n})\nexport class ContainedNavbarModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'navbar-theming',\n templateUrl: './navbar-theming.component.html',\n styleUrls: ['./navbar-theming.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavbarThemingComponent {\n colorControl: FormControl = new FormControl('');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'primary', label: 'Primary' },\n { value: 'secondary', label: 'Secondary' },\n { value: 'tertiary', label: 'Tertiary' },\n { value: 'white', label: 'White' },\n { value: 'black', label: 'Black' },\n { value: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\n ];\n}\n","<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffButtonModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { NavbarThemingComponent } from './navbar-theming.component';\n\n@NgModule({\n declarations: [\n NavbarThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffNavbarModule,\n DaffButtonModule,\n ],\n})\nexport class NavbarThemingModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'raised-navbar',\n templateUrl: './raised-navbar.component.html',\n styleUrls: ['./raised-navbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedNavbarComponent {}\n","<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n DaffButtonModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { RaisedNavbarComponent } from './raised-navbar.component';\n\n@NgModule({\n declarations: [\n RaisedNavbarComponent,\n ],\n imports: [\n CommonModule,\n\n DaffNavbarModule,\n DaffButtonModule,\n ],\n})\nexport class RaisedNavbarModule { }\n","import { BasicNavbarComponent } from './basic-navbar/basic-navbar.component';\nimport { ContainedNavbarComponent } from './contained-navbar/contained-navbar.component';\nimport { NavbarThemingComponent } from './navbar-theming/navbar-theming.component';\nimport { RaisedNavbarComponent } from './raised-navbar/raised-navbar.component';\n\nexport const NAVBAR_EXAMPLES = [\n BasicNavbarComponent,\n ContainedNavbarComponent,\n NavbarThemingComponent,\n RaisedNavbarComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -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":"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"}