@dereekb/dbx-web 1.2.0 → 3.0.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 (325) hide show
  1. package/README.md +1 -1
  2. package/_index.scss +5 -2
  3. package/esm2020/lib/action/action.confirm.directive.mjs +7 -7
  4. package/esm2020/lib/action/action.module.mjs +16 -12
  5. package/esm2020/lib/action/action.progress.component.mjs +20 -0
  6. package/esm2020/lib/action/index.mjs +3 -2
  7. package/esm2020/lib/action/key.trigger.directive.mjs +6 -6
  8. package/esm2020/lib/action/snackbar/action.snackbar.component.mjs +95 -0
  9. package/esm2020/lib/action/snackbar/action.snackbar.default.mjs +107 -0
  10. package/esm2020/lib/action/snackbar/action.snackbar.directive.mjs +62 -0
  11. package/esm2020/lib/action/snackbar/action.snackbar.generator.mjs +44 -0
  12. package/esm2020/lib/action/snackbar/action.snackbar.mjs +2 -0
  13. package/esm2020/lib/action/snackbar/action.snackbar.module.mjs +51 -0
  14. package/esm2020/lib/action/snackbar/action.snackbar.service.mjs +82 -0
  15. package/esm2020/lib/action/snackbar/index.mjs +8 -0
  16. package/esm2020/lib/action/transition/action.transition.module.mjs +4 -4
  17. package/esm2020/lib/action/transition/transition.safety.dialog.component.mjs +8 -7
  18. package/esm2020/lib/action/transition/transition.safety.directive.mjs +6 -6
  19. package/esm2020/lib/button/button.component.mjs +31 -13
  20. package/esm2020/lib/button/button.module.mjs +20 -16
  21. package/esm2020/lib/button/button.spacer.component.mjs +12 -10
  22. package/esm2020/lib/button/index.mjs +2 -1
  23. package/esm2020/lib/button/progress/bar.button.component.mjs +16 -0
  24. package/esm2020/lib/button/progress/base.progress.button.directive.mjs +104 -0
  25. package/esm2020/lib/button/progress/button.progress.config.mjs +3 -0
  26. package/esm2020/lib/button/progress/button.progress.module.mjs +61 -0
  27. package/esm2020/lib/button/progress/index.mjs +5 -0
  28. package/esm2020/lib/button/progress/spinner.button.component.mjs +40 -0
  29. package/esm2020/lib/dbx-web.module.mjs +10 -17
  30. package/esm2020/lib/error/error.action.directive.mjs +6 -6
  31. package/esm2020/lib/error/error.component.mjs +5 -5
  32. package/esm2020/lib/error/error.loading.directive.mjs +3 -3
  33. package/esm2020/lib/error/error.module.mjs +4 -4
  34. package/esm2020/lib/interaction/dialog/abstract.dialog.directive.mjs +9 -6
  35. package/esm2020/lib/interaction/dialog/dialog.action.directive.mjs +41 -0
  36. package/esm2020/lib/interaction/dialog/dialog.content.component.mjs +4 -4
  37. package/esm2020/lib/interaction/dialog/dialog.module.mjs +12 -7
  38. package/esm2020/lib/interaction/dialog/index.mjs +2 -1
  39. package/esm2020/lib/interaction/filter/filter.module.mjs +9 -9
  40. package/esm2020/lib/interaction/filter/filter.popover.button.component.mjs +3 -3
  41. package/esm2020/lib/interaction/filter/filter.popover.button.directive.mjs +3 -3
  42. package/esm2020/lib/interaction/filter/filter.popover.component.mjs +5 -5
  43. package/esm2020/lib/interaction/filter/filter.wrapper.component.mjs +3 -3
  44. package/esm2020/lib/interaction/interaction.module.mjs +4 -4
  45. package/esm2020/lib/interaction/popover/abstract.popover.directive.mjs +3 -3
  46. package/esm2020/lib/interaction/popover/abstract.popover.ref.directive.mjs +6 -6
  47. package/esm2020/lib/interaction/popover/index.mjs +1 -2
  48. package/esm2020/lib/interaction/popover/popover.action.directive.mjs +19 -57
  49. package/esm2020/lib/interaction/popover/popover.component.mjs +9 -9
  50. package/esm2020/lib/interaction/popover/popover.content.component.mjs +3 -3
  51. package/esm2020/lib/interaction/popover/popover.controls.directive.mjs +3 -3
  52. package/esm2020/lib/interaction/popover/popover.coordinator.component.mjs +3 -3
  53. package/esm2020/lib/interaction/popover/popover.coordinator.service.mjs +11 -5
  54. package/esm2020/lib/interaction/popover/popover.header.component.mjs +3 -3
  55. package/esm2020/lib/interaction/popover/popover.module.mjs +17 -31
  56. package/esm2020/lib/interaction/popover/popover.scroll.content.component.mjs +3 -3
  57. package/esm2020/lib/interaction/popover/popover.service.mjs +3 -3
  58. package/esm2020/lib/interaction/popup/abstract.popup.directive.mjs +3 -3
  59. package/esm2020/lib/interaction/popup/popup.component.mjs +9 -9
  60. package/esm2020/lib/interaction/popup/popup.content.component.mjs +3 -3
  61. package/esm2020/lib/interaction/popup/popup.controls.buttons.component.mjs +6 -6
  62. package/esm2020/lib/interaction/popup/popup.controls.component.mjs +3 -3
  63. package/esm2020/lib/interaction/popup/popup.coordinator.component.mjs +3 -3
  64. package/esm2020/lib/interaction/popup/popup.coordinator.service.mjs +11 -5
  65. package/esm2020/lib/interaction/popup/popup.module.mjs +13 -22
  66. package/esm2020/lib/interaction/popup/popup.service.mjs +3 -3
  67. package/esm2020/lib/interaction/prompt/prompt.box.component.mjs +3 -3
  68. package/esm2020/lib/interaction/prompt/prompt.button.confirm.directive.mjs +3 -3
  69. package/esm2020/lib/interaction/prompt/prompt.component.mjs +3 -3
  70. package/esm2020/lib/interaction/prompt/prompt.confirm.component.mjs +3 -3
  71. package/esm2020/lib/interaction/prompt/prompt.confirm.dialog.component.mjs +8 -8
  72. package/esm2020/lib/interaction/prompt/prompt.confirm.directive.mjs +6 -6
  73. package/esm2020/lib/interaction/prompt/prompt.module.mjs +9 -9
  74. package/esm2020/lib/interaction/prompt/prompt.page.component.mjs +3 -3
  75. package/esm2020/lib/keypress/keydown.listener.directive.mjs +3 -3
  76. package/esm2020/lib/keypress/keypress.module.mjs +4 -4
  77. package/esm2020/lib/layout/bar/bar.directive.mjs +3 -3
  78. package/esm2020/lib/layout/bar/bar.header.component.mjs +3 -3
  79. package/esm2020/lib/layout/bar/bar.layout.module.mjs +4 -4
  80. package/esm2020/lib/layout/bar/pagebar.component.mjs +3 -3
  81. package/esm2020/lib/layout/block/block.layout.module.mjs +9 -9
  82. package/esm2020/lib/layout/block/two.block.component.mjs +22 -10
  83. package/esm2020/lib/layout/card/card.box.component.mjs +3 -3
  84. package/esm2020/lib/layout/card/card.box.container.component.mjs +3 -3
  85. package/esm2020/lib/layout/card/card.box.layout.module.mjs +4 -4
  86. package/esm2020/lib/layout/column/column.layout.module.mjs +4 -4
  87. package/esm2020/lib/layout/column/one/one.column.component.mjs +9 -9
  88. package/esm2020/lib/layout/column/one/one.column.module.mjs +4 -4
  89. package/esm2020/lib/layout/column/two/index.mjs +2 -1
  90. package/esm2020/lib/layout/column/two/two.column.back.directive.mjs +8 -8
  91. package/esm2020/lib/layout/column/two/two.column.component.mjs +51 -14
  92. package/esm2020/lib/layout/column/two/two.column.context.directive.mjs +36 -0
  93. package/esm2020/lib/layout/column/two/two.column.full.left.directive.mjs +8 -8
  94. package/esm2020/lib/layout/column/two/two.column.head.component.mjs +8 -8
  95. package/esm2020/lib/layout/column/two/two.column.module.mjs +43 -38
  96. package/esm2020/lib/layout/column/two/two.column.right.component.mjs +11 -6
  97. package/esm2020/lib/layout/column/two/two.column.sref.directive.mjs +12 -17
  98. package/esm2020/lib/layout/column/two/two.column.store.mjs +8 -7
  99. package/esm2020/lib/layout/compact/compact.directive.mjs +3 -3
  100. package/esm2020/lib/layout/compact/compact.layout.module.mjs +4 -4
  101. package/esm2020/lib/layout/compact/compact.store.mjs +3 -3
  102. package/esm2020/lib/layout/content/content.border.directive.mjs +3 -3
  103. package/esm2020/lib/layout/content/content.box.directive.mjs +9 -5
  104. package/esm2020/lib/layout/content/content.container.directive.mjs +4 -4
  105. package/esm2020/lib/layout/content/content.directive.mjs +3 -3
  106. package/esm2020/lib/layout/content/content.elevate.directive.mjs +3 -3
  107. package/esm2020/lib/layout/content/content.layout.module.mjs +4 -4
  108. package/esm2020/lib/layout/content/content.page.directive.mjs +3 -3
  109. package/esm2020/lib/layout/flag/flag.component.mjs +3 -3
  110. package/esm2020/lib/layout/flag/flag.layout.module.mjs +4 -4
  111. package/esm2020/lib/layout/flag/flag.prompt.component.mjs +3 -3
  112. package/esm2020/lib/layout/flex/flex.group.directive.mjs +8 -4
  113. package/esm2020/lib/layout/flex/flex.layout.module.mjs +4 -4
  114. package/esm2020/lib/layout/flex/flex.size.directive.mjs +3 -3
  115. package/esm2020/lib/layout/item/item.icon.component.mjs +3 -3
  116. package/esm2020/lib/layout/item/item.layout.module.mjs +4 -4
  117. package/esm2020/lib/layout/layout.module.mjs +4 -4
  118. package/esm2020/lib/layout/list/index.mjs +5 -1
  119. package/esm2020/lib/layout/list/list.component.mjs +22 -9
  120. package/esm2020/lib/layout/list/list.content.empty.component.mjs +3 -3
  121. package/esm2020/lib/layout/list/list.directive.mjs +12 -10
  122. package/esm2020/lib/layout/list/list.layout.module.mjs +32 -18
  123. package/esm2020/lib/layout/list/list.view.directive.mjs +11 -4
  124. package/esm2020/lib/layout/list/list.view.mjs +1 -1
  125. package/esm2020/lib/layout/list/list.view.selection.directive.mjs +8 -7
  126. package/esm2020/lib/layout/list/list.view.value.component.mjs +57 -28
  127. package/esm2020/lib/layout/list/list.view.value.directive.mjs +18 -10
  128. package/esm2020/lib/layout/list/list.view.value.item.directive.mjs +7 -7
  129. package/esm2020/lib/layout/list/list.view.value.mjs +36 -24
  130. package/esm2020/lib/layout/list/list.view.value.modifier.directive.mjs +81 -0
  131. package/esm2020/lib/layout/list/list.view.value.modifier.mjs +15 -0
  132. package/esm2020/lib/layout/list/list.view.value.modifier.ripple.directive.mjs +45 -0
  133. package/esm2020/lib/layout/list/list.view.value.selection.component.mjs +57 -43
  134. package/esm2020/lib/layout/list/list.wrapper.mjs +13 -0
  135. package/esm2020/lib/layout/section/section.component.mjs +3 -3
  136. package/esm2020/lib/layout/section/section.header.component.mjs +9 -6
  137. package/esm2020/lib/layout/section/section.intro.component.mjs +3 -3
  138. package/esm2020/lib/layout/section/section.layout.module.mjs +9 -9
  139. package/esm2020/lib/layout/section/section.page.component.mjs +3 -3
  140. package/esm2020/lib/layout/section/subsection.component.mjs +3 -3
  141. package/esm2020/lib/layout/step/step.component.mjs +3 -3
  142. package/esm2020/lib/layout/step/step.layout.module.mjs +4 -4
  143. package/esm2020/lib/layout/style/spacer.directive.mjs +3 -3
  144. package/esm2020/lib/layout/style/style.body.directive.mjs +3 -3
  145. package/esm2020/lib/layout/style/style.directive.mjs +3 -3
  146. package/esm2020/lib/layout/style/style.layout.module.mjs +4 -4
  147. package/esm2020/lib/layout/style/style.service.mjs +6 -4
  148. package/esm2020/lib/layout/style/style.set.directive.mjs +5 -4
  149. package/esm2020/lib/layout/text/hint.component.mjs +3 -3
  150. package/esm2020/lib/layout/text/icon.spacer.component.mjs +19 -0
  151. package/esm2020/lib/layout/text/index.mjs +2 -1
  152. package/esm2020/lib/layout/text/label.component.mjs +3 -3
  153. package/esm2020/lib/layout/text/linkify.component.mjs +3 -3
  154. package/esm2020/lib/layout/text/note.component.mjs +3 -3
  155. package/esm2020/lib/layout/text/notice.component.mjs +3 -3
  156. package/esm2020/lib/layout/text/ok.component.mjs +3 -3
  157. package/esm2020/lib/layout/text/success.component.mjs +3 -3
  158. package/esm2020/lib/layout/text/text.chips.component.mjs +3 -3
  159. package/esm2020/lib/layout/text/text.module.mjs +14 -9
  160. package/esm2020/lib/layout/text/warn.component.mjs +3 -3
  161. package/esm2020/lib/loading/basic-loading.component.mjs +3 -3
  162. package/esm2020/lib/loading/index.mjs +2 -1
  163. package/esm2020/lib/loading/loading-progress.component.mjs +4 -4
  164. package/esm2020/lib/loading/loading.action.directive.mjs +37 -0
  165. package/esm2020/lib/loading/loading.component.mjs +3 -3
  166. package/esm2020/lib/loading/loading.module.mjs +14 -9
  167. package/esm2020/lib/router/layout/anchor/anchor.component.mjs +9 -5
  168. package/esm2020/lib/router/layout/anchor/anchor.content.component.mjs +43 -0
  169. package/esm2020/lib/router/layout/anchor/anchor.icon.component.mjs +3 -3
  170. package/esm2020/lib/router/layout/anchor/anchor.link.component.mjs +3 -3
  171. package/esm2020/lib/router/layout/anchor/anchor.module.mjs +19 -14
  172. package/esm2020/lib/router/layout/anchor/anchor.segue.directive.mjs +4 -4
  173. package/esm2020/lib/router/layout/anchor/index.mjs +2 -1
  174. package/esm2020/lib/router/layout/anchorlist/anchorlist.component.mjs +5 -5
  175. package/esm2020/lib/router/layout/anchorlist/anchorlist.module.mjs +10 -10
  176. package/esm2020/lib/router/layout/index.mjs +2 -1
  177. package/esm2020/lib/router/layout/layout.module.mjs +23 -19
  178. package/esm2020/lib/router/layout/list/index.mjs +3 -0
  179. package/esm2020/lib/router/layout/list/list.module.mjs +21 -0
  180. package/esm2020/lib/router/layout/list/router.list.directive.mjs +42 -0
  181. package/esm2020/lib/router/layout/navbar/navbar.component.mjs +4 -4
  182. package/esm2020/lib/router/layout/navbar/navbar.module.mjs +10 -10
  183. package/esm2020/lib/router/layout/sidenav/sidenav.button.component.mjs +3 -3
  184. package/esm2020/lib/router/layout/sidenav/sidenav.component.mjs +3 -3
  185. package/esm2020/lib/router/layout/sidenav/sidenav.module.mjs +14 -14
  186. package/esm2020/lib/router/layout/sidenav/sidenav.page.component.mjs +7 -4
  187. package/esm2020/lib/router/layout/sidenav/sidenav.pagebar.component.mjs +5 -5
  188. package/esm2020/lib/router/provider/ngrouter/anchor.component.mjs +5 -5
  189. package/esm2020/lib/router/provider/ngrouter/angular.router.module.mjs +9 -9
  190. package/esm2020/lib/router/provider/router.provider.config.mjs +1 -1
  191. package/esm2020/lib/router/provider/uirouter/anchor.component.mjs +5 -5
  192. package/esm2020/lib/router/provider/uirouter/uirouter.router.module.mjs +9 -9
  193. package/esm2020/lib/screen/screen.module.mjs +4 -4
  194. package/esm2020/lib/screen/screen.service.mjs +5 -4
  195. package/fesm2015/dereekb-dbx-web.mjs +2265 -1270
  196. package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
  197. package/fesm2020/dereekb-dbx-web.mjs +2262 -1268
  198. package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
  199. package/lib/action/_action.scss +8 -35
  200. package/lib/action/action.confirm.directive.d.ts +13 -4
  201. package/lib/action/action.module.d.ts +8 -7
  202. package/lib/action/action.progress.component.d.ts +5 -0
  203. package/lib/action/index.d.ts +2 -1
  204. package/lib/action/key.trigger.directive.d.ts +3 -3
  205. package/lib/action/snackbar/_snackbar.scss +33 -0
  206. package/lib/action/snackbar/action.snackbar.component.d.ts +36 -0
  207. package/lib/action/snackbar/action.snackbar.d.ts +52 -0
  208. package/lib/action/snackbar/action.snackbar.default.d.ts +2 -0
  209. package/lib/action/snackbar/action.snackbar.directive.d.ts +25 -0
  210. package/lib/action/snackbar/action.snackbar.generator.d.ts +32 -0
  211. package/lib/action/snackbar/action.snackbar.module.d.ts +14 -0
  212. package/lib/action/snackbar/action.snackbar.service.d.ts +39 -0
  213. package/lib/action/snackbar/index.d.ts +7 -0
  214. package/lib/action/transition/transition.safety.directive.d.ts +3 -3
  215. package/lib/button/_button.scss +21 -0
  216. package/lib/button/button.component.d.ts +7 -3
  217. package/lib/button/button.module.d.ts +3 -2
  218. package/lib/button/button.spacer.component.d.ts +4 -4
  219. package/lib/button/index.d.ts +1 -0
  220. package/lib/button/progress/bar.button.component.d.ts +6 -0
  221. package/lib/button/progress/bar.button.component.scss +23 -0
  222. package/lib/button/progress/base.progress.button.directive.d.ts +37 -0
  223. package/lib/button/progress/button.progress.config.d.ts +51 -0
  224. package/lib/button/progress/button.progress.module.d.ts +17 -0
  225. package/lib/button/progress/index.d.ts +4 -0
  226. package/lib/button/progress/spinner.button.component.d.ts +9 -0
  227. package/lib/button/progress/spinner.button.component.scss +44 -0
  228. package/lib/dbx-web.module.d.ts +1 -3
  229. package/lib/error/error.action.directive.d.ts +3 -3
  230. package/lib/interaction/dialog/_dialog.scss +18 -2
  231. package/lib/interaction/dialog/abstract.dialog.directive.d.ts +2 -1
  232. package/lib/interaction/dialog/dialog.action.directive.d.ts +21 -0
  233. package/lib/interaction/dialog/dialog.module.d.ts +4 -3
  234. package/lib/interaction/dialog/index.d.ts +1 -0
  235. package/lib/interaction/filter/filter.module.d.ts +1 -1
  236. package/lib/interaction/filter/filter.popover.component.d.ts +2 -2
  237. package/lib/interaction/popover/index.d.ts +0 -1
  238. package/lib/interaction/popover/popover.action.directive.d.ts +15 -24
  239. package/lib/interaction/popover/popover.component.d.ts +3 -3
  240. package/lib/interaction/popover/popover.coordinator.service.d.ts +3 -1
  241. package/lib/interaction/popover/popover.module.d.ts +20 -23
  242. package/lib/interaction/popup/popup.component.d.ts +3 -3
  243. package/lib/interaction/popup/popup.coordinator.service.d.ts +3 -1
  244. package/lib/interaction/popup/popup.module.d.ts +1 -3
  245. package/lib/interaction/prompt/prompt.confirm.dialog.component.d.ts +3 -3
  246. package/lib/interaction/prompt/prompt.module.d.ts +1 -1
  247. package/lib/layout/block/_block.scss +11 -8
  248. package/lib/layout/block/block.layout.module.d.ts +1 -1
  249. package/lib/layout/block/two.block.component.d.ts +5 -1
  250. package/lib/layout/column/_column.scss +119 -3
  251. package/lib/layout/column/two/index.d.ts +1 -0
  252. package/lib/layout/column/two/two.column.back.directive.d.ts +4 -4
  253. package/lib/layout/column/two/two.column.component.d.ts +23 -7
  254. package/lib/layout/column/two/two.column.context.directive.d.ts +18 -0
  255. package/lib/layout/column/two/two.column.full.left.directive.d.ts +4 -4
  256. package/lib/layout/column/two/two.column.head.component.d.ts +3 -3
  257. package/lib/layout/column/two/two.column.module.d.ts +7 -6
  258. package/lib/layout/column/two/two.column.right.component.d.ts +6 -4
  259. package/lib/layout/column/two/two.column.sref.directive.d.ts +6 -7
  260. package/lib/layout/column/two/two.column.store.d.ts +4 -3
  261. package/lib/layout/content/_content.scss +38 -3
  262. package/lib/layout/content/content.box.directive.d.ts +2 -1
  263. package/lib/layout/content/content.container.directive.d.ts +2 -2
  264. package/lib/layout/flex/_flex.scss +4 -0
  265. package/lib/layout/flex/flex.group.directive.d.ts +1 -0
  266. package/lib/layout/list/index.d.ts +4 -0
  267. package/lib/layout/list/list.component.d.ts +14 -5
  268. package/lib/layout/list/list.directive.d.ts +9 -7
  269. package/lib/layout/list/list.layout.module.d.ts +10 -8
  270. package/lib/layout/list/list.view.d.ts +11 -1
  271. package/lib/layout/list/list.view.directive.d.ts +4 -1
  272. package/lib/layout/list/list.view.selection.directive.d.ts +4 -3
  273. package/lib/layout/list/list.view.value.component.d.ts +18 -3
  274. package/lib/layout/list/list.view.value.d.ts +27 -11
  275. package/lib/layout/list/list.view.value.directive.d.ts +9 -6
  276. package/lib/layout/list/list.view.value.item.directive.d.ts +4 -4
  277. package/lib/layout/list/list.view.value.modifier.d.ts +12 -0
  278. package/lib/layout/list/list.view.value.modifier.directive.d.ts +37 -0
  279. package/lib/layout/list/list.view.value.modifier.ripple.directive.d.ts +17 -0
  280. package/lib/layout/list/list.view.value.selection.component.d.ts +10 -11
  281. package/lib/layout/list/list.wrapper.d.ts +11 -0
  282. package/lib/layout/section/section.header.component.d.ts +1 -0
  283. package/lib/layout/section/section.layout.module.d.ts +1 -1
  284. package/lib/layout/style/_style.scss +12 -1
  285. package/lib/layout/text/_text.scss +9 -0
  286. package/lib/layout/text/icon.spacer.component.d.ts +8 -0
  287. package/lib/layout/text/index.d.ts +1 -0
  288. package/lib/layout/text/text.module.d.ts +6 -5
  289. package/lib/loading/index.d.ts +1 -0
  290. package/lib/loading/loading.action.directive.d.ts +19 -0
  291. package/lib/loading/loading.module.d.ts +6 -5
  292. package/lib/router/layout/anchor/_anchor.scss +10 -0
  293. package/lib/router/layout/anchor/anchor.component.d.ts +5 -4
  294. package/lib/router/layout/anchor/anchor.content.component.d.ts +22 -0
  295. package/lib/router/layout/anchor/anchor.module.d.ts +9 -8
  296. package/lib/router/layout/anchor/anchor.segue.directive.d.ts +2 -2
  297. package/lib/router/layout/anchor/index.d.ts +1 -0
  298. package/lib/router/layout/anchorlist/_anchorlist.scss +7 -0
  299. package/lib/router/layout/anchorlist/anchorlist.module.d.ts +4 -4
  300. package/lib/router/layout/index.d.ts +1 -0
  301. package/lib/router/layout/layout.module.d.ts +4 -3
  302. package/lib/router/layout/list/index.d.ts +2 -0
  303. package/lib/router/layout/list/list.module.d.ts +7 -0
  304. package/lib/router/layout/list/router.list.directive.d.ts +17 -0
  305. package/lib/router/layout/navbar/navbar.component.d.ts +4 -4
  306. package/lib/router/layout/navbar/navbar.module.d.ts +4 -4
  307. package/lib/router/layout/sidenav/sidenav.module.d.ts +4 -4
  308. package/lib/router/layout/sidenav/sidenav.page.component.d.ts +4 -2
  309. package/lib/router/provider/ngrouter/angular.router.module.d.ts +1 -1
  310. package/lib/router/provider/router.provider.config.d.ts +2 -2
  311. package/lib/router/provider/uirouter/uirouter.router.module.d.ts +1 -1
  312. package/lib/screen/screen.service.d.ts +2 -2
  313. package/lib/style/_all-core.scss +2 -0
  314. package/lib/style/_all-theme.scss +2 -0
  315. package/lib/style/_all-typography.scss +2 -0
  316. package/lib/style/_config.scss +7 -1
  317. package/lib/style/_function.scss +4 -0
  318. package/lib/style/_root-variables.scss +2 -0
  319. package/lib/style/_variables.scss +4 -0
  320. package/package.json +25 -44
  321. package/esm2020/lib/action/action.snackbar.component.mjs +0 -104
  322. package/esm2020/lib/interaction/popover/popover.action.button.directive.mjs +0 -29
  323. package/lib/action/action.snackbar.component.d.ts +0 -22
  324. package/lib/interaction/popover/popover.action.button.directive.d.ts +0 -14
  325. package/lib/layout/column/two.scss +0 -114
