@bravobit/bb-foundation 0.15.5 → 0.16.2

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 (388) hide show
  1. package/auth/lib/auth.interceptor.d.ts +1 -1
  2. package/auth/lib/auth.service.d.ts +1 -1
  3. package/auth/package.json +5 -5
  4. package/collections/package.json +5 -5
  5. package/controls/bravobit-bb-foundation-controls.d.ts +5 -0
  6. package/controls/lib/checkbox/checkbox/checkbox.component.d.ts +47 -0
  7. package/controls/lib/checkbox/checkbox-group/checkbox-group.component.d.ts +18 -0
  8. package/controls/lib/checkbox/checkbox.module.d.ts +9 -0
  9. package/controls/lib/controls.module.d.ts +7 -0
  10. package/controls/package.json +10 -0
  11. package/controls/public_api.d.ts +4 -0
  12. package/dashboard/package.json +5 -5
  13. package/dialog/package.json +5 -5
  14. package/elements/package.json +5 -5
  15. package/{esm2015/auth/bravobit-bb-foundation-auth.js → esm2020/auth/bravobit-bb-foundation-auth.mjs} +0 -0
  16. package/esm2020/auth/lib/auth.interceptor.mjs +94 -0
  17. package/{esm2015/auth/lib/auth.module.js → esm2020/auth/lib/auth.module.mjs} +5 -5
  18. package/esm2020/auth/lib/auth.service.mjs +276 -0
  19. package/esm2020/auth/lib/auth.session.mjs +131 -0
  20. package/{esm2015/auth/lib/directives/authenticated.directive.js → esm2020/auth/lib/directives/authenticated.directive.mjs} +5 -6
  21. package/esm2020/auth/lib/directives/permission.directive.mjs +80 -0
  22. package/esm2020/auth/lib/directives/role.directive.mjs +37 -0
  23. package/esm2020/auth/lib/guards/anonymous.guard.mjs +34 -0
  24. package/esm2020/auth/lib/guards/authenticated.guard.mjs +35 -0
  25. package/{esm2015/auth/lib/helpers/jwt.helper.js → esm2020/auth/lib/helpers/jwt.helper.mjs} +3 -3
  26. package/{esm2015/auth/lib/helpers/mapper.helper.js → esm2020/auth/lib/helpers/mapper.helper.mjs} +4 -4
  27. package/{esm2015/auth/lib/interfaces/config.interface.js → esm2020/auth/lib/interfaces/config.interface.mjs} +0 -0
  28. package/{esm2015/auth/lib/interfaces/mapper.interface.js → esm2020/auth/lib/interfaces/mapper.interface.mjs} +0 -0
  29. package/{esm2015/auth/lib/interfaces/provider.interface.js → esm2020/auth/lib/interfaces/provider.interface.mjs} +0 -0
  30. package/{esm2015/auth/lib/interfaces/token.interface.js → esm2020/auth/lib/interfaces/token.interface.mjs} +0 -0
  31. package/esm2020/auth/lib/permissions.service.mjs +56 -0
  32. package/esm2020/auth/lib/providers/email.provider.mjs +25 -0
  33. package/esm2020/auth/lib/providers/verify.provider.mjs +19 -0
  34. package/{esm2015/auth/lib/tokens/use-authorization.token.js → esm2020/auth/lib/tokens/use-authorization.token.mjs} +0 -0
  35. package/{esm2015/auth/public_api.js → esm2020/auth/public_api.mjs} +0 -0
  36. package/{esm2015/bravobit-bb-foundation.js → esm2020/bravobit-bb-foundation.mjs} +0 -0
  37. package/{esm2015/collections/bravobit-bb-foundation-collections.js → esm2020/collections/bravobit-bb-foundation-collections.mjs} +0 -0
  38. package/esm2020/collections/lib/collection.mjs +98 -0
  39. package/{esm2015/collections/lib/collections.module.js → esm2020/collections/lib/collections.module.mjs} +5 -5
  40. package/esm2020/collections/lib/components/collections-pager/collections-pager.component.mjs +123 -0
  41. package/esm2020/collections/lib/components/collections-viewer/collections-viewer.component.mjs +31 -0
  42. package/{esm2015/collections/lib/components/collections.directive.js → esm2020/collections/lib/components/collections.directive.mjs} +13 -13
  43. package/{esm2015/collections/lib/interfaces/collection.interface.js → esm2020/collections/lib/interfaces/collection.interface.mjs} +0 -0
  44. package/esm2020/collections/lib/providers/api-collection.provider.mjs +71 -0
  45. package/esm2020/collections/lib/providers/collection.provider.mjs +13 -0
  46. package/{esm2015/collections/lib/providers/local-collection.provider.js → esm2020/collections/lib/providers/local-collection.provider.mjs} +0 -0
  47. package/{esm2015/collections/public_api.js → esm2020/collections/public_api.mjs} +0 -0
  48. package/esm2020/controls/bravobit-bb-foundation-controls.mjs +5 -0
  49. package/esm2020/controls/lib/checkbox/checkbox/checkbox.component.mjs +153 -0
  50. package/esm2020/controls/lib/checkbox/checkbox-group/checkbox-group.component.mjs +48 -0
  51. package/esm2020/controls/lib/checkbox/checkbox.module.mjs +19 -0
  52. package/esm2020/controls/lib/controls.module.mjs +16 -0
  53. package/esm2020/controls/public_api.mjs +5 -0
  54. package/{esm2015/dashboard/bravobit-bb-foundation-dashboard.js → esm2020/dashboard/bravobit-bb-foundation-dashboard.mjs} +0 -0
  55. package/esm2020/dashboard/lib/dashboard/dashboard.component.mjs +56 -0
  56. package/esm2020/dashboard/lib/dashboard-header/dashboard-header.component.mjs +30 -0
  57. package/esm2020/dashboard/lib/dashboard-menu/dashboard-menu.component.mjs +31 -0
  58. package/esm2020/dashboard/lib/dashboard-menu-item/dashboard-menu-item.component.mjs +29 -0
  59. package/esm2020/dashboard/lib/dashboard-sidebar/dashboard-sidebar.component.mjs +75 -0
  60. package/esm2020/dashboard/lib/dashboard-sidebar-group/dashboard-sidebar-group.component.mjs +99 -0
  61. package/esm2020/dashboard/lib/dashboard-sidebar-item/dashboard-sidebar-item.component.mjs +62 -0
  62. package/{esm2015/dashboard/lib/dashboard.module.js → esm2020/dashboard/lib/dashboard.module.mjs} +5 -5
  63. package/{esm2015/dashboard/public_api.js → esm2020/dashboard/public_api.mjs} +0 -0
  64. package/{esm2015/dialog/bravobit-bb-foundation-dialog.js → esm2020/dialog/bravobit-bb-foundation-dialog.mjs} +0 -0
  65. package/esm2020/dialog/lib/dialog-actions/dialog-actions.component.mjs +12 -0
  66. package/esm2020/dialog/lib/dialog-confirm/dialog-confirm.component.mjs +37 -0
  67. package/{esm2015/dialog/lib/dialog-container/dialog-container.component.js → esm2020/dialog/lib/dialog-container/dialog-container.component.mjs} +6 -15
  68. package/esm2020/dialog/lib/dialog-header/dialog-header.component.mjs +25 -0
  69. package/esm2020/dialog/lib/dialog-link/dialog-link.component.mjs +11 -0
  70. package/esm2020/dialog/lib/dialog-modal/dialog-modal.component.mjs +46 -0
  71. package/esm2020/dialog/lib/dialog-overlay/dialog-overlay.component.mjs +134 -0
  72. package/{esm2015/dialog/lib/dialog.injector.js → esm2020/dialog/lib/dialog.injector.mjs} +0 -0
  73. package/{esm2015/dialog/lib/dialog.insertion.js → esm2020/dialog/lib/dialog.insertion.mjs} +4 -4
  74. package/{esm2015/dialog/lib/dialog.interfaces.js → esm2020/dialog/lib/dialog.interfaces.mjs} +0 -0
  75. package/{esm2015/dialog/lib/dialog.module.js → esm2020/dialog/lib/dialog.module.mjs} +5 -9
  76. package/{esm2015/dialog/lib/dialog.ref.js → esm2020/dialog/lib/dialog.ref.mjs} +0 -0
  77. package/{esm2015/dialog/lib/dialog.service.js → esm2020/dialog/lib/dialog.service.mjs} +5 -5
  78. package/{esm2015/dialog/public_api.js → esm2020/dialog/public_api.mjs} +0 -0
  79. package/{esm2015/elements/bravobit-bb-foundation-elements.js → esm2020/elements/bravobit-bb-foundation-elements.mjs} +0 -0
  80. package/esm2020/elements/lib/avatar/avatar.component.mjs +142 -0
  81. package/esm2020/elements/lib/button/button.component.mjs +61 -0
  82. package/esm2020/elements/lib/checkbox/checkbox.component.mjs +73 -0
  83. package/esm2020/elements/lib/date-picker/date-picker.component.mjs +304 -0
  84. package/{esm2015/elements/lib/directives/addon.directive.js → esm2020/elements/lib/directives/addon.directive.mjs} +7 -7
  85. package/esm2020/elements/lib/directives/autosize.directive.mjs +72 -0
  86. package/{esm2015/elements/lib/directives/focus-trap.directive.js → esm2020/elements/lib/directives/focus-trap.directive.mjs} +4 -4
  87. package/{esm2015/elements/lib/directives/focus.directive.js → esm2020/elements/lib/directives/focus.directive.mjs} +4 -4
  88. package/esm2020/elements/lib/directives/form-submit.directive.mjs +50 -0
  89. package/esm2020/elements/lib/directives/input.directive.mjs +136 -0
  90. package/{esm2015/elements/lib/directives/template.directive.js → esm2020/elements/lib/directives/template.directive.mjs} +4 -4
  91. package/esm2020/elements/lib/dropdown/dropdown.component.mjs +100 -0
  92. package/{esm2015/elements/lib/elements.interfaces.js → esm2020/elements/lib/elements.interfaces.mjs} +0 -0
  93. package/{esm2015/elements/lib/elements.module.js → esm2020/elements/lib/elements.module.mjs} +5 -5
  94. package/esm2020/elements/lib/file-picker/file-picker.component.mjs +236 -0
  95. package/esm2020/elements/lib/form-control/form-control.component.mjs +49 -0
  96. package/esm2020/elements/lib/form-error/form-error.component.mjs +108 -0
  97. package/esm2020/elements/lib/form-group/form-group.component.mjs +18 -0
  98. package/esm2020/elements/lib/icon/icon.component.mjs +102 -0
  99. package/esm2020/elements/lib/image-picker/image-picker.component.mjs +106 -0
  100. package/esm2020/elements/lib/pipes/file-image.pipe.mjs +42 -0
  101. package/{esm2015/elements/lib/pipes/file-size.pipe.js → esm2020/elements/lib/pipes/file-size.pipe.mjs} +4 -4
  102. package/esm2020/elements/lib/pipes/relative-time.pipe.mjs +94 -0
  103. package/esm2020/elements/lib/spinner/spinner.component.mjs +25 -0
  104. package/esm2020/elements/lib/tag/tag.component.mjs +18 -0
  105. package/{esm2015/elements/public_api.js → esm2020/elements/public_api.mjs} +0 -0
  106. package/{esm2015/http/bravobit-bb-foundation-http.js → esm2020/http/bravobit-bb-foundation-http.mjs} +0 -0
  107. package/esm2020/http/lib/classes/http.config.mjs +29 -0
  108. package/esm2020/http/lib/classes/http.error.mjs +20 -0
  109. package/{esm2015/http/lib/http.interfaces.js → esm2020/http/lib/http.interfaces.mjs} +0 -0
  110. package/{esm2015/http/lib/http.module.js → esm2020/http/lib/http.module.mjs} +5 -5
  111. package/esm2020/http/lib/interceptors/base-url.interceptor.mjs +50 -0
  112. package/esm2020/http/lib/interceptors/error.interceptor.mjs +32 -0
  113. package/{esm2015/http/public_api.js → esm2020/http/public_api.mjs} +0 -0
  114. package/{esm2015/lib/core/miscellaneous/regex.js → esm2020/lib/core/miscellaneous/regex.mjs} +0 -0
  115. package/esm2020/lib/core/miscellaneous/validator.mjs +85 -0
  116. package/esm2020/lib/core/mixins/can-disable.mjs +16 -0
  117. package/{esm2015/lib/core/mixins/can-hide-errors.js → esm2020/lib/core/mixins/can-hide-errors.mjs} +2 -2
  118. package/esm2020/lib/core/mixins/can-load.mjs +16 -0
  119. package/{esm2015/lib/core/mixins/constructor.js → esm2020/lib/core/mixins/constructor.mjs} +0 -0
  120. package/esm2020/lib/core/mixins/has-error.mjs +16 -0
  121. package/esm2020/lib/core/mixins/is-focused.mjs +16 -0
  122. package/esm2020/lib/core/mixins/is-grouped.mjs +16 -0
  123. package/esm2020/lib/core/mixins/is-readonly.mjs +16 -0
  124. package/esm2020/lib/core/mixins/is-required.mjs +16 -0
  125. package/esm2020/lib/core/services/clipboard.service.mjs +70 -0
  126. package/esm2020/lib/core/services/exif.service.mjs +163 -0
  127. package/esm2020/lib/core/services/file-loader.service.mjs +87 -0
  128. package/esm2020/lib/core/services/image-converter.service.mjs +123 -0
  129. package/{esm2015/lib/core/services/languages.service.js → esm2020/lib/core/services/languages.service.mjs} +4 -4
  130. package/{esm2015/lib/core/services/network.service.js → esm2020/lib/core/services/network.service.mjs} +5 -6
  131. package/esm2020/lib/core/services/patch.service.mjs +63 -0
  132. package/{esm2015/lib/core/services/platform.service.js → esm2020/lib/core/services/platform.service.mjs} +5 -5
  133. package/{esm2015/lib/core/tokens/accept-language.token.js → esm2020/lib/core/tokens/accept-language.token.mjs} +0 -0
  134. package/{esm2015/lib/core/tokens/base-url.token.js → esm2020/lib/core/tokens/base-url.token.mjs} +0 -0
  135. package/{esm2015/lib/core/tokens/cookie.token.js → esm2020/lib/core/tokens/cookie.token.mjs} +0 -0
  136. package/{esm2015/lib/core/tokens/location.token.js → esm2020/lib/core/tokens/location.token.mjs} +0 -0
  137. package/{esm2015/lib/core/tokens/navigator.token.js → esm2020/lib/core/tokens/navigator.token.mjs} +0 -0
  138. package/{esm2015/lib/core/tokens/window.token.js → esm2020/lib/core/tokens/window.token.mjs} +0 -0
  139. package/{esm2015/localize/bravobit-bb-foundation-localize.js → esm2020/localize/bravobit-bb-foundation-localize.mjs} +0 -0
  140. package/{esm2015/localize/lib/functions/date.function.js → esm2020/localize/lib/functions/date.function.mjs} +0 -0
  141. package/{esm2015/localize/lib/functions/lowercase.function.js → esm2020/localize/lib/functions/lowercase.function.mjs} +0 -0
  142. package/{esm2015/localize/lib/functions/uppercase.function.js → esm2020/localize/lib/functions/uppercase.function.mjs} +0 -0
  143. package/{esm2015/localize/lib/handlers/missing.handler.js → esm2020/localize/lib/handlers/missing.handler.mjs} +0 -0
  144. package/{esm2015/localize/lib/interfaces/config.interfaces.js → esm2020/localize/lib/interfaces/config.interfaces.mjs} +0 -0
  145. package/{esm2015/localize/lib/interfaces/dictionary.interfaces.js → esm2020/localize/lib/interfaces/dictionary.interfaces.mjs} +0 -0
  146. package/{esm2015/localize/lib/interfaces/functions.interfaces.js → esm2020/localize/lib/interfaces/functions.interfaces.mjs} +0 -0
  147. package/{esm2015/localize/lib/interfaces/handlers.interfaces.js → esm2020/localize/lib/interfaces/handlers.interfaces.mjs} +0 -0
  148. package/{esm2015/localize/lib/interfaces/options.interfaces.js → esm2020/localize/lib/interfaces/options.interfaces.mjs} +0 -0
  149. package/{esm2015/localize/lib/localizations/dutch.localization.js → esm2020/localize/lib/localizations/dutch.localization.mjs} +0 -0
  150. package/{esm2015/localize/lib/localizations/english.localization.js → esm2020/localize/lib/localizations/english.localization.mjs} +0 -0
  151. package/esm2020/localize/lib/localize.dictionary.mjs +135 -0
  152. package/{esm2015/localize/lib/localize.module.js → esm2020/localize/lib/localize.module.mjs} +5 -5
  153. package/{esm2015/localize/lib/localize.pipe.js → esm2020/localize/lib/localize.pipe.mjs} +5 -5
  154. package/esm2020/localize/lib/localize.service.mjs +277 -0
  155. package/esm2020/localize/lib/views/localize-string/localize-string.component.mjs +88 -0
  156. package/{esm2015/localize/lib/views/localize-template-or-string.directive.js → esm2020/localize/lib/views/localize-template-or-string.directive.mjs} +4 -4
  157. package/{esm2015/localize/lib/views/localize-template.directive.js → esm2020/localize/lib/views/localize-template.directive.mjs} +4 -4
  158. package/{esm2015/localize/public_api.js → esm2020/localize/public_api.mjs} +0 -0
  159. package/{esm2015/notifications/bravobit-bb-foundation-notifications.js → esm2020/notifications/bravobit-bb-foundation-notifications.mjs} +0 -0
  160. package/esm2020/notifications/lib/notifications-item/notifications-item.component.mjs +100 -0
  161. package/esm2020/notifications/lib/notifications-list/notifications-list.component.mjs +47 -0
  162. package/{esm2015/notifications/lib/notifications.animations.js → esm2020/notifications/lib/notifications.animations.mjs} +0 -0
  163. package/{esm2015/notifications/lib/notifications.injector.js → esm2020/notifications/lib/notifications.injector.mjs} +0 -0
  164. package/{esm2015/notifications/lib/notifications.interfaces.js → esm2020/notifications/lib/notifications.interfaces.mjs} +0 -0
  165. package/{esm2015/notifications/lib/notifications.module.js → esm2020/notifications/lib/notifications.module.mjs} +6 -7
  166. package/{esm2015/notifications/lib/notifications.service.js → esm2020/notifications/lib/notifications.service.mjs} +5 -5
  167. package/{esm2015/notifications/public_api.js → esm2020/notifications/public_api.mjs} +0 -0
  168. package/{esm2015/public_api.js → esm2020/public_api.mjs} +1 -2
  169. package/{esm2015/recaptcha/bravobit-bb-foundation-recaptcha.js → esm2020/recaptcha/bravobit-bb-foundation-recaptcha.mjs} +0 -0
  170. package/esm2020/recaptcha/lib/recaptcha/recaptcha.component.mjs +185 -0
  171. package/esm2020/recaptcha/lib/recaptcha-loader.service.mjs +90 -0
  172. package/{esm2015/recaptcha/lib/recaptcha.interface.js → esm2020/recaptcha/lib/recaptcha.interface.mjs} +0 -0
  173. package/{esm2015/recaptcha/lib/recaptcha.module.js → esm2020/recaptcha/lib/recaptcha.module.mjs} +5 -5
  174. package/{esm2015/recaptcha/public_api.js → esm2020/recaptcha/public_api.mjs} +0 -0
  175. package/{esm2015/rxjs/bravobit-bb-foundation-rxjs.js → esm2020/rxjs/bravobit-bb-foundation-rxjs.mjs} +0 -0
  176. package/esm2020/rxjs/lib/operators/combine-latest-map.operator.mjs +10 -0
  177. package/{esm2015/rxjs/lib/operators/filter-nil.operator.js → esm2020/rxjs/lib/operators/filter-nil.operator.mjs} +0 -0
  178. package/{esm2015/rxjs/public_api.js → esm2020/rxjs/public_api.mjs} +0 -0
  179. package/{esm2015/storage/bravobit-bb-foundation-storage.js → esm2020/storage/bravobit-bb-foundation-storage.mjs} +0 -0
  180. package/{esm2015/storage/lib/interfaces/attributes.interface.js → esm2020/storage/lib/interfaces/attributes.interface.mjs} +0 -0
  181. package/{esm2015/storage/lib/interfaces/memory.interface.js → esm2020/storage/lib/interfaces/memory.interface.mjs} +0 -0
  182. package/{esm2015/storage/lib/interfaces/strategy.interface.js → esm2020/storage/lib/interfaces/strategy.interface.mjs} +0 -0
  183. package/esm2020/storage/lib/storage.service.mjs +109 -0
  184. package/esm2020/storage/lib/strategies/cookie-storage.strategy.mjs +142 -0
  185. package/{esm2015/storage/lib/strategies/memory-storage.strategy.js → esm2020/storage/lib/strategies/memory-storage.strategy.mjs} +2 -2
  186. package/esm2020/storage/lib/strategies/polyfill-storage.strategy.mjs +102 -0
  187. package/{esm2015/storage/public_api.js → esm2020/storage/public_api.mjs} +0 -0
  188. package/{esm2015/table/bravobit-bb-foundation-table.js → esm2020/table/bravobit-bb-foundation-table.mjs} +0 -0
  189. package/esm2020/table/lib/components/table/table.component.mjs +191 -0
  190. package/esm2020/table/lib/components/table-cell/table-cell.component.mjs +11 -0
  191. package/esm2020/table/lib/components/table-header-cell/table-header-cell.component.mjs +131 -0
  192. package/esm2020/table/lib/components/table-pager/table-pager.component.mjs +136 -0
  193. package/esm2020/table/lib/data/datasource.data.mjs +32 -0
  194. package/esm2020/table/lib/data/generic.data.mjs +72 -0
  195. package/{esm2015/table/lib/interfaces/datasource.interface.js → esm2020/table/lib/interfaces/datasource.interface.mjs} +0 -0
  196. package/{esm2015/table/lib/interfaces/table.interfaces.js → esm2020/table/lib/interfaces/table.interfaces.mjs} +0 -0
  197. package/{esm2015/table/lib/table.module.js → esm2020/table/lib/table.module.mjs} +5 -5
  198. package/{esm2015/table/public_api.js → esm2020/table/public_api.mjs} +0 -0
  199. package/fesm2015/{bravobit-bb-foundation-auth.js → bravobit-bb-foundation-auth.mjs} +79 -68
  200. package/fesm2015/bravobit-bb-foundation-auth.mjs.map +1 -0
  201. package/fesm2015/{bravobit-bb-foundation-collections.js → bravobit-bb-foundation-collections.mjs} +36 -47
  202. package/fesm2015/bravobit-bb-foundation-collections.mjs.map +1 -0
  203. package/fesm2015/bravobit-bb-foundation-controls.mjs +235 -0
  204. package/fesm2015/bravobit-bb-foundation-controls.mjs.map +1 -0
  205. package/fesm2015/bravobit-bb-foundation-dashboard.mjs +416 -0
  206. package/fesm2015/bravobit-bb-foundation-dashboard.mjs.map +1 -0
  207. package/fesm2015/{bravobit-bb-foundation-dialog.js → bravobit-bb-foundation-dialog.mjs} +45 -106
  208. package/fesm2015/bravobit-bb-foundation-dialog.mjs.map +1 -0
  209. package/fesm2015/{bravobit-bb-foundation-elements.js → bravobit-bb-foundation-elements.mjs} +195 -303
  210. package/fesm2015/bravobit-bb-foundation-elements.mjs.map +1 -0
  211. package/fesm2015/{bravobit-bb-foundation-http.js → bravobit-bb-foundation-http.mjs} +18 -16
  212. package/fesm2015/bravobit-bb-foundation-http.mjs.map +1 -0
  213. package/fesm2015/{bravobit-bb-foundation-localize.js → bravobit-bb-foundation-localize.mjs} +63 -69
  214. package/fesm2015/bravobit-bb-foundation-localize.mjs.map +1 -0
  215. package/fesm2015/bravobit-bb-foundation-notifications.mjs +377 -0
  216. package/fesm2015/bravobit-bb-foundation-notifications.mjs.map +1 -0
  217. package/fesm2015/{bravobit-bb-foundation-recaptcha.js → bravobit-bb-foundation-recaptcha.mjs} +40 -47
  218. package/fesm2015/bravobit-bb-foundation-recaptcha.mjs.map +1 -0
  219. package/fesm2015/{bravobit-bb-foundation-rxjs.js → bravobit-bb-foundation-rxjs.mjs} +1 -1
  220. package/fesm2015/bravobit-bb-foundation-rxjs.mjs.map +1 -0
  221. package/fesm2015/{bravobit-bb-foundation-storage.js → bravobit-bb-foundation-storage.mjs} +12 -10
  222. package/fesm2015/bravobit-bb-foundation-storage.mjs.map +1 -0
  223. package/fesm2015/bravobit-bb-foundation-table.mjs +603 -0
  224. package/fesm2015/bravobit-bb-foundation-table.mjs.map +1 -0
  225. package/fesm2015/{bravobit-bb-foundation.js → bravobit-bb-foundation.mjs} +76 -69
  226. package/fesm2015/bravobit-bb-foundation.mjs.map +1 -0
  227. package/fesm2020/bravobit-bb-foundation-auth.mjs +928 -0
  228. package/fesm2020/bravobit-bb-foundation-auth.mjs.map +1 -0
  229. package/fesm2020/bravobit-bb-foundation-collections.mjs +437 -0
  230. package/fesm2020/bravobit-bb-foundation-collections.mjs.map +1 -0
  231. package/fesm2020/bravobit-bb-foundation-controls.mjs +233 -0
  232. package/fesm2020/bravobit-bb-foundation-controls.mjs.map +1 -0
  233. package/fesm2020/bravobit-bb-foundation-dashboard.mjs +404 -0
  234. package/fesm2020/bravobit-bb-foundation-dashboard.mjs.map +1 -0
  235. package/fesm2020/bravobit-bb-foundation-dialog.mjs +584 -0
  236. package/fesm2020/bravobit-bb-foundation-dialog.mjs.map +1 -0
  237. package/fesm2020/bravobit-bb-foundation-elements.mjs +1994 -0
  238. package/fesm2020/bravobit-bb-foundation-elements.mjs.map +1 -0
  239. package/fesm2020/bravobit-bb-foundation-http.mjs +168 -0
  240. package/fesm2020/bravobit-bb-foundation-http.mjs.map +1 -0
  241. package/fesm2020/bravobit-bb-foundation-localize.mjs +832 -0
  242. package/fesm2020/bravobit-bb-foundation-localize.mjs.map +1 -0
  243. package/fesm2020/bravobit-bb-foundation-notifications.mjs +375 -0
  244. package/fesm2020/bravobit-bb-foundation-notifications.mjs.map +1 -0
  245. package/fesm2020/bravobit-bb-foundation-recaptcha.mjs +300 -0
  246. package/fesm2020/bravobit-bb-foundation-recaptcha.mjs.map +1 -0
  247. package/fesm2020/bravobit-bb-foundation-rxjs.mjs +21 -0
  248. package/fesm2020/bravobit-bb-foundation-rxjs.mjs.map +1 -0
  249. package/fesm2020/bravobit-bb-foundation-storage.mjs +413 -0
  250. package/fesm2020/bravobit-bb-foundation-storage.mjs.map +1 -0
  251. package/fesm2020/bravobit-bb-foundation-table.mjs +592 -0
  252. package/fesm2020/bravobit-bb-foundation-table.mjs.map +1 -0
  253. package/fesm2020/bravobit-bb-foundation.mjs +892 -0
  254. package/fesm2020/bravobit-bb-foundation.mjs.map +1 -0
  255. package/http/package.json +5 -5
  256. package/localize/package.json +5 -5
  257. package/notifications/package.json +5 -5
  258. package/package.json +126 -8
  259. package/public_api.d.ts +0 -1
  260. package/recaptcha/package.json +5 -5
  261. package/rxjs/package.json +5 -5
  262. package/storage/package.json +5 -5
  263. package/table/lib/components/table/table.component.d.ts +3 -0
  264. package/table/package.json +5 -5
  265. package/bundles/bravobit-bb-foundation-auth.umd.js +0 -1483
  266. package/bundles/bravobit-bb-foundation-auth.umd.js.map +0 -1
  267. package/bundles/bravobit-bb-foundation-collections.umd.js +0 -868
  268. package/bundles/bravobit-bb-foundation-collections.umd.js.map +0 -1
  269. package/bundles/bravobit-bb-foundation-dashboard.umd.js +0 -876
  270. package/bundles/bravobit-bb-foundation-dashboard.umd.js.map +0 -1
  271. package/bundles/bravobit-bb-foundation-dialog.umd.js +0 -716
  272. package/bundles/bravobit-bb-foundation-dialog.umd.js.map +0 -1
  273. package/bundles/bravobit-bb-foundation-elements.umd.js +0 -2768
  274. package/bundles/bravobit-bb-foundation-elements.umd.js.map +0 -1
  275. package/bundles/bravobit-bb-foundation-http.umd.js +0 -535
  276. package/bundles/bravobit-bb-foundation-http.umd.js.map +0 -1
  277. package/bundles/bravobit-bb-foundation-localize.umd.js +0 -1292
  278. package/bundles/bravobit-bb-foundation-localize.umd.js.map +0 -1
  279. package/bundles/bravobit-bb-foundation-notifications.umd.js +0 -794
  280. package/bundles/bravobit-bb-foundation-notifications.umd.js.map +0 -1
  281. package/bundles/bravobit-bb-foundation-recaptcha.umd.js +0 -683
  282. package/bundles/bravobit-bb-foundation-recaptcha.umd.js.map +0 -1
  283. package/bundles/bravobit-bb-foundation-rxjs.umd.js +0 -29
  284. package/bundles/bravobit-bb-foundation-rxjs.umd.js.map +0 -1
  285. package/bundles/bravobit-bb-foundation-storage.umd.js +0 -799
  286. package/bundles/bravobit-bb-foundation-storage.umd.js.map +0 -1
  287. package/bundles/bravobit-bb-foundation-table.umd.js +0 -1070
  288. package/bundles/bravobit-bb-foundation-table.umd.js.map +0 -1
  289. package/bundles/bravobit-bb-foundation.umd.js +0 -1440
  290. package/bundles/bravobit-bb-foundation.umd.js.map +0 -1
  291. package/esm2015/auth/lib/auth.interceptor.js +0 -95
  292. package/esm2015/auth/lib/auth.service.js +0 -299
  293. package/esm2015/auth/lib/auth.session.js +0 -136
  294. package/esm2015/auth/lib/directives/permission.directive.js +0 -81
  295. package/esm2015/auth/lib/directives/role.directive.js +0 -38
  296. package/esm2015/auth/lib/guards/anonymous.guard.js +0 -35
  297. package/esm2015/auth/lib/guards/authenticated.guard.js +0 -36
  298. package/esm2015/auth/lib/permissions.service.js +0 -58
  299. package/esm2015/auth/lib/providers/email.provider.js +0 -26
  300. package/esm2015/auth/lib/providers/verify.provider.js +0 -20
  301. package/esm2015/collections/lib/collection.js +0 -104
  302. package/esm2015/collections/lib/components/collections-pager/collections-pager.component.js +0 -136
  303. package/esm2015/collections/lib/components/collections-viewer/collections-viewer.component.js +0 -39
  304. package/esm2015/collections/lib/providers/api-collection.provider.js +0 -69
  305. package/esm2015/collections/lib/providers/collection.provider.js +0 -14
  306. package/esm2015/dashboard/lib/dashboard/dashboard.component.js +0 -64
  307. package/esm2015/dashboard/lib/dashboard-header/dashboard-header.component.js +0 -41
  308. package/esm2015/dashboard/lib/dashboard-menu/dashboard-menu.component.js +0 -39
  309. package/esm2015/dashboard/lib/dashboard-menu-item/dashboard-menu-item.component.js +0 -38
  310. package/esm2015/dashboard/lib/dashboard-sidebar/dashboard-sidebar.component.js +0 -83
  311. package/esm2015/dashboard/lib/dashboard-sidebar-group/dashboard-sidebar-group.component.js +0 -110
  312. package/esm2015/dashboard/lib/dashboard-sidebar-item/dashboard-sidebar-item.component.js +0 -71
  313. package/esm2015/dialog/lib/dialog-actions/dialog-actions.component.js +0 -20
  314. package/esm2015/dialog/lib/dialog-confirm/dialog-confirm.component.js +0 -45
  315. package/esm2015/dialog/lib/dialog-header/dialog-header.component.js +0 -33
  316. package/esm2015/dialog/lib/dialog-link/dialog-link.component.js +0 -19
  317. package/esm2015/dialog/lib/dialog-modal/dialog-modal.component.js +0 -54
  318. package/esm2015/dialog/lib/dialog-overlay/dialog-overlay.component.js +0 -143
  319. package/esm2015/elements/lib/avatar/avatar.component.js +0 -151
  320. package/esm2015/elements/lib/button/button.component.js +0 -79
  321. package/esm2015/elements/lib/checkbox/checkbox.component.js +0 -83
  322. package/esm2015/elements/lib/date-picker/date-picker.component.js +0 -322
  323. package/esm2015/elements/lib/directives/autosize.directive.js +0 -74
  324. package/esm2015/elements/lib/directives/form-submit.directive.js +0 -53
  325. package/esm2015/elements/lib/directives/input.directive.js +0 -139
  326. package/esm2015/elements/lib/dropdown/dropdown.component.js +0 -111
  327. package/esm2015/elements/lib/file-picker/file-picker.component.js +0 -247
  328. package/esm2015/elements/lib/form-control/form-control.component.js +0 -58
  329. package/esm2015/elements/lib/form-error/form-error.component.js +0 -116
  330. package/esm2015/elements/lib/form-group/form-group.component.js +0 -27
  331. package/esm2015/elements/lib/icon/icon.component.js +0 -110
  332. package/esm2015/elements/lib/image-picker/image-picker.component.js +0 -119
  333. package/esm2015/elements/lib/pipes/file-image.pipe.js +0 -45
  334. package/esm2015/elements/lib/pipes/relative-time.pipe.js +0 -96
  335. package/esm2015/elements/lib/spinner/spinner.component.js +0 -34
  336. package/esm2015/elements/lib/tag/tag.component.js +0 -26
  337. package/esm2015/http/lib/classes/http.config.js +0 -31
  338. package/esm2015/http/lib/classes/http.error.js +0 -21
  339. package/esm2015/http/lib/interceptors/base-url.interceptor.js +0 -52
  340. package/esm2015/http/lib/interceptors/error.interceptor.js +0 -33
  341. package/esm2015/lib/core/coercions/boolean-coercion.js +0 -4
  342. package/esm2015/lib/core/miscellaneous/validator.js +0 -86
  343. package/esm2015/lib/core/mixins/can-disable.js +0 -16
  344. package/esm2015/lib/core/mixins/can-load.js +0 -16
  345. package/esm2015/lib/core/mixins/has-error.js +0 -16
  346. package/esm2015/lib/core/mixins/is-focused.js +0 -16
  347. package/esm2015/lib/core/mixins/is-grouped.js +0 -16
  348. package/esm2015/lib/core/mixins/is-readonly.js +0 -16
  349. package/esm2015/lib/core/mixins/is-required.js +0 -16
  350. package/esm2015/lib/core/services/clipboard.service.js +0 -72
  351. package/esm2015/lib/core/services/exif.service.js +0 -168
  352. package/esm2015/lib/core/services/file-loader.service.js +0 -90
  353. package/esm2015/lib/core/services/image-converter.service.js +0 -130
  354. package/esm2015/lib/core/services/patch.service.js +0 -65
  355. package/esm2015/localize/lib/localize.dictionary.js +0 -137
  356. package/esm2015/localize/lib/localize.service.js +0 -282
  357. package/esm2015/localize/lib/views/localize-string/localize-string.component.js +0 -99
  358. package/esm2015/notifications/lib/notifications-item/notifications-item.component.js +0 -108
  359. package/esm2015/notifications/lib/notifications-list/notifications-list.component.js +0 -56
  360. package/esm2015/recaptcha/lib/recaptcha/recaptcha.component.js +0 -199
  361. package/esm2015/recaptcha/lib/recaptcha-loader.service.js +0 -93
  362. package/esm2015/rxjs/lib/operators/combine-latest-map.operator.js +0 -7
  363. package/esm2015/storage/lib/storage.service.js +0 -111
  364. package/esm2015/storage/lib/strategies/cookie-storage.strategy.js +0 -143
  365. package/esm2015/storage/lib/strategies/polyfill-storage.strategy.js +0 -102
  366. package/esm2015/table/lib/components/table/table.component.js +0 -196
  367. package/esm2015/table/lib/components/table-cell/table-cell.component.js +0 -19
  368. package/esm2015/table/lib/components/table-header-cell/table-header-cell.component.js +0 -141
  369. package/esm2015/table/lib/components/table-pager/table-pager.component.js +0 -146
  370. package/esm2015/table/lib/data/datasource.data.js +0 -32
  371. package/esm2015/table/lib/data/generic.data.js +0 -73
  372. package/fesm2015/bravobit-bb-foundation-auth.js.map +0 -1
  373. package/fesm2015/bravobit-bb-foundation-collections.js.map +0 -1
  374. package/fesm2015/bravobit-bb-foundation-dashboard.js +0 -468
  375. package/fesm2015/bravobit-bb-foundation-dashboard.js.map +0 -1
  376. package/fesm2015/bravobit-bb-foundation-dialog.js.map +0 -1
  377. package/fesm2015/bravobit-bb-foundation-elements.js.map +0 -1
  378. package/fesm2015/bravobit-bb-foundation-http.js.map +0 -1
  379. package/fesm2015/bravobit-bb-foundation-localize.js.map +0 -1
  380. package/fesm2015/bravobit-bb-foundation-notifications.js +0 -393
  381. package/fesm2015/bravobit-bb-foundation-notifications.js.map +0 -1
  382. package/fesm2015/bravobit-bb-foundation-recaptcha.js.map +0 -1
  383. package/fesm2015/bravobit-bb-foundation-rxjs.js.map +0 -1
  384. package/fesm2015/bravobit-bb-foundation-storage.js.map +0 -1
  385. package/fesm2015/bravobit-bb-foundation-table.js +0 -626
  386. package/fesm2015/bravobit-bb-foundation-table.js.map +0 -1
  387. package/fesm2015/bravobit-bb-foundation.js.map +0 -1
  388. package/lib/core/coercions/boolean-coercion.d.ts +0 -1
