@dereekb/dbx-web 0.0.1 → 1.2.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 (473) hide show
  1. package/README.md +4 -5
  2. package/_index.scss +27 -0
  3. package/esm2020/index.mjs +1 -2
  4. package/esm2020/lib/action/action.confirm.directive.mjs +5 -5
  5. package/esm2020/lib/action/action.module.mjs +35 -35
  6. package/esm2020/lib/action/action.snackbar.component.mjs +10 -11
  7. package/esm2020/lib/action/key.trigger.directive.mjs +5 -5
  8. package/esm2020/lib/action/transition/action.transition.module.mjs +29 -29
  9. package/esm2020/lib/action/transition/transition.safety.dialog.component.mjs +18 -18
  10. package/esm2020/lib/action/transition/transition.safety.directive.mjs +20 -38
  11. package/esm2020/lib/button/button.component.mjs +19 -19
  12. package/esm2020/lib/button/button.module.mjs +21 -27
  13. package/esm2020/lib/button/button.spacer.component.mjs +6 -7
  14. package/esm2020/lib/dbx-web.module.mjs +28 -30
  15. package/esm2020/lib/error/error.action.directive.mjs +7 -7
  16. package/esm2020/lib/error/error.component.mjs +5 -5
  17. package/esm2020/lib/error/error.loading.directive.mjs +7 -7
  18. package/esm2020/lib/error/error.module.mjs +19 -19
  19. package/esm2020/lib/index.mjs +3 -2
  20. package/esm2020/lib/interaction/dialog/abstract.dialog.directive.mjs +20 -11
  21. package/esm2020/lib/interaction/dialog/dialog.content.component.mjs +25 -0
  22. package/esm2020/lib/interaction/dialog/dialog.module.mjs +33 -0
  23. package/esm2020/lib/interaction/dialog/index.mjs +3 -1
  24. package/esm2020/lib/interaction/filter/filter.module.mjs +62 -0
  25. package/esm2020/lib/interaction/filter/filter.popover.button.component.mjs +32 -0
  26. package/esm2020/lib/interaction/filter/filter.popover.button.directive.mjs +38 -0
  27. package/esm2020/lib/interaction/filter/filter.popover.component.mjs +90 -0
  28. package/esm2020/lib/interaction/filter/filter.wrapper.component.mjs +33 -0
  29. package/esm2020/lib/interaction/filter/index.mjs +6 -0
  30. package/esm2020/lib/interaction/index.mjs +3 -1
  31. package/esm2020/lib/interaction/interaction.module.mjs +33 -0
  32. package/esm2020/lib/interaction/popover/abstract.popover.directive.mjs +8 -8
  33. package/esm2020/lib/interaction/popover/abstract.popover.ref.directive.mjs +6 -6
  34. package/esm2020/lib/interaction/popover/index.mjs +3 -2
  35. package/esm2020/lib/interaction/popover/popover.action.button.directive.mjs +10 -10
  36. package/esm2020/lib/interaction/popover/popover.action.directive.mjs +5 -5
  37. package/esm2020/lib/interaction/popover/popover.component.mjs +24 -35
  38. package/esm2020/lib/interaction/popover/popover.content.component.mjs +13 -21
  39. package/esm2020/lib/interaction/popover/popover.controls.directive.mjs +28 -0
  40. package/esm2020/lib/interaction/popover/popover.coordinator.component.mjs +8 -8
  41. package/esm2020/lib/interaction/popover/popover.coordinator.service.mjs +5 -5
  42. package/esm2020/lib/interaction/popover/popover.header.component.mjs +10 -11
  43. package/esm2020/lib/interaction/popover/popover.mjs +2 -2
  44. package/esm2020/lib/interaction/popover/popover.module.mjs +71 -63
  45. package/esm2020/lib/interaction/popover/popover.scroll.content.component.mjs +12 -18
  46. package/esm2020/lib/interaction/popover/popover.service.mjs +7 -7
  47. package/esm2020/lib/interaction/popup/abstract.popup.directive.mjs +6 -6
  48. package/esm2020/lib/interaction/popup/index.mjs +2 -1
  49. package/esm2020/lib/interaction/popup/popup.component.mjs +27 -42
  50. package/esm2020/lib/interaction/popup/popup.content.component.mjs +13 -15
  51. package/esm2020/lib/interaction/popup/popup.controls.buttons.component.mjs +13 -15
  52. package/esm2020/lib/interaction/popup/popup.controls.component.mjs +9 -11
  53. package/esm2020/lib/interaction/popup/popup.coordinator.component.mjs +9 -10
  54. package/esm2020/lib/interaction/popup/popup.coordinator.service.mjs +5 -5
  55. package/esm2020/lib/interaction/popup/popup.mjs +8 -8
  56. package/esm2020/lib/interaction/popup/popup.module.mjs +54 -46
  57. package/esm2020/lib/interaction/popup/popup.position.strategy.mjs +8 -12
  58. package/esm2020/lib/interaction/popup/popup.service.mjs +9 -8
  59. package/esm2020/lib/interaction/prompt/prompt.box.component.mjs +10 -22
  60. package/esm2020/lib/interaction/prompt/prompt.button.confirm.directive.mjs +9 -9
  61. package/esm2020/lib/interaction/prompt/prompt.component.mjs +24 -9
  62. package/esm2020/lib/interaction/prompt/prompt.confirm.component.mjs +11 -11
  63. package/esm2020/lib/interaction/prompt/prompt.confirm.dialog.component.mjs +40 -15
  64. package/esm2020/lib/interaction/prompt/prompt.confirm.directive.mjs +14 -24
  65. package/esm2020/lib/interaction/prompt/prompt.confirm.mjs +6 -5
  66. package/esm2020/lib/interaction/prompt/prompt.module.mjs +61 -52
  67. package/esm2020/lib/interaction/prompt/prompt.page.component.mjs +20 -22
  68. package/esm2020/lib/keypress/keydown.listener.directive.mjs +5 -5
  69. package/esm2020/lib/keypress/keypress.module.mjs +9 -9
  70. package/esm2020/lib/layout/bar/bar.directive.mjs +24 -0
  71. package/esm2020/lib/layout/bar/bar.header.component.mjs +39 -0
  72. package/esm2020/lib/layout/bar/bar.layout.module.mjs +47 -0
  73. package/esm2020/lib/layout/bar/bar.mjs +2 -0
  74. package/esm2020/lib/layout/bar/index.mjs +5 -0
  75. package/esm2020/lib/layout/bar/pagebar.component.mjs +15 -0
  76. package/esm2020/lib/layout/block/block.layout.module.mjs +14 -14
  77. package/esm2020/lib/layout/block/two.block.component.mjs +5 -5
  78. package/esm2020/lib/layout/card/card.box.component.mjs +5 -5
  79. package/esm2020/lib/layout/card/card.box.container.component.mjs +5 -5
  80. package/esm2020/lib/layout/card/card.box.layout.module.mjs +15 -15
  81. package/esm2020/lib/layout/column/column.layout.module.mjs +12 -12
  82. package/esm2020/lib/layout/column/one/one.column.component.mjs +6 -6
  83. package/esm2020/lib/layout/column/one/one.column.module.mjs +13 -13
  84. package/esm2020/lib/layout/column/two/two.column.back.directive.mjs +6 -6
  85. package/esm2020/lib/layout/column/two/two.column.component.mjs +5 -5
  86. package/esm2020/lib/layout/column/two/two.column.full.left.directive.mjs +6 -6
  87. package/esm2020/lib/layout/column/two/two.column.head.component.mjs +5 -5
  88. package/esm2020/lib/layout/column/two/two.column.module.mjs +42 -42
  89. package/esm2020/lib/layout/column/two/two.column.right.component.mjs +6 -6
  90. package/esm2020/lib/layout/column/two/two.column.sref.directive.mjs +6 -6
  91. package/esm2020/lib/layout/column/two/two.column.store.mjs +3 -3
  92. package/esm2020/lib/layout/compact/compact.directive.mjs +5 -5
  93. package/esm2020/lib/layout/compact/compact.layout.module.mjs +9 -9
  94. package/esm2020/lib/layout/compact/compact.store.mjs +3 -3
  95. package/esm2020/lib/layout/content/content.border.directive.mjs +19 -0
  96. package/esm2020/lib/layout/content/content.box.directive.mjs +25 -0
  97. package/esm2020/lib/layout/content/content.container.directive.mjs +28 -0
  98. package/esm2020/lib/layout/content/content.directive.mjs +19 -0
  99. package/esm2020/lib/layout/content/content.elevate.directive.mjs +19 -0
  100. package/esm2020/lib/layout/content/content.layout.module.mjs +34 -24
  101. package/esm2020/lib/layout/content/content.page.directive.mjs +19 -0
  102. package/esm2020/lib/layout/content/index.mjs +7 -5
  103. package/esm2020/lib/layout/flag/flag.component.mjs +5 -5
  104. package/esm2020/lib/layout/flag/flag.layout.module.mjs +15 -15
  105. package/esm2020/lib/layout/flag/flag.prompt.component.mjs +6 -6
  106. package/esm2020/lib/layout/flex/flex.group.directive.mjs +53 -0
  107. package/esm2020/lib/layout/flex/flex.layout.module.mjs +31 -0
  108. package/esm2020/lib/layout/flex/flex.mjs +2 -0
  109. package/esm2020/lib/layout/flex/flex.size.directive.mjs +25 -0
  110. package/esm2020/lib/layout/flex/index.mjs +5 -0
  111. package/esm2020/lib/layout/index.mjs +5 -2
  112. package/esm2020/lib/layout/item/item.icon.component.mjs +5 -5
  113. package/esm2020/lib/layout/item/item.layout.module.mjs +10 -10
  114. package/esm2020/lib/layout/layout.module.mjs +60 -48
  115. package/esm2020/lib/layout/list/index.mjs +12 -2
  116. package/esm2020/lib/layout/list/list.component.mjs +232 -0
  117. package/esm2020/lib/layout/list/list.content.empty.component.mjs +26 -0
  118. package/esm2020/lib/layout/list/list.directive.mjs +78 -0
  119. package/esm2020/lib/layout/list/list.layout.module.mjs +56 -11
  120. package/esm2020/lib/layout/list/list.view.directive.mjs +50 -0
  121. package/esm2020/lib/layout/list/list.view.mjs +13 -0
  122. package/esm2020/lib/layout/list/list.view.selection.directive.mjs +32 -0
  123. package/esm2020/lib/layout/list/list.view.value.component.mjs +61 -0
  124. package/esm2020/lib/layout/list/list.view.value.directive.mjs +35 -0
  125. package/esm2020/lib/layout/list/list.view.value.item.directive.mjs +20 -0
  126. package/esm2020/lib/layout/list/list.view.value.mjs +30 -0
  127. package/esm2020/lib/layout/list/list.view.value.selection.component.mjs +88 -0
  128. package/esm2020/lib/layout/section/index.mjs +3 -4
  129. package/esm2020/lib/layout/section/section.component.mjs +21 -32
  130. package/esm2020/lib/layout/section/section.header.component.mjs +79 -0
  131. package/esm2020/lib/layout/section/section.intro.component.mjs +7 -8
  132. package/esm2020/lib/layout/section/section.layout.module.mjs +34 -44
  133. package/esm2020/lib/layout/section/section.mjs +2 -0
  134. package/esm2020/lib/layout/section/section.page.component.mjs +17 -30
  135. package/esm2020/lib/layout/section/subsection.component.mjs +16 -14
  136. package/esm2020/lib/layout/step/step.component.mjs +5 -5
  137. package/esm2020/lib/layout/step/step.layout.module.mjs +10 -10
  138. package/esm2020/lib/layout/style/index.mjs +7 -0
  139. package/esm2020/lib/layout/style/spacer.directive.mjs +16 -0
  140. package/esm2020/lib/layout/style/style.body.directive.mjs +35 -0
  141. package/esm2020/lib/layout/style/style.directive.mjs +32 -0
  142. package/esm2020/lib/layout/style/style.layout.module.mjs +41 -0
  143. package/esm2020/lib/layout/style/style.service.mjs +76 -0
  144. package/esm2020/lib/layout/style/style.set.directive.mjs +69 -0
  145. package/esm2020/lib/layout/text/hint.component.mjs +17 -0
  146. package/esm2020/lib/layout/text/index.mjs +11 -0
  147. package/esm2020/lib/layout/text/label.component.mjs +17 -0
  148. package/esm2020/lib/layout/text/linkify.component.mjs +47 -0
  149. package/esm2020/lib/layout/text/note.component.mjs +17 -0
  150. package/esm2020/lib/layout/text/notice.component.mjs +17 -0
  151. package/esm2020/lib/layout/text/ok.component.mjs +17 -0
  152. package/esm2020/lib/layout/text/success.component.mjs +17 -0
  153. package/esm2020/lib/layout/text/text.chips.component.mjs +31 -0
  154. package/esm2020/lib/layout/text/text.module.mjs +78 -0
  155. package/esm2020/lib/layout/text/warn.component.mjs +17 -0
  156. package/esm2020/lib/loading/basic-loading.component.mjs +6 -6
  157. package/esm2020/lib/loading/loading-progress.component.mjs +5 -5
  158. package/esm2020/lib/loading/loading.component.mjs +6 -6
  159. package/esm2020/lib/loading/loading.module.mjs +27 -27
  160. package/esm2020/lib/router/index.mjs +2 -2
  161. package/esm2020/lib/router/layout/anchor/anchor.component.mjs +50 -0
  162. package/esm2020/lib/router/layout/anchor/anchor.icon.component.mjs +30 -0
  163. package/esm2020/lib/router/layout/anchor/anchor.link.component.mjs +49 -0
  164. package/esm2020/lib/router/layout/anchor/anchor.module.mjs +48 -0
  165. package/esm2020/lib/router/layout/anchor/anchor.segue.directive.mjs +29 -0
  166. package/esm2020/lib/router/layout/anchor/index.mjs +6 -0
  167. package/esm2020/lib/router/layout/anchorlist/anchorlist.component.mjs +34 -0
  168. package/esm2020/lib/router/layout/anchorlist/anchorlist.module.mjs +50 -0
  169. package/esm2020/lib/router/layout/anchorlist/index.mjs +3 -0
  170. package/esm2020/lib/router/layout/index.mjs +6 -0
  171. package/esm2020/lib/router/layout/layout.module.mjs +29 -0
  172. package/esm2020/lib/router/layout/navbar/index.mjs +3 -0
  173. package/esm2020/lib/router/layout/navbar/navbar.component.mjs +75 -0
  174. package/esm2020/lib/router/layout/navbar/navbar.module.mjs +46 -0
  175. package/esm2020/lib/router/layout/sidenav/index.mjs +9 -0
  176. package/esm2020/lib/router/layout/sidenav/sidenav.button.component.mjs +39 -0
  177. package/esm2020/lib/router/layout/sidenav/sidenav.component.mjs +133 -0
  178. package/esm2020/lib/router/layout/sidenav/sidenav.module.mjs +89 -0
  179. package/esm2020/lib/router/layout/sidenav/sidenav.page.component.mjs +59 -0
  180. package/esm2020/lib/router/layout/sidenav/sidenav.pagebar.component.mjs +39 -0
  181. package/esm2020/lib/router/provider/ngrouter/anchor.component.mjs +7 -7
  182. package/esm2020/lib/router/provider/ngrouter/angular.router.module.mjs +17 -17
  183. package/esm2020/lib/router/provider/router.provider.config.mjs +2 -2
  184. package/esm2020/lib/router/provider/uirouter/anchor.component.mjs +7 -7
  185. package/esm2020/lib/router/provider/uirouter/uirouter.router.module.mjs +17 -17
  186. package/esm2020/lib/screen/index.mjs +4 -0
  187. package/esm2020/lib/screen/screen.mjs +22 -0
  188. package/esm2020/lib/screen/screen.module.mjs +24 -0
  189. package/esm2020/lib/screen/screen.service.mjs +94 -0
  190. package/fesm2015/dereekb-dbx-web.mjs +5517 -3691
  191. package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
  192. package/fesm2020/dereekb-dbx-web.mjs +5565 -3740
  193. package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
  194. package/index.d.ts +0 -1
  195. package/lib/action/_action.scss +40 -0
  196. package/lib/action/action.confirm.directive.d.ts +5 -5
  197. package/lib/action/action.module.d.ts +4 -4
  198. package/lib/action/action.snackbar.component.d.ts +7 -7
  199. package/lib/action/key.trigger.directive.d.ts +3 -3
  200. package/lib/action/transition/action.transition.module.d.ts +5 -5
  201. package/lib/action/transition/transition.safety.dialog.component.d.ts +7 -7
  202. package/lib/action/transition/transition.safety.directive.d.ts +14 -23
  203. package/lib/button/_button.scss +32 -0
  204. package/lib/button/button.component.d.ts +6 -6
  205. package/lib/button/button.module.d.ts +6 -8
  206. package/lib/button/button.spacer.component.d.ts +3 -3
  207. package/lib/dbx-web.module.d.ts +15 -10
  208. package/lib/error/_error.scss +26 -0
  209. package/lib/error/error.action.directive.d.ts +6 -6
  210. package/lib/error/error.component.d.ts +3 -3
  211. package/lib/error/error.loading.directive.d.ts +6 -6
  212. package/lib/error/error.module.d.ts +4 -4
  213. package/lib/index.d.ts +2 -1
  214. package/lib/interaction/_interaction.scss +33 -0
  215. package/lib/interaction/dialog/_dialog.scss +26 -0
  216. package/lib/interaction/dialog/abstract.dialog.directive.d.ts +7 -5
  217. package/lib/interaction/dialog/dialog.content.component.d.ts +10 -0
  218. package/lib/interaction/dialog/dialog.module.d.ts +12 -0
  219. package/lib/interaction/dialog/index.d.ts +2 -0
  220. package/lib/interaction/filter/_filter.scss +25 -0
  221. package/lib/interaction/filter/filter.module.d.ts +15 -0
  222. package/lib/interaction/filter/filter.popover.button.component.d.ts +9 -0
  223. package/lib/interaction/filter/filter.popover.button.directive.d.ts +17 -0
  224. package/lib/interaction/filter/filter.popover.component.d.ts +53 -0
  225. package/lib/interaction/filter/filter.wrapper.component.d.ts +14 -0
  226. package/lib/interaction/filter/index.d.ts +5 -0
  227. package/lib/interaction/index.d.ts +2 -0
  228. package/lib/interaction/interaction.module.d.ts +11 -0
  229. package/lib/interaction/popover/_popover.scss +110 -0
  230. package/lib/interaction/popover/abstract.popover.directive.d.ts +6 -6
  231. package/lib/interaction/popover/index.d.ts +2 -1
  232. package/lib/interaction/popover/popover.action.button.directive.d.ts +8 -8
  233. package/lib/interaction/popover/popover.action.directive.d.ts +8 -8
  234. package/lib/interaction/popover/popover.component.d.ts +15 -17
  235. package/lib/interaction/popover/popover.content.component.d.ts +3 -4
  236. package/lib/interaction/popover/popover.controls.directive.d.ts +10 -0
  237. package/lib/interaction/popover/popover.coordinator.component.d.ts +6 -6
  238. package/lib/interaction/popover/popover.coordinator.service.d.ts +8 -8
  239. package/lib/interaction/popover/popover.d.ts +3 -3
  240. package/lib/interaction/popover/popover.header.component.d.ts +5 -5
  241. package/lib/interaction/popover/popover.module.d.ts +11 -9
  242. package/lib/interaction/popover/popover.scroll.content.component.d.ts +6 -6
  243. package/lib/interaction/popover/popover.service.d.ts +6 -6
  244. package/lib/interaction/popup/_popup.scss +82 -0
  245. package/lib/interaction/popup/abstract.popup.directive.d.ts +4 -4
  246. package/lib/interaction/popup/index.d.ts +1 -0
  247. package/lib/interaction/popup/popup.component.d.ts +15 -18
  248. package/lib/interaction/popup/popup.content.component.d.ts +5 -5
  249. package/lib/interaction/popup/popup.controls.buttons.component.d.ts +5 -5
  250. package/lib/interaction/popup/popup.controls.component.d.ts +3 -3
  251. package/lib/interaction/popup/popup.coordinator.component.d.ts +6 -6
  252. package/lib/interaction/popup/popup.coordinator.service.d.ts +8 -8
  253. package/lib/interaction/popup/popup.d.ts +5 -5
  254. package/lib/interaction/popup/popup.module.d.ts +9 -7
  255. package/lib/interaction/popup/popup.position.strategy.d.ts +1 -5
  256. package/lib/interaction/popup/popup.service.d.ts +6 -6
  257. package/lib/interaction/prompt/_prompt.scss +46 -0
  258. package/lib/interaction/prompt/prompt.box.component.d.ts +3 -5
  259. package/lib/interaction/prompt/prompt.button.confirm.directive.d.ts +8 -8
  260. package/lib/interaction/prompt/prompt.component.d.ts +3 -4
  261. package/lib/interaction/prompt/prompt.confirm.component.d.ts +8 -8
  262. package/lib/interaction/prompt/prompt.confirm.d.ts +2 -2
  263. package/lib/interaction/prompt/prompt.confirm.dialog.component.d.ts +17 -6
  264. package/lib/interaction/prompt/prompt.confirm.directive.d.ts +11 -14
  265. package/lib/interaction/prompt/prompt.module.d.ts +9 -7
  266. package/lib/interaction/prompt/prompt.page.component.d.ts +3 -3
  267. package/lib/interaction/style/_style.scss +47 -0
  268. package/lib/keypress/keydown.listener.directive.d.ts +3 -3
  269. package/lib/keypress/keypress.module.d.ts +4 -4
  270. package/lib/layout/_layout.scss +61 -0
  271. package/lib/layout/bar/_bar.scss +81 -0
  272. package/lib/layout/bar/bar.d.ts +1 -0
  273. package/lib/layout/bar/bar.directive.d.ts +11 -0
  274. package/lib/layout/bar/bar.header.component.d.ts +13 -0
  275. package/lib/layout/bar/bar.layout.module.d.ts +15 -0
  276. package/lib/layout/bar/index.d.ts +4 -0
  277. package/lib/layout/bar/pagebar.component.d.ts +8 -0
  278. package/lib/layout/block/_block.scss +39 -0
  279. package/lib/layout/block/block.layout.module.d.ts +5 -5
  280. package/lib/layout/block/two.block.component.d.ts +3 -3
  281. package/lib/layout/card/_card.scss +26 -0
  282. package/lib/layout/card/card.box.component.d.ts +3 -3
  283. package/lib/layout/card/card.box.container.component.d.ts +3 -3
  284. package/lib/layout/card/card.box.layout.module.d.ts +4 -4
  285. package/lib/layout/column/_column.scss +26 -0
  286. package/lib/layout/column/column.layout.module.d.ts +4 -4
  287. package/lib/layout/column/one/one.column.component.d.ts +3 -3
  288. package/lib/layout/column/one/one.column.module.d.ts +4 -4
  289. package/lib/layout/column/two/two.column.back.directive.d.ts +4 -4
  290. package/lib/layout/column/two/two.column.component.d.ts +3 -3
  291. package/lib/layout/column/two/two.column.full.left.directive.d.ts +4 -4
  292. package/lib/layout/column/two/two.column.head.component.d.ts +3 -3
  293. package/lib/layout/column/two/two.column.module.d.ts +5 -5
  294. package/lib/layout/column/two/two.column.right.component.d.ts +3 -3
  295. package/lib/layout/column/two/two.column.sref.directive.d.ts +4 -4
  296. package/lib/layout/column/two.scss +114 -0
  297. package/lib/layout/compact/compact.directive.d.ts +3 -3
  298. package/lib/layout/compact/compact.layout.module.d.ts +4 -4
  299. package/lib/layout/content/_content.scss +136 -0
  300. package/lib/layout/content/content.border.directive.d.ts +8 -0
  301. package/lib/layout/content/content.box.directive.d.ts +9 -0
  302. package/lib/layout/content/content.container.directive.d.ts +12 -0
  303. package/lib/layout/content/content.directive.d.ts +8 -0
  304. package/lib/layout/content/content.elevate.directive.d.ts +8 -0
  305. package/lib/layout/content/content.layout.module.d.ts +11 -9
  306. package/lib/layout/content/content.page.directive.d.ts +8 -0
  307. package/lib/layout/content/index.d.ts +6 -4
  308. package/lib/layout/flag/_flag.scss +26 -0
  309. package/lib/layout/flag/flag.component.d.ts +3 -3
  310. package/lib/layout/flag/flag.layout.module.d.ts +4 -4
  311. package/lib/layout/flag/flag.prompt.component.d.ts +3 -3
  312. package/lib/layout/flex/_flex.scss +76 -0
  313. package/lib/layout/flex/flex.d.ts +4 -0
  314. package/lib/layout/flex/flex.group.directive.d.ts +24 -0
  315. package/lib/layout/flex/flex.layout.module.d.ts +9 -0
  316. package/lib/layout/flex/flex.size.directive.d.ts +10 -0
  317. package/lib/layout/flex/index.d.ts +4 -0
  318. package/lib/layout/index.d.ts +4 -1
  319. package/lib/layout/item/_item.scss +26 -0
  320. package/lib/layout/item/item.icon.component.d.ts +3 -3
  321. package/lib/layout/item/item.layout.module.d.ts +4 -4
  322. package/lib/layout/layout.module.d.ts +17 -14
  323. package/lib/layout/list/_list.scss +72 -0
  324. package/lib/layout/list/index.d.ts +11 -1
  325. package/lib/layout/list/list.component.d.ts +115 -0
  326. package/lib/layout/list/list.content.empty.component.d.ts +8 -0
  327. package/lib/layout/list/list.directive.d.ts +35 -0
  328. package/lib/layout/list/list.layout.module.d.ts +15 -6
  329. package/lib/layout/list/list.view.d.ts +45 -0
  330. package/lib/layout/list/list.view.directive.d.ts +26 -0
  331. package/lib/layout/list/list.view.selection.directive.d.ts +15 -0
  332. package/lib/layout/list/list.view.value.component.d.ts +15 -0
  333. package/lib/layout/list/list.view.value.d.ts +21 -0
  334. package/lib/layout/list/list.view.value.directive.d.ts +21 -0
  335. package/lib/layout/list/list.view.value.item.directive.d.ts +9 -0
  336. package/lib/layout/list/list.view.value.selection.component.d.ts +32 -0
  337. package/lib/layout/section/_section.scss +116 -0
  338. package/lib/layout/section/index.d.ts +2 -3
  339. package/lib/layout/section/section.component.d.ts +5 -7
  340. package/lib/layout/section/section.d.ts +1 -0
  341. package/lib/layout/section/section.header.component.d.ts +14 -0
  342. package/lib/layout/section/section.intro.component.d.ts +4 -4
  343. package/lib/layout/section/section.layout.module.d.ts +14 -16
  344. package/lib/layout/section/section.page.component.d.ts +4 -5
  345. package/lib/layout/section/subsection.component.d.ts +5 -5
  346. package/lib/layout/step/_step.scss +59 -0
  347. package/lib/layout/step/step.component.d.ts +3 -3
  348. package/lib/layout/step/step.layout.module.d.ts +4 -4
  349. package/lib/layout/style/_style.scss +101 -0
  350. package/lib/layout/style/index.d.ts +6 -0
  351. package/lib/layout/style/spacer.directive.d.ts +5 -0
  352. package/lib/layout/style/style.body.directive.d.ts +16 -0
  353. package/lib/layout/style/style.directive.d.ts +15 -0
  354. package/lib/layout/style/style.layout.module.d.ts +11 -0
  355. package/lib/layout/style/style.service.d.ts +37 -0
  356. package/lib/layout/style/style.set.directive.d.ts +31 -0
  357. package/lib/layout/text/_text.scss +97 -0
  358. package/lib/layout/text/hint.component.d.ts +5 -0
  359. package/lib/{text → layout/text}/index.d.ts +0 -2
  360. package/lib/layout/text/label.component.d.ts +5 -0
  361. package/lib/{text → layout/text}/linkify.component.d.ts +3 -3
  362. package/lib/layout/text/note.component.d.ts +5 -0
  363. package/lib/layout/text/notice.component.d.ts +5 -0
  364. package/lib/layout/text/ok.component.d.ts +5 -0
  365. package/lib/layout/text/success.component.d.ts +5 -0
  366. package/lib/layout/text/text.chips.component.d.ts +13 -0
  367. package/lib/layout/text/text.module.d.ts +19 -0
  368. package/lib/layout/text/warn.component.d.ts +5 -0
  369. package/lib/loading/basic-loading.component.d.ts +4 -4
  370. package/lib/loading/loading-progress.component.d.ts +3 -3
  371. package/lib/loading/loading.component.d.ts +5 -5
  372. package/lib/loading/loading.module.d.ts +5 -5
  373. package/lib/router/_router.scss +25 -0
  374. package/lib/router/index.d.ts +1 -1
  375. package/lib/router/layout/anchor/_anchor.scss +37 -0
  376. package/lib/router/{anchor → layout/anchor}/anchor.component.d.ts +7 -8
  377. package/lib/router/layout/anchor/anchor.icon.component.d.ts +11 -0
  378. package/lib/router/layout/anchor/anchor.link.component.d.ts +13 -0
  379. package/lib/router/layout/anchor/anchor.module.d.ts +13 -0
  380. package/lib/router/layout/anchor/anchor.segue.directive.d.ts +19 -0
  381. package/lib/router/{anchor → layout/anchor}/index.d.ts +1 -0
  382. package/lib/router/layout/anchorlist/_anchorlist.scss +95 -0
  383. package/lib/router/layout/anchorlist/anchorlist.component.d.ts +15 -0
  384. package/lib/router/layout/anchorlist/anchorlist.module.d.ts +14 -0
  385. package/lib/router/layout/anchorlist/index.d.ts +2 -0
  386. package/lib/router/layout/index.d.ts +5 -0
  387. package/lib/router/layout/layout.module.d.ts +10 -0
  388. package/lib/router/layout/navbar/_navbar.scss +27 -0
  389. package/lib/router/layout/navbar/index.d.ts +2 -0
  390. package/lib/router/layout/navbar/navbar.component.d.ts +37 -0
  391. package/lib/router/layout/navbar/navbar.module.d.ts +13 -0
  392. package/lib/router/layout/sidenav/_sidenav.scss +189 -0
  393. package/lib/router/layout/sidenav/index.d.ts +5 -0
  394. package/lib/router/layout/sidenav/sidenav.button.component.d.ts +14 -0
  395. package/lib/router/layout/sidenav/sidenav.component.d.ts +42 -0
  396. package/lib/router/layout/sidenav/sidenav.module.d.ts +23 -0
  397. package/lib/router/layout/sidenav/sidenav.page.component.d.ts +20 -0
  398. package/lib/router/layout/sidenav/sidenav.pagebar.component.d.ts +9 -0
  399. package/lib/router/provider/ngrouter/anchor.component.d.ts +4 -4
  400. package/lib/router/provider/ngrouter/angular.router.module.d.ts +5 -5
  401. package/lib/router/provider/router.provider.config.d.ts +3 -3
  402. package/lib/router/provider/uirouter/anchor.component.d.ts +4 -4
  403. package/lib/router/provider/uirouter/uirouter.router.module.d.ts +5 -5
  404. package/lib/screen/index.d.ts +3 -0
  405. package/lib/screen/screen.d.ts +36 -0
  406. package/lib/screen/screen.module.d.ts +9 -0
  407. package/lib/screen/screen.service.d.ts +60 -0
  408. package/lib/style/_all-core.scss +14 -0
  409. package/lib/style/_all-theme.scss +15 -0
  410. package/lib/style/_all-typography.scss +15 -0
  411. package/lib/style/_config.scss +122 -0
  412. package/lib/style/_core.scss +17 -0
  413. package/lib/style/_mixin.scss +99 -0
  414. package/lib/style/_root-variables.scss +35 -0
  415. package/lib/style/_theming.scss +19 -0
  416. package/lib/style/_variables.scss +45 -0
  417. package/package.json +35 -34
  418. package/esm2020/lib/interaction/popover/popover.controls.component.mjs +0 -35
  419. package/esm2020/lib/layout/content/content.bordered.component.mjs +0 -26
  420. package/esm2020/lib/layout/content/content.component.mjs +0 -32
  421. package/esm2020/lib/layout/content/content.container.component.mjs +0 -66
  422. package/esm2020/lib/layout/content/content.container.fullwidth.component.mjs +0 -26
  423. package/esm2020/lib/layout/dialog/dialog.content.component.mjs +0 -37
  424. package/esm2020/lib/layout/dialog/dialog.layout.module.mjs +0 -29
  425. package/esm2020/lib/layout/dialog/index.mjs +0 -3
  426. package/esm2020/lib/layout/list/list.empty.component.mjs +0 -26
  427. package/esm2020/lib/layout/section/section.box.anchor.component.mjs +0 -39
  428. package/esm2020/lib/layout/section/section.box.component.mjs +0 -32
  429. package/esm2020/lib/layout/section/section.elevated.component.mjs +0 -26
  430. package/esm2020/lib/router/anchor/anchor.component.mjs +0 -50
  431. package/esm2020/lib/router/anchor/anchor.icon.component.mjs +0 -30
  432. package/esm2020/lib/router/anchor/anchor.module.mjs +0 -43
  433. package/esm2020/lib/router/anchor/anchor.segue.directive.mjs +0 -32
  434. package/esm2020/lib/router/anchor/index.mjs +0 -5
  435. package/esm2020/lib/text/hint.component.mjs +0 -15
  436. package/esm2020/lib/text/index.mjs +0 -13
  437. package/esm2020/lib/text/label.bar.component.mjs +0 -32
  438. package/esm2020/lib/text/label.component.mjs +0 -18
  439. package/esm2020/lib/text/link.component.mjs +0 -36
  440. package/esm2020/lib/text/linkify.component.mjs +0 -48
  441. package/esm2020/lib/text/note.component.mjs +0 -15
  442. package/esm2020/lib/text/notice.component.mjs +0 -15
  443. package/esm2020/lib/text/ok.component.mjs +0 -15
  444. package/esm2020/lib/text/success.component.mjs +0 -15
  445. package/esm2020/lib/text/text.chips.component.mjs +0 -32
  446. package/esm2020/lib/text/text.module.mjs +0 -92
  447. package/esm2020/lib/text/warn.component.mjs +0 -15
  448. package/lib/interaction/popover/popover.controls.component.d.ts +0 -10
  449. package/lib/layout/content/content.bordered.component.d.ts +0 -8
  450. package/lib/layout/content/content.component.d.ts +0 -9
  451. package/lib/layout/content/content.container.component.d.ts +0 -34
  452. package/lib/layout/content/content.container.fullwidth.component.d.ts +0 -8
  453. package/lib/layout/dialog/dialog.content.component.d.ts +0 -13
  454. package/lib/layout/dialog/dialog.layout.module.d.ts +0 -11
  455. package/lib/layout/dialog/index.d.ts +0 -2
  456. package/lib/layout/list/list.empty.component.d.ts +0 -8
  457. package/lib/layout/section/section.box.anchor.component.d.ts +0 -11
  458. package/lib/layout/section/section.box.component.d.ts +0 -9
  459. package/lib/layout/section/section.elevated.component.d.ts +0 -8
  460. package/lib/router/anchor/anchor.icon.component.d.ts +0 -11
  461. package/lib/router/anchor/anchor.module.d.ts +0 -12
  462. package/lib/router/anchor/anchor.segue.directive.d.ts +0 -20
  463. package/lib/text/hint.component.d.ts +0 -5
  464. package/lib/text/label.bar.component.d.ts +0 -10
  465. package/lib/text/label.component.d.ts +0 -8
  466. package/lib/text/link.component.d.ts +0 -9
  467. package/lib/text/note.component.d.ts +0 -5
  468. package/lib/text/notice.component.d.ts +0 -5
  469. package/lib/text/ok.component.d.ts +0 -5
  470. package/lib/text/success.component.d.ts +0 -5
  471. package/lib/text/text.chips.component.d.ts +0 -13
  472. package/lib/text/text.module.d.ts +0 -22
  473. package/lib/text/warn.component.d.ts +0 -5