@@ -3,3 +3,4 @@ export * from './anchor.icon.component';
3
3
  export * from './anchor.module';
4
4
  export * from './anchor.segue.directive';
5
5
  export * from './anchor.link.component';
6
+ export * from './anchor.content.component';
@@ -3,6 +3,7 @@
3
3
  @use '../../../style/theming';
4
4
 
5
5
  // MARK: Variables
6
+ $anchor-list-item-disabled-item-opacity: 25%;
6
7
  $active-root-item-left-padding: 2px;
7
8
  $active-child-item-left-padding: 5px;
8
9
 
@@ -13,6 +14,7 @@ $active-child-item-left-padding: 5px;
13
14
  $color-config: theming.get-color-config($theme-config);
14
15
  $background: map.get($color-config, 'background');
15
16
  $background-hover-color: theming.get-color-from-palette($background, 'hover');
17
+ $background-disabled-color: theming.get-color-from-palette($background, 'contrast');
16
18
 
17
19
  .dbx-anchor-list.mat-nav-list {
18
20
 
@@ -20,6 +22,11 @@ $active-child-item-left-padding: 5px;
20
22
  // items that are not active are muted
21
23
  .mat-list-item {
22
24
  opacity: 0.74;
25
+
26
+ &.mat-list-item-disabled {
27
+ opacity: $anchor-list-item-disabled-item-opacity;
28
+ background: transparent;
29
+ }
23
30
  }
24
31
 
25
32
  // active route as a parent
@@ -7,8 +7,8 @@ import * as i5 from "@angular/material/icon";
7
7
  import * as i6 from "@angular/material/list";
8
8
  import * as i7 from "@angular/material/menu";
9
9
  import * as i8 from "../anchor/anchor.module";
10
- export declare class DbxAnchorListModule {
11
- static ɵfac: i0.ɵɵFactoryDeclaration<DbxAnchorListModule, never>;
12
- static ɵmod: i0.ɵɵNgModuleDeclaration<DbxAnchorListModule, [typeof i1.DbxAnchorListComponent], [typeof i2.CommonModule, typeof i3.MatTabsModule, typeof i4.MatButtonModule, typeof i5.MatIconModule, typeof i6.MatListModule, typeof i7.MatMenuModule, typeof i8.DbxAnchorModule], [typeof i1.DbxAnchorListComponent]>;
13
- static ɵinj: i0.ɵɵInjectorDeclaration<DbxAnchorListModule>;
10
+ export declare class DbxRouterAnchorListModule {
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<DbxRouterAnchorListModule, never>;
12
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DbxRouterAnchorListModule, [typeof i1.DbxAnchorListComponent], [typeof i2.CommonModule, typeof i3.MatTabsModule, typeof i4.MatButtonModule, typeof i5.MatIconModule, typeof i6.MatListModule, typeof i7.MatMenuModule, typeof i8.DbxRouterAnchorModule], [typeof i1.DbxAnchorListComponent]>;
13
+ static ɵinj: i0.ɵɵInjectorDeclaration<DbxRouterAnchorListModule>;
14
14
  }
@@ -1,5 +1,6 @@
1
1
  export * from './anchor';
2
2
  export * from './anchorlist';
3
+ export * from './list';
3
4
  export * from './navbar';
4
5
  export * from './sidenav';
5
6
  export * from './layout.module';
@@ -1,10 +1,11 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./anchor/anchor.module";
3
3
  import * as i2 from "./anchorlist/anchorlist.module";
4
- import * as i3 from "./navbar/navbar.module";
5
- import * as i4 from "./sidenav/sidenav.module";
4
+ import * as i3 from "./list/list.module";
5
+ import * as i4 from "./navbar/navbar.module";
6
+ import * as i5 from "./sidenav/sidenav.module";
6
7
  export declare class DbxRouterLayoutModule {
7
8
  static ɵfac: i0.ɵɵFactoryDeclaration<DbxRouterLayoutModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<DbxRouterLayoutModule, never, never, [typeof i1.DbxAnchorModule, typeof i2.DbxAnchorListModule, typeof i3.DbxNavbarModule, typeof i4.DbxSidenavModule]>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DbxRouterLayoutModule, never, never, [typeof i1.DbxRouterAnchorModule, typeof i2.DbxRouterAnchorListModule, typeof i3.DbxRouterListModule, typeof i4.DbxRouterNavbarModule, typeof i5.DbxRouterSidenavModule]>;
9
10
  static ɵinj: i0.ɵɵInjectorDeclaration<DbxRouterLayoutModule>;
10
11
  }
@@ -0,0 +1,2 @@
1
+ export * from './list.module';
2
+ export * from './router.list.directive';
@@ -0,0 +1,7 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./router.list.directive";
3
+ export declare class DbxRouterListModule {
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<DbxRouterListModule, never>;
5
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DbxRouterListModule, [typeof i1.DbxListItemAnchorModifierDirective], never, [typeof i1.DbxListItemAnchorModifierDirective]>;
6
+ static ɵinj: i0.ɵɵInjectorDeclaration<DbxRouterListModule>;
7
+ }
@@ -0,0 +1,17 @@
1
+ import { OnDestroy } from "@angular/core";
2
+ import { ClickableAnchor } from "@dereekb/dbx-core";
3
+ import { ArrayOrValue, Maybe, Modifier } from "@dereekb/util";
4
+ import { Observable } from "rxjs";
5
+ import { DbxValueListItem } from "../../../layout/list/list.view.value";
6
+ import { AbstractDbxValueListItemModifierDirective } from "../../../layout/list/list.view.value.modifier.directive";
7
+ import * as i0 from "@angular/core";
8
+ export declare type AnchorForValueFunction<T> = (value: T, item: DbxValueListItem<T>) => Maybe<ClickableAnchor>;
9
+ export declare const DBX_ROUTER_VALUE_LIST_ITEM_MODIFIER_KEY = "router_anchor";
10
+ export declare class DbxListItemAnchorModifierDirective<T> extends AbstractDbxValueListItemModifierDirective<T> implements OnDestroy {
11
+ private _anchorForItem;
12
+ readonly modifiers$: Observable<Maybe<ArrayOrValue<Modifier<DbxValueListItem<T>>>>>;
13
+ ngOnDestroy(): void;
14
+ set anchorForItem(anchorForItem: Maybe<AnchorForValueFunction<T>>);
15
+ static ɵfac: i0.ɵɵFactoryDeclaration<DbxListItemAnchorModifierDirective<any>, never>;
16
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DbxListItemAnchorModifierDirective<any>, "[dbxListItemAnchorModifier]", never, { "anchorForItem": "dbxListItemAnchorModifier"; }, {}, never>;
17
+ }
@@ -3,12 +3,12 @@ import { ScreenMediaWidthType } from './../../../screen/screen';
3
3
  import { DbxScreenMediaService } from '../../../screen/screen.service';
4
4
  import { Maybe } from '@dereekb/util';
5
5
  import { OnDestroy, ChangeDetectorRef } from '@angular/core';
6
- import { ClickableAnchorLink, DbxRouterService, DbxRouterTransitionService, AbstractTransitionDirective } from '@dereekb/dbx-core';
6
+ import { ClickableAnchorLinkSegueRef, DbxRouterService, DbxRouterTransitionService, AbstractTransitionDirective } from '@dereekb/dbx-core';
7
7
  import { HorizontalConnectionPos } from '@angular/cdk/overlay';
8
8
  import * as i0 from "@angular/core";
9
9
  interface NavAnchorLink {
10
10
  selected: boolean;
11
- anchor: ClickableAnchorLink;
11
+ anchor: ClickableAnchorLinkSegueRef;
12
12
  }
13
13
  export declare type NavBarContentAlign = 'center' | 'left' | 'right';
14
14
  export declare type NavbarMode = 'bar' | 'button';
@@ -24,11 +24,11 @@ export declare class DbxNavbarComponent extends AbstractTransitionDirective impl
24
24
  private _breakpoint;
25
25
  private _anchors;
26
26
  readonly isBreakpointActive$: Observable<boolean>;
27
- readonly mode$: Observable<NavbarMode>;
27
+ readonly mode$: Observable<"button" | "bar">;
28
28
  readonly anchors$: Observable<NavAnchorLink[]>;
29
29
  constructor(dbxRouterTransitionService: DbxRouterTransitionService, cdRef: ChangeDetectorRef, _dbxScreenMediaService: DbxScreenMediaService, _dbxRouterService: DbxRouterService);
30
30
  ngOnDestroy(): void;
31
- set anchors(anchors: Maybe<ClickableAnchorLink[]>);
31
+ set anchors(anchors: Maybe<ClickableAnchorLinkSegueRef[]>);
32
32
  set mode(mode: Maybe<NavbarMode>);
33
33
  set breakpoint(breakpoint: ScreenMediaWidthType);
34
34
  static ɵfac: i0.ɵɵFactoryDeclaration<DbxNavbarComponent, never>;
@@ -6,8 +6,8 @@ import * as i4 from "@angular/material/button";
6
6
  import * as i5 from "@angular/material/icon";
7
7
  import * as i6 from "@angular/material/menu";
8
8
  import * as i7 from "../anchor/anchor.module";
9
- export declare class DbxNavbarModule {
10
- static ɵfac: i0.ɵɵFactoryDeclaration<DbxNavbarModule, never>;
11
- static ɵmod: i0.ɵɵNgModuleDeclaration<DbxNavbarModule, [typeof i1.DbxNavbarComponent], [typeof i2.CommonModule, typeof i3.MatTabsModule, typeof i4.MatButtonModule, typeof i5.MatIconModule, typeof i6.MatMenuModule, typeof i7.DbxAnchorModule], [typeof i1.DbxNavbarComponent]>;
12
- static ɵinj: i0.ɵɵInjectorDeclaration<DbxNavbarModule>;
9
+ export declare class DbxRouterNavbarModule {
10
+ static ɵfac: i0.ɵɵFactoryDeclaration<DbxRouterNavbarModule, never>;
11
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DbxRouterNavbarModule, [typeof i1.DbxNavbarComponent], [typeof i2.CommonModule, typeof i3.MatTabsModule, typeof i4.MatButtonModule, typeof i5.MatIconModule, typeof i6.MatMenuModule, typeof i7.DbxRouterAnchorModule], [typeof i1.DbxNavbarComponent]>;
12
+ static ɵinj: i0.ɵɵInjectorDeclaration<DbxRouterNavbarModule>;
13
13
  }
@@ -16,8 +16,8 @@ import * as i14 from "@angular/material/sidenav";
16
16
  import * as i15 from "@angular/material/list";
17
17
  import * as i16 from "@angular/material/divider";
18
18
  import * as i17 from "@uirouter/angular";
19
- export declare class DbxSidenavModule {
20
- static ɵfac: i0.ɵɵFactoryDeclaration<DbxSidenavModule, never>;
21
- static ɵmod: i0.ɵɵNgModuleDeclaration<DbxSidenavModule, [typeof i1.DbxSidenavComponent, typeof i2.DbxSidenavButtonComponent, typeof i3.DbxSidenavPagebarComponent, typeof i4.DbxSidenavPageComponent], [typeof i5.CommonModule, typeof i6.DbxBarLayoutModule, typeof i7.DbxAnchorModule, typeof i8.DbxAnchorListModule, typeof i9.DbxButtonModule, typeof i10.DbxContentLayoutModule, typeof i11.MatToolbarModule, typeof i12.MatButtonModule, typeof i13.MatIconModule, typeof i14.MatSidenavModule, typeof i15.MatListModule, typeof i16.MatDividerModule, typeof i17.UIRouterModule], [typeof i1.DbxSidenavComponent, typeof i2.DbxSidenavButtonComponent, typeof i3.DbxSidenavPagebarComponent, typeof i4.DbxSidenavPageComponent]>;
22
- static ɵinj: i0.ɵɵInjectorDeclaration<DbxSidenavModule>;
19
+ export declare class DbxRouterSidenavModule {
20
+ static ɵfac: i0.ɵɵFactoryDeclaration<DbxRouterSidenavModule, never>;
21
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DbxRouterSidenavModule, [typeof i1.DbxSidenavComponent, typeof i2.DbxSidenavButtonComponent, typeof i3.DbxSidenavPagebarComponent, typeof i4.DbxSidenavPageComponent], [typeof i5.CommonModule, typeof i6.DbxBarLayoutModule, typeof i7.DbxRouterAnchorModule, typeof i8.DbxRouterAnchorListModule, typeof i9.DbxButtonModule, typeof i10.DbxContentLayoutModule, typeof i11.MatToolbarModule, typeof i12.MatButtonModule, typeof i13.MatIconModule, typeof i14.MatSidenavModule, typeof i15.MatListModule, typeof i16.MatDividerModule, typeof i17.UIRouterModule], [typeof i1.DbxSidenavComponent, typeof i2.DbxSidenavButtonComponent, typeof i3.DbxSidenavPagebarComponent, typeof i4.DbxSidenavPageComponent]>;
22
+ static ɵinj: i0.ɵɵInjectorDeclaration<DbxRouterSidenavModule>;
23
23
  }
@@ -1,3 +1,4 @@
1
+ import { OnDestroy } from '@angular/core';
1
2
  import { DbxSidenavComponent } from './sidenav.component';
2
3
  import { Maybe } from '@dereekb/util';
3
4
  import { DbxBarColor } from '../../../layout/bar/bar';
@@ -7,12 +8,13 @@ import * as i0 from "@angular/core";
7
8
  *
8
9
  * Can optionally be configured to only show the pagebar while in mobile mode.
9
10
  */
10
- export declare class DbxSidenavPageComponent {
11
+ export declare class DbxSidenavPageComponent implements OnDestroy {
11
12
  readonly parent: DbxSidenavComponent;
12
13
  color?: Maybe<DbxBarColor>;
13
14
  private _mobileOnly;
14
- constructor(parent: DbxSidenavComponent);
15
15
  readonly hidePagebar$: import("rxjs").Observable<boolean>;
16
+ constructor(parent: DbxSidenavComponent);
17
+ ngOnDestroy(): void;
16
18
  get mobileOnly(): boolean;
17
19
  set mobileOnly(mobileOnly: boolean);
18
20
  static ɵfac: i0.ɵɵFactoryDeclaration<DbxSidenavPageComponent, never>;
@@ -7,6 +7,6 @@ import * as i4 from "@dereekb/dbx-core";
7
7
  export declare class DbxWebAngularRouterModule {
8
8
  static forRoot(): ModuleWithProviders<DbxWebAngularRouterModule>;
9
9
  static ɵfac: i0.ɵɵFactoryDeclaration<DbxWebAngularRouterModule, never>;
10
- static ɵmod: i0.ɵɵNgModuleDeclaration<DbxWebAngularRouterModule, [typeof i1.DbxAngularRouterSegueAnchorComponent], [typeof i2.CommonModule, typeof i3.UIRouterModule, typeof i4.DbxInjectedComponentModule], [typeof i1.DbxAngularRouterSegueAnchorComponent]>;
10
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DbxWebAngularRouterModule, [typeof i1.DbxAngularRouterSegueAnchorComponent], [typeof i2.CommonModule, typeof i3.UIRouterModule, typeof i4.DbxInjectionComponentModule], [typeof i1.DbxAngularRouterSegueAnchorComponent]>;
11
11
  static ɵinj: i0.ɵɵInjectorDeclaration<DbxWebAngularRouterModule>;
12
12
  }
@@ -1,7 +1,7 @@
1
- import { DbxInjectedComponentConfig } from "@dereekb/dbx-core";
1
+ import { DbxInjectionComponentConfig } from "@dereekb/dbx-core";
2
2
  export declare abstract class DbxRouterWebProviderConfig {
3
3
  /**
4
4
  * Component used by the Anchor component to render a SegueRef link.
5
5
  */
6
- abstract anchorSegueRefComponent: DbxInjectedComponentConfig;
6
+ abstract anchorSegueRefComponent: DbxInjectionComponentConfig;
7
7
  }
@@ -7,6 +7,6 @@ import * as i4 from "@dereekb/dbx-core";
7
7
  export declare class DbxWebUIRouterModule {
8
8
  static forRoot(): ModuleWithProviders<DbxWebUIRouterModule>;
9
9
  static ɵfac: i0.ɵɵFactoryDeclaration<DbxWebUIRouterModule, never>;
10
- static ɵmod: i0.ɵɵNgModuleDeclaration<DbxWebUIRouterModule, [typeof i1.DbxUIRouterSegueAnchorComponent], [typeof i2.CommonModule, typeof i3.UIRouterModule, typeof i4.DbxInjectedComponentModule], [typeof i1.DbxUIRouterSegueAnchorComponent]>;
10
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DbxWebUIRouterModule, [typeof i1.DbxUIRouterSegueAnchorComponent], [typeof i2.CommonModule, typeof i3.UIRouterModule, typeof i4.DbxInjectionComponentModule], [typeof i1.DbxUIRouterSegueAnchorComponent]>;
11
11
  static ɵinj: i0.ɵɵInjectorDeclaration<DbxWebUIRouterModule>;
12
12
  }
@@ -1,6 +1,6 @@
1
1
  import { Destroyable } from '@dereekb/util';
2
2
  import { MediaMatcher } from "@angular/cdk/layout";
3
- import { ObservableGetter } from '@dereekb/rxjs';
3
+ import { ObservableOrValue } from '@dereekb/rxjs';
4
4
  import { Observable } from "rxjs";
5
5
  import { ScreenMediaWidthType, ScreenMediaHeightType } from "./screen";
6
6
  import * as i0 from "@angular/core";
@@ -52,7 +52,7 @@ export declare class DbxScreenMediaService implements Destroyable {
52
52
  * @param inputBreakpoint
53
53
  * @returns
54
54
  */
55
- isBreakpointActive(inputBreakpoint: ObservableGetter<ScreenMediaWidthType>): Observable<boolean>;
55
+ isBreakpointActive(inputBreakpoint: ObservableOrValue<ScreenMediaWidthType>): Observable<boolean>;
56
56
  private _readWidthType;
57
57
  private _readHeightType;
58
58
  static ɵfac: i0.ɵɵFactoryDeclaration<DbxScreenMediaService, never>;
@@ -1,3 +1,4 @@
1
+ @use '../action/action';
1
2
  @use '../button/button';
2
3
  @use '../error/error';
3
4
  @use '../interaction/interaction';
@@ -8,6 +9,7 @@
8
9
  @mixin all-component-core() {
9
10
  @include button.core();
10
11
  @include error.core();
12
+ @include action.all-action-core();
11
13
  @include interaction.all-interaction-core();
12
14
  @include layout.all-layout-core();
13
15
  @include router.all-router-core();
@@ -1,4 +1,5 @@
1
1
  @use './theming';
2
+ @use '../action/action';
2
3
  @use '../button/button';
3
4
  @use '../error/error';
4
5
  @use '../interaction/interaction';
@@ -9,6 +10,7 @@
9
10
  @mixin all-component-themes($theme-config) {
10
11
  @include button.theme($theme-config);
11
12
  @include error.theme($theme-config);
13
+ @include action.all-action-theme($theme-config);
12
14
  @include interaction.all-interaction-theme($theme-config);
13
15
  @include layout.all-layout-theme($theme-config);
14
16
  @include router.all-router-theme($theme-config);
@@ -1,4 +1,5 @@
1
1
  @use './theming';
2
+ @use '../action/action';
2
3
  @use '../button/button';
3
4
  @use '../error/error';
4
5
  @use '../interaction/interaction';
@@ -9,6 +10,7 @@
9
10
  @mixin all-component-typographies($typography-config) {
10
11
  @include button.typography($typography-config);
11
12
  @include error.typography($typography-config);
13
+ @include action.all-action-typography($typography-config);
12
14
  @include interaction.all-interaction-typography($typography-config);
13
15
  @include layout.all-layout-typography($typography-config);
14
16
  @include router.all-router-typography($typography-config);
@@ -75,7 +75,9 @@
75
75
  'padding-2': 6px, // initial padding-2
76
76
  'padding-3': 12px, // initial padding-3
77
77
  'padding-4': 18px, // initial padding-4
78
- 'padding-5': 24px // initial padding-5
78
+ 'padding-5': 24px, // initial padding-5
79
+ // layout
80
+ 'two-column-left-width': 320px
79
81
  );
80
82
 
81
83
  @if ($input-dbx-theme-layout-config != null) {
@@ -120,3 +122,7 @@
120
122
  @function get-dbx-layout-padding($theme-config, $padding-level) {
121
123
  @return get-dbx-layout-config-var($theme-config, 'padding-'+ $padding-level);
122
124
  }
125
+
126
+ @function get-dbx-two-column-left-width($theme-config) {
127
+ @return get-dbx-layout-config-var($theme-config, 'two-column-left-width');
128
+ }
@@ -0,0 +1,4 @@
1
+
2
+ @function vh($from100: 100) {
3
+ @return calc(var(--vh100) * ($from100 / 100));
4
+ }
@@ -24,6 +24,8 @@
24
24
  #{theming.$padding-4-var}: theming.get-dbx-layout-padding($theme-config, 4);
25
25
  #{theming.$padding-5-var}: theming.get-dbx-layout-padding($theme-config, 5);
26
26
 
27
+ #{theming.$two-column-left-width-var}: theming.get-dbx-two-column-left-width($theme-config);
28
+
27
29
  // root height
28
30
  &.dbx-style-root {
29
31
  display: block;
@@ -19,6 +19,8 @@ $padding-3-var: --dbx-padding-3;
19
19
  $padding-4-var: --dbx-padding-4;
20
20
  $padding-5-var: --dbx-padding-5;
21
21
 
22
+ $two-column-left-width-var: --dbx-two-column-left-width;
23
+
22
24
  // vars
23
25
  $vh100: var($vh100-var);
24
26
 
@@ -43,3 +45,5 @@ $padding-4: var($padding-4-var);
43
45
  $padding-5: var($padding-5-var);
44
46
 
45
47
  $padding-map: (0: $padding-0, 1: $padding-1, 2: $padding-2, 3: $padding-3, 4: $padding-4, 5: $padding-5);
48
+
49
+ $two-column-left-width: var($two-column-left-width-var);
package/package.json CHANGED
@@ -1,60 +1,41 @@
1
1
  {
2
2
  "name": "@dereekb/dbx-web",
3
- "version": "1.2.0",
3
+ "version": "3.0.0",
4
+ "peerDependencies": {
5
+ "@angular/common": "^13.0.0",
6
+ "@angular/core": "^13.0.0",
7
+ "@angular/material": "^13.0.0",
8
+ "@dereekb/rxjs": "3.0.0",
9
+ "@dereekb/dbx-core": "3.0.0",
10
+ "@angular/flex-layout": "^13.0.0-beta.38",
11
+ "ng-overlay-container": "^13.0.0",
12
+ "@angular/cdk": "^13.0.0",
13
+ "angular-resize-event": "^3.1.1",
14
+ "ngx-infinite-scroll": "^13.0.2",
15
+ "linkify-string": "4.0.0-beta.5"
16
+ },
4
17
  "dependencies": {
5
18
  "tslib": "^2.3.0"
6
19
  },
7
- "module": "fesm2015/dereekb-dbx-web.mjs",
8
- "es2020": "fesm2020/dereekb-dbx-web.mjs",
9
- "esm2020": "esm2020/dereekb-dbx-web.mjs",
10
- "fesm2020": "fesm2020/dereekb-dbx-web.mjs",
11
- "fesm2015": "fesm2015/dereekb-dbx-web.mjs",
12
- "typings": "dereekb-dbx-web.d.ts",
13
20
  "exports": {
14
- "./package.json": {
15
- "default": "./package.json"
16
- },
17
21
  ".": {
22
+ "sass": "./_index.scss",
18
23
  "types": "./dereekb-dbx-web.d.ts",
19
24
  "esm2020": "./esm2020/dereekb-dbx-web.mjs",
20
25
  "es2020": "./fesm2020/dereekb-dbx-web.mjs",
21
26
  "es2015": "./fesm2015/dereekb-dbx-web.mjs",
22
27
  "node": "./fesm2015/dereekb-dbx-web.mjs",
23
28
  "default": "./fesm2020/dereekb-dbx-web.mjs"
29
+ },
30
+ "./package.json": {
31
+ "default": "./package.json"
24
32
  }
25
33
  },
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
- }
34
+ "module": "fesm2015/dereekb-dbx-web.mjs",
35
+ "es2020": "fesm2020/dereekb-dbx-web.mjs",
36
+ "esm2020": "esm2020/dereekb-dbx-web.mjs",
37
+ "fesm2020": "fesm2020/dereekb-dbx-web.mjs",
38
+ "fesm2015": "fesm2015/dereekb-dbx-web.mjs",
39
+ "typings": "dereekb-dbx-web.d.ts",
40
+ "sideEffects": false
60
41
  }
@@ -1,104 +0,0 @@
1
- import { distinctUntilChanged, shareReplay } from 'rxjs';
2
- import { Component, Inject } from '@angular/core';
3
- import { MatSnackBarRef, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
4
- import ms from 'ms';
5
- import { map } from 'rxjs/operators';
6
- import { ActionState } from '@dereekb/dbx-core';
7
- import * as i0 from "@angular/core";
8
- import * as i1 from "@angular/material/snack-bar";
9
- import * as i2 from "../button/button.component";
10
- import * as i3 from "../button/button.spacer.component";
11
- import * as i4 from "@angular/common";
12
- import * as i5 from "@dereekb/dbx-core";
13
- /**
14
- * Component for a snackbar that contains an action.
15
- */
16
- export class DbxActionSnackbarComponent {
17
- constructor(snackbar, data) {
18
- this.snackbar = snackbar;
19
- this.data = data;
20
- this.complete$ = this.actionSourceInstance.isSuccess$;
21
- this.snackbarStatusClass$ = this.actionSourceInstance.actionState$.pipe(map((x) => {
22
- let classes = 'dbx-action-snackbar-';
23
- switch (x) {
24
- case ActionState.Rejected:
25
- classes += 'error';
26
- break;
27
- case ActionState.Success:
28
- classes += 'success';
29
- break;
30
- default:
31
- classes += 'idle';
32
- break;
33
- }
34
- return classes;
35
- }), distinctUntilChanged(), shareReplay(1));
36
- this.dismissEarly = () => {
37
- this.snackbar._dismissAfter(ms('3s'));
38
- };
39
- this.dismiss = () => {
40
- this.snackbar.dismiss();
41
- };
42
- if (!data.actionSource) {
43
- throw new Error('No action was provided to ActionSnackbar.');
44
- }
45
- }
46
- get message() {
47
- return this.data.message;
48
- }
49
- get action() {
50
- return this.data.action;
51
- }
52
- get actionSourceInstance() {
53
- return this.data.actionSource;
54
- }
55
- }
56
- DbxActionSnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSnackbarComponent, deps: [{ token: i1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component });
57
- DbxActionSnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxActionSnackbarComponent, selector: "ng-component", ngImport: i0, template: `
58
- <div class="dbx-action-snackbar" [ngClass]="(snackbarStatusClass$ | async)!">
59
- <ng-container [ngSwitch]="complete$ | async">
60
- <ng-container *ngSwitchCase="true">
61
- <div class="spacer"></div>
62
- <dbx-button (buttonClick)="dismiss()" color="accent" icon="done" text="Success"></dbx-button>
63
- </ng-container>
64
- <ng-container *ngSwitchCase="false">
65
- <span>{{ message }}</span>
66
- <div class="spacer"></div>
67
- <dbx-action dbxActionValue [dbxActionSource]="actionSourceInstance" [dbxActionSuccess]="dismissEarly">
68
- <dbx-button dbxActionButton color="warn" [text]="action"></dbx-button>
69
- </dbx-action>
70
- <dbx-button-spacer></dbx-button-spacer>
71
- <dbx-button (buttonClick)="dismiss()" color="accent" icon="close"></dbx-button>
72
- </ng-container>
73
- </ng-container>
74
- </div>
75
- `, isInline: true, components: [{ type: i2.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color"] }, { type: i3.DbxButtonSpacerComponent, selector: "dbx-button-spacer" }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action"] }, { type: i5.DbxActionValueDirective, selector: "[dbxActionValue]", inputs: ["dbxActionValue"] }, { type: i5.DbxActionSourceDirective, selector: "[dbxActionSource]", inputs: ["dbxActionSource"] }, { type: i5.DbxActionSuccessDirective, selector: "[dbxActionSuccess]", inputs: ["dbxActionSuccess"] }], pipes: { "async": i4.AsyncPipe } });
76
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxActionSnackbarComponent, decorators: [{
77
- type: Component,
78
- args: [{
79
- template: `
80
- <div class="dbx-action-snackbar" [ngClass]="(snackbarStatusClass$ | async)!">
81
- <ng-container [ngSwitch]="complete$ | async">
82
- <ng-container *ngSwitchCase="true">
83
- <div class="spacer"></div>
84
- <dbx-button (buttonClick)="dismiss()" color="accent" icon="done" text="Success"></dbx-button>
85
- </ng-container>
86
- <ng-container *ngSwitchCase="false">
87
- <span>{{ message }}</span>
88
- <div class="spacer"></div>
89
- <dbx-action dbxActionValue [dbxActionSource]="actionSourceInstance" [dbxActionSuccess]="dismissEarly">
90
- <dbx-button dbxActionButton color="warn" [text]="action"></dbx-button>
91
- </dbx-action>
92
- <dbx-button-spacer></dbx-button-spacer>
93
- <dbx-button (buttonClick)="dismiss()" color="accent" icon="close"></dbx-button>
94
- </ng-container>
95
- </ng-container>
96
- </div>
97
- `,
98
- // TODO: styleUrls: ['./action.scss']
99
- }]
100
- }], ctorParameters: function () { return [{ type: i1.MatSnackBarRef }, { type: undefined, decorators: [{
101
- type: Inject,
102
- args: [MAT_SNACK_BAR_DATA]
103
- }] }]; } });
104
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLnNuYWNrYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9hY3Rpb24vYWN0aW9uLnNuYWNrYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQWMsV0FBVyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxjQUFjLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVqRixPQUFPLEVBQUUsTUFBTSxJQUFJLENBQUM7QUFDcEIsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JDLE9BQU8sRUFBb0MsV0FBVyxFQUFvQyxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7O0FBRXBIOztHQUVHO0FBdUJILE1BQU0sT0FBTywwQkFBMEI7SUFFckMsWUFDVyxRQUFvRCxFQUN4QixJQUFzQztRQURsRSxhQUFRLEdBQVIsUUFBUSxDQUE0QztRQUN4QixTQUFJLEdBQUosSUFBSSxDQUFrQztRQU9wRSxjQUFTLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFVBQVUsQ0FBQztRQUNqRCx5QkFBb0IsR0FBdUIsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFlBQVksQ0FBQyxJQUFJLENBQzdGLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ1IsSUFBSSxPQUFPLEdBQUcsc0JBQXNCLENBQUM7WUFFckMsUUFBUSxDQUFDLEVBQUU7Z0JBQ1QsS0FBSyxXQUFXLENBQUMsUUFBUTtvQkFDdkIsT0FBTyxJQUFJLE9BQU8sQ0FBQztvQkFDbkIsTUFBTTtnQkFDUixLQUFLLFdBQVcsQ0FBQyxPQUFPO29CQUN0QixPQUFPLElBQUksU0FBUyxDQUFDO29CQUNyQixNQUFNO2dCQUNSO29CQUNFLE9BQU8sSUFBSSxNQUFNLENBQUM7b0JBQ2xCLE1BQU07YUFDVDtZQUVELE9BQU8sT0FBTyxDQUFDO1FBQ2pCLENBQUMsQ0FBQyxFQUNGLG9CQUFvQixFQUFFLEVBQ3RCLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDZixDQUFDO1FBY0YsaUJBQVksR0FBRyxHQUFTLEVBQUU7WUFDeEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDeEMsQ0FBQyxDQUFBO1FBRUQsWUFBTyxHQUFHLEdBQVMsRUFBRTtZQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQTtRQTlDQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRTtZQUN0QixNQUFNLElBQUksS0FBSyxDQUFDLDJDQUEyQyxDQUFDLENBQUM7U0FDOUQ7SUFDSCxDQUFDO0lBeUJELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQUksb0JBQW9CO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDaEMsQ0FBQzs7dUhBNUNVLDBCQUEwQixnREFJM0Isa0JBQWtCOzJHQUpqQiwwQkFBMEIsb0RBckIzQjs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JUOzJGQUdVLDBCQUEwQjtrQkF0QnRDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQlQ7b0JBQ0QscUNBQXFDO2lCQUN0Qzs7MEJBS0ksTUFBTTsyQkFBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgT2JzZXJ2YWJsZSwgc2hhcmVSZXBsYXkgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRTbmFja0JhclJlZiwgTUFUX1NOQUNLX0JBUl9EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc25hY2stYmFyJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgbXMgZnJvbSAnbXMnO1xuaW1wb3J0IHsgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgQWN0aW9uQ29udGV4dFN0b3JlU291cmNlSW5zdGFuY2UsIEFjdGlvblN0YXRlLCBEYnhBY3Rpb25TbmFja2JhckNvbXBvbmVudENvbmZpZyB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcblxuLyoqXG4gKiBDb21wb25lbnQgZm9yIGEgc25hY2tiYXIgdGhhdCBjb250YWlucyBhbiBhY3Rpb24uXG4gKi9cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJkYngtYWN0aW9uLXNuYWNrYmFyXCIgW25nQ2xhc3NdPVwiKHNuYWNrYmFyU3RhdHVzQ2xhc3MkIHwgYXN5bmMpIVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiY29tcGxldGUkIHwgYXN5bmNcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwidHJ1ZVwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzcGFjZXJcIj48L2Rpdj5cbiAgICAgICAgICA8ZGJ4LWJ1dHRvbiAoYnV0dG9uQ2xpY2spPVwiZGlzbWlzcygpXCIgY29sb3I9XCJhY2NlbnRcIiBpY29uPVwiZG9uZVwiIHRleHQ9XCJTdWNjZXNzXCI+PC9kYngtYnV0dG9uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiZmFsc2VcIj5cbiAgICAgICAgICA8c3Bhbj57eyBtZXNzYWdlIH19PC9zcGFuPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzcGFjZXJcIj48L2Rpdj5cbiAgICAgICAgICA8ZGJ4LWFjdGlvbiBkYnhBY3Rpb25WYWx1ZSBbZGJ4QWN0aW9uU291cmNlXT1cImFjdGlvblNvdXJjZUluc3RhbmNlXCIgW2RieEFjdGlvblN1Y2Nlc3NdPVwiZGlzbWlzc0Vhcmx5XCI+XG4gICAgICAgICAgICA8ZGJ4LWJ1dHRvbiBkYnhBY3Rpb25CdXR0b24gY29sb3I9XCJ3YXJuXCIgW3RleHRdPVwiYWN0aW9uXCI+PC9kYngtYnV0dG9uPlxuICAgICAgICAgIDwvZGJ4LWFjdGlvbj5cbiAgICAgICAgICA8ZGJ4LWJ1dHRvbi1zcGFjZXI+PC9kYngtYnV0dG9uLXNwYWNlcj5cbiAgICAgICAgICA8ZGJ4LWJ1dHRvbiAoYnV0dG9uQ2xpY2spPVwiZGlzbWlzcygpXCIgY29sb3I9XCJhY2NlbnRcIiBpY29uPVwiY2xvc2VcIj48L2RieC1idXR0b24+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gIGAsXG4gIC8vIFRPRE86IHN0eWxlVXJsczogWycuL2FjdGlvbi5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRGJ4QWN0aW9uU25hY2tiYXJDb21wb25lbnQge1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHJlYWRvbmx5IHNuYWNrYmFyOiBNYXRTbmFja0JhclJlZjxEYnhBY3Rpb25TbmFja2JhckNvbXBvbmVudD4sXG4gICAgQEluamVjdChNQVRfU05BQ0tfQkFSX0RBVEEpIHJlYWRvbmx5IGRhdGE6IERieEFjdGlvblNuYWNrYmFyQ29tcG9uZW50Q29uZmlnXG4gICkge1xuICAgIGlmICghZGF0YS5hY3Rpb25Tb3VyY2UpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcignTm8gYWN0aW9uIHdhcyBwcm92aWRlZCB0byBBY3Rpb25TbmFja2Jhci4nKTtcbiAgICB9XG4gIH1cblxuICByZWFkb25seSBjb21wbGV0ZSQgPSB0aGlzLmFjdGlvblNvdXJjZUluc3RhbmNlLmlzU3VjY2VzcyQ7XG4gIHJlYWRvbmx5IHNuYWNrYmFyU3RhdHVzQ2xhc3MkOiBPYnNlcnZhYmxlPHN0cmluZz4gPSB0aGlzLmFjdGlvblNvdXJjZUluc3RhbmNlLmFjdGlvblN0YXRlJC5waXBlKFxuICAgIG1hcCgoeCkgPT4ge1xuICAgICAgbGV0IGNsYXNzZXMgPSAnZGJ4LWFjdGlvbi1zbmFja2Jhci0nO1xuXG4gICAgICBzd2l0Y2ggKHgpIHtcbiAgICAgICAgY2FzZSBBY3Rpb25TdGF0ZS5SZWplY3RlZDpcbiAgICAgICAgICBjbGFzc2VzICs9ICdlcnJvcic7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGNhc2UgQWN0aW9uU3RhdGUuU3VjY2VzczpcbiAgICAgICAgICBjbGFzc2VzICs9ICdzdWNjZXNzJztcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICBjbGFzc2VzICs9ICdpZGxlJztcbiAgICAgICAgICBicmVhaztcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIGNsYXNzZXM7XG4gICAgfSksXG4gICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICBzaGFyZVJlcGxheSgxKVxuICApO1xuXG4gIGdldCBtZXNzYWdlKCk6IE1heWJlPHN0cmluZz4ge1xuICAgIHJldHVybiB0aGlzLmRhdGEubWVzc2FnZTtcbiAgfVxuXG4gIGdldCBhY3Rpb24oKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5kYXRhLmFjdGlvbjtcbiAgfVxuXG4gIGdldCBhY3Rpb25Tb3VyY2VJbnN0YW5jZSgpOiBBY3Rpb25Db250ZXh0U3RvcmVTb3VyY2VJbnN0YW5jZSB7XG4gICAgcmV0dXJuIHRoaXMuZGF0YS5hY3Rpb25Tb3VyY2U7XG4gIH1cblxuICBkaXNtaXNzRWFybHkgPSAoKTogdm9pZCA9PiB7XG4gICAgdGhpcy5zbmFja2Jhci5fZGlzbWlzc0FmdGVyKG1zKCczcycpKTtcbiAgfVxuXG4gIGRpc21pc3MgPSAoKTogdm9pZCA9PiB7XG4gICAgdGhpcy5zbmFja2Jhci5kaXNtaXNzKCk7XG4gIH1cblxufVxuIl19
@@ -1,29 +0,0 @@
1
- import { Directive, Host, NgZone } from '@angular/core';
2
- import { DbxButtonDirective, DbxActionButtonDirective, ActionContextStoreSourceInstance } from '@dereekb/dbx-core';
3
- import { DbxPopoverActionDirective } from './popover.action.directive';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@dereekb/dbx-core";
6
- import * as i2 from "./popover.action.directive";
7
- /**
8
- * Action directive that is used to link an DbxButton to an DbxPopoverActionDirective.
9
- */
10
- export class DbxPopoverActionButtonDirective extends DbxActionButtonDirective {
11
- constructor(button, source, ngZone, appPopoverActionDirective) {
12
- super(button, source, ngZone);
13
- this.appPopoverActionDirective = appPopoverActionDirective;
14
- }
15
- _buttonClicked() {
16
- this.appPopoverActionDirective.showPopover();
17
- }
18
- }
19
- DbxPopoverActionButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverActionButtonDirective, deps: [{ token: i1.DbxButtonDirective, host: true }, { token: i1.ActionContextStoreSourceInstance }, { token: i0.NgZone }, { token: i2.DbxPopoverActionDirective }], target: i0.ɵɵFactoryTarget.Directive });
20
- DbxPopoverActionButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxPopoverActionButtonDirective, selector: "[dbxPopoverActionButton]", usesInheritance: true, ngImport: i0 });
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxPopoverActionButtonDirective, decorators: [{
22
- type: Directive,
23
- args: [{
24
- selector: '[dbxPopoverActionButton]'
25
- }]
26
- }], ctorParameters: function () { return [{ type: i1.DbxButtonDirective, decorators: [{
27
- type: Host
28
- }] }, { type: i1.ActionContextStoreSourceInstance }, { type: i0.NgZone }, { type: i2.DbxPopoverActionDirective }]; } });
29
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5hY3Rpb24uYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9pbnRlcmFjdGlvbi9wb3BvdmVyL3BvcG92ZXIuYWN0aW9uLmJ1dHRvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSx3QkFBd0IsRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25ILE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7O0FBRXZFOztHQUVHO0FBSUgsTUFBTSxPQUFPLCtCQUFnQyxTQUFRLHdCQUF3QjtJQUUzRSxZQUNVLE1BQTBCLEVBQ2xDLE1BQXdDLEVBQ3hDLE1BQWMsRUFDTCx5QkFBb0Q7UUFDN0QsS0FBSyxDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFEckIsOEJBQXlCLEdBQXpCLHlCQUF5QixDQUEyQjtJQUUvRCxDQUFDO0lBRWtCLGNBQWM7UUFDL0IsSUFBSSxDQUFDLHlCQUF5QixDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQy9DLENBQUM7OzRIQVpVLCtCQUErQjtnSEFBL0IsK0JBQStCOzJGQUEvQiwrQkFBK0I7a0JBSDNDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDBCQUEwQjtpQkFDckM7OzBCQUlJLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3QsIE5nWm9uZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGJ4QnV0dG9uRGlyZWN0aXZlLCBEYnhBY3Rpb25CdXR0b25EaXJlY3RpdmUsIEFjdGlvbkNvbnRleHRTdG9yZVNvdXJjZUluc3RhbmNlIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgRGJ4UG9wb3ZlckFjdGlvbkRpcmVjdGl2ZSB9IGZyb20gJy4vcG9wb3Zlci5hY3Rpb24uZGlyZWN0aXZlJztcblxuLyoqXG4gKiBBY3Rpb24gZGlyZWN0aXZlIHRoYXQgaXMgdXNlZCB0byBsaW5rIGFuIERieEJ1dHRvbiB0byBhbiBEYnhQb3BvdmVyQWN0aW9uRGlyZWN0aXZlLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGJ4UG9wb3ZlckFjdGlvbkJ1dHRvbl0nXG59KVxuZXhwb3J0IGNsYXNzIERieFBvcG92ZXJBY3Rpb25CdXR0b25EaXJlY3RpdmUgZXh0ZW5kcyBEYnhBY3Rpb25CdXR0b25EaXJlY3RpdmUge1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBIb3N0KCkgYnV0dG9uOiBEYnhCdXR0b25EaXJlY3RpdmUsXG4gICAgc291cmNlOiBBY3Rpb25Db250ZXh0U3RvcmVTb3VyY2VJbnN0YW5jZSxcbiAgICBuZ1pvbmU6IE5nWm9uZSxcbiAgICByZWFkb25seSBhcHBQb3BvdmVyQWN0aW9uRGlyZWN0aXZlOiBEYnhQb3BvdmVyQWN0aW9uRGlyZWN0aXZlKSB7XG4gICAgc3VwZXIoYnV0dG9uLCBzb3VyY2UsIG5nWm9uZSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgX2J1dHRvbkNsaWNrZWQoKTogdm9pZCB7XG4gICAgdGhpcy5hcHBQb3BvdmVyQWN0aW9uRGlyZWN0aXZlLnNob3dQb3BvdmVyKCk7XG4gIH1cblxufVxuIl19
@@ -1,22 +0,0 @@
1
- import { Observable } from 'rxjs';
2
- import { MatSnackBarRef } from '@angular/material/snack-bar';
3
- import { Maybe } from '@dereekb/util';
4
- import { ActionContextStoreSourceInstance, DbxActionSnackbarComponentConfig } from '@dereekb/dbx-core';
5
- import * as i0 from "@angular/core";
6
- /**
7
- * Component for a snackbar that contains an action.
8
- */
9
- export declare class DbxActionSnackbarComponent {
10
- readonly snackbar: MatSnackBarRef<DbxActionSnackbarComponent>;
11
- readonly data: DbxActionSnackbarComponentConfig;
12
- constructor(snackbar: MatSnackBarRef<DbxActionSnackbarComponent>, data: DbxActionSnackbarComponentConfig);
13
- readonly complete$: Observable<boolean>;
14
- readonly snackbarStatusClass$: Observable<string>;
15
- get message(): Maybe<string>;
16
- get action(): string;
17
- get actionSourceInstance(): ActionContextStoreSourceInstance;
18
- dismissEarly: () => void;
19
- dismiss: () => void;
20
- static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionSnackbarComponent, never>;
21
- static ɵcmp: i0.ɵɵComponentDeclaration<DbxActionSnackbarComponent, "ng-component", never, {}, {}, never, never>;
22
- }
@@ -1,14 +0,0 @@
1
- import { NgZone } from '@angular/core';
2
- import { DbxButtonDirective, DbxActionButtonDirective, ActionContextStoreSourceInstance } from '@dereekb/dbx-core';
3
- import { DbxPopoverActionDirective } from './popover.action.directive';
4
- import * as i0 from "@angular/core";
5
- /**
6
- * Action directive that is used to link an DbxButton to an DbxPopoverActionDirective.
7
- */
8
- export declare class DbxPopoverActionButtonDirective extends DbxActionButtonDirective {
9
- readonly appPopoverActionDirective: DbxPopoverActionDirective;
10
- constructor(button: DbxButtonDirective, source: ActionContextStoreSourceInstance, ngZone: NgZone, appPopoverActionDirective: DbxPopoverActionDirective);
11
- protected _buttonClicked(): void;
12
- static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverActionButtonDirective, [{ host: true; }, null, null, null]>;
13
- static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPopoverActionButtonDirective, "[dbxPopoverActionButton]", never, {}, {}, never>;
14
- }