@@ -1,626 +0,0 @@
1
- import { BehaviorSubject, of, combineLatest } from 'rxjs';
2
- import { filter, switchMap, map, share, tap, catchError, debounceTime, distinctUntilChanged, startWith } from 'rxjs/operators';
3
- import * as i0 from '@angular/core';
4
- import { forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Directive, TemplateRef, ContentChildren, ContentChild, Optional, Host, Attribute, HostListener, NgModule } from '@angular/core';
5
- import * as i4 from '@angular/forms';
6
- import { NG_VALUE_ACCESSOR, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
7
- import * as i1 from '@bravobit/bb-foundation/elements';
8
- import { ElementsModule } from '@bravobit/bb-foundation/elements';
9
- import { mixinDisabled } from '@bravobit/bb-foundation';
10
- import * as i3 from '@angular/common';
11
- import { CommonModule } from '@angular/common';
12
- import * as i5 from '@bravobit/bb-foundation/localize';
13
- import { LocalizeModule } from '@bravobit/bb-foundation/localize';
14
-
15
- class DataSourceRequest {
16
- constructor() {
17
- // Data.
18
- this._request$ = new BehaviorSubject(null);
19
- this._loading$ = new BehaviorSubject(true);
20
- }
21
- get loading() {
22
- return this._loading$.asObservable();
23
- }
24
- get when() {
25
- return this._request$.pipe(filter(data => !!data));
26
- }
27
- startLoading() {
28
- this._loading$.next(true);
29
- }
30
- stopLoading() {
31
- this._loading$.next(false);
32
- }
33
- update(params = {}) {
34
- const currentValue = this._request$.getValue();
35
- // Set the page number to 1 if the query or page size was changed.
36
- if (currentValue && params && ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.query) !== (params === null || params === void 0 ? void 0 : params.query) || (currentValue === null || currentValue === void 0 ? void 0 : currentValue.pageSize) !== (params === null || params === void 0 ? void 0 : params.pageSize))) {
37
- params.pageNumber = 1;
38
- }
39
- this._request$.next(Object.assign(Object.assign({}, currentValue), params));
40
- }
41
- }
42
- class DataSource {
43
- }
44
-
45
- class GenericDataSource extends DataSource {
46
- constructor(httpClient, endpoint) {
47
- super();
48
- // Data.
49
- this._items$ = new BehaviorSubject([]);
50
- this._fn = data => data;
51
- this.formatResponse = (data) => {
52
- return {
53
- pageSize: data === null || data === void 0 ? void 0 : data['page_size'],
54
- pageNumber: data === null || data === void 0 ? void 0 : data['page_number'],
55
- totalPages: data === null || data === void 0 ? void 0 : data['total_pages'],
56
- totalEntries: data === null || data === void 0 ? void 0 : data['total_entries'],
57
- data: data === null || data === void 0 ? void 0 : data['data']
58
- };
59
- };
60
- this.formatParams = (data) => {
61
- var _a, _b, _c, _d, _e, _f, _g;
62
- const params = {};
63
- params['page'] = `${(_a = data === null || data === void 0 ? void 0 : data.pageNumber) !== null && _a !== void 0 ? _a : 1}`;
64
- params['page_size'] = `${(_b = data === null || data === void 0 ? void 0 : data.pageSize) !== null && _b !== void 0 ? _b : 25}`;
65
- const sort = ((_c = data === null || data === void 0 ? void 0 : data.sort) !== null && _c !== void 0 ? _c : [])
66
- .map(({ name }) => name)
67
- .filter(name => !!name)
68
- .join(',');
69
- const sortDirection = ((_d = data === null || data === void 0 ? void 0 : data.sort) !== null && _d !== void 0 ? _d : [])
70
- .map(({ direction }) => direction)
71
- .filter(direction => !!direction)
72
- .join(',');
73
- if ((sort === null || sort === void 0 ? void 0 : sort.length) > 0 && (sortDirection === null || sortDirection === void 0 ? void 0 : sortDirection.length) > 0) {
74
- params['sort'] = sort;
75
- params['sort_direction'] = sortDirection;
76
- }
77
- if ((data === null || data === void 0 ? void 0 : data.query) && ((_e = data === null || data === void 0 ? void 0 : data.query) === null || _e === void 0 ? void 0 : _e.length) > 0 && (data === null || data === void 0 ? void 0 : data.queryFields) && ((_f = data === null || data === void 0 ? void 0 : data.queryFields) === null || _f === void 0 ? void 0 : _f.length) > 0) {
78
- params['query'] = data === null || data === void 0 ? void 0 : data.query;
79
- params['query_fields'] = (_g = data === null || data === void 0 ? void 0 : data.queryFields) === null || _g === void 0 ? void 0 : _g.join(',');
80
- }
81
- return params;
82
- };
83
- this._httpClient = httpClient;
84
- this._endpoint$ = typeof endpoint === 'string'
85
- ? of(endpoint)
86
- : endpoint;
87
- }
88
- append(item) {
89
- const currentValue = this._items$.getValue();
90
- const newValue = [...currentValue, item];
91
- this._items$.next(newValue);
92
- return this;
93
- }
94
- data(fn) {
95
- this._fn = fn;
96
- return this;
97
- }
98
- handle(request) {
99
- const extraParams$ = this._items$.pipe(switchMap(items => (items === null || items === void 0 ? void 0 : items.length) <= 0 ? of([]) : combineLatest(items)), map(items => items.reduce((previous, current) => (Object.assign(Object.assign({}, previous), (current !== null && current !== void 0 ? current : {}))), {})));
100
- return combineLatest([request.when, this._endpoint$, extraParams$]).pipe(switchMap(([params, endpoint, extraParams]) => {
101
- // Start the loading.
102
- request.startLoading();
103
- const formattedParams = this.formatParams(params);
104
- const combinedParams = Object.assign(Object.assign({}, formattedParams), extraParams);
105
- return this._httpClient.get(endpoint, {
106
- params: combinedParams
107
- }).pipe(map(data => this.formatResponse(data)), map(result => {
108
- var _a;
109
- return (Object.assign(Object.assign({}, result), { data: this._fn((_a = result === null || result === void 0 ? void 0 : result.data) !== null && _a !== void 0 ? _a : []) }));
110
- }));
111
- }), share());
112
- }
113
- }
114
-
115
- class BbTablePagerBase {
116
- }
117
- const BbTablePagerMixinBase = mixinDisabled(BbTablePagerBase);
118
- class BbTablePager extends BbTablePagerMixinBase {
119
- constructor() {
120
- super(...arguments);
121
- // Inputs.
122
- this.amountOfButtons = 5;
123
- this.showArrowButtons = true;
124
- // Methods.
125
- this.onChange = () => ({});
126
- this.onTouched = () => ({});
127
- this.trackByIndex = (_, item) => item.page;
128
- // Data.
129
- this._totalPages$ = new BehaviorSubject(1);
130
- this._pageNumber$ = new BehaviorSubject(1);
131
- }
132
- ngOnInit() {
133
- // Validate the previous button is disabled.
134
- this.isPreviousDisabled$ = this._pageNumber$.pipe(map(pageNumber => pageNumber === 1));
135
- // Validate the next button is disabled.
136
- this.isNextDisabled$ = combineLatest([this._pageNumber$, this._totalPages$]).pipe(map(([pageNumber, totalPages]) => pageNumber === totalPages));
137
- // Create the list with page numbers.
138
- this.list$ = combineLatest([this._pageNumber$, this._totalPages$]).pipe(map(([pageNumber, totalPages]) => this.filterActivePages(pageNumber, totalPages)), share());
139
- }
140
- get pageNumber() {
141
- return this._pageNumber$.getValue();
142
- }
143
- set pageNumber(newValue) {
144
- this.update(newValue);
145
- }
146
- get totalPages() {
147
- return this._totalPages$.getValue();
148
- }
149
- set totalPages(newValue) {
150
- const newTotalPages = Math.max(1, newValue);
151
- this._totalPages$.next(newTotalPages);
152
- }
153
- registerOnChange(fn) {
154
- this.onChange = fn;
155
- }
156
- registerOnTouched(fn) {
157
- this.onTouched = fn;
158
- }
159
- setDisabledState(isDisabled) {
160
- this.disabled = isDisabled;
161
- }
162
- writeValue(newValue) {
163
- this.update(newValue, false);
164
- }
165
- goToPrevious() {
166
- const newValue = this._pageNumber$.getValue() - 1;
167
- return this.update(newValue);
168
- }
169
- goToNext() {
170
- const newValue = this._pageNumber$.getValue() + 1;
171
- return this.update(newValue);
172
- }
173
- goToIndex(index) {
174
- return this.update(index);
175
- }
176
- update(pageNumber, notify = true) {
177
- // You can only update when not disabled.
178
- if (this.disabled) {
179
- return;
180
- }
181
- // Calculate the new value.
182
- const newValue = Math.min(this.totalPages, Math.max(1, pageNumber));
183
- // Don't do anything if the page number is the same.
184
- if (this._pageNumber$.getValue() === newValue) {
185
- return;
186
- }
187
- // Push the new value.
188
- this._pageNumber$.next(newValue);
189
- if (notify) {
190
- return this.onChange(pageNumber);
191
- }
192
- }
193
- calculatePages(pageNumber) {
194
- const min = 1;
195
- const max = this.totalPages;
196
- const amount = Math.max(1, this.amountOfButtons);
197
- const data = Array(amount)
198
- .fill(0)
199
- .map((_, index) => pageNumber + (index - 1));
200
- // Validate if the minimum value less than
201
- // the first value.
202
- if (data[0] < min) {
203
- return data.map(item => item + 1);
204
- }
205
- // Calculate the difference with the max
206
- // if this value is higher than 0 we should minus it.
207
- const lastValueInArray = data[data.length - 1];
208
- const differenceWithMax = lastValueInArray - max;
209
- if (differenceWithMax > 0) {
210
- return data.map(item => item - differenceWithMax);
211
- }
212
- // Just return the default data.
213
- return data;
214
- }
215
- filterActivePages(pageNumber, totalPages) {
216
- return this.calculatePages(pageNumber)
217
- .filter(page => page > 0 && page <= totalPages)
218
- .map(page => ({ page, active: pageNumber === page }));
219
- }
220
- }
221
- BbTablePager.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbTablePager, deps: null, target: i0.ɵɵFactoryTarget.Component });
222
- BbTablePager.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: BbTablePager, selector: "bb-table-pager", inputs: { disabled: "disabled", amountOfButtons: "amountOfButtons", showArrowButtons: "showArrowButtons", pageNumber: "pageNumber", totalPages: "totalPages" }, host: { properties: { "class.disabled": "disabled" }, classAttribute: "bb-table-pager" }, providers: [
223
- { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbTablePager), multi: true }
224
- ], usesInheritance: true, ngImport: i0, template: "<ul class=\"bb-pager-list\">\n <!-- The previous page arrow button. -->\n <li *ngIf=\"showArrowButtons\"\n class=\"bb-pager-list-item\"\n title=\"Previous page\">\n <button [disabled]=\"isPreviousDisabled$ | async\"\n (click)=\"goToPrevious()\"\n class=\"bb-pager-list-button\"\n type=\"button\">\n <bb-icon src=\"material:keyboard_arrow_left\"></bb-icon>\n </button>\n </li>\n\n <!-- The list of number buttons to navigate through the list. -->\n <ng-container *ngIf=\"list$ | async as list\">\n <li *ngFor=\"let item of list; trackBy: trackByIndex\"\n [title]=\"'Page ' + item?.page\"\n class=\"bb-pager-list-item\">\n <button (click)=\"goToIndex(item?.page)\"\n [class.active]=\"item?.active\"\n class=\"bb-pager-list-button\"\n type=\"button\">\n {{ item?.page }}\n </button>\n </li>\n </ng-container>\n\n <!-- The next page arrow button. -->\n <li *ngIf=\"showArrowButtons\"\n class=\"bb-pager-list-item\"\n title=\"Next page\">\n <button [disabled]=\"isNextDisabled$ | async\"\n (click)=\"goToNext()\"\n class=\"bb-pager-list-button\"\n type=\"button\">\n <bb-icon src=\"material:keyboard_arrow_right\"></bb-icon>\n </button>\n </li>\n</ul>\n", styles: [".bb-table-pager{flex:1;display:flex;align-items:center;justify-content:flex-end}.bb-table-pager.disabled{opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.bb-pager-list{display:flex}.bb-pager-list-item{margin-left:8px}.bb-pager-list-button{padding:0;color:#3d464d;line-height:1;min-width:32px;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:500;min-height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;align-items:center;display:inline-flex;justify-content:center;border:1px solid #b6bbc1;transition-duration:.2s;background-color:transparent;transition-timing-function:cubic-bezier(0,0,.2,1);transition-property:color,border-color,opacity,background-color;box-shadow:inset 0 3px #b7bcc233,0 6px 6px -6px #0000001a}.bb-pager-list-button:hover,.bb-pager-list-button:focus{background-color:#0000000a}.bb-pager-list-button.active,.bb-pager-list-button.active:hover{color:#2196f3;cursor:default;border-color:#2196f3;background-color:transparent}.bb-pager-list-button:disabled{opacity:.35;cursor:default;pointer-events:none}\n"], components: [{ type: i1.BbIcon, selector: "bb-icon", inputs: ["alt", "size", "src", "ariaHidden"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
225
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbTablePager, decorators: [{
226
- type: Component,
227
- args: [{
228
- selector: 'bb-table-pager',
229
- templateUrl: './table-pager.component.html',
230
- styleUrls: ['./table-pager.component.scss'],
231
- changeDetection: ChangeDetectionStrategy.OnPush,
232
- host: {
233
- 'class': 'bb-table-pager',
234
- '[class.disabled]': 'disabled'
235
- },
236
- inputs: ['disabled'],
237
- encapsulation: ViewEncapsulation.None,
238
- preserveWhitespaces: false,
239
- providers: [
240
- { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbTablePager), multi: true }
241
- ]
242
- }]
243
- }], propDecorators: { amountOfButtons: [{
244
- type: Input
245
- }], showArrowButtons: [{
246
- type: Input
247
- }], pageNumber: [{
248
- type: Input
249
- }], totalPages: [{
250
- type: Input
251
- }] } });
252
-
253
- class BbTableColumnDef {
254
- }
255
- BbTableColumnDef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbTableColumnDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
256
- BbTableColumnDef.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.11", type: BbTableColumnDef, selector: "[bbTableColumnDef]", ngImport: i0 });
257
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbTableColumnDef, decorators: [{
258
- type: Directive,
259
- args: [{
260
- selector: '[bbTableColumnDef]'
261
- }]
262
- }] });
263
- class BbTableRowDef {
264
- }
265
- BbTableRowDef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbTableRowDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
266
- BbTableRowDef.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.11", type: BbTableRowDef, selector: "[bbTableRowDef]", ngImport: i0 });
267
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbTableRowDef, decorators: [{
268
- type: Directive,
269
- args: [{
270
- selector: '[bbTableRowDef]'
271
- }]
272
- }] });
273
- class BbTable {
274
- constructor() {
275
- // Inputs.
276
- this.identifier = null;
277
- this.queryFields = [];
278
- this.sortingStrategy = 'single';
279
- this.header = true;
280
- this.footer = true;
281
- // Sizes.
282
- this._sizes = [25, 50, 75, 100];
283
- // Optimizations.
284
- this.trackByFn = (index, item) => this.identifier ? item[this.identifier] : index;
285
- this.trackByValue = (_, item) => item;
286
- this.queryControl = new FormControl('');
287
- }
288
- get sizes() {
289
- return this._sizes;
290
- }
291
- set sizes(newValue) {
292
- this.updateSizes(newValue);
293
- }
294
- ngOnInit() {
295
- this.composeForm();
296
- this.watchDataChanges();
297
- }
298
- ngOnDestroy() {
299
- var _a;
300
- (_a = this._subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
301
- }
302
- get sortControl() {
303
- var _a;
304
- return (_a = this.form) === null || _a === void 0 ? void 0 : _a.get('sort');
305
- }
306
- get pageNumberControl() {
307
- var _a;
308
- return (_a = this.form) === null || _a === void 0 ? void 0 : _a.get('pageNumber');
309
- }
310
- get pageSizeControl() {
311
- var _a;
312
- return (_a = this.form) === null || _a === void 0 ? void 0 : _a.get('pageSize');
313
- }
314
- refresh() {
315
- return this.request.update();
316
- }
317
- updateSizes(newValue) {
318
- // Validate the sizes has at least one value.
319
- if (newValue.length <= 0) {
320
- throw new Error('Cannot set an empty array as the sizes.');
321
- }
322
- // Set the new size.
323
- this._sizes = newValue;
324
- // Validate that the form exists already.
325
- if (!this.form) {
326
- return;
327
- }
328
- // Check if the current selected value is
329
- // in the new sizes array.
330
- const pageSizeControl = this.form.get('pageSize');
331
- if (this._sizes.includes(pageSizeControl.value)) {
332
- return;
333
- }
334
- // Set the first value in the array as
335
- // the new value.
336
- const firstValue = this._sizes[0];
337
- pageSizeControl.setValue(firstValue);
338
- }
339
- composeForm() {
340
- // Setup the form.
341
- this.form = new FormGroup({
342
- pageSize: new FormControl(this._sizes[0]),
343
- pageNumber: new FormControl(1),
344
- sort: new FormGroup({})
345
- });
346
- }
347
- watchDataChanges() {
348
- // Create a new request.
349
- this.request = new DataSourceRequest();
350
- this.isLoading$ = this.request.loading;
351
- if (!this.dataSource) {
352
- this.data$ = of({ state: 'error_datasource' }).pipe(tap(() => this.request.stopLoading()));
353
- return;
354
- }
355
- // Pass the request to the data source.
356
- this.data$ = this.dataSource.handle(this.request).pipe(tap(() => this.request.stopLoading()), map(result => {
357
- const count = (result && result.data && result.data.length) || 0;
358
- if (count <= 0) {
359
- return { state: 'empty', result };
360
- }
361
- return { state: 'success', result };
362
- }), catchError(error => {
363
- var _a, _b;
364
- this.request.stopLoading();
365
- const statusCode = (_a = error === null || error === void 0 ? void 0 : error.status) !== null && _a !== void 0 ? _a : null;
366
- const states = {
367
- 0: 'error_down',
368
- 401: 'error_unauthorized',
369
- 403: 'error_forbidden',
370
- 404: 'error_not_found',
371
- 500: 'error_server'
372
- };
373
- return of({ state: (_b = states === null || states === void 0 ? void 0 : states[statusCode]) !== null && _b !== void 0 ? _b : 'error_unknown', statusCode: statusCode });
374
- }));
375
- // Subscribe to the data changes.
376
- this.subscribeToChanges();
377
- }
378
- subscribeToChanges() {
379
- const form$ = this.getFormChanges();
380
- const query$ = this.getQueryChanges();
381
- this._subscription = combineLatest([form$, query$]).subscribe(([form, query]) => {
382
- const { pageNumber, pageSize } = form;
383
- const sort = Object.keys(form.sort)
384
- .map(name => ({ name, direction: form.sort[name] }))
385
- .filter(item => ['asc', 'desc'].includes(item.direction));
386
- this.request.startLoading();
387
- return this.request.update({
388
- sort,
389
- query,
390
- pageSize,
391
- pageNumber,
392
- queryFields: this.queryFields
393
- });
394
- });
395
- }
396
- getQueryChanges() {
397
- return this.queryControl.valueChanges.pipe(debounceTime(400), distinctUntilChanged(), startWith(this.queryControl.value));
398
- }
399
- getFormChanges() {
400
- return this.form.valueChanges.pipe(startWith(this.form.value));
401
- }
402
- }
403
- BbTable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
404
- BbTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: BbTable, selector: "bb-table", inputs: { identifier: "identifier", dataSource: "dataSource", queryFields: "queryFields", sortingStrategy: "sortingStrategy", header: "header", footer: "footer", sizes: "sizes" }, host: { classAttribute: "bb-table" }, queries: [{ propertyName: "tableRowTemplate", first: true, predicate: BbTableRowDef, descendants: true, read: TemplateRef }, { propertyName: "tableColumnTemplates", predicate: BbTableColumnDef, read: TemplateRef }], ngImport: i0, template: "<!--\n This is the header of the table. It can be a user\n defined custom header or just the default header.\n-->\n\n<header *ngIf=\"(header === true ? headerTemplate : header) as template\"\n class=\"bb-table-top-actions\">\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n</header>\n\n<!--\n This is the table that contains the\n rows and columns.\n-->\n\n<div class=\"bb-table-wrapper\">\n <div *ngIf=\"isLoading$ | async\"\n class=\"bb-table-progress\">\n <div class=\"bb-table-indeterminate\"></div>\n </div>\n <table class=\"bb-table-container\">\n <thead>\n <tr>\n <ng-content select=\"bb-table-header-cell\"></ng-content>\n </tr>\n </thead>\n <tbody *ngIf=\"data$ | async as data; else isLoadingTemplate\"\n [ngSwitch]=\"data?.state\">\n <ng-container *ngSwitchCase=\"'success'\">\n <ng-container *ngIf=\"!!tableRowTemplate; else tableCellsTemplates\">\n <ng-container\n *ngTemplateOutlet=\"tableRowTemplate; context: {data: data?.result?.data || []}\"></ng-container>\n </ng-container>\n\n <ng-template #tableCellsTemplates>\n <tr *ngFor=\"let item of data?.result?.data; trackBy: trackByFn\">\n <ng-container *ngFor=\"let template of tableColumnTemplates\">\n <ng-container *ngTemplateOutlet=\"template; context: {item: item}\"></ng-container>\n </ng-container>\n </tr>\n </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'empty'\">\n <ng-container\n *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'error_datasource'\">\n <ng-container\n *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'error_not_found'\">\n <ng-container\n *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'error_server'\">\n <ng-container\n *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'error_down'\">\n <ng-container\n *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <ng-container\n *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n </ng-container>\n </tbody>\n </table>\n</div>\n\n<footer *ngIf=\"(footer === true ? footerTemplate : footer) as template\"\n class=\"bb-table-bottom-actions\">\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n</footer>\n\n<ng-template #isLoadingTemplate>\n <tr>\n <td [attr.colspan]=\"tableColumnTemplates?.length\"\n class=\"bb-table-template\">\n <div class=\"bb-table-template-content\">\n {{ 'tables.loading' | bbLocalize }}\n </div>\n </td>\n </tr>\n</ng-template>\n\n<!--\n This is the template that will be used when the user has not\n supplied a custom header template.\n-->\n\n<ng-template #headerTemplate>\n <ng-content></ng-content>\n <bb-form-control>\n <input [formControl]=\"queryControl\"\n [placeholder]=\"'tables.search' | bbLocalize\"\n bbInput\n autocomplete=\"off\">\n <bb-icon *ngIf=\"queryControl?.value?.length <= 0; else closeButtonTemplate\"\n bbSuffix\n src=\"material:search\">\n </bb-icon>\n </bb-form-control>\n</ng-template>\n\n<!--\n This is the template that will be used when the user has not\n supplied a custom footer template.\n-->\n\n<ng-template #footerTemplate>\n <bb-form-control *ngIf=\"sizes?.length > 1\">\n <select [formControl]=\"pageSizeControl\"\n bbInput\n title=\"Sizes\">\n <option *ngFor=\"let item of sizes; trackBy: trackByValue\"\n [ngValue]=\"item\">\n {{ item }} / {{ 'tables.page' | bbLocalize }}\n </option>\n </select>\n </bb-form-control>\n\n <bb-table-pager [totalPages]=\"(data$ | async)?.result?.totalPages\"\n [formControl]=\"pageNumberControl\">\n </bb-table-pager>\n</ng-template>\n\n<!--\n This the template that will be used when the user\n has filled in some data in the query control.\n-->\n\n<ng-template #closeButtonTemplate>\n <button bbSuffix\n (click)=\"queryControl?.patchValue('')\"\n type=\"button\"\n class=\"bb-table-progress-close-query\">\n <bb-icon src=\"material:close\"></bb-icon>\n </button>\n</ng-template>\n\n<ng-template #errorTemplate let-state=\"state\" let-status=\"statusCode\">\n <tr>\n <td [attr.colspan]=\"tableColumnTemplates?.length\"\n class=\"bb-table-template\">\n <div class=\"bb-table-template-content\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"64\" height=\"41\">\n <g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(0 1)\">\n <ellipse cx=\"32\" cy=\"33\" fill=\"#F5F5F5\" rx=\"32\" ry=\"7\"></ellipse>\n <g fill-rule=\"nonzero\" stroke=\"#D9D9D9\">\n <path\n d=\"M55 12.7605604L44.8543047 1.25739633C44.3674414.47382661 43.6558789 0 42.9067617 0H21.0932383c-.7491172 0-1.4606797.47395025-1.947543 1.25739633L9 12.7605604V22h46v-9.2394396z\"></path>\n <path fill=\"#FAFAFA\"\n d=\"M41.6132813 15.9315c0-1.6056489.9936718-2.931266 2.2264179-2.9315H55v18.1371277C55 33.2589574 53.6793867 35 52.0504297 35H11.94957031C10.32052344 35 9 33.2588404 9 31.1371277V13h11.1603008c1.2327461 0 2.226418 1.3228085 2.226418 2.9284574v.0211809c0 1.6056489 1.0049921 2.9015426 2.2377382 2.9015426h14.751086c1.2327461 0 2.2377383-1.3078298 2.2377383-2.9134788V15.9315z\"></path>\n </g>\n </g>\n </svg>\n <span *ngIf=\"state as stateLabel\">{{ ('tables.' + stateLabel) | bbLocalize }}</span>\n <span *ngIf=\"status as statusCode\"\n class=\"bb-table-template-content-code\">(HTTP {{ statusCode }})</span>\n </div>\n </td>\n </tr>\n</ng-template>\n", styles: [".bb-table{width:100%;display:block;box-shadow:0 6px 6px -6px #0000001a}.bb-table.plain{box-shadow:none}.bb-table.plain>.bb-table-wrapper{border-top-left-radius:0;border-top-right-radius:0}.bb-table-wrapper{overflow-x:auto;position:relative;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px}.bb-table-container{width:100%}.bb-table-container td{border-bottom:1px solid #d8d8d8}.bb-table-top-actions{display:flex;flex-wrap:wrap;flex-direction:column;padding:20px 20px 10px;background-color:#fff;justify-content:flex-end;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:1px solid #d8d8d8}.bb-table-top-actions>*{margin-left:0;margin-bottom:10px}.bb-table-top-actions+.bb-table-wrapper{border-radius:0}.bb-table-bottom-actions{height:60px;display:flex;padding:0 20px;overflow-x:auto;align-items:center;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.bb-table-template{border:none;background-color:#f5f5f5;border-bottom:1px solid #d8d8d8}.bb-table-template-content{padding:20px;display:flex;color:#3d464d;font-size:14px;line-height:1.2;font-weight:400;min-height:140px;text-align:center;align-items:center;flex-direction:column;justify-content:center}.bb-table-template-content>svg{margin-bottom:12px}.bb-table-template-content-code{opacity:.5;margin-top:5px;display:inline-block}.bb-table-progress{top:0;left:0;right:0;opacity:0;width:100%;height:4px;display:block;overflow:hidden;position:absolute;background-color:#2f408b4d;-webkit-animation:fadeIn .25s cubic-bezier(0,0,.2,1) .1s forwards;animation:fadeIn .25s cubic-bezier(0,0,.2,1) .1s forwards}.bb-table-progress .bb-table-indeterminate{background-color:#2f408b}.bb-table-progress .bb-table-indeterminate:before{top:0;left:0;bottom:0;content:\"\";position:absolute;will-change:left,right;background-color:inherit;-webkit-animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.bb-table-progress .bb-table-indeterminate:after{top:0;left:0;bottom:0;content:\"\";position:absolute;-webkit-animation-delay:1.15s;animation-delay:1.15s;will-change:left,right;background-color:inherit;-webkit-animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite}.bb-table-progress-close-query{padding:0;border:none;border-radius:4px;background-color:transparent;transition:background-color .25s cubic-bezier(0,0,.2,1)}.bb-table-progress-close-query:hover{background-color:#00000014}.bb-table-progress-close-query:focus{background-color:#0000001f}.bb-table-progress-close-query:active{background-color:#00000029}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@media only screen and (min-width: 768px){.bb-table-top-actions{flex-direction:row}.bb-table-top-actions>*:not(:first-child){margin-left:10px;margin-bottom:10px}}\n"], components: [{ type: i1.BbFormControl, selector: "bb-form-control", inputs: ["grouped", "hideErrors", "label", "hint"] }, { type: i1.BbIcon, selector: "bb-icon", inputs: ["alt", "size", "src", "ariaHidden"] }, { type: BbTablePager, selector: "bb-table-pager", inputs: ["disabled", "amountOfButtons", "showArrowButtons", "pageNumber", "totalPages"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.BbInput, selector: "input[bbInput], textarea[bbInput]", inputs: ["readonly"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1.BbSuffix, selector: "[bbSuffix]" }, { type: i1.BbSelect, selector: "select[bbInput]", inputs: ["disabled", "required"] }, { type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], pipes: { "async": i3.AsyncPipe, "bbLocalize": i5.BbLocalize }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
405
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbTable, decorators: [{
406
- type: Component,
407
- args: [{
408
- selector: 'bb-table',
409
- templateUrl: './table.component.html',
410
- styleUrls: ['./table.component.scss'],
411
- host: { 'class': 'bb-table' },
412
- changeDetection: ChangeDetectionStrategy.OnPush,
413
- encapsulation: ViewEncapsulation.None,
414
- preserveWhitespaces: false
415
- }]
416
- }], propDecorators: { tableColumnTemplates: [{
417
- type: ContentChildren,
418
- args: [BbTableColumnDef, { read: TemplateRef }]
419
- }], tableRowTemplate: [{
420
- type: ContentChild,
421
- args: [BbTableRowDef, { read: TemplateRef, static: false }]
422
- }], identifier: [{
423
- type: Input
424
- }], dataSource: [{
425
- type: Input
426
- }], queryFields: [{
427
- type: Input
428
- }], sortingStrategy: [{
429
- type: Input
430
- }], header: [{
431
- type: Input
432
- }], footer: [{
433
- type: Input
434
- }], sizes: [{
435
- type: Input
436
- }] } });
437
-
438
- class BbTableCell {
439
- }
440
- BbTableCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbTableCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
441
- BbTableCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: BbTableCell, selector: "bb-table-cell", host: { classAttribute: "bb-table-cell" }, ngImport: i0, template: "<div>\n <ng-content></ng-content>\n</div>", styles: [".bb-table-cell{color:#848f99;font-size:14px;text-align:left;line-height:1.2;font-weight:400;padding:12px 20px;display:table-cell;word-wrap:break-word;vertical-align:middle;background-color:#f5f5f5;border-bottom:1px solid #d8d8d8}.bb-table-cell:not(:last-child){border-right:1px solid #d8d8d8}.bb-table-cell.fit{width:1%;white-space:nowrap}.bb-table-cell.left{text-align:left}.bb-table-cell.center{text-align:center}.bb-table-cell.right{text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
442
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbTableCell, decorators: [{
443
- type: Component,
444
- args: [{
445
- selector: 'bb-table-cell',
446
- templateUrl: './table-cell.component.html',
447
- styleUrls: ['./table-cell.component.scss'],
448
- changeDetection: ChangeDetectionStrategy.OnPush,
449
- host: { 'class': 'bb-table-cell' },
450
- encapsulation: ViewEncapsulation.None,
451
- preserveWhitespaces: false
452
- }]
453
- }] });
454
-
455
- class BbTableHeaderCellBase {
456
- }
457
- const BbTableHeaderCellMixinBase = mixinDisabled(BbTableHeaderCellBase);
458
- class BbTableHeaderCell extends BbTableHeaderCellMixinBase {
459
- constructor(_table, _name) {
460
- super();
461
- this._table = _table;
462
- this._name = _name;
463
- // Constants.
464
- this._sortDirections = ['none', 'asc', 'desc'];
465
- this._control = new FormControl(this._sortDirections[0]);
466
- this.logWarning = (message) => {
467
- console && console.warn && console.warn(message);
468
- };
469
- }
470
- // Sort.
471
- set sort(value) {
472
- // Check if the new value is a valid value.
473
- if (!this._sortDirections.includes(value)) {
474
- return;
475
- }
476
- // Set the value.
477
- this._control.setValue(value);
478
- }
479
- get sort() {
480
- return this._control.value;
481
- }
482
- ngOnInit() {
483
- var _a, _b;
484
- // Validate that the name and table are set.
485
- if (!this._table || !this._name) {
486
- return;
487
- }
488
- // Check if the control already exists in the table.
489
- if ((_a = this._table.sortControl) === null || _a === void 0 ? void 0 : _a.contains(this._name)) {
490
- this.disabled = true;
491
- return this.logWarning(`BbTableHeaderCell: The name "${this._name}" is not unique in the table; Control was not registered.`);
492
- }
493
- // Register the header cell with the table.
494
- (_b = this._table.sortControl) === null || _b === void 0 ? void 0 : _b.addControl(this._name, this._control);
495
- // Get all the value changes.
496
- this.valueChanges$ = this._control.valueChanges.pipe(startWith(this._control.value));
497
- }
498
- ngOnDestroy() {
499
- var _a, _b, _c, _d;
500
- // Validate that the name and table are set.
501
- if (!this._table || !this._name) {
502
- return;
503
- }
504
- // Un-register the header cell with the table.
505
- if ((_b = (_a = this._table) === null || _a === void 0 ? void 0 : _a.sortControl) === null || _b === void 0 ? void 0 : _b.contains(this._name)) {
506
- (_d = (_c = this._table) === null || _c === void 0 ? void 0 : _c.sortControl) === null || _d === void 0 ? void 0 : _d.removeControl(this._name);
507
- }
508
- }
509
- get isDisabled() {
510
- return this.disabled || !this._name;
511
- }
512
- onClick() {
513
- // Check if the header cell is disabled.
514
- if (this.isDisabled) {
515
- return;
516
- }
517
- // Find the index of the current sort and
518
- // create the new index.
519
- const index = this._sortDirections.findIndex(item => item === this._control.value);
520
- const newIndex = (index + 1) % this._sortDirections.length;
521
- const newSort = this._sortDirections[newIndex];
522
- // Set the new sort.
523
- return this.updateTableAndHeaderCell(newSort);
524
- }
525
- updateTableAndHeaderCell(value) {
526
- // Check if the new value is a valid value.
527
- if (!this._sortDirections.includes(value)) {
528
- return;
529
- }
530
- // Validate the table exists.
531
- if (!this._table) {
532
- return this._control.setValue(value);
533
- }
534
- // Handle the single sorting strategy.
535
- if (this._table.sortingStrategy === 'single') {
536
- return this.handleSingleSortingStrategy(value);
537
- }
538
- // Default case when no other strategy
539
- // is used.
540
- return this._control.setValue(value);
541
- }
542
- handleSingleSortingStrategy(value) {
543
- var _a, _b;
544
- // Get the sort control.
545
- const control = this._table.sortControl;
546
- // Set each value to false since we only want to
547
- // sort on one property at a time with this strategy.
548
- const newValue = Object.keys(control.controls).reduce((previous, current) => {
549
- previous[current] = current === this._name ? value : 'none';
550
- return previous;
551
- }, {});
552
- // Patch the entire sort value.
553
- (_b = (_a = this._table) === null || _a === void 0 ? void 0 : _a.sortControl) === null || _b === void 0 ? void 0 : _b.patchValue(newValue);
554
- }
555
- }
556
- BbTableHeaderCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbTableHeaderCell, deps: [{ token: BbTable, host: true, optional: true }, { token: 'name', attribute: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
557
- BbTableHeaderCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: BbTableHeaderCell, selector: "bb-table-header-cell", inputs: { disabled: "disabled", sort: "sort" }, host: { listeners: { "click": "onClick()" }, properties: { "class.disabled": "isDisabled" }, classAttribute: "bb-table-header-cell" }, usesInheritance: true, ngImport: i0, template: "<!-- The content. -->\n<ng-content></ng-content>\n\n<!-- The indicator for the sort direction. -->\n<ng-container *ngIf=\"valueChanges$ | async as value\">\n <button *ngIf=\"!isDisabled\"\n [class.asc]=\"value === 'asc'\"\n [class.desc]=\"value === 'desc'\"\n class=\"bb-table-header-cell-toggle\"\n type=\"button\"></button>\n</ng-container>\n", styles: [".bb-table-header-cell{height:50px;color:#212529;cursor:pointer;font-size:16px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:10px 20px;position:relative;display:table-cell;vertical-align:middle;border-bottom:1px solid #d8d8d8}.bb-table-header-cell:active>.bb-table-header-cell-toggle{background-color:#00000014}.bb-table-header-cell:not(.disabled){padding-right:52px}.bb-table-header-cell.fit{width:1%;white-space:nowrap}.bb-table-header-cell.left{text-align:left}.bb-table-header-cell.center{text-align:center}.bb-table-header-cell.right{text-align:right}.bb-table-header-cell.disabled{cursor:default;pointer-events:none}.bb-table-header-cell-toggle{top:50%;right:14px;width:22px;border:none;height:22px;margin-left:auto;position:absolute;border-radius:4px;transform:translateY(-50%);background-position:center;background-repeat:no-repeat;background-color:transparent;transition:background-color .2s cubic-bezier(0,0,.2,1);background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}.bb-table-header-cell-toggle.desc{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"black\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}.bb-table-header-cell-toggle.asc{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"black\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
558
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbTableHeaderCell, decorators: [{
559
- type: Component,
560
- args: [{
561
- selector: 'bb-table-header-cell',
562
- templateUrl: './table-header-cell.component.html',
563
- styleUrls: ['./table-header-cell.component.scss'],
564
- changeDetection: ChangeDetectionStrategy.OnPush,
565
- host: {
566
- 'class': 'bb-table-header-cell',
567
- '[class.disabled]': 'isDisabled'
568
- },
569
- inputs: ['disabled'],
570
- encapsulation: ViewEncapsulation.None,
571
- preserveWhitespaces: false
572
- }]
573
- }], ctorParameters: function () { return [{ type: BbTable, decorators: [{
574
- type: Optional
575
- }, {
576
- type: Host
577
- }] }, { type: undefined, decorators: [{
578
- type: Optional
579
- }, {
580
- type: Attribute,
581
- args: ['name']
582
- }] }]; }, propDecorators: { sort: [{
583
- type: Input
584
- }], onClick: [{
585
- type: HostListener,
586
- args: ['click']
587
- }] } });
588
-
589
- const DECLARATIONS_EXPORTS = [
590
- BbTable,
591
- BbTableColumnDef,
592
- BbTableRowDef,
593
- BbTableHeaderCell,
594
- BbTableCell,
595
- BbTablePager
596
- ];
597
- class TableModule {
598
- }
599
- TableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
600
- TableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: TableModule, declarations: [BbTable,
601
- BbTableColumnDef,
602
- BbTableRowDef,
603
- BbTableHeaderCell,
604
- BbTableCell,
605
- BbTablePager], imports: [CommonModule, ReactiveFormsModule, ElementsModule, LocalizeModule], exports: [BbTable,
606
- BbTableColumnDef,
607
- BbTableRowDef,
608
- BbTableHeaderCell,
609
- BbTableCell,
610
- BbTablePager] });
611
- TableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: TableModule, imports: [[CommonModule, ReactiveFormsModule, ElementsModule, LocalizeModule]] });
612
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: TableModule, decorators: [{
613
- type: NgModule,
614
- args: [{
615
- imports: [CommonModule, ReactiveFormsModule, ElementsModule, LocalizeModule],
616
- declarations: [...DECLARATIONS_EXPORTS],
617
- exports: [...DECLARATIONS_EXPORTS]
618
- }]
619
- }] });
620
-
621
- /**
622
- * Generated bundle index. Do not edit.
623
- */
624
-
625
- export { BbTable, BbTableCell, BbTableColumnDef, BbTableHeaderCell, BbTablePager, BbTableRowDef, DataSource, DataSourceRequest, GenericDataSource, TableModule };
626
- //# sourceMappingURL=bravobit-bb-foundation-table.js.map