@updevs/components 1.0.0-alpha.5 → 1.0.0-alpha.8

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 (465) hide show
  1. package/button/button.component.d.ts +43 -0
  2. package/button/upd-button.module.d.ts +8 -0
  3. package/card/card.component.d.ts +54 -0
  4. package/card/directives/card-actions.directive.d.ts +7 -0
  5. package/card/directives/card-footer.directive.d.ts +7 -0
  6. package/card/directives/card-header.directive.d.ts +7 -0
  7. package/card/directives/card-image.directive.d.ts +7 -0
  8. package/card/upd-card.module.d.ts +14 -0
  9. package/dropdown/dropdown.component.d.ts +63 -0
  10. package/dropdown/{src/models/dropdown-item.ts → models/dropdown-item.d.ts} +0 -2
  11. package/dropdown/upd-dropdown.module.d.ts +12 -0
  12. package/esm2022/button/button.component.mjs +163 -0
  13. package/esm2022/button/index.mjs +2 -0
  14. package/esm2022/button/public-api.mjs +3 -0
  15. package/esm2022/button/upd-button.module.mjs +24 -0
  16. package/esm2022/button/updevs-components-button.mjs +5 -0
  17. package/esm2022/card/card.component.mjs +136 -0
  18. package/esm2022/card/directives/card-actions.directive.mjs +16 -0
  19. package/esm2022/card/directives/card-footer.directive.mjs +16 -0
  20. package/esm2022/card/directives/card-header.directive.mjs +16 -0
  21. package/esm2022/card/directives/card-image.directive.mjs +16 -0
  22. package/esm2022/card/directives/public-api.mjs +5 -0
  23. package/esm2022/card/index.mjs +2 -0
  24. package/esm2022/card/public-api.mjs +4 -0
  25. package/esm2022/card/types/card-state.type.mjs +2 -0
  26. package/esm2022/card/types/card-style.type.mjs +2 -0
  27. package/esm2022/card/types/hover-effect.type.mjs +2 -0
  28. package/esm2022/card/types/ribbon-style.type.mjs +2 -0
  29. package/esm2022/card/types/status-position.type.mjs +2 -0
  30. package/esm2022/card/upd-card.module.mjs +50 -0
  31. package/esm2022/card/updevs-components-card.mjs +5 -0
  32. package/esm2022/dropdown/dropdown.component.mjs +145 -0
  33. package/esm2022/dropdown/index.mjs +2 -0
  34. package/esm2022/dropdown/models/dropdown-item.mjs +2 -0
  35. package/esm2022/dropdown/models/dropdown-item.type.mjs +2 -0
  36. package/esm2022/dropdown/models/public-api.mjs +3 -0
  37. package/esm2022/dropdown/public-api.mjs +4 -0
  38. package/esm2022/dropdown/upd-dropdown.module.mjs +40 -0
  39. package/esm2022/dropdown/updevs-components-dropdown.mjs +5 -0
  40. package/esm2022/form/form.module.mjs +18 -0
  41. package/esm2022/form/index.mjs +2 -0
  42. package/esm2022/form/public-api.mjs +2 -0
  43. package/esm2022/form/updevs-components-form.mjs +5 -0
  44. package/esm2022/form-controls/checkbox/checkbox.component.mjs +68 -0
  45. package/esm2022/form-controls/checkbox/index.mjs +2 -0
  46. package/esm2022/form-controls/checkbox/public-api.mjs +3 -0
  47. package/esm2022/form-controls/checkbox/upd-checkbox.module.mjs +28 -0
  48. package/esm2022/form-controls/checkbox/updevs-components-form-controls-checkbox.mjs +5 -0
  49. package/esm2022/form-controls/input/directives/input-append.directive.mjs +16 -0
  50. package/esm2022/form-controls/input/directives/input-prepend.directive.mjs +16 -0
  51. package/esm2022/form-controls/input/directives/public-api.mjs +3 -0
  52. package/esm2022/form-controls/input/index.mjs +2 -0
  53. package/esm2022/form-controls/input/input.component.mjs +155 -0
  54. package/esm2022/form-controls/input/public-api.mjs +5 -0
  55. package/esm2022/form-controls/input/types/input.type.mjs +2 -0
  56. package/esm2022/form-controls/input/types/loader-position.type.mjs +2 -0
  57. package/esm2022/form-controls/input/types/public-api.mjs +3 -0
  58. package/esm2022/form-controls/input/upd-input.module.mjs +46 -0
  59. package/esm2022/form-controls/input/updevs-components-form-controls-input.mjs +5 -0
  60. package/esm2022/form-controls/radio/index.mjs +2 -0
  61. package/esm2022/form-controls/radio/public-api.mjs +3 -0
  62. package/esm2022/form-controls/radio/radio.component.mjs +64 -0
  63. package/esm2022/form-controls/radio/upd-radio.module.mjs +24 -0
  64. package/esm2022/form-controls/radio/updevs-components-form-controls-radio.mjs +5 -0
  65. package/esm2022/form-controls/select/components/multiple/select-multiple.component.mjs +65 -0
  66. package/esm2022/form-controls/select/components/single/select.component.mjs +53 -0
  67. package/esm2022/form-controls/select/index.mjs +2 -0
  68. package/esm2022/form-controls/select/models/abstractions/base-select.component.mjs +208 -0
  69. package/esm2022/form-controls/select/models/public-api.mjs +2 -0
  70. package/esm2022/form-controls/select/models/select-item.mjs +2 -0
  71. package/esm2022/form-controls/select/public-api.mjs +5 -0
  72. package/esm2022/form-controls/select/upd-select.module.mjs +53 -0
  73. package/esm2022/form-controls/select/updevs-components-form-controls-select.mjs +5 -0
  74. package/esm2022/form-controls/textarea/index.mjs +2 -0
  75. package/esm2022/form-controls/textarea/public-api.mjs +3 -0
  76. package/esm2022/form-controls/textarea/textarea.component.mjs +62 -0
  77. package/esm2022/form-controls/textarea/upd-textarea.module.mjs +24 -0
  78. package/esm2022/form-controls/textarea/updevs-components-form-controls-textarea.mjs +5 -0
  79. package/esm2022/form-controls/time-picker/index.mjs +2 -0
  80. package/esm2022/form-controls/time-picker/public-api.mjs +4 -0
  81. package/esm2022/form-controls/time-picker/time-picker.component.mjs +130 -0
  82. package/esm2022/form-controls/time-picker/time-selector/time-selector.component.mjs +124 -0
  83. package/esm2022/form-controls/time-picker/upd-time-picker.module.mjs +60 -0
  84. package/esm2022/form-controls/time-picker/updevs-components-form-controls-time-picker.mjs +5 -0
  85. package/esm2022/layout/abstractions/base-page.component.mjs +24 -0
  86. package/esm2022/layout/abstractions/public-api.mjs +2 -0
  87. package/esm2022/layout/index.mjs +2 -0
  88. package/esm2022/layout/layouts/blank-layout/blank-layout.component.mjs +11 -0
  89. package/esm2022/layout/layouts/blank-layout/blank-layout.module.mjs +24 -0
  90. package/esm2022/layout/layouts/public-api.mjs +5 -0
  91. package/esm2022/layout/layouts/vertical-sidebar-layout/vertical-sidebar-layout.component.mjs +31 -0
  92. package/esm2022/layout/layouts/vertical-sidebar-layout/vertical-sidebar-layout.module.mjs +81 -0
  93. package/esm2022/layout/models/public-api.mjs +2 -0
  94. package/esm2022/layout/models/upd-layout-config.model.mjs +30 -0
  95. package/esm2022/layout/models/upd-layout.config.mjs +2 -0
  96. package/esm2022/layout/pages/auth-flow/auth-flow-routing.module.mjs +28 -0
  97. package/esm2022/layout/pages/auth-flow/auth-flow.module.mjs +46 -0
  98. package/esm2022/layout/pages/auth-flow/logged-out/logged-out.component.mjs +11 -0
  99. package/esm2022/layout/pages/auth-flow/login/login.component.mjs +27 -0
  100. package/esm2022/layout/pages/auth-flow/oauth-callback/oauth-callback.component.mjs +11 -0
  101. package/esm2022/layout/pages/auth-flow/public-api.mjs +6 -0
  102. package/esm2022/layout/pages/public-api.mjs +2 -0
  103. package/esm2022/layout/partials/footer/footer-copyright.directive.mjs +13 -0
  104. package/esm2022/layout/partials/footer/footer.component.mjs +67 -0
  105. package/esm2022/layout/partials/footer/public-api.mjs +3 -0
  106. package/esm2022/layout/partials/header/header-style.type.mjs +2 -0
  107. package/esm2022/layout/partials/header/header.component.mjs +77 -0
  108. package/esm2022/layout/partials/header/public-api.mjs +3 -0
  109. package/esm2022/layout/partials/page-header/page-header.component.mjs +14 -0
  110. package/esm2022/layout/partials/page-header/public-api.mjs +2 -0
  111. package/esm2022/layout/partials/public-api.mjs +5 -0
  112. package/esm2022/layout/partials/sidebar/public-api.mjs +2 -0
  113. package/esm2022/layout/partials/sidebar/sidebar.component.mjs +143 -0
  114. package/esm2022/layout/public-api.mjs +8 -0
  115. package/esm2022/layout/services/public-api.mjs +2 -0
  116. package/esm2022/layout/services/upd-layout-config.service.mjs +21 -0
  117. package/esm2022/layout/tools/layout.constants.mjs +15 -0
  118. package/esm2022/layout/upd-layout.module.mjs +43 -0
  119. package/esm2022/layout/updevs-components-layout.mjs +5 -0
  120. package/esm2022/lib/index.mjs +2 -0
  121. package/esm2022/lib/public-api.mjs +3 -0
  122. package/esm2022/lib/types/component-size.type.mjs +2 -0
  123. package/esm2022/lib/types/public-api.mjs +3 -0
  124. package/esm2022/lib/types/validation-status.type.mjs +2 -0
  125. package/esm2022/lib/upd-components.module.mjs +14 -0
  126. package/esm2022/link/index.mjs +2 -0
  127. package/esm2022/link/link.component.mjs +51 -0
  128. package/esm2022/link/public-api.mjs +4 -0
  129. package/esm2022/link/target.type.mjs +2 -0
  130. package/esm2022/link/upd-link.module.mjs +24 -0
  131. package/esm2022/link/updevs-components-link.mjs +5 -0
  132. package/esm2022/list/index.mjs +2 -0
  133. package/esm2022/list/list.component.mjs +134 -0
  134. package/esm2022/list/models/badge-position.type.mjs +2 -0
  135. package/esm2022/list/models/list-item.mjs +2 -0
  136. package/esm2022/list/models/list-item.model.mjs +15 -0
  137. package/esm2022/list/models/public-api.mjs +3 -0
  138. package/esm2022/list/public-api.mjs +4 -0
  139. package/esm2022/list/upd-list.module.mjs +43 -0
  140. package/esm2022/list/updevs-components-list.mjs +5 -0
  141. package/esm2022/popover/index.mjs +2 -0
  142. package/esm2022/popover/popover.component.mjs +65 -0
  143. package/esm2022/popover/popover.directive.mjs +129 -0
  144. package/esm2022/popover/public-api.mjs +4 -0
  145. package/esm2022/popover/upd-popover.module.mjs +29 -0
  146. package/esm2022/popover/updevs-components-popover.mjs +5 -0
  147. package/esm2022/public-api.mjs +2 -0
  148. package/esm2022/updevs-components.mjs +5 -0
  149. package/fesm2022/updevs-components-button.mjs +191 -0
  150. package/fesm2022/updevs-components-button.mjs.map +1 -0
  151. package/fesm2022/updevs-components-card.mjs +238 -0
  152. package/fesm2022/updevs-components-card.mjs.map +1 -0
  153. package/fesm2022/updevs-components-dropdown.mjs +189 -0
  154. package/fesm2022/updevs-components-dropdown.mjs.map +1 -0
  155. package/fesm2022/updevs-components-form-controls-checkbox.mjs +100 -0
  156. package/fesm2022/updevs-components-form-controls-checkbox.mjs.map +1 -0
  157. package/fesm2022/updevs-components-form-controls-input.mjs +229 -0
  158. package/fesm2022/updevs-components-form-controls-input.mjs.map +1 -0
  159. package/fesm2022/updevs-components-form-controls-radio.mjs +92 -0
  160. package/fesm2022/updevs-components-form-controls-radio.mjs.map +1 -0
  161. package/fesm2022/updevs-components-form-controls-select.mjs +371 -0
  162. package/fesm2022/updevs-components-form-controls-select.mjs.map +1 -0
  163. package/fesm2022/updevs-components-form-controls-textarea.mjs +90 -0
  164. package/fesm2022/updevs-components-form-controls-textarea.mjs.map +1 -0
  165. package/fesm2022/updevs-components-form-controls-time-picker.mjs +344 -0
  166. package/fesm2022/updevs-components-form-controls-time-picker.mjs.map +1 -0
  167. package/fesm2022/updevs-components-form.mjs +25 -0
  168. package/fesm2022/updevs-components-form.mjs.map +1 -0
  169. package/fesm2022/updevs-components-layout.mjs +670 -0
  170. package/fesm2022/updevs-components-layout.mjs.map +1 -0
  171. package/fesm2022/updevs-components-link.mjs +79 -0
  172. package/fesm2022/updevs-components-link.mjs.map +1 -0
  173. package/fesm2022/updevs-components-list.mjs +226 -0
  174. package/fesm2022/updevs-components-list.mjs.map +1 -0
  175. package/fesm2022/updevs-components-popover.mjs +223 -0
  176. package/fesm2022/updevs-components-popover.mjs.map +1 -0
  177. package/fesm2022/updevs-components.mjs +21 -0
  178. package/fesm2022/updevs-components.mjs.map +1 -0
  179. package/form/form.module.d.ts +7 -0
  180. package/form-controls/checkbox/checkbox.component.d.ts +25 -0
  181. package/form-controls/checkbox/{src/public-api.ts → public-api.d.ts} +0 -1
  182. package/form-controls/checkbox/upd-checkbox.module.d.ts +9 -0
  183. package/form-controls/input/directives/input-append.directive.d.ts +7 -0
  184. package/form-controls/input/directives/input-prepend.directive.d.ts +7 -0
  185. package/form-controls/input/input.component.d.ts +54 -0
  186. package/form-controls/input/upd-input.module.d.ts +13 -0
  187. package/form-controls/radio/radio.component.d.ts +24 -0
  188. package/form-controls/radio/upd-radio.module.d.ts +8 -0
  189. package/form-controls/select/components/multiple/select-multiple.component.d.ts +18 -0
  190. package/form-controls/select/components/single/select.component.d.ts +20 -0
  191. package/form-controls/select/models/abstractions/base-select.component.d.ts +80 -0
  192. package/form-controls/select/{src/models/select-item.ts → models/select-item.d.ts} +0 -1
  193. package/form-controls/select/upd-select.module.d.ts +15 -0
  194. package/form-controls/textarea/textarea.component.d.ts +23 -0
  195. package/form-controls/textarea/upd-textarea.module.d.ts +8 -0
  196. package/form-controls/time-picker/time-picker.component.d.ts +78 -0
  197. package/form-controls/time-picker/time-selector/time-selector.component.d.ts +69 -0
  198. package/form-controls/time-picker/upd-time-picker.module.d.ts +17 -0
  199. package/index.d.ts +5 -0
  200. package/layout/abstractions/base-page.component.d.ts +12 -0
  201. package/layout/layouts/blank-layout/blank-layout.component.d.ts +5 -0
  202. package/layout/layouts/blank-layout/blank-layout.module.d.ts +8 -0
  203. package/layout/layouts/vertical-sidebar-layout/vertical-sidebar-layout.component.d.ts +12 -0
  204. package/layout/layouts/vertical-sidebar-layout/vertical-sidebar-layout.module.d.ts +20 -0
  205. package/layout/models/upd-layout-config.model.d.ts +39 -0
  206. package/layout/pages/auth-flow/auth-flow-routing.module.d.ts +12 -0
  207. package/layout/pages/auth-flow/auth-flow.module.d.ts +13 -0
  208. package/layout/pages/auth-flow/logged-out/logged-out.component.d.ts +5 -0
  209. package/layout/pages/auth-flow/login/login.component.d.ts +12 -0
  210. package/layout/pages/auth-flow/oauth-callback/oauth-callback.component.d.ts +5 -0
  211. package/layout/partials/footer/footer-copyright.directive.d.ts +5 -0
  212. package/layout/partials/footer/footer.component.d.ts +43 -0
  213. package/layout/partials/header/header.component.d.ts +31 -0
  214. package/layout/partials/page-header/page-header.component.d.ts +7 -0
  215. package/layout/partials/sidebar/sidebar.component.d.ts +19 -0
  216. package/layout/services/upd-layout-config.service.d.ts +15 -0
  217. package/layout/{src/tools/layout.constants.ts → tools/layout.constants.d.ts} +3 -6
  218. package/layout/upd-layout.module.d.ts +18 -0
  219. package/lib/upd-components.module.d.ts +6 -0
  220. package/link/link.component.d.ts +22 -0
  221. package/link/upd-link.module.d.ts +8 -0
  222. package/list/list.component.d.ts +61 -0
  223. package/list/{src/models/list-item.ts → models/list-item.d.ts} +0 -2
  224. package/list/{src/models/list-item.model.ts → models/list-item.model.d.ts} +5 -16
  225. package/list/upd-list.module.d.ts +13 -0
  226. package/package.json +114 -21
  227. package/popover/popover.component.d.ts +22 -0
  228. package/popover/popover.directive.d.ts +33 -0
  229. package/popover/upd-popover.module.d.ts +9 -0
  230. package/CHANGELOG.md +0 -8
  231. package/button/index.ts +0 -1
  232. package/button/ng-package.json +0 -7
  233. package/button/src/button.component.html +0 -8
  234. package/button/src/button.component.scss +0 -5
  235. package/button/src/button.component.spec.ts +0 -23
  236. package/button/src/button.component.ts +0 -154
  237. package/button/src/upd-button.module.ts +0 -17
  238. package/card/index.ts +0 -1
  239. package/card/ng-package.json +0 -7
  240. package/card/src/card.component.html +0 -105
  241. package/card/src/card.component.scss +0 -47
  242. package/card/src/card.component.spec.ts +0 -23
  243. package/card/src/card.component.ts +0 -112
  244. package/card/src/directives/card-actions.directive.spec.ts +0 -8
  245. package/card/src/directives/card-actions.directive.ts +0 -11
  246. package/card/src/directives/card-footer.directive.spec.ts +0 -8
  247. package/card/src/directives/card-footer.directive.ts +0 -11
  248. package/card/src/directives/card-header.directive.spec.ts +0 -8
  249. package/card/src/directives/card-header.directive.ts +0 -11
  250. package/card/src/directives/card-image.directive.spec.ts +0 -8
  251. package/card/src/directives/card-image.directive.ts +0 -11
  252. package/card/src/types/public-api.ts +0 -5
  253. package/card/src/upd-card.module.ts +0 -32
  254. package/dropdown/index.ts +0 -1
  255. package/dropdown/ng-package.json +0 -7
  256. package/dropdown/src/dropdown.component.html +0 -32
  257. package/dropdown/src/dropdown.component.scss +0 -19
  258. package/dropdown/src/dropdown.component.spec.ts +0 -23
  259. package/dropdown/src/dropdown.component.ts +0 -182
  260. package/dropdown/src/upd-dropdown.module.ts +0 -25
  261. package/form/index.ts +0 -1
  262. package/form/ng-package.json +0 -7
  263. package/form/src/form.module.ts +0 -10
  264. package/form-controls/checkbox/index.ts +0 -1
  265. package/form-controls/checkbox/ng-package.json +0 -7
  266. package/form-controls/checkbox/src/checkbox.component.html +0 -7
  267. package/form-controls/checkbox/src/checkbox.component.scss +0 -0
  268. package/form-controls/checkbox/src/checkbox.component.spec.ts +0 -23
  269. package/form-controls/checkbox/src/checkbox.component.ts +0 -48
  270. package/form-controls/checkbox/src/upd-checkbox.module.ts +0 -19
  271. package/form-controls/input/index.ts +0 -1
  272. package/form-controls/input/ng-package.json +0 -7
  273. package/form-controls/input/src/directives/input-append.directive.spec.ts +0 -8
  274. package/form-controls/input/src/directives/input-append.directive.ts +0 -11
  275. package/form-controls/input/src/directives/input-prepend.directive.spec.ts +0 -8
  276. package/form-controls/input/src/directives/input-prepend.directive.ts +0 -11
  277. package/form-controls/input/src/input.component.html +0 -82
  278. package/form-controls/input/src/input.component.scss +0 -13
  279. package/form-controls/input/src/input.component.spec.ts +0 -23
  280. package/form-controls/input/src/input.component.ts +0 -124
  281. package/form-controls/input/src/upd-input.module.ts +0 -29
  282. package/form-controls/radio/index.ts +0 -1
  283. package/form-controls/radio/ng-package.json +0 -7
  284. package/form-controls/radio/src/radio.component.html +0 -7
  285. package/form-controls/radio/src/radio.component.scss +0 -0
  286. package/form-controls/radio/src/radio.component.spec.ts +0 -23
  287. package/form-controls/radio/src/radio.component.ts +0 -47
  288. package/form-controls/radio/src/upd-radio.module.ts +0 -17
  289. package/form-controls/select/index.ts +0 -1
  290. package/form-controls/select/ng-package.json +0 -7
  291. package/form-controls/select/src/components/multiple/select-multiple.component.html +0 -41
  292. package/form-controls/select/src/components/multiple/select-multiple.component.scss +0 -6
  293. package/form-controls/select/src/components/multiple/select-multiple.component.spec.ts +0 -21
  294. package/form-controls/select/src/components/multiple/select-multiple.component.ts +0 -69
  295. package/form-controls/select/src/components/shared.scss +0 -40
  296. package/form-controls/select/src/components/single/select.component.html +0 -53
  297. package/form-controls/select/src/components/single/select.component.scss +0 -3
  298. package/form-controls/select/src/components/single/select.component.spec.ts +0 -23
  299. package/form-controls/select/src/components/single/select.component.ts +0 -58
  300. package/form-controls/select/src/models/abstractions/base-select.component.ts +0 -259
  301. package/form-controls/select/src/upd-select.module.ts +0 -32
  302. package/form-controls/textarea/index.ts +0 -1
  303. package/form-controls/textarea/ng-package.json +0 -7
  304. package/form-controls/textarea/src/textarea.component.html +0 -8
  305. package/form-controls/textarea/src/textarea.component.scss +0 -0
  306. package/form-controls/textarea/src/textarea.component.spec.ts +0 -23
  307. package/form-controls/textarea/src/textarea.component.ts +0 -47
  308. package/form-controls/textarea/src/upd-textarea.module.ts +0 -17
  309. package/form-controls/time-picker/index.ts +0 -1
  310. package/form-controls/time-picker/ng-package.json +0 -7
  311. package/form-controls/time-picker/src/time-picker.component.html +0 -17
  312. package/form-controls/time-picker/src/time-picker.component.scss +0 -10
  313. package/form-controls/time-picker/src/time-picker.component.spec.ts +0 -21
  314. package/form-controls/time-picker/src/time-picker.component.ts +0 -110
  315. package/form-controls/time-picker/src/time-selector/time-selector.component.html +0 -44
  316. package/form-controls/time-picker/src/time-selector/time-selector.component.scss +0 -47
  317. package/form-controls/time-picker/src/time-selector/time-selector.component.spec.ts +0 -21
  318. package/form-controls/time-picker/src/time-selector/time-selector.component.ts +0 -107
  319. package/form-controls/time-picker/src/upd-time-picker.module.ts +0 -39
  320. package/index.ts +0 -1
  321. package/layout/index.ts +0 -1
  322. package/layout/ng-package.json +0 -7
  323. package/layout/src/abstractions/base-page.component.ts +0 -21
  324. package/layout/src/layouts/blank-layout/blank-layout.component.html +0 -1
  325. package/layout/src/layouts/blank-layout/blank-layout.component.scss +0 -0
  326. package/layout/src/layouts/blank-layout/blank-layout.component.spec.ts +0 -23
  327. package/layout/src/layouts/blank-layout/blank-layout.component.ts +0 -10
  328. package/layout/src/layouts/blank-layout/blank-layout.module.ts +0 -17
  329. package/layout/src/layouts/vertical-sidebar-layout/vertical-sidebar-layout.component.html +0 -14
  330. package/layout/src/layouts/vertical-sidebar-layout/vertical-sidebar-layout.component.scss +0 -0
  331. package/layout/src/layouts/vertical-sidebar-layout/vertical-sidebar-layout.component.spec.ts +0 -23
  332. package/layout/src/layouts/vertical-sidebar-layout/vertical-sidebar-layout.component.ts +0 -31
  333. package/layout/src/layouts/vertical-sidebar-layout/vertical-sidebar-layout.module.ts +0 -52
  334. package/layout/src/models/upd-layout-config.model.ts +0 -71
  335. package/layout/src/pages/auth-flow/auth-flow-routing.module.ts +0 -21
  336. package/layout/src/pages/auth-flow/auth-flow.module.ts +0 -29
  337. package/layout/src/pages/auth-flow/logged-out/logged-out.component.html +0 -1
  338. package/layout/src/pages/auth-flow/logged-out/logged-out.component.scss +0 -0
  339. package/layout/src/pages/auth-flow/logged-out/logged-out.component.spec.ts +0 -23
  340. package/layout/src/pages/auth-flow/logged-out/logged-out.component.ts +0 -10
  341. package/layout/src/pages/auth-flow/login/login.component.html +0 -96
  342. package/layout/src/pages/auth-flow/login/login.component.scss +0 -0
  343. package/layout/src/pages/auth-flow/login/login.component.spec.ts +0 -23
  344. package/layout/src/pages/auth-flow/login/login.component.ts +0 -26
  345. package/layout/src/pages/auth-flow/oauth-callback/oauth-callback.component.html +0 -1
  346. package/layout/src/pages/auth-flow/oauth-callback/oauth-callback.component.scss +0 -0
  347. package/layout/src/pages/auth-flow/oauth-callback/oauth-callback.component.spec.ts +0 -23
  348. package/layout/src/pages/auth-flow/oauth-callback/oauth-callback.component.ts +0 -10
  349. package/layout/src/partials/footer/footer-copyright.directive.spec.ts +0 -8
  350. package/layout/src/partials/footer/footer-copyright.directive.ts +0 -9
  351. package/layout/src/partials/footer/footer.component.html +0 -30
  352. package/layout/src/partials/footer/footer.component.scss +0 -0
  353. package/layout/src/partials/footer/footer.component.spec.ts +0 -23
  354. package/layout/src/partials/footer/footer.component.ts +0 -73
  355. package/layout/src/partials/header/header.component.html +0 -163
  356. package/layout/src/partials/header/header.component.scss +0 -0
  357. package/layout/src/partials/header/header.component.spec.ts +0 -23
  358. package/layout/src/partials/header/header.component.ts +0 -86
  359. package/layout/src/partials/page-header/page-header.component.html +0 -19
  360. package/layout/src/partials/page-header/page-header.component.scss +0 -0
  361. package/layout/src/partials/page-header/page-header.component.spec.ts +0 -23
  362. package/layout/src/partials/page-header/page-header.component.ts +0 -11
  363. package/layout/src/partials/sidebar/sidebar.component.html +0 -62
  364. package/layout/src/partials/sidebar/sidebar.component.scss +0 -0
  365. package/layout/src/partials/sidebar/sidebar.component.spec.ts +0 -23
  366. package/layout/src/partials/sidebar/sidebar.component.ts +0 -161
  367. package/layout/src/services/upd-layout-config.service.spec.ts +0 -16
  368. package/layout/src/services/upd-layout-config.service.ts +0 -20
  369. package/layout/src/upd-layout.module.ts +0 -34
  370. package/link/index.ts +0 -1
  371. package/link/ng-package.json +0 -7
  372. package/link/src/link.component.html +0 -3
  373. package/link/src/link.component.scss +0 -3
  374. package/link/src/link.component.spec.ts +0 -23
  375. package/link/src/link.component.ts +0 -48
  376. package/link/src/upd-link.module.ts +0 -17
  377. package/list/index.ts +0 -1
  378. package/list/ng-package.json +0 -7
  379. package/list/src/list.component.html +0 -58
  380. package/list/src/list.component.scss +0 -21
  381. package/list/src/list.component.spec.ts +0 -23
  382. package/list/src/list.component.ts +0 -147
  383. package/list/src/upd-list.module.ts +0 -30
  384. package/ng-package.json +0 -10
  385. package/popover/index.ts +0 -1
  386. package/popover/ng-package.json +0 -7
  387. package/popover/src/popover.component.html +0 -20
  388. package/popover/src/popover.component.scss +0 -8
  389. package/popover/src/popover.component.spec.ts +0 -23
  390. package/popover/src/popover.component.ts +0 -53
  391. package/popover/src/popover.directive.spec.ts +0 -8
  392. package/popover/src/popover.directive.ts +0 -128
  393. package/popover/src/upd-popover.module.ts +0 -20
  394. package/src/lib/upd-components.module.ts +0 -6
  395. package/tsconfig.lib.json +0 -14
  396. package/tsconfig.lib.prod.json +0 -10
  397. package/tsconfig.spec.json +0 -14
  398. /package/button/{src/index.ts → index.d.ts} +0 -0
  399. /package/button/{src/public-api.ts → public-api.d.ts} +0 -0
  400. /package/card/{src/directives/public-api.ts → directives/public-api.d.ts} +0 -0
  401. /package/card/{src/index.ts → index.d.ts} +0 -0
  402. /package/card/{src/public-api.ts → public-api.d.ts} +0 -0
  403. /package/card/{src/types/card-state.type.ts → types/card-state.type.d.ts} +0 -0
  404. /package/card/{src/types/card-style.type.ts → types/card-style.type.d.ts} +0 -0
  405. /package/card/{src/types/hover-effect.type.ts → types/hover-effect.type.d.ts} +0 -0
  406. /package/card/{src/types/ribbon-style.type.ts → types/ribbon-style.type.d.ts} +0 -0
  407. /package/card/{src/types/status-position.type.ts → types/status-position.type.d.ts} +0 -0
  408. /package/dropdown/{src/index.ts → index.d.ts} +0 -0
  409. /package/dropdown/{src/models/dropdown-item.type.ts → models/dropdown-item.type.d.ts} +0 -0
  410. /package/dropdown/{src/models/public-api.ts → models/public-api.d.ts} +0 -0
  411. /package/dropdown/{src/public-api.ts → public-api.d.ts} +0 -0
  412. /package/{form-controls/time-picker/src → esm2022/form-controls/time-picker}/assets/i18n/en.json +0 -0
  413. /package/{form-controls/time-picker/src → esm2022/form-controls/time-picker}/assets/i18n/pt.json +0 -0
  414. /package/{layout/src → esm2022/layout}/assets/i18n/en.json +0 -0
  415. /package/{layout/src → esm2022/layout}/assets/i18n/pt.json +0 -0
  416. /package/{list/src → esm2022/list}/assets/i18n/en.json +0 -0
  417. /package/{list/src → esm2022/list}/assets/i18n/pt.json +0 -0
  418. /package/form/{src/index.ts → index.d.ts} +0 -0
  419. /package/form/{src/public-api.ts → public-api.d.ts} +0 -0
  420. /package/form-controls/checkbox/{src/index.ts → index.d.ts} +0 -0
  421. /package/form-controls/input/{src/directives/public-api.ts → directives/public-api.d.ts} +0 -0
  422. /package/form-controls/input/{src/index.ts → index.d.ts} +0 -0
  423. /package/form-controls/input/{src/public-api.ts → public-api.d.ts} +0 -0
  424. /package/form-controls/input/{src/types/input.type.ts → types/input.type.d.ts} +0 -0
  425. /package/form-controls/input/{src/types/loader-position.type.ts → types/loader-position.type.d.ts} +0 -0
  426. /package/form-controls/input/{src/types/public-api.ts → types/public-api.d.ts} +0 -0
  427. /package/form-controls/radio/{src/index.ts → index.d.ts} +0 -0
  428. /package/form-controls/radio/{src/public-api.ts → public-api.d.ts} +0 -0
  429. /package/form-controls/select/{src/index.ts → index.d.ts} +0 -0
  430. /package/form-controls/select/{src/models/public-api.ts → models/public-api.d.ts} +0 -0
  431. /package/form-controls/select/{src/public-api.ts → public-api.d.ts} +0 -0
  432. /package/form-controls/textarea/{src/index.ts → index.d.ts} +0 -0
  433. /package/form-controls/textarea/{src/public-api.ts → public-api.d.ts} +0 -0
  434. /package/form-controls/time-picker/{src/index.ts → index.d.ts} +0 -0
  435. /package/form-controls/time-picker/{src/public-api.ts → public-api.d.ts} +0 -0
  436. /package/layout/{src/abstractions/public-api.ts → abstractions/public-api.d.ts} +0 -0
  437. /package/layout/{src/index.ts → index.d.ts} +0 -0
  438. /package/layout/{src/layouts/public-api.ts → layouts/public-api.d.ts} +0 -0
  439. /package/layout/{src/models/public-api.ts → models/public-api.d.ts} +0 -0
  440. /package/layout/{src/models/upd-layout.config.ts → models/upd-layout.config.d.ts} +0 -0
  441. /package/layout/{src/pages/auth-flow/public-api.ts → pages/auth-flow/public-api.d.ts} +0 -0
  442. /package/layout/{src/pages/public-api.ts → pages/public-api.d.ts} +0 -0
  443. /package/layout/{src/partials/footer/public-api.ts → partials/footer/public-api.d.ts} +0 -0
  444. /package/layout/{src/partials/header/header-style.type.ts → partials/header/header-style.type.d.ts} +0 -0
  445. /package/layout/{src/partials/header/public-api.ts → partials/header/public-api.d.ts} +0 -0
  446. /package/layout/{src/partials/page-header/public-api.ts → partials/page-header/public-api.d.ts} +0 -0
  447. /package/layout/{src/partials/public-api.ts → partials/public-api.d.ts} +0 -0
  448. /package/layout/{src/partials/sidebar/public-api.ts → partials/sidebar/public-api.d.ts} +0 -0
  449. /package/layout/{src/public-api.ts → public-api.d.ts} +0 -0
  450. /package/layout/{src/services/public-api.ts → services/public-api.d.ts} +0 -0
  451. /package/{link/src/index.ts → lib/index.d.ts} +0 -0
  452. /package/{src/lib/public-api.ts → lib/public-api.d.ts} +0 -0
  453. /package/{src/lib/types/component-size.type.ts → lib/types/component-size.type.d.ts} +0 -0
  454. /package/{src/lib/types/public-api.ts → lib/types/public-api.d.ts} +0 -0
  455. /package/{src/lib/types/validation-status.type.ts → lib/types/validation-status.type.d.ts} +0 -0
  456. /package/{list/src/index.ts → link/index.d.ts} +0 -0
  457. /package/link/{src/public-api.ts → public-api.d.ts} +0 -0
  458. /package/link/{src/target.type.ts → target.type.d.ts} +0 -0
  459. /package/{popover/src/index.ts → list/index.d.ts} +0 -0
  460. /package/list/{src/models/badge-position.type.ts → models/badge-position.type.d.ts} +0 -0
  461. /package/list/{src/models/public-api.ts → models/public-api.d.ts} +0 -0
  462. /package/list/{src/public-api.ts → public-api.d.ts} +0 -0
  463. /package/{src/lib/index.ts → popover/index.d.ts} +0 -0
  464. /package/popover/{src/public-api.ts → public-api.d.ts} +0 -0
  465. /package/{src/public-api.ts → public-api.d.ts} +0 -0