@@ -0,0 +1,122 @@
1
+ @use "sass:map";
2
+ @use './variables';
3
+
4
+ // convenience
5
+ @function quick-define-dbx-config-via-banners($top-banner: 0px, $bottom-banner: 0px) {
6
+ @return ('layout': (
7
+ 'top-banner-height': $top-banner,
8
+ 'bottom-banner-height': $bottom-banner,
9
+ ));
10
+ }
11
+
12
+ // theme
13
+ @function define-dbx-theme-config($theme-config, $input-dbx-theme-config: null) {
14
+
15
+ @if ($input-dbx-theme-config == null) {
16
+ $input-dbx-theme-config: ();
17
+ }
18
+
19
+ $input-dbx-screen-theme-config: map.get($input-dbx-theme-config, 'screen');
20
+ $input-dbx-layout-theme-config: map.get($input-dbx-theme-config, 'layout');
21
+
22
+ $dbx-screen: define-dbx-screen-config($input-dbx-screen-theme-config);
23
+ $dbx-layout: define-dbx-layout-config($input-dbx-layout-theme-config);
24
+
25
+ $dbx-theme-config: (
26
+ 'screen': $dbx-screen,
27
+ 'layout': $dbx-layout
28
+ );
29
+
30
+ @return map.merge($theme-config, (
31
+ 'dbx': $dbx-theme-config
32
+ ));
33
+ }
34
+
35
+ @function get-dbx-theme-config($theme-config) {
36
+ @return map.get($theme-config, 'dbx');
37
+ }
38
+
39
+ // screen
40
+ @function define-dbx-screen-config($input-dbx-theme-screen-config: null) {
41
+ $dbx-screen-config: (
42
+ 'mobile': 360px, // 0-360px
43
+ 'small': 520px, //361-520px
44
+ 'medium': 768px, //521-768px
45
+ 'large': 1280px, //769-1280px
46
+ 'tiny-vertical': 280px //0-280px
47
+ );
48
+
49
+ @if ($input-dbx-theme-screen-config != null) {
50
+ $dbx-screen-config: map.merge($dbx-screen-config, $input-dbx-theme-screen-config);
51
+ }
52
+
53
+ @return $dbx-screen-config;
54
+ }
55
+
56
+ @function get-dbx-screen-config($theme-config) {
57
+ @return map.get(get-dbx-theme-config($theme-config), 'screen');
58
+ }
59
+
60
+ // layout
61
+ @function define-dbx-layout-config($input-dbx-theme-layout-config: null) {
62
+ $dbx-layout-config: (
63
+ // banner
64
+ 'top-banner-height': 0px,
65
+ 'bottom-banner-height': 0px,
66
+ // navbars
67
+ 'page-navbar-height': 42px, // initial main navbar height
68
+ 'content-navbar-height': 54px, // initial content navbar height
69
+ // content
70
+ 'box-max-width': 600px, // initial max width of box content, such as popups.
71
+ 'content-max-width': 1200px, // initial max width of restricted-width content
72
+ // padding
73
+ 'padding-0': 0px, // initial padding-0
74
+ 'padding-1': 2px, // initial padding-1
75
+ 'padding-2': 6px, // initial padding-2
76
+ 'padding-3': 12px, // initial padding-3
77
+ 'padding-4': 18px, // initial padding-4
78
+ 'padding-5': 24px // initial padding-5
79
+ );
80
+
81
+ @if ($input-dbx-theme-layout-config != null) {
82
+ $dbx-layout-config: map.merge($dbx-layout-config, $input-dbx-theme-layout-config);
83
+ }
84
+
85
+ @return $dbx-layout-config;
86
+ }
87
+
88
+ @function get-dbx-layout-config($theme-config) {
89
+ @return map.get(get-dbx-theme-config($theme-config), 'layout');
90
+ }
91
+
92
+ @function get-dbx-layout-config-var($theme-config, $item) {
93
+ @return map.get(get-dbx-layout-config($theme-config), $item);
94
+ }
95
+
96
+ @function get-dbx-layout-top-banner-height($theme-config) {
97
+ @return get-dbx-layout-config-var($theme-config, 'top-banner-height');
98
+ }
99
+
100
+ @function get-dbx-layout-bottom-banner-height($theme-config) {
101
+ @return get-dbx-layout-config-var($theme-config, 'bottom-banner-height');
102
+ }
103
+
104
+ @function get-dbx-layout-page-navbar-height($theme-config) {
105
+ @return get-dbx-layout-config-var($theme-config, 'page-navbar-height');
106
+ }
107
+
108
+ @function get-dbx-layout-content-navbar-height($theme-config) {
109
+ @return get-dbx-layout-config-var($theme-config, 'content-navbar-height');
110
+ }
111
+
112
+ @function get-dbx-layout-content-max-width($theme-config) {
113
+ @return get-dbx-layout-config-var($theme-config, 'content-max-width');
114
+ }
115
+
116
+ @function get-dbx-layout-box-max-width($theme-config) {
117
+ @return get-dbx-layout-config-var($theme-config, 'box-max-width');
118
+ }
119
+
120
+ @function get-dbx-layout-padding($theme-config, $padding-level) {
121
+ @return get-dbx-layout-config-var($theme-config, 'padding-'+ $padding-level);
122
+ }
@@ -0,0 +1,17 @@
1
+ @use "sass:map";
2
+ @use './all-core';
3
+ @use './all-typography';
4
+ @use './root-variables';
5
+ @use './config';
6
+
7
+ @mixin core($typography-config, $theme-config: null) {
8
+ @include all-core.all-component-core();
9
+ @include all-typography.all-component-typographies($typography-config);
10
+
11
+ // add root variables to body
12
+ @if ($theme-config == null) {
13
+ $theme-config: config.define-dbx-theme-config(());
14
+ }
15
+
16
+ @include root-variables.root-variables('body', $theme-config);
17
+ }
@@ -0,0 +1,99 @@
1
+ @use "sass:map";
2
+ @use './config';
3
+ @use './variables';
4
+
5
+ @mixin if-mobile-screen($theme-config) {
6
+ $dbx-screen-config: config.get-dbx-screen-config($theme-config);
7
+ $mobile-screen-cutoff: map.get($dbx-screen-config, 'mobile');
8
+
9
+ @media screen and (max-width: #{$mobile-screen-cutoff}) {
10
+ @content;
11
+ }
12
+ }
13
+
14
+ @mixin if-small-screen($theme-config) {
15
+ $dbx-screen-config: config.get-dbx-screen-config($theme-config);
16
+ $small-screen-cutoff: map.get($dbx-screen-config, 'small');
17
+
18
+ @media screen and (max-width: #{$small-screen-cutoff}) {
19
+ @content;
20
+ }
21
+ }
22
+
23
+ @mixin if-medium-screen($theme-config) {
24
+ $dbx-screen-config: config.get-dbx-screen-config($theme-config);
25
+ $medium-screen-cutoff: map.get($dbx-screen-config, 'medium');
26
+
27
+ @media screen and (max-width: #{$medium-screen-cutoff}) {
28
+ @content;
29
+ }
30
+ }
31
+
32
+ @mixin if-large-screen($theme-config) {
33
+ $dbx-screen-config: config.get-dbx-screen-config($theme-config);
34
+ $large-screen-cutoff: map.get($dbx-screen-config, 'large');
35
+
36
+ @media screen and (max-width: #{$large-screen-cutoff}) {
37
+ @content;
38
+ }
39
+ }
40
+
41
+ @mixin if-tiny-vertical-screen($theme-config) {
42
+ $dbx-screen-config: config.get-dbx-screen-config($theme-config);
43
+ $tiny-vertical-screen-cutoff: map.get($dbx-screen-config, 'tiny-vertical');
44
+
45
+ @media screen and (max-width: #{$tiny-vertical-screen-cutoff}) {
46
+ @content;
47
+ }
48
+ }
49
+
50
+ /**
51
+ Convenience function for page height that sets the height to $page-height with an optional offset.
52
+ */
53
+ @mixin app-height($additionalOffset: 0) {
54
+ @if $additionalOffset !=0 {
55
+ height: calc(variables.$app-height - #{$additionalOffset});
56
+ }
57
+ @else {
58
+ height: variables.$app-height;
59
+ }
60
+ }
61
+
62
+ /**
63
+ Convenience function for page height that sets the height to $page-height with an optional offset.
64
+ */
65
+ @mixin page-height($additionalOffset: 0) {
66
+ @if $additionalOffset !=0 {
67
+ height: calc(variables.$page-height - #{$additionalOffset});
68
+ }
69
+ @else {
70
+ height: variables.$page-height;
71
+ }
72
+ }
73
+
74
+ /**
75
+ Content height that sets the height to $content-height with an optional offset.
76
+ */
77
+ @mixin content-height($additionalOffset: 0) {
78
+ @if $additionalOffset !=0 {
79
+ height: calc(variables.$content-height - #{$additionalOffset});
80
+ }
81
+ @else {
82
+ height: variables.$content-height;
83
+ }
84
+ }
85
+
86
+ /**
87
+ Will set the minimum height to the screen size on tiny-vertical screens.
88
+ */
89
+ @mixin vh100-on-tiny-vertical-screen($theme-config, $additionalOffset: 0) {
90
+ @include if-tiny-vertical-screen($theme-config) {
91
+ min-height: $vh100;
92
+ }
93
+ }
94
+
95
+ @mixin limit-text {
96
+ overflow: hidden;
97
+ white-space: nowrap;
98
+ text-overflow: ellipsis;
99
+ }
@@ -0,0 +1,35 @@
1
+ @use './theming';
2
+
3
+ // Includes all theming config
4
+ @mixin root-variables($root-selector, $theme-config) {
5
+ $initial-top-banner-height: theming.get-dbx-layout-top-banner-height($theme-config);
6
+ $initial-bottom-banner-height: theming.get-dbx-layout-bottom-banner-height($theme-config);
7
+
8
+ #{$root-selector} {
9
+
10
+ // variables
11
+ #{theming.$top-banner-height-var}: $initial-top-banner-height;
12
+ #{theming.$bottom-banner-height-var}: $initial-bottom-banner-height;
13
+
14
+ #{theming.$page-navbar-height-var}: theming.get-dbx-layout-page-navbar-height($theme-config);
15
+ #{theming.$content-navbar-height-var}: theming.get-dbx-layout-content-navbar-height($theme-config);
16
+
17
+ #{theming.$box-max-width-var}: theming.get-dbx-layout-box-max-width($theme-config);
18
+ #{theming.$content-max-width-var}: theming.get-dbx-layout-content-max-width($theme-config);
19
+
20
+ #{theming.$padding-0-var}: theming.get-dbx-layout-padding($theme-config, 0);
21
+ #{theming.$padding-1-var}: theming.get-dbx-layout-padding($theme-config, 1);
22
+ #{theming.$padding-2-var}: theming.get-dbx-layout-padding($theme-config, 2);
23
+ #{theming.$padding-3-var}: theming.get-dbx-layout-padding($theme-config, 3);
24
+ #{theming.$padding-4-var}: theming.get-dbx-layout-padding($theme-config, 4);
25
+ #{theming.$padding-5-var}: theming.get-dbx-layout-padding($theme-config, 5);
26
+
27
+ // root height
28
+ &.dbx-style-root {
29
+ display: block;
30
+ height: theming.$app-height;
31
+ overflow: hidden;
32
+ }
33
+ }
34
+
35
+ }
@@ -0,0 +1,19 @@
1
+ @forward '@angular/material'show define-light-theme,
2
+ define-dark-theme,
3
+ define-palette,
4
+ get-contrast-color-from-palette,
5
+ get-color-from-palette,
6
+ get-color-config,
7
+ get-typography-config,
8
+ get-density-config,
9
+ elevation;
10
+
11
+ @forward 'node_modules/@angular/material/core/theming/theming'
12
+ show private-check-duplicate-theme-styles,
13
+ $theme-ignore-duplication-warnings;
14
+
15
+ @forward 'node_modules/@angular/material/core/typography/typography-utils';
16
+
17
+ @forward './config';
18
+ @forward './variables';
19
+ @forward './mixin';
@@ -0,0 +1,45 @@
1
+ @use "sass:map";
2
+
3
+ // variable names
4
+ $vh100-var: --vh100; // variable to use for 100vh.
5
+
6
+ $top-banner-height-var: --dbx-top-banner-height;
7
+ $bottom-banner-height-var: --dbx-bottom-banner-height;
8
+
9
+ $page-navbar-height-var: --dbx-page-navbar-height;
10
+ $content-navbar-height-var: --dbx-content-navbar-height;
11
+
12
+ $box-max-width-var: --dbx-box-max-width;
13
+ $content-max-width-var: --dbx-content-max-width;
14
+
15
+ $padding-0-var: --dbx-padding-0;
16
+ $padding-1-var: --dbx-padding-1;
17
+ $padding-2-var: --dbx-padding-2;
18
+ $padding-3-var: --dbx-padding-3;
19
+ $padding-4-var: --dbx-padding-4;
20
+ $padding-5-var: --dbx-padding-5;
21
+
22
+ // vars
23
+ $vh100: var($vh100-var);
24
+
25
+ $top-banner-height: var($top-banner-height-var);
26
+ $bottom-banner-height: var($bottom-banner-height-var);
27
+ $app-height: calc($vh100 - ($top-banner-height - $bottom-banner-height));
28
+
29
+ $page-navbar-height: var($page-navbar-height-var);
30
+ $content-navbar-height: var($content-navbar-height-var);
31
+
32
+ $page-height: calc($app-height - $page-navbar-height);
33
+ $content-height: calc($page-height - $content-navbar-height);
34
+
35
+ $box-max-width: var($box-max-width-var);
36
+ $content-max-width: var($content-max-width-var);
37
+
38
+ $padding-0: var($padding-0-var);
39
+ $padding-1: var($padding-1-var);
40
+ $padding-2: var($padding-2-var);
41
+ $padding-3: var($padding-3-var);
42
+ $padding-4: var($padding-4-var);
43
+ $padding-5: var($padding-5-var);
44
+
45
+ $padding-map: (0: $padding-0, 1: $padding-1, 2: $padding-2, 3: $padding-3, 4: $padding-4, 5: $padding-5);
package/package.json CHANGED
@@ -1,38 +1,6 @@
1
1
  {
2
2
  "name": "@dereekb/dbx-web",
3
- "version": "0.0.1",
4
- "peerDependencies": {
5
- "@angular/common": "^13.1.0",
6
- "@angular/core": "^13.1.0",
7
- "linkify-string": "^3.0.4",
8
- "@angular/material": "13.2.0",
9
- "@dereekb/rxjs": "0.0.1",
10
- "rxjs": "^7.5.2",
11
- "@dereekb/util": "0.0.1",
12
- "extra-set": "^2.2.11",
13
- "ms": "^3.0.0-canary.1",
14
- "@dereekb/dbx-core": "0.0.1",
15
- "@ngrx/component-store": "^13.0.2",
16
- "@ngrx/data": "^13.0.2",
17
- "@ngrx/effects": "^13.0.2",
18
- "@ngrx/entity": "^13.0.2",
19
- "@ngrx/store": "^13.0.2",
20
- "@angular/platform-browser": "13.2.0",
21
- "date-fns": "2.28.0",
22
- "@dereekb/date": "0.0.1",
23
- "date-fns-tz": "1.2.2",
24
- "class-transformer": "0.5.1",
25
- "class-validator": "0.13.2",
26
- "reflect-metadata": "0.1.13",
27
- "rrule": "dereekb/rrule#17adf5708d6567b4d01a3a8afd106261421ea492",
28
- "@angular/router": "13.2.0",
29
- "@uirouter/core": "^6.0.8",
30
- "mat-progress-buttons": "9.3.1",
31
- "ng-overlay-container": "11.0.4",
32
- "@angular/cdk": "13.2.0",
33
- "angular-resize-event": "^3.1.1",
34
- "@uirouter/angular": "^9.1.0"
35
- },
3
+ "version": "1.2.0",
36
4
  "dependencies": {
37
5
  "tslib": "^2.3.0"
38
6
  },
@@ -55,5 +23,38 @@
55
23
  "default": "./fesm2020/dereekb-dbx-web.mjs"
56
24
  }
57
25
  },
58
- "sideEffects": false
26
+ "sideEffects": false,
27
+ "peerDependencies": {
28
+ "@angular/core": "^13.0.0",
29
+ "@angular/material": "^13.0.0",
30
+ "@dereekb/rxjs": "1.2.0",
31
+ "rxjs": "^7.5.2",
32
+ "@dereekb/util": "1.2.0",
33
+ "extra-set": "^2.2.11",
34
+ "ms": "^3.0.0-canary.1",
35
+ "@dereekb/dbx-core": "1.2.0",
36
+ "@angular/common": "^13.0.0",
37
+ "@ngrx/component-store": "^13.0.2",
38
+ "@ngrx/data": "^13.0.2",
39
+ "@ngrx/effects": "^13.0.2",
40
+ "@ngrx/entity": "^13.0.2",
41
+ "@ngrx/store": "^13.0.2",
42
+ "@angular/platform-browser": "^13.0.0",
43
+ "date-fns": "^2.28.0",
44
+ "@dereekb/date": "1.2.0",
45
+ "class-transformer": "^0.5.1",
46
+ "class-validator": "^0.13.2",
47
+ "date-fns-tz": "^1.2.2",
48
+ "rrule": "git+https://git@github.com/dereekb/rrule.git#17adf5708d6567b4d01a3a8afd106261421ea492",
49
+ "@angular/router": "^13.0.0",
50
+ "@uirouter/core": "^6.0.8",
51
+ "@uirouter/angular": "^9.1.0",
52
+ "mat-progress-buttons": "git+https://git@github.com/dereekb/mat-progress-buttons.git#60b0374a45644e8756f20b8d761738151ca3df64",
53
+ "@angular/flex-layout": "^13.0.0-beta.38",
54
+ "ng-overlay-container": "^13.0.0",
55
+ "@angular/cdk": "^13.0.0",
56
+ "angular-resize-event": "^3.1.1",
57
+ "ngx-infinite-scroll": "^10.0.1",
58
+ "linkify-string": "4.0.0-beta.3"
59
+ }
59
60
  }
@@ -1,35 +0,0 @@
1
- import { Component, Optional } from '@angular/core';
2
- import { DbNgxPopoverContentComponent } from './popover.content.component';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "./popover.content.component";
5
- /**
6
- * Popover Controls
7
- */
8
- export class DbNgxPopoverControlsComponent {
9
- constructor(appPopoverContentComponent) {
10
- if (appPopoverContentComponent) {
11
- appPopoverContentComponent.hasControls = true;
12
- }
13
- }
14
- }
15
- DbNgxPopoverControlsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopoverControlsComponent, deps: [{ token: i1.DbNgxPopoverContentComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
16
- DbNgxPopoverControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxPopoverControlsComponent, selector: "dbx-popover-controls", ngImport: i0, template: `
17
- <div class="dbx-popover-controls">
18
- <ng-content></ng-content>
19
- </div>
20
- `, isInline: true });
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopoverControlsComponent, decorators: [{
22
- type: Component,
23
- args: [{
24
- selector: 'dbx-popover-controls',
25
- template: `
26
- <div class="dbx-popover-controls">
27
- <ng-content></ng-content>
28
- </div>
29
- `,
30
- // TODO: styleUrls: ['./popover.scss']
31
- }]
32
- }], ctorParameters: function () { return [{ type: i1.DbNgxPopoverContentComponent, decorators: [{
33
- type: Optional
34
- }] }]; } });
35
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5jb250cm9scy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvaW50ZXJhY3Rpb24vcG9wb3Zlci9wb3BvdmVyLmNvbnRyb2xzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRCxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7O0FBRTNFOztHQUVHO0FBVUgsTUFBTSxPQUFPLDZCQUE2QjtJQUV4QyxZQUF3QiwwQkFBd0Q7UUFDOUUsSUFBSSwwQkFBMEIsRUFBRTtZQUM5QiwwQkFBMEIsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1NBQy9DO0lBQ0gsQ0FBQzs7MEhBTlUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsNERBUDlCOzs7O0dBSVQ7MkZBR1UsNkJBQTZCO2tCQVR6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRTs7OztHQUlUO29CQUNELHNDQUFzQztpQkFDdkM7OzBCQUdjLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYk5neFBvcG92ZXJDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9wb3BvdmVyLmNvbnRlbnQuY29tcG9uZW50JztcblxuLyoqXG4gKiBQb3BvdmVyIENvbnRyb2xzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1wb3BvdmVyLWNvbnRyb2xzJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cImRieC1wb3BvdmVyLWNvbnRyb2xzXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgYCxcbiAgLy8gVE9ETzogc3R5bGVVcmxzOiBbJy4vcG9wb3Zlci5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRGJOZ3hQb3BvdmVyQ29udHJvbHNDb21wb25lbnQge1xuXG4gIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIGFwcFBvcG92ZXJDb250ZW50Q29tcG9uZW50OiBEYk5neFBvcG92ZXJDb250ZW50Q29tcG9uZW50KSB7XG4gICAgaWYgKGFwcFBvcG92ZXJDb250ZW50Q29tcG9uZW50KSB7XG4gICAgICBhcHBQb3BvdmVyQ29udGVudENvbXBvbmVudC5oYXNDb250cm9scyA9IHRydWU7XG4gICAgfVxuICB9XG5cbn1cbiJdfQ==
@@ -1,26 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Component that is wrapped with a padded border.
5
- */
6
- export class DbNgxBorderedContentComponent {
7
- }
8
- DbNgxBorderedContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxBorderedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- DbNgxBorderedContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxBorderedContentComponent, selector: "dbx-bordered-content", ngImport: i0, template: `
10
- <div class="dbx-bordered-content">
11
- <ng-content></ng-content>
12
- </div>
13
- `, isInline: true });
14
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxBorderedContentComponent, decorators: [{
15
- type: Component,
16
- args: [{
17
- selector: 'dbx-bordered-content',
18
- template: `
19
- <div class="dbx-bordered-content">
20
- <ng-content></ng-content>
21
- </div>
22
- `,
23
- // TODO: styleUrls: ['./container.scss']
24
- }]
25
- }] });
26
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC5ib3JkZXJlZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbnRlbnQvY29udGVudC5ib3JkZXJlZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBUyxNQUFNLGVBQWUsQ0FBQzs7QUFFakQ7O0dBRUc7QUFVSCxNQUFNLE9BQU8sNkJBQTZCOzswSEFBN0IsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsNERBUDlCOzs7O0dBSVQ7MkZBR1UsNkJBQTZCO2tCQVR6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRTs7OztHQUlUO29CQUNELHdDQUF3QztpQkFDekMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQ29tcG9uZW50IHRoYXQgaXMgd3JhcHBlZCB3aXRoIGEgcGFkZGVkIGJvcmRlci5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWJvcmRlcmVkLWNvbnRlbnQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJkYngtYm9yZGVyZWQtY29udGVudFwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICBgLFxuICAvLyBUT0RPOiBzdHlsZVVybHM6IFsnLi9jb250YWluZXIuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERiTmd4Qm9yZGVyZWRDb250ZW50Q29tcG9uZW50IHsgfVxuIl19
@@ -1,32 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- /**
5
- * Component that sets the height of it's content to fill the page with respect to the top two navigation bars.
6
- */
7
- export class DbNgxContentComponent {
8
- constructor() {
9
- this.hasSecondBar = true;
10
- }
11
- }
12
- DbNgxContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
13
- DbNgxContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxContentComponent, selector: "dbx-content", inputs: { hasSecondBar: "hasSecondBar" }, ngImport: i0, template: `
14
- <div class="dbx-content" [ngClass]="{ 'has-second-bar': hasSecondBar }">
15
- <ng-content></ng-content>
16
- </div>
17
- `, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
18
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxContentComponent, decorators: [{
19
- type: Component,
20
- args: [{
21
- selector: 'dbx-content',
22
- template: `
23
- <div class="dbx-content" [ngClass]="{ 'has-second-bar': hasSecondBar }">
24
- <ng-content></ng-content>
25
- </div>
26
- `,
27
- // TODO: styleUrls: ['./container.scss']
28
- }]
29
- }], propDecorators: { hasSecondBar: [{
30
- type: Input
31
- }] } });
32
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbnRlbnQvY29udGVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUVqRDs7R0FFRztBQVVILE1BQU0sT0FBTyxxQkFBcUI7SUFUbEM7UUFZRSxpQkFBWSxHQUFHLElBQUksQ0FBQztLQUVyQjs7a0hBTFkscUJBQXFCO3NHQUFyQixxQkFBcUIsNkZBUHRCOzs7O0dBSVQ7MkZBR1UscUJBQXFCO2tCQVRqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxhQUFhO29CQUN2QixRQUFRLEVBQUU7Ozs7R0FJVDtvQkFDRCx3Q0FBd0M7aUJBQ3pDOzhCQUlDLFlBQVk7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBDb21wb25lbnQgdGhhdCBzZXRzIHRoZSBoZWlnaHQgb2YgaXQncyBjb250ZW50IHRvIGZpbGwgdGhlIHBhZ2Ugd2l0aCByZXNwZWN0IHRvIHRoZSB0b3AgdHdvIG5hdmlnYXRpb24gYmFycy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWNvbnRlbnQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJkYngtY29udGVudFwiIFtuZ0NsYXNzXT1cInsgJ2hhcy1zZWNvbmQtYmFyJzogaGFzU2Vjb25kQmFyIH1cIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgLy8gVE9ETzogc3R5bGVVcmxzOiBbJy4vY29udGFpbmVyLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYk5neENvbnRlbnRDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIGhhc1NlY29uZEJhciA9IHRydWU7XG5cbn1cbiJdfQ==
@@ -1,66 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- export var DbNgxContentContainerPadding;
5
- (function (DbNgxContentContainerPadding) {
6
- DbNgxContentContainerPadding["NONE"] = "none";
7
- DbNgxContentContainerPadding["MIN"] = "min";
8
- DbNgxContentContainerPadding["SMALL"] = "small";
9
- DbNgxContentContainerPadding["NORMAL"] = "normal";
10
- })(DbNgxContentContainerPadding || (DbNgxContentContainerPadding = {}));
11
- export var DbNgxContentContainerWidth;
12
- (function (DbNgxContentContainerWidth) {
13
- DbNgxContentContainerWidth["SMALL"] = "small";
14
- DbNgxContentContainerWidth["MEDIUM"] = "medium";
15
- DbNgxContentContainerWidth["WIDE"] = "wide";
16
- DbNgxContentContainerWidth["FULL"] = "full";
17
- })(DbNgxContentContainerWidth || (DbNgxContentContainerWidth = {}));
18
- export var DbNgxContentContainerType;
19
- (function (DbNgxContentContainerType) {
20
- /**
21
- * Full/unrestricted height content.
22
- */
23
- DbNgxContentContainerType["NORMAL"] = "normal";
24
- /**
25
- * Content that has a header above it and should take up the rest of the height of the page.
26
- */
27
- DbNgxContentContainerType["CONTENT"] = "content";
28
- })(DbNgxContentContainerType || (DbNgxContentContainerType = {}));
29
- /**
30
- * Component that limits the max-width of the content.
31
- */
32
- export class DbNgxContentContainerComponent {
33
- constructor() {
34
- this.type = DbNgxContentContainerType.NORMAL;
35
- this.width = DbNgxContentContainerWidth.WIDE;
36
- this.padding = DbNgxContentContainerPadding.NORMAL;
37
- this.scrollingContent = false;
38
- }
39
- }
40
- DbNgxContentContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxContentContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
41
- DbNgxContentContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxContentContainerComponent, selector: "dbx-content-container", inputs: { type: "type", width: "width", padding: "padding", scrollingContent: "scrollingContent" }, ngImport: i0, template: `
42
- <div class="dbx-content-container" [ngClass]="width + '-container ' + type + '-container-type container-padding-' + padding + ((scrollingContent) ? ' container-scrolling-content' : '')">
43
- <ng-content></ng-content>
44
- </div>
45
- `, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
46
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxContentContainerComponent, decorators: [{
47
- type: Component,
48
- args: [{
49
- selector: 'dbx-content-container',
50
- template: `
51
- <div class="dbx-content-container" [ngClass]="width + '-container ' + type + '-container-type container-padding-' + padding + ((scrollingContent) ? ' container-scrolling-content' : '')">
52
- <ng-content></ng-content>
53
- </div>
54
- `,
55
- // TODO: styleUrls: ['./container.scss']
56
- }]
57
- }], propDecorators: { type: [{
58
- type: Input
59
- }], width: [{
60
- type: Input
61
- }], padding: [{
62
- type: Input
63
- }], scrollingContent: [{
64
- type: Input
65
- }] } });
66
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC5jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9jb250ZW50L2NvbnRlbnQuY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBRWpELE1BQU0sQ0FBTixJQUFZLDRCQUtYO0FBTEQsV0FBWSw0QkFBNEI7SUFDdEMsNkNBQWEsQ0FBQTtJQUNiLDJDQUFXLENBQUE7SUFDWCwrQ0FBZSxDQUFBO0lBQ2YsaURBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUxXLDRCQUE0QixLQUE1Qiw0QkFBNEIsUUFLdkM7QUFFRCxNQUFNLENBQU4sSUFBWSwwQkFLWDtBQUxELFdBQVksMEJBQTBCO0lBQ3BDLDZDQUFlLENBQUE7SUFDZiwrQ0FBaUIsQ0FBQTtJQUNqQiwyQ0FBYSxDQUFBO0lBQ2IsMkNBQWEsQ0FBQTtBQUNmLENBQUMsRUFMVywwQkFBMEIsS0FBMUIsMEJBQTBCLFFBS3JDO0FBRUQsTUFBTSxDQUFOLElBQVkseUJBU1g7QUFURCxXQUFZLHlCQUF5QjtJQUNuQzs7T0FFRztJQUNILDhDQUFpQixDQUFBO0lBQ2pCOztPQUVHO0lBQ0gsZ0RBQW1CLENBQUE7QUFDckIsQ0FBQyxFQVRXLHlCQUF5QixLQUF6Qix5QkFBeUIsUUFTcEM7QUFFRDs7R0FFRztBQVVILE1BQU0sT0FBTyw4QkFBOEI7SUFUM0M7UUFZRSxTQUFJLEdBQUcseUJBQXlCLENBQUMsTUFBTSxDQUFDO1FBR3hDLFVBQUssR0FBRywwQkFBMEIsQ0FBQyxJQUFJLENBQUM7UUFHeEMsWUFBTyxHQUFHLDRCQUE0QixDQUFDLE1BQU0sQ0FBQztRQUc5QyxxQkFBZ0IsR0FBRyxLQUFLLENBQUM7S0FFMUI7OzJIQWRZLDhCQUE4QjsrR0FBOUIsOEJBQThCLGlLQVAvQjs7OztHQUlUOzJGQUdVLDhCQUE4QjtrQkFUMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUU7Ozs7R0FJVDtvQkFDRCx3Q0FBd0M7aUJBQ3pDOzhCQUlDLElBQUk7c0JBREgsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLGdCQUFnQjtzQkFEZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgZW51bSBEYk5neENvbnRlbnRDb250YWluZXJQYWRkaW5nIHtcbiAgTk9ORSA9ICdub25lJyxcbiAgTUlOID0gJ21pbicsXG4gIFNNQUxMID0gJ3NtYWxsJyxcbiAgTk9STUFMID0gJ25vcm1hbCdcbn1cblxuZXhwb3J0IGVudW0gRGJOZ3hDb250ZW50Q29udGFpbmVyV2lkdGgge1xuICBTTUFMTCA9ICdzbWFsbCcsXG4gIE1FRElVTSA9ICdtZWRpdW0nLFxuICBXSURFID0gJ3dpZGUnLFxuICBGVUxMID0gJ2Z1bGwnXG59XG5cbmV4cG9ydCBlbnVtIERiTmd4Q29udGVudENvbnRhaW5lclR5cGUge1xuICAvKipcbiAgICogRnVsbC91bnJlc3RyaWN0ZWQgaGVpZ2h0IGNvbnRlbnQuXG4gICAqL1xuICBOT1JNQUwgPSAnbm9ybWFsJyxcbiAgLyoqXG4gICAqIENvbnRlbnQgdGhhdCBoYXMgYSBoZWFkZXIgYWJvdmUgaXQgYW5kIHNob3VsZCB0YWtlIHVwIHRoZSByZXN0IG9mIHRoZSBoZWlnaHQgb2YgdGhlIHBhZ2UuXG4gICAqL1xuICBDT05URU5UID0gJ2NvbnRlbnQnXG59XG5cbi8qKlxuICogQ29tcG9uZW50IHRoYXQgbGltaXRzIHRoZSBtYXgtd2lkdGggb2YgdGhlIGNvbnRlbnQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1jb250ZW50LWNvbnRhaW5lcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImRieC1jb250ZW50LWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cIndpZHRoICsgJy1jb250YWluZXIgJyArIHR5cGUgKyAnLWNvbnRhaW5lci10eXBlIGNvbnRhaW5lci1wYWRkaW5nLScgKyBwYWRkaW5nICsgKChzY3JvbGxpbmdDb250ZW50KSA/ICcgY29udGFpbmVyLXNjcm9sbGluZy1jb250ZW50JyA6ICcnKVwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICBgLFxuICAvLyBUT0RPOiBzdHlsZVVybHM6IFsnLi9jb250YWluZXIuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERiTmd4Q29udGVudENvbnRhaW5lckNvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgdHlwZSA9IERiTmd4Q29udGVudENvbnRhaW5lclR5cGUuTk9STUFMO1xuXG4gIEBJbnB1dCgpXG4gIHdpZHRoID0gRGJOZ3hDb250ZW50Q29udGFpbmVyV2lkdGguV0lERTtcblxuICBASW5wdXQoKVxuICBwYWRkaW5nID0gRGJOZ3hDb250ZW50Q29udGFpbmVyUGFkZGluZy5OT1JNQUw7XG5cbiAgQElucHV0KClcbiAgc2Nyb2xsaW5nQ29udGVudCA9IGZhbHNlO1xuXG59XG4iXX0=
@@ -1,26 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Component that extends the entire width and has padding.
5
- */
6
- export class DbNgxFullWidthContentContainerComponent {
7
- }
8
- DbNgxFullWidthContentContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxFullWidthContentContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- DbNgxFullWidthContentContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxFullWidthContentContainerComponent, selector: "dbx-full-width-content-container", ngImport: i0, template: `
10
- <div class="dbx-full-width-content-container">
11
- <ng-content></ng-content>
12
- </div>
13
- `, isInline: true });
14
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxFullWidthContentContainerComponent, decorators: [{
15
- type: Component,
16
- args: [{
17
- selector: 'dbx-full-width-content-container',
18
- template: `
19
- <div class="dbx-full-width-content-container">
20
- <ng-content></ng-content>
21
- </div>
22
- `,
23
- // TODO: styleUrls: ['./container.scss']
24
- }]
25
- }] });
26
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC5jb250YWluZXIuZnVsbHdpZHRoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvY29udGVudC9jb250ZW50LmNvbnRhaW5lci5mdWxsd2lkdGguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVMsTUFBTSxlQUFlLENBQUM7O0FBRWpEOztHQUVHO0FBVUgsTUFBTSxPQUFPLHVDQUF1Qzs7b0lBQXZDLHVDQUF1Qzt3SEFBdkMsdUNBQXVDLHdFQVB4Qzs7OztHQUlUOzJGQUdVLHVDQUF1QztrQkFUbkQsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0NBQWtDO29CQUM1QyxRQUFRLEVBQUU7Ozs7R0FJVDtvQkFDRCx3Q0FBd0M7aUJBQ3pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIENvbXBvbmVudCB0aGF0IGV4dGVuZHMgdGhlIGVudGlyZSB3aWR0aCBhbmQgaGFzIHBhZGRpbmcuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1mdWxsLXdpZHRoLWNvbnRlbnQtY29udGFpbmVyJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZGJ4LWZ1bGwtd2lkdGgtY29udGVudC1jb250YWluZXJcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgLy8gVE9ETzogc3R5bGVVcmxzOiBbJy4vY29udGFpbmVyLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYk5neEZ1bGxXaWR0aENvbnRlbnRDb250YWluZXJDb21wb25lbnQgeyB9XG4iXX0=
@@ -1,37 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- export var DbNgxDialogContentContainerWidth;
5
- (function (DbNgxDialogContentContainerWidth) {
6
- DbNgxDialogContentContainerWidth["NORMAL"] = "normal";
7
- DbNgxDialogContentContainerWidth["WIDE"] = "wide";
8
- })(DbNgxDialogContentContainerWidth || (DbNgxDialogContentContainerWidth = {}));
9
- /**
10
- * Component used to style a dialog.
11
- */
12
- export class DbNgxDialogContentComponent {
13
- constructor() {
14
- this.width = DbNgxDialogContentContainerWidth.NORMAL;
15
- }
16
- }
17
- DbNgxDialogContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxDialogContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
18
- DbNgxDialogContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxDialogContentComponent, selector: "dbx-dialog-content", inputs: { width: "width" }, ngImport: i0, template: `
19
- <div class="dbx-dialog-content" [ngClass]="width + '-dialog-content'">
20
- <ng-content></ng-content>
21
- </div>
22
- `, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
23
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxDialogContentComponent, decorators: [{
24
- type: Component,
25
- args: [{
26
- selector: 'dbx-dialog-content',
27
- template: `
28
- <div class="dbx-dialog-content" [ngClass]="width + '-dialog-content'">
29
- <ng-content></ng-content>
30
- </div>
31
- `,
32
- // TODO: styleUrls: ['./container.scss']
33
- }]
34
- }], propDecorators: { width: [{
35
- type: Input
36
- }] } });
37
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9kaWFsb2cvZGlhbG9nLmNvbnRlbnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFFakQsTUFBTSxDQUFOLElBQVksZ0NBR1g7QUFIRCxXQUFZLGdDQUFnQztJQUMxQyxxREFBaUIsQ0FBQTtJQUNqQixpREFBYSxDQUFBO0FBQ2YsQ0FBQyxFQUhXLGdDQUFnQyxLQUFoQyxnQ0FBZ0MsUUFHM0M7QUFFRDs7R0FFRztBQVVILE1BQU0sT0FBTywyQkFBMkI7SUFUeEM7UUFZRSxVQUFLLEdBQUcsZ0NBQWdDLENBQUMsTUFBTSxDQUFDO0tBRWpEOzt3SEFMWSwyQkFBMkI7NEdBQTNCLDJCQUEyQixzRkFQNUI7Ozs7R0FJVDsyRkFHVSwyQkFBMkI7a0JBVHZDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsUUFBUSxFQUFFOzs7O0dBSVQ7b0JBQ0Qsd0NBQXdDO2lCQUN6Qzs4QkFJQyxLQUFLO3NCQURKLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBlbnVtIERiTmd4RGlhbG9nQ29udGVudENvbnRhaW5lcldpZHRoIHtcbiAgTk9STUFMID0gJ25vcm1hbCcsXG4gIFdJREUgPSAnd2lkZSdcbn1cblxuLyoqXG4gKiBDb21wb25lbnQgdXNlZCB0byBzdHlsZSBhIGRpYWxvZy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWRpYWxvZy1jb250ZW50JyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cImRieC1kaWFsb2ctY29udGVudFwiIFtuZ0NsYXNzXT1cIndpZHRoICsgJy1kaWFsb2ctY29udGVudCdcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICBgLFxuICAvLyBUT0RPOiBzdHlsZVVybHM6IFsnLi9jb250YWluZXIuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERiTmd4RGlhbG9nQ29udGVudENvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgd2lkdGggPSBEYk5neERpYWxvZ0NvbnRlbnRDb250YWluZXJXaWR0aC5OT1JNQUw7XG5cbn1cbiJdfQ==