@@ -1,23 +0,0 @@
1
- import { ComponentFixture, TestBed } from '@angular/core/testing';
2
-
3
- import { LoginComponent } from './login.component';
4
-
5
- describe('LoginComponent', () => {
6
- let component: LoginComponent;
7
- let fixture: ComponentFixture<LoginComponent>;
8
-
9
- beforeEach(async () => {
10
- await TestBed.configureTestingModule({
11
- declarations: [ LoginComponent ]
12
- })
13
- .compileComponents();
14
-
15
- fixture = TestBed.createComponent(LoginComponent);
16
- component = fixture.componentInstance;
17
- fixture.detectChanges();
18
- });
19
-
20
- it('should create', () => {
21
- expect(component).toBeTruthy();
22
- });
23
- });
@@ -1,26 +0,0 @@
1
- import { Component, ViewEncapsulation, inject } from '@angular/core';
2
- import { LayoutService } from '@updevs/sdk/layout';
3
- import { AuthService } from '@updevs/sdk/security';
4
-
5
- @Component({
6
- selector: 'upd-login',
7
- templateUrl: './login.component.html',
8
- styleUrls: ['./login.component.scss'],
9
- encapsulation: ViewEncapsulation.None
10
- })
11
- export class LoginComponent {
12
- layout: 'centered-box' | 'box-with-picture' = 'centered-box';
13
- username = '';
14
- password = '';
15
-
16
- private readonly authService = inject(AuthService);
17
- private readonly layoutService = inject(LayoutService);
18
-
19
- constructor() {
20
- this.layoutService.addBodyClasses('border-top-wide', 'border-primary', 'd-flex', 'flex-column');
21
- }
22
-
23
- login(): void {
24
- this.authService.login(this.username, this.password).subscribe();
25
- }
26
- }
@@ -1 +0,0 @@
1
- <p>oauth-callback works!</p>
@@ -1,23 +0,0 @@
1
- import { ComponentFixture, TestBed } from '@angular/core/testing';
2
-
3
- import { OauthCallbackComponent } from './oauth-callback.component';
4
-
5
- describe('OauthCallbackComponent', () => {
6
- let component: OauthCallbackComponent;
7
- let fixture: ComponentFixture<OauthCallbackComponent>;
8
-
9
- beforeEach(async () => {
10
- await TestBed.configureTestingModule({
11
- declarations: [ OauthCallbackComponent ]
12
- })
13
- .compileComponents();
14
-
15
- fixture = TestBed.createComponent(OauthCallbackComponent);
16
- component = fixture.componentInstance;
17
- fixture.detectChanges();
18
- });
19
-
20
- it('should create', () => {
21
- expect(component).toBeTruthy();
22
- });
23
- });
@@ -1,10 +0,0 @@
1
- import { Component } from '@angular/core';
2
-
3
- @Component({
4
- selector: 'upd-oauth-callback',
5
- templateUrl: './oauth-callback.component.html',
6
- styleUrls: ['./oauth-callback.component.scss']
7
- })
8
- export class OauthCallbackComponent {
9
-
10
- }
@@ -1,8 +0,0 @@
1
- import { FooterCopyrightDirective } from './footer-copyright.directive';
2
-
3
- describe('FooterCopyrightDirective', () => {
4
- it('should create an instance', () => {
5
- const directive = new FooterCopyrightDirective();
6
- expect(directive).toBeTruthy();
7
- });
8
- });
@@ -1,9 +0,0 @@
1
- import { Directive } from '@angular/core';
2
-
3
- @Directive({
4
- selector: '[updFooterCopyright]'
5
- })
6
- export class FooterCopyrightDirective {
7
- constructor() {
8
- }
9
- }
@@ -1,30 +0,0 @@
1
- <div class="container-xl">
2
- <div class="row text-center align-items-center flex-row-reverse">
3
- <div class="col-lg-auto ms-lg-auto">
4
- <ul *ngIf="links.length > 0" class="list-inline list-inline-dots mb-0">
5
- <li *ngFor="let link of links" class="list-inline-item">
6
- <a href="{{link.url}}" target="{{link.target}}" class="link-secondary">
7
- <span [innerHTML]="link.text"></span>
8
- <ng-container *transloco="let t">
9
- {{t('Layout.Aloha')}}
10
- </ng-container>
11
- </a>
12
- </li>
13
- </ul>
14
- </div>
15
- <div class="col-12 col-lg-auto mt-3 mt-lg-0">
16
- <ng-container *ngIf="!!footerCopyrightTemplate; else defaultFooterTpl"
17
- [ngTemplateOutlet]="footerCopyrightTemplate"></ng-container>
18
- <ng-template #defaultFooterTpl>
19
- <ul class="list-inline list-inline-dots mb-0">
20
- <li class="list-inline-item">
21
- {{copyrightPrefix}} &copy; {{currentYear}} {{copyrightSuffix}}
22
- </li>
23
- <li *ngIf="!!version" class="list-inline-item">
24
- {{version}}
25
- </li>
26
- </ul>
27
- </ng-template>
28
- </div>
29
- </div>
30
- </div>
File without changes
@@ -1,23 +0,0 @@
1
- import { ComponentFixture, TestBed } from '@angular/core/testing';
2
-
3
- import { FooterComponent } from './footer.component';
4
-
5
- describe('FooterComponent', () => {
6
- let component: FooterComponent;
7
- let fixture: ComponentFixture<FooterComponent>;
8
-
9
- beforeEach(async () => {
10
- await TestBed.configureTestingModule({
11
- declarations: [ FooterComponent ]
12
- })
13
- .compileComponents();
14
-
15
- fixture = TestBed.createComponent(FooterComponent);
16
- component = fixture.componentInstance;
17
- fixture.detectChanges();
18
- });
19
-
20
- it('should create', () => {
21
- expect(component).toBeTruthy();
22
- });
23
- });
@@ -1,73 +0,0 @@
1
- import { Component, ContentChild, TemplateRef, HostBinding, OnInit, OnChanges, SimpleChanges, ViewEncapsulation } from '@angular/core';
2
- import { LinkModel } from '@updevs/sdk/core';
3
- import { BaseComponent } from '@updevs/sdk/layout';
4
- import { TranslocoService } from '@ngneat/transloco';
5
-
6
- import { FooterCopyrightDirective } from './footer-copyright.directive';
7
-
8
- @Component({
9
- selector: 'upd-footer',
10
- templateUrl: './footer.component.html',
11
- styleUrls: ['./footer.component.scss'],
12
- encapsulation: ViewEncapsulation.None
13
- })
14
- export class FooterComponent extends BaseComponent implements OnInit, OnChanges {
15
- @HostBinding('class') wrapperClasses = '';
16
- @ContentChild(FooterCopyrightDirective, { read: TemplateRef, static: true }) footerCopyrightTemplate?: TemplateRef<any>;
17
-
18
- /**
19
- * Whether the footer will always be shown.
20
- */
21
- isSticky = false;
22
- /**
23
- * Whether the footer is transparent or not.
24
- */
25
- isTransparent = true;
26
- /**
27
- * Links.
28
- */
29
- links: LinkModel[] = [];
30
- /**
31
- * Current year.
32
- */
33
- currentYear = new Date().getFullYear();
34
- /**
35
- * Text displayed in the copyright section before the symbol and year.
36
- */
37
- copyrightPrefix = 'Copyright';
38
- /**
39
- * Text displayed in the copyright section after the symbol and year.
40
- */
41
- copyrightSuffix = '';
42
- /**
43
- * Version of the application.
44
- */
45
- version?: string;
46
-
47
- private baseWrapperClasses = 'footer d-print-none';
48
-
49
- constructor(
50
- private translocoService: TranslocoService
51
- ) {
52
- super();
53
- }
54
-
55
- ngOnInit(): void {
56
- const footerCpsSub = this.translocoService.selectTranslate('Footer.AllRightsReserved').subscribe(r => this.copyrightSuffix = r);
57
-
58
- this.updateWrapperClasses();
59
- this.addSubscriptions(footerCpsSub);
60
- }
61
-
62
- ngOnChanges(changes: SimpleChanges): void {
63
- if (!!changes['isSticky'].currentValue || !!changes['isTransparent'].currentValue) {
64
- this.updateWrapperClasses();
65
- }
66
- }
67
-
68
- private updateWrapperClasses(): void {
69
- const stickyBottomCls = this.isSticky ? ' sticky-bottom' : '';
70
- const transparentCls = this.isTransparent ? ' footer-transparent' : '';
71
- this.wrapperClasses = `${this.baseWrapperClasses}${stickyBottomCls}${transparentCls}`;
72
- }
73
- }
@@ -1,163 +0,0 @@
1
- <div class="container-xl">
2
- <button class="navbar-toggler" type="button">
3
- <span class="navbar-toggler-icon"></span>
4
- </button>
5
- <div class="navbar-nav flex-row order-md-last">
6
- <div class="d-none d-md-flex me-3">
7
- <div class="nav-item">
8
- <upd-link [isNavigation]="true" [customClasses]="['px-0']" (clicked)="switchTheme()">
9
- <upd-icon [tablerIcon]="nextThemeIcon"></upd-icon>
10
- </upd-link>
11
- </div>
12
- <div *ngIf="showLanguageSwitcher" class="nav-item">
13
- <upd-link [isNavigation]="true" [customClasses]="['px-0']" (clicked)="switchLanguage()">
14
- <upd-icon tablerIcon="flag"></upd-icon>
15
- </upd-link>
16
- </div>
17
- <div *ngIf="showNotifications" class="nav-item dropdown d-none d-md-flex">
18
- <upd-link [isNavigation]="true" [customClasses]="['px-0']" (clicked)="openNotifications()">
19
- <upd-icon [tablerIcon]="currentNotificationsIcon"></upd-icon>
20
- <span *ngIf="hasNewNotifications" class="badge bg-red"></span>
21
- </upd-link>
22
- <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
23
- <div class="card">
24
- <div class="card-header">
25
- <h3 class="card-title">Last updates</h3>
26
- </div>
27
- <div class="list-group list-group-flush list-group-hoverable">
28
- <div class="list-group-item">
29
- <div class="row align-items-center">
30
- <div class="col-auto"><span
31
- class="status-dot status-dot-animated bg-red d-block"></span></div>
32
- <div class="col text-truncate">
33
- <a href="#" class="text-body d-block">Example 1</a>
34
- <div class="d-block text-muted text-truncate mt-n1">
35
- Change deprecated html tags to text decoration classes (#29604)
36
- </div>
37
- </div>
38
- <div class="col-auto">
39
- <a href="#" class="list-group-item-actions">
40
- <!-- Download SVG icon from http://tabler-icons.io/i/star -->
41
- <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted"
42
- width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
43
- stroke="currentColor" fill="none" stroke-linecap="round"
44
- stroke-linejoin="round">
45
- <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
46
- <path
47
- d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/>
48
- </svg>
49
- </a>
50
- </div>
51
- </div>
52
- </div>
53
- <div class="list-group-item">
54
- <div class="row align-items-center">
55
- <div class="col-auto"><span class="status-dot d-block"></span></div>
56
- <div class="col text-truncate">
57
- <a href="#" class="text-body d-block">Example 2</a>
58
- <div class="d-block text-muted text-truncate mt-n1">
59
- justify-content:between ⇒ justify-content:space-between (#29734)
60
- </div>
61
- </div>
62
- <div class="col-auto">
63
- <a href="#" class="list-group-item-actions show">
64
- <!-- Download SVG icon from http://tabler-icons.io/i/star -->
65
- <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow"
66
- width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
67
- stroke="currentColor" fill="none" stroke-linecap="round"
68
- stroke-linejoin="round">
69
- <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
70
- <path
71
- d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/>
72
- </svg>
73
- </a>
74
- </div>
75
- </div>
76
- </div>
77
- <div class="list-group-item">
78
- <div class="row align-items-center">
79
- <div class="col-auto"><span class="status-dot d-block"></span></div>
80
- <div class="col text-truncate">
81
- <a href="#" class="text-body d-block">Example 3</a>
82
- <div class="d-block text-muted text-truncate mt-n1">
83
- Update change-version.js (#29736)
84
- </div>
85
- </div>
86
- <div class="col-auto">
87
- <a href="#" class="list-group-item-actions">
88
- <!-- Download SVG icon from http://tabler-icons.io/i/star -->
89
- <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted"
90
- width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
91
- stroke="currentColor" fill="none" stroke-linecap="round"
92
- stroke-linejoin="round">
93
- <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
94
- <path
95
- d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/>
96
- </svg>
97
- </a>
98
- </div>
99
- </div>
100
- </div>
101
- <div class="list-group-item">
102
- <div class="row align-items-center">
103
- <div class="col-auto"><span
104
- class="status-dot status-dot-animated bg-green d-block"></span></div>
105
- <div class="col text-truncate">
106
- <a href="#" class="text-body d-block">Example 4</a>
107
- <div class="d-block text-muted text-truncate mt-n1">
108
- Regenerate package-lock.json (#29730)
109
- </div>
110
- </div>
111
- <div class="col-auto">
112
- <a href="#" class="list-group-item-actions">
113
- <!-- Download SVG icon from http://tabler-icons.io/i/star -->
114
- <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted"
115
- width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
116
- stroke="currentColor" fill="none" stroke-linecap="round"
117
- stroke-linejoin="round">
118
- <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
119
- <path
120
- d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/>
121
- </svg>
122
- </a>
123
- </div>
124
- </div>
125
- </div>
126
- </div>
127
- </div>
128
- </div>
129
- </div>
130
- </div>
131
- <div *ngIf="showUserMenu" class="nav-item dropdown">
132
- <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown"
133
- aria-label="Open user menu">
134
- <!--<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>-->
135
- <span class="avatar avatar-sm"></span>
136
- <div class="d-none d-xl-block ps-2">
137
- <div>Eros Stein</div>
138
- <div class="mt-1 small text-muted">Administrator</div>
139
- </div>
140
- </a>
141
- <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
142
- <a href="#" class="dropdown-item">Status</a>
143
- <a href="./profile.html" class="dropdown-item">Profile</a>
144
- <a href="#" class="dropdown-item">Feedback</a>
145
- <div class="dropdown-divider"></div>
146
- <a href="./settings.html" class="dropdown-item">Settings</a>
147
- <a href="./sign-in.html" class="dropdown-item">Logout</a>
148
- </div>
149
- </div>
150
- </div>
151
- <div *ngIf="showSearchBar" class="collapse navbar-collapse">
152
- <div>
153
- <form autocomplete="off" novalidate>
154
- <div class="input-icon">
155
- <span class="input-icon-addon">
156
- <upd-icon tablerIcon="search"></upd-icon>
157
- </span>
158
- <input type="text" value="" class="form-control" placeholder="Search…">
159
- </div>
160
- </form>
161
- </div>
162
- </div>
163
- </div>
File without changes
@@ -1,23 +0,0 @@
1
- import { ComponentFixture, TestBed } from '@angular/core/testing';
2
-
3
- import { HeaderComponent } from './header.component';
4
-
5
- describe('HeaderComponent', () => {
6
- let component: HeaderComponent;
7
- let fixture: ComponentFixture<HeaderComponent>;
8
-
9
- beforeEach(async () => {
10
- await TestBed.configureTestingModule({
11
- declarations: [ HeaderComponent ]
12
- })
13
- .compileComponents();
14
-
15
- fixture = TestBed.createComponent(HeaderComponent);
16
- component = fixture.componentInstance;
17
- fixture.detectChanges();
18
- });
19
-
20
- it('should create', () => {
21
- expect(component).toBeTruthy();
22
- });
23
- });
@@ -1,86 +0,0 @@
1
- import { Component, ViewEncapsulation, Input, HostBinding, OnChanges, SimpleChanges, OnInit } from '@angular/core';
2
- import { UpdCoreLayoutConfigService, BaseComponent, LayoutService } from '@updevs/sdk/layout';
3
- import { TablerIconsType } from '@updevs/icons';
4
- import { TranslocoService } from '@ngneat/transloco';
5
-
6
- import { HeaderStyleType } from './header-style.type';
7
-
8
- @Component({
9
- selector: 'upd-header',
10
- templateUrl: './header.component.html',
11
- styleUrls: ['./header.component.scss'],
12
- encapsulation: ViewEncapsulation.None
13
- })
14
- export class HeaderComponent extends BaseComponent implements OnInit, OnChanges {
15
- @HostBinding('class') wrapperClasses = '';
16
-
17
- @Input() style: HeaderStyleType = 'light';
18
- @Input() showSearchBar = true;
19
-
20
- nextThemeIcon: TablerIconsType = 'moon';
21
- nextThemeColor = 'black';
22
- currentNotificationsIcon: TablerIconsType = 'bell';
23
- hasNewNotifications = false;
24
- showNotifications = false;
25
- showLanguageSwitcher = true; // TODO: add on config.
26
- showUserMenu = false;
27
-
28
- private baseWrapperClasses = 'navbar navbar-expand-md d-none d-lg-flex d-print-none';
29
-
30
- constructor(
31
- private coreLayoutConfigService: UpdCoreLayoutConfigService,
32
- private layoutService: LayoutService,
33
- private translocoService: TranslocoService
34
- ) {
35
- super();
36
- }
37
-
38
- ngOnInit(): void {
39
- this.updateWrapperClasses();
40
-
41
- if (this.coreLayoutConfigService.config.showNotificationsButton) {
42
- this.setupNotifications();
43
- }
44
-
45
- if (this.coreLayoutConfigService.config.showUserMenu) {
46
- this.showUserMenu = true;
47
- }
48
- }
49
-
50
- ngOnChanges(changes: SimpleChanges): void {
51
- if (!!changes['style'].currentValue) {
52
- this.updateWrapperClasses();
53
- }
54
- }
55
-
56
- switchTheme(): void {
57
- const isDarkMode = this.nextThemeIcon === 'moon';
58
- this.nextThemeIcon = isDarkMode ? 'sun' : 'moon';
59
- this.nextThemeColor = isDarkMode ? 'white' : 'black';
60
-
61
- this.layoutService.toggleDarkMode(isDarkMode);
62
- }
63
-
64
- // TODO: implement.
65
- switchLanguage(): void {
66
- const currentLang = this.translocoService.getActiveLang();
67
- this.translocoService.setActiveLang(currentLang === 'en' ? 'pt' : 'en');
68
- }
69
-
70
- openNotifications(): void {
71
- this.updateNotificationsIcon();
72
- }
73
-
74
- private setupNotifications(): void {
75
- this.showNotifications = true;
76
- }
77
-
78
- private updateNotificationsIcon(): void {
79
- this.currentNotificationsIcon = this.currentNotificationsIcon === 'bell' ? 'bell-ringing' : 'bell';
80
- this.hasNewNotifications = !this.hasNewNotifications;
81
- }
82
-
83
- private updateWrapperClasses(): void {
84
- this.wrapperClasses = `${this.baseWrapperClasses} navbar-${this.style}`;
85
- }
86
- }
@@ -1,19 +0,0 @@
1
- <div class="page-header d-print-none">
2
- <div class="container-xl">
3
- <div class="row g-2 align-items-center">
4
- <div class="col">
5
- <div class="page-pretitle">
6
- {{model.titleHeader}}
7
- </div>
8
- <h2 class="page-title">
9
- {{model.title}}
10
- </h2>
11
- </div>
12
- <div *ngIf="(model.actionButtons?.length || 0) > 0" class="col-auto ms-auto d-print-none">
13
- <div class="btn-list">
14
- <upd-button *ngFor="let btn of model.actionButtons" [model]="btn!"></upd-button>
15
- </div>
16
- </div>
17
- </div>
18
- </div>
19
- </div>
@@ -1,23 +0,0 @@
1
- import { ComponentFixture, TestBed } from '@angular/core/testing';
2
-
3
- import { PageHeaderComponent } from './page-header.component';
4
-
5
- describe('PageHeaderComponent', () => {
6
- let component: PageHeaderComponent;
7
- let fixture: ComponentFixture<PageHeaderComponent>;
8
-
9
- beforeEach(async () => {
10
- await TestBed.configureTestingModule({
11
- declarations: [ PageHeaderComponent ]
12
- })
13
- .compileComponents();
14
-
15
- fixture = TestBed.createComponent(PageHeaderComponent);
16
- component = fixture.componentInstance;
17
- fixture.detectChanges();
18
- });
19
-
20
- it('should create', () => {
21
- expect(component).toBeTruthy();
22
- });
23
- });
@@ -1,11 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import { PageHeaderModel } from '@updevs/sdk/layout';
3
-
4
- @Component({
5
- selector: 'upd-page-header',
6
- templateUrl: './page-header.component.html',
7
- styleUrls: ['./page-header.component.scss']
8
- })
9
- export class PageHeaderComponent {
10
- @Input() model!: PageHeaderModel;
11
- }
@@ -1,62 +0,0 @@
1
- <div class="container-fluid">
2
- <button class="navbar-toggler" type="button">
3
- <span class="navbar-toggler-icon"></span>
4
- </button>
5
- <h1 class="navbar-brand navbar-brand-autodark">
6
- <a href=".">
7
- <img width="110" height="32" class="navbar-brand-image upd-brand-logo"/>
8
- </a>
9
- </h1>
10
- <div class="collapse navbar-collapse">
11
- <ul class="navbar-nav pt-lg-3">
12
- <li *ngFor="let item of menuItems" class="nav-item" [class.dropdown]="hasChildren(item)"
13
- [class.active]="item.isActive">
14
- <ng-container [ngTemplateOutlet]="itemTpl" [ngTemplateOutletContext]="{menuItem: item}">
15
- </ng-container>
16
- </li>
17
- </ul>
18
- </div>
19
- </div>
20
-
21
- <ng-template #itemTpl let-item="menuItem">
22
- <upd-link [isNavigation]="true" (clicked)="onMenuItemClick(item)"
23
- [customClasses]="[hasChildren(item) ? 'dropdown-toggle' : '', item.isActive ? 'show' : '']">
24
- <span class="nav-link-icon d-md-none d-lg-inline-block">
25
- <upd-icon [model]="item.icon"></upd-icon>
26
- </span>
27
- <span class="nav-link-title">{{item.title}}</span>
28
- </upd-link>
29
- <ng-container *ngIf="hasChildren(item)" [ngTemplateOutlet]="childrenTpl" [ngTemplateOutletContext]="{menuItem: item}">
30
- </ng-container>
31
- </ng-template>
32
-
33
- <ng-template #childrenTpl let-item="menuItem">
34
- <div class="dropdown-menu" [class.show]="item.isActive">
35
- <div class="dropdown-menu-columns">
36
- <div class="dropdown-menu-column">
37
- <ng-container *ngFor="let child of item.children">
38
- <upd-link *ngIf="!hasChildren(child); else grandchildTpl" (clicked)="onMenuItemClick(child)"
39
- [customClasses]="['dropdown-item', child.isActive ? 'active' : '']">
40
- {{child.title}}
41
- </upd-link>
42
- <ng-template #grandchildTpl>
43
- <div class="dropend">
44
- <upd-link (clicked)="onMenuItemClick(child)"
45
- [customClasses]="['dropdown-item', 'dropdown-toggle', child.isActive ? 'active' : '']">
46
- {{child.title}}
47
- </upd-link>
48
- <div class="dropdown-menu" [class.show]="child.isActive">
49
- <ng-container *ngFor="let grandchild of child.children">
50
- <upd-link (clicked)="onMenuItemClick(grandchild)"
51
- [customClasses]="['dropdown-item', grandchild.isActive ? 'active' : '']">
52
- {{grandchild.title}}
53
- </upd-link>
54
- </ng-container>
55
- </div>
56
- </div>
57
- </ng-template>
58
- </ng-container>
59
- </div>
60
- </div>
61
- </div>
62
- </ng-template>