spiderly 19.0.0 → 19.0.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 (219) hide show
  1. package/fesm2022/spiderly.mjs +1996 -2189
  2. package/fesm2022/spiderly.mjs.map +1 -1
  3. package/lib/components/auth/login/login.component.d.ts +1 -1
  4. package/lib/components/auth/registration/registration.component.d.ts +1 -1
  5. package/lib/components/spiderly-buttons/spiderly-button-base/spiderly-button-base.d.ts +1 -1
  6. package/lib/entities/primeng-option.d.ts +3 -3
  7. package/lib/interceptors/http-loading.interceptor.d.ts +2 -11
  8. package/lib/interceptors/json-parser.interceptor.d.ts +2 -11
  9. package/lib/interceptors/jwt.interceptor.d.ts +2 -11
  10. package/lib/interceptors/unauthorized.interceptor.d.ts +2 -16
  11. package/lib/modules/core.module.d.ts +2 -13
  12. package/lib/modules/primeng.module.d.ts +4 -4
  13. package/lib/modules/spiderly-transloco.module.d.ts +2 -1
  14. package/package.json +15 -16
  15. package/public-api.d.ts +2 -1
  16. package/styles/components/spiderly-data-table/spiderly-data-table.component.scss +15 -0
  17. package/styles/components/spiderly-panels/panel-footer/panel-footer.component.scss +3 -3
  18. package/styles/components/spiderly-panels/spiderly-panel/spiderly-panel.component.scss +11 -0
  19. package/styles/styles/layout/_config.scss +2 -2
  20. package/styles/styles/layout/_content.scss +2 -0
  21. package/styles/styles/layout/_footer.scss +2 -0
  22. package/styles/styles/layout/_main.scss +6 -3
  23. package/styles/styles/layout/_menu.scss +10 -7
  24. package/styles/styles/layout/_mixins.scss +2 -2
  25. package/styles/styles/layout/_preloading.scss +1 -1
  26. package/styles/styles/layout/_responsive.scss +2 -0
  27. package/styles/styles/layout/_spiderly-controls.scss +2 -0
  28. package/styles/styles/layout/_topbar.scss +16 -11
  29. package/styles/styles/layout/_typography.scss +1 -1
  30. package/styles/styles/layout/_utils.scss +1 -1
  31. package/styles/styles/layout/_variables.scss +59 -53
  32. package/styles/styles/layout/layout.scss +13 -13
  33. package/styles/styles/shared.scss +70 -42
  34. package/styles/styles/styles.scss +2 -5
  35. package/esm2022/lib/components/auth/auth.module.mjs +0 -65
  36. package/esm2022/lib/components/auth/login/login.component.mjs +0 -60
  37. package/esm2022/lib/components/auth/partials/auth.component.mjs +0 -53
  38. package/esm2022/lib/components/auth/partials/login-verification.component.mjs +0 -39
  39. package/esm2022/lib/components/auth/partials/registration-verification.component.mjs +0 -37
  40. package/esm2022/lib/components/auth/partials/verification-wrapper.component.mjs +0 -74
  41. package/esm2022/lib/components/auth/registration/registration.component.mjs +0 -59
  42. package/esm2022/lib/components/base-details/role-base-details.component.mjs +0 -171
  43. package/esm2022/lib/components/base-form/base-form copy.mjs +0 -247
  44. package/esm2022/lib/components/card-skeleton/card-skeleton.component.mjs +0 -25
  45. package/esm2022/lib/components/footer/footer.component.mjs +0 -16
  46. package/esm2022/lib/components/index-card/index-card.component.mjs +0 -57
  47. package/esm2022/lib/components/info-card/info-card.component.mjs +0 -29
  48. package/esm2022/lib/components/layout/layout-base.component.mjs +0 -121
  49. package/esm2022/lib/components/layout/sidebar/menuitem.component.mjs +0 -161
  50. package/esm2022/lib/components/layout/sidebar/sidebar-menu.component.mjs +0 -34
  51. package/esm2022/lib/components/layout/sidebar/sidebar-menu.service.mjs +0 -26
  52. package/esm2022/lib/components/layout/sidebar/sidebar.component.mjs +0 -21
  53. package/esm2022/lib/components/layout/topbar/topbar.component.mjs +0 -115
  54. package/esm2022/lib/components/not-found/not-found.component.mjs +0 -20
  55. package/esm2022/lib/components/required/required.component.mjs +0 -12
  56. package/esm2022/lib/components/spiderly-buttons/google-button/google-button.component.mjs +0 -43
  57. package/esm2022/lib/components/spiderly-buttons/return-button/return-button.component.mjs +0 -37
  58. package/esm2022/lib/components/spiderly-buttons/spiderly-button/spiderly-button.component.mjs +0 -20
  59. package/esm2022/lib/components/spiderly-buttons/spiderly-button-base/spiderly-button-base.mjs +0 -68
  60. package/esm2022/lib/components/spiderly-buttons/spiderly-split-button/spiderly-split-button.component.mjs +0 -22
  61. package/esm2022/lib/components/spiderly-data-table/spiderly-data-table.component.mjs +0 -501
  62. package/esm2022/lib/components/spiderly-delete-dialog/spiderly-delete-confirmation.component.mjs +0 -42
  63. package/esm2022/lib/components/spiderly-form-control/spiderly-form-control.mjs +0 -36
  64. package/esm2022/lib/components/spiderly-panels/panel-body/panel-body.component.mjs +0 -19
  65. package/esm2022/lib/components/spiderly-panels/panel-footer/panel-footer.component.mjs +0 -14
  66. package/esm2022/lib/components/spiderly-panels/panel-header/panel-header.component.mjs +0 -49
  67. package/esm2022/lib/components/spiderly-panels/spiderly-card/spiderly-card.component.mjs +0 -20
  68. package/esm2022/lib/components/spiderly-panels/spiderly-panel/spiderly-panel.component.mjs +0 -63
  69. package/esm2022/lib/components/spiderly-panels/spiderly-panels.module.mjs +0 -49
  70. package/esm2022/lib/controls/base-autocomplete-control.mjs +0 -18
  71. package/esm2022/lib/controls/base-control.mjs +0 -62
  72. package/esm2022/lib/controls/base-dropdown-control.mjs +0 -37
  73. package/esm2022/lib/controls/spiderly-autocomplete/spiderly-autocomplete.component.mjs +0 -60
  74. package/esm2022/lib/controls/spiderly-calendar/spiderly-calendar.component.mjs +0 -39
  75. package/esm2022/lib/controls/spiderly-checkbox/spiderly-checkbox.component.mjs +0 -45
  76. package/esm2022/lib/controls/spiderly-colorpick/spiderly-colorpick.component.mjs +0 -40
  77. package/esm2022/lib/controls/spiderly-controls.module.mjs +0 -112
  78. package/esm2022/lib/controls/spiderly-dropdown/spiderly-dropdown.component.mjs +0 -40
  79. package/esm2022/lib/controls/spiderly-editor/spiderly-editor.component.mjs +0 -59
  80. package/esm2022/lib/controls/spiderly-file/spiderly-file.component.mjs +0 -106
  81. package/esm2022/lib/controls/spiderly-multiautocomplete/spiderly-multiautocomplete.component.mjs +0 -38
  82. package/esm2022/lib/controls/spiderly-multiselect/spiderly-multiselect.component.mjs +0 -34
  83. package/esm2022/lib/controls/spiderly-number/spiderly-number.component.mjs +0 -44
  84. package/esm2022/lib/controls/spiderly-password/spiderly-password.component.mjs +0 -37
  85. package/esm2022/lib/controls/spiderly-textarea/spiderly-textarea.component.mjs +0 -34
  86. package/esm2022/lib/controls/spiderly-textbox/spiderly-textbox.component.mjs +0 -45
  87. package/esm2022/lib/entities/base-entity.mjs +0 -18
  88. package/esm2022/lib/entities/codebook.mjs +0 -10
  89. package/esm2022/lib/entities/init-company-auth-dialog-details.mjs +0 -9
  90. package/esm2022/lib/entities/init-top-bar-data.mjs +0 -12
  91. package/esm2022/lib/entities/is-authorized-for-save-event.mjs +0 -9
  92. package/esm2022/lib/entities/last-menu-icon-index-clicked.mjs +0 -8
  93. package/esm2022/lib/entities/lazy-load-selected-ids-result.mjs +0 -11
  94. package/esm2022/lib/entities/menuchangeevent.mjs +0 -3
  95. package/esm2022/lib/entities/mime-type.mjs +0 -15
  96. package/esm2022/lib/entities/namebook.mjs +0 -9
  97. package/esm2022/lib/entities/primeng-option.mjs +0 -9
  98. package/esm2022/lib/entities/security-entities.mjs +0 -169
  99. package/esm2022/lib/entities/simple-save-result.mjs +0 -9
  100. package/esm2022/lib/entities/spiderly-button.mjs +0 -11
  101. package/esm2022/lib/entities/table-filter-context.mjs +0 -3
  102. package/esm2022/lib/entities/table-filter-sort-meta.mjs +0 -3
  103. package/esm2022/lib/entities/table-filter.mjs +0 -15
  104. package/esm2022/lib/entities/table-response.mjs +0 -3
  105. package/esm2022/lib/enums/security-enums.mjs +0 -26
  106. package/esm2022/lib/enums/verification-type-codes.mjs +0 -6
  107. package/esm2022/lib/guards/auth.guard.mjs +0 -40
  108. package/esm2022/lib/guards/not-auth.guard.mjs +0 -32
  109. package/esm2022/lib/handlers/spiderly-error-handler.mjs +0 -30
  110. package/esm2022/lib/handlers/spiderly-transloco-fallback-strategy.mjs +0 -24
  111. package/esm2022/lib/interceptors/http-loading.interceptor.mjs +0 -27
  112. package/esm2022/lib/interceptors/json-parser.interceptor.mjs +0 -47
  113. package/esm2022/lib/interceptors/jwt.interceptor.mjs +0 -27
  114. package/esm2022/lib/interceptors/unauthorized.interceptor.mjs +0 -64
  115. package/esm2022/lib/modules/core.module.mjs +0 -140
  116. package/esm2022/lib/modules/primeng.module.mjs +0 -278
  117. package/esm2022/lib/modules/spiderly-transloco.module.mjs +0 -42
  118. package/esm2022/lib/services/api.service.security.mjs +0 -86
  119. package/esm2022/lib/services/app-initializer.mjs +0 -6
  120. package/esm2022/lib/services/app-layout-base.service.mjs +0 -132
  121. package/esm2022/lib/services/auth-base.service.mjs +0 -220
  122. package/esm2022/lib/services/base-form.service.mjs +0 -124
  123. package/esm2022/lib/services/config-base.service.mjs +0 -33
  124. package/esm2022/lib/services/helper-functions.mjs +0 -229
  125. package/esm2022/lib/services/spiderly-message.service.mjs +0 -64
  126. package/esm2022/lib/services/spiderly-transloco-loader.mjs +0 -20
  127. package/esm2022/lib/services/translate-labels-abstract.service.mjs +0 -15
  128. package/esm2022/lib/services/validator-abstract.service.mjs +0 -51
  129. package/esm2022/public-api.mjs +0 -94
  130. package/esm2022/spiderly.mjs +0 -5
  131. package/lib/components/auth/auth.module.d.ts +0 -17
  132. package/styles/styles/theme/base/_colors.scss +0 -18
  133. package/styles/styles/theme/base/_common.scss +0 -75
  134. package/styles/styles/theme/base/_components.scss +0 -106
  135. package/styles/styles/theme/base/_mixins.scss +0 -343
  136. package/styles/styles/theme/base/components/button/_button.scss +0 -564
  137. package/styles/styles/theme/base/components/button/_speeddial.scss +0 -96
  138. package/styles/styles/theme/base/components/button/_splitbutton.scss +0 -381
  139. package/styles/styles/theme/base/components/data/_carousel.scss +0 -37
  140. package/styles/styles/theme/base/components/data/_datatable.scss +0 -338
  141. package/styles/styles/theme/base/components/data/_dataview.scss +0 -55
  142. package/styles/styles/theme/base/components/data/_filter.scss +0 -138
  143. package/styles/styles/theme/base/components/data/_orderlist.scss +0 -103
  144. package/styles/styles/theme/base/components/data/_organizationchart.scss +0 -50
  145. package/styles/styles/theme/base/components/data/_paginator.scss +0 -92
  146. package/styles/styles/theme/base/components/data/_picklist.scss +0 -103
  147. package/styles/styles/theme/base/components/data/_timeline.scss +0 -81
  148. package/styles/styles/theme/base/components/data/_tree.scss +0 -149
  149. package/styles/styles/theme/base/components/data/_treetable.scss +0 -256
  150. package/styles/styles/theme/base/components/data/_virtualscroller.scss +0 -28
  151. package/styles/styles/theme/base/components/file/_fileupload.scss +0 -64
  152. package/styles/styles/theme/base/components/input/_autocomplete.scss +0 -118
  153. package/styles/styles/theme/base/components/input/_calendar.scss +0 -263
  154. package/styles/styles/theme/base/components/input/_cascadeselect.scss +0 -130
  155. package/styles/styles/theme/base/components/input/_checkbox.scss +0 -90
  156. package/styles/styles/theme/base/components/input/_chips.scss +0 -55
  157. package/styles/styles/theme/base/components/input/_colorpicker.scss +0 -26
  158. package/styles/styles/theme/base/components/input/_dropdown.scss +0 -152
  159. package/styles/styles/theme/base/components/input/_editor.scss +0 -122
  160. package/styles/styles/theme/base/components/input/_inputgroup.scss +0 -75
  161. package/styles/styles/theme/base/components/input/_inputmask.scss +0 -16
  162. package/styles/styles/theme/base/components/input/_inputnumber.scss +0 -28
  163. package/styles/styles/theme/base/components/input/_inputswitch.scss +0 -60
  164. package/styles/styles/theme/base/components/input/_inputtext.scss +0 -100
  165. package/styles/styles/theme/base/components/input/_listbox.scss +0 -82
  166. package/styles/styles/theme/base/components/input/_multiselect.scss +0 -173
  167. package/styles/styles/theme/base/components/input/_password.scss +0 -52
  168. package/styles/styles/theme/base/components/input/_radiobutton.scss +0 -78
  169. package/styles/styles/theme/base/components/input/_rating.scss +0 -55
  170. package/styles/styles/theme/base/components/input/_selectbutton.scss +0 -50
  171. package/styles/styles/theme/base/components/input/_slider.scss +0 -71
  172. package/styles/styles/theme/base/components/input/_togglebutton.scss +0 -48
  173. package/styles/styles/theme/base/components/input/_treeselect.scss +0 -139
  174. package/styles/styles/theme/base/components/menu/_breadcrumb.scss +0 -42
  175. package/styles/styles/theme/base/components/menu/_contextmenu.scss +0 -39
  176. package/styles/styles/theme/base/components/menu/_dock.scss +0 -95
  177. package/styles/styles/theme/base/components/menu/_megamenu.scss +0 -55
  178. package/styles/styles/theme/base/components/menu/_menu.scss +0 -37
  179. package/styles/styles/theme/base/components/menu/_menubar.scss +0 -141
  180. package/styles/styles/theme/base/components/menu/_panelmenu.scss +0 -153
  181. package/styles/styles/theme/base/components/menu/_slidemenu.scss +0 -59
  182. package/styles/styles/theme/base/components/menu/_steps.scss +0 -56
  183. package/styles/styles/theme/base/components/menu/_tabmenu.scss +0 -74
  184. package/styles/styles/theme/base/components/menu/_tieredmenu.scss +0 -43
  185. package/styles/styles/theme/base/components/messages/_inlinemessage.scss +0 -69
  186. package/styles/styles/theme/base/components/messages/_message.scss +0 -107
  187. package/styles/styles/theme/base/components/messages/_toast.scss +0 -103
  188. package/styles/styles/theme/base/components/misc/_avatar.scss +0 -30
  189. package/styles/styles/theme/base/components/misc/_badge.scss +0 -48
  190. package/styles/styles/theme/base/components/misc/_blockui.scss +0 -0
  191. package/styles/styles/theme/base/components/misc/_chip.scss +0 -42
  192. package/styles/styles/theme/base/components/misc/_inplace.scss +0 -17
  193. package/styles/styles/theme/base/components/misc/_progressbar.scss +0 -17
  194. package/styles/styles/theme/base/components/misc/_scrolltop.scss +0 -25
  195. package/styles/styles/theme/base/components/misc/_skeleton.scss +0 -8
  196. package/styles/styles/theme/base/components/misc/_tag.scss +0 -40
  197. package/styles/styles/theme/base/components/misc/_terminal.scss +0 -12
  198. package/styles/styles/theme/base/components/multimedia/_galleria.scss +0 -155
  199. package/styles/styles/theme/base/components/multimedia/_image.scss +0 -49
  200. package/styles/styles/theme/base/components/overlay/_confirmpopup.scss +0 -72
  201. package/styles/styles/theme/base/components/overlay/_dialog.scss +0 -73
  202. package/styles/styles/theme/base/components/overlay/_overlaypanel.scss +0 -64
  203. package/styles/styles/theme/base/components/overlay/_sidebar.scss +0 -27
  204. package/styles/styles/theme/base/components/overlay/_tooltip.scss +0 -33
  205. package/styles/styles/theme/base/components/panel/_accordion.scss +0 -119
  206. package/styles/styles/theme/base/components/panel/_card.scss +0 -30
  207. package/styles/styles/theme/base/components/panel/_divider.scss +0 -31
  208. package/styles/styles/theme/base/components/panel/_fieldset.scss +0 -47
  209. package/styles/styles/theme/base/components/panel/_panel.scss +0 -58
  210. package/styles/styles/theme/base/components/panel/_scrollpanel.scss +0 -6
  211. package/styles/styles/theme/base/components/panel/_splitter.scss +0 -19
  212. package/styles/styles/theme/base/components/panel/_tabview.scss +0 -82
  213. package/styles/styles/theme/base/components/panel/_toolbar.scss +0 -11
  214. package/styles/styles/theme/saga/_extensions.scss +0 -27
  215. package/styles/styles/theme/saga/_variables.scss +0 -1
  216. package/styles/styles/theme/saga/saga-blue/_extensions.scss +0 -2
  217. package/styles/styles/theme/saga/saga-blue/_fonts.scss +0 -1
  218. package/styles/styles/theme/saga/saga-blue/_variables.scss +0 -1
  219. package/styles/styles/theme/saga/saga-blue/theme.scss +0 -4
@@ -1,12 +1,11 @@
1
1
  /* General */
2
2
  $scale:14px; /* main font size */
3
- $borderRadius:12px; /* border radius of layout element e.g. card, sidebar */
3
+ $borderRadius:6px; /* border radius of layout element e.g. card, sidebar */
4
4
  $transitionDuration:.2s; /* transition duration of layout elements e.g. sidebar, overlay menus */
5
5
  $errorColorLight: rgb(255, 225, 225);
6
6
  $errorColor: rgb(255, 59, 59);
7
7
  $disabled: #f8f9fa;
8
8
 
9
- /* SAGA */
10
9
  $primaryColor: #111b2c !default;
11
10
  $primaryLightColor: scale-color($primaryColor, $lightness: 60%) !default;
12
11
  $primaryLighterColor: scale-color($primaryColor, $lightness: 90%) !default;
@@ -849,55 +848,62 @@ $imagePreviewActionIconFontSize:1.5rem !default;
849
848
  $imagePreviewActionIconBorderRadius:50% !default;
850
849
 
851
850
  :root {
852
- font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
853
- --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
854
- --surface-a:#{$shade000};
855
- --surface-b:#{$shade100};
856
- --surface-c:#{$shade200};
857
- --surface-d:#{$shade300};
858
- --surface-e:#{$shade000};
859
- --surface-f:#{$shade000};
860
- --text-color:#{$shade700};
861
- --text-color-secondary:#{$shade600};
862
- --primary-color:#{$primaryColor};
863
- --primary-light-color:#{$primaryLightColor};
864
- --primary-lighter-color:#{$primaryLighterColor};
865
- --primary-dark-color:#{$primaryDarkColor};
866
- --primary-darker-color:#{$primaryDarkerColor};
867
- --primary-color-text:#{$primaryTextColor};
868
- --surface-0: #ffffff;
869
- --surface-50: #FAFAFA;
870
- --surface-100: #F5F5F5;
871
- --surface-200: #EEEEEE;
872
- --surface-300: #E0E0E0;
873
- --surface-400: #BDBDBD;
874
- --surface-500: #9E9E9E;
875
- --surface-600: #757575;
876
- --surface-700: #616161;
877
- --surface-800: #424242;
878
- --surface-900: #212121;
879
- --gray-50: #FAFAFA;
880
- --gray-100: #F5F5F5;
881
- --gray-200: #EEEEEE;
882
- --gray-300: #E0E0E0;
883
- --gray-400: #BDBDBD;
884
- --gray-500: #9E9E9E;
885
- --gray-600: #757575;
886
- --gray-700: #616161;
887
- --gray-800: #424242;
888
- --gray-900: #212121;
889
- --content-padding:#{$panelContentPadding};
890
- --inline-spacing:#{$inlineSpacing};
891
- --border-radius:#{$borderRadius};
892
- --surface-ground:#f8f9fa;
893
- --surface-section:#ffffff;
894
- --surface-card:#ffffff;
895
- --surface-overlay:#ffffff;
896
- --surface-border:#dee2e6;
897
- --surface-hover: #e9ecef;
898
- --maskbg: #{$maskBg};
899
- --highlight-bg: #{$highlightBg};
900
- --highlight-text-color: #{$highlightTextColor};
901
- // --focus-ring: #{$focusShadow};
902
- color-scheme: light;
851
+ --font-family: "Inter", sans-serif;
852
+ // --surface-a:#{$shade000};
853
+ // --surface-b:#{$shade100};
854
+ // --surface-c:#{$shade200};
855
+ // --surface-d:#{$shade300};
856
+ // --surface-e:#{$shade000};
857
+ // --surface-f:#{$shade000};
858
+ // --text-color:#{$shade700};
859
+ // --text-color-secondary:#{$shade600};
860
+ // --p-primary-color:#{$primaryColor};
861
+ // --primary-light-color:#{$primaryLightColor};
862
+ // --primary-lighter-color:#{$primaryLighterColor};
863
+ // --primary-dark-color:#{$primaryDarkColor};
864
+ // --primary-darker-color:#{$primaryDarkerColor};
865
+ // --p-primary-color-text:#{$primaryTextColor};
866
+ // --surface-0: #ffffff;
867
+ // --surface-50: #FAFAFA;
868
+ // --surface-100: #F5F5F5;
869
+ // --surface-200: #EEEEEE;
870
+ // --surface-300: #E0E0E0;
871
+ // --surface-400: #BDBDBD;
872
+ // --surface-500: #9E9E9E;
873
+ // --surface-600: #757575;
874
+ // --surface-700: #616161;
875
+ // --surface-800: #424242;
876
+ // --surface-900: #212121;
877
+ // --gray-50: #FAFAFA;
878
+ // --gray-100: #F5F5F5;
879
+ // --gray-200: #EEEEEE;
880
+ // --gray-300: #E0E0E0;
881
+ // --gray-400: #BDBDBD;
882
+ // --gray-500: #9E9E9E;
883
+ // --gray-600: #757575;
884
+ // --gray-700: #616161;
885
+ // --gray-800: #424242;
886
+ // --gray-900: #212121;
887
+ // --content-padding:#{$panelContentPadding};
888
+ // --inline-spacing:#{$inlineSpacing};
889
+ // --border-radius:#{$borderRadius};
890
+ // --surface-ground:#f8f9fa;
891
+ // --surface-section:#ffffff;
892
+ --p-paginator-border-radius: 0 0 6px 6px !important;
893
+ --p-panel-header-border-width: 0 0 1px 0 !important;
894
+ --surface-card: var(--p-content-background);
895
+ // --surface-overlay:#ffffff;
896
+ --surface-border: var(--p-content-border-color);
897
+ // --p-panel-content-padding: 1.125rem !important;
898
+ --p-panel-header-padding: 18px !important;
899
+ --p-colorpicker-preview-width: 33px !important;
900
+ --p-colorpicker-preview-height: 33px !important;
901
+ --p-secondary-color: #00f0b5;
902
+ // --p-panel-toggleable-header-padding: var(--p-panel-header-padding) !important;
903
+ // --surface-hover: #e9ecef;
904
+ // --maskbg: #{$maskBg};
905
+ // --highlight-bg: #{$highlightBg};
906
+ // --highlight-text-color: #{$highlightTextColor};
907
+ // // --focus-ring: #{$focusShadow};
908
+ // color-scheme: light;
903
909
  }
@@ -1,13 +1,13 @@
1
- @import './_variables';
2
- @import "./_mixins";
3
- @import "./_preloading";
4
- @import "./_main";
5
- @import "./_topbar";
6
- @import "./_menu";
7
- @import "./_config";
8
- @import "./_content";
9
- @import "./_footer";
10
- @import "./_responsive";
11
- @import "./_utils";
12
- @import "./_typography";
13
- @import "./_spiderly-controls";
1
+ @use './_variables';
2
+ @use "./_mixins";
3
+ @use "./_preloading";
4
+ @use "./_main";
5
+ @use "./_topbar";
6
+ @use "./_menu";
7
+ @use "./_config";
8
+ @use "./_content";
9
+ @use "./_footer";
10
+ @use "./_responsive";
11
+ @use "./_utils";
12
+ @use "./_typography";
13
+ @use "./_spiderly-controls";
@@ -1,4 +1,4 @@
1
- @import './layout/variables';
1
+ @use './layout/variables' as *;
2
2
 
3
3
  .spiderly-panel{
4
4
  .p-panel-content{
@@ -14,18 +14,18 @@
14
14
  }
15
15
 
16
16
  .multiple-panel-first-without-header{
17
- .p-panel .p-panel-content {
17
+ .p-panel {
18
18
  border-bottom-left-radius: 0px;
19
19
  border-bottom-right-radius: 0px;
20
20
  border-top: 1px solid var(--surface-border);
21
- border-top-left-radius: 12px;
22
- border-top-right-radius: 12px;
21
+ border-top-left-radius: var(--p-content-border-radius);
22
+ border-top-right-radius: var(--p-content-border-radius);
23
23
  border-bottom: none;
24
24
  }
25
25
  }
26
26
 
27
27
  .multiple-panel-middle-without-header{
28
- .p-panel .p-panel-content {
28
+ .p-panel {
29
29
  border-bottom-left-radius: 0px;
30
30
  border-bottom-right-radius: 0px;
31
31
  border-top: 1px solid var(--surface-border);
@@ -36,9 +36,9 @@
36
36
  }
37
37
 
38
38
  .multiple-panel-last-without-header{
39
- .p-panel .p-panel-content {
40
- border-bottom-left-radius: 12px;
41
- border-bottom-right-radius: 12px;
39
+ .p-panel {
40
+ border-bottom-left-radius: var(--p-content-border-radius);
41
+ border-bottom-right-radius: var(--p-content-border-radius);
42
42
  border-top: 1px solid var(--surface-border);
43
43
  border-top-left-radius: 0px;
44
44
  border-top-right-radius: 0px;
@@ -46,7 +46,7 @@
46
46
  }
47
47
 
48
48
  .multiple-panel-first{
49
- .p-panel .p-panel-content {
49
+ .p-panel {
50
50
  border-bottom-left-radius: 0px;
51
51
  border-bottom-right-radius: 0px;
52
52
  border-bottom: none;
@@ -54,28 +54,22 @@
54
54
  }
55
55
 
56
56
  .panel-border{
57
- .p-panel .p-panel-content {
58
- border-bottom-left-radius: 12px;
59
- border-bottom-right-radius: 12px;
57
+ .p-panel {
58
+ border-bottom-left-radius: var(--p-content-border-radius);
59
+ border-bottom-right-radius: var(--p-content-border-radius);
60
60
  border-bottom: 1px solid var(--surface-border);
61
61
  }
62
62
  }
63
63
 
64
- .multiple-panel-middle{
65
- .p-panel-header {
66
- border-top-left-radius: 0px;
67
- border-top-right-radius: 0px;
68
- }
69
-
70
- .p-panel .p-panel-content {
71
- border-bottom-left-radius: 0px;
72
- border-bottom-right-radius: 0px;
64
+ .multiple-panel-middle {
65
+ .p-panel {
66
+ border-radius: 0px;
73
67
  border-bottom: none;
74
68
  }
75
69
  }
76
70
 
77
- .multiple-panel-last{
78
- .p-panel-header {
71
+ .multiple-panel-last {
72
+ .p-panel {
79
73
  border-top-left-radius: 0px;
80
74
  border-top-right-radius: 0px;
81
75
  }
@@ -92,8 +86,7 @@
92
86
  }
93
87
 
94
88
  .panel-body-wrapper{
95
- padding: 28px;
96
- padding-bottom: 14px;
89
+ padding: 18px;
97
90
  }
98
91
 
99
92
  @media (max-width: 600px) {
@@ -230,7 +223,7 @@
230
223
 
231
224
  .control-error-border{
232
225
  outline: 1px solid $errorColor;
233
- border-radius: 12px;
226
+ border-radius: var(--p-content-border-radius);
234
227
  }
235
228
 
236
229
  .error-color{
@@ -258,15 +251,15 @@
258
251
  }
259
252
 
260
253
  .primary-color{
261
- color: var(--primary-color);
254
+ color: var(--p-primary-color);
262
255
  }
263
256
 
264
257
  .primary-color-background{
265
- background-color: var(--primary-color);
258
+ background-color: var(--p-primary-color);
266
259
  }
267
260
 
268
261
  .primary-lighter-color-background{
269
- background-color: var(--primary-lighter-color);
262
+ background-color: var(--p-primary-200);
270
263
  }
271
264
 
272
265
  .secondary-color-background{
@@ -278,7 +271,7 @@
278
271
  }
279
272
 
280
273
  .separator{
281
- border-top: 1px solid var(--primary-color);
274
+ border-top: 1px solid var(--p-primary-color);
282
275
  width: 100%;
283
276
  }
284
277
 
@@ -294,12 +287,12 @@
294
287
 
295
288
  .hover-card {
296
289
  padding: 10px;
297
- border-radius: 12px;
290
+ border-radius: var(--p-content-border-radius);
298
291
  cursor: pointer;
299
292
  }
300
293
 
301
294
  .hover-card:hover {
302
- background-color: $disabled;
295
+ background-color: var(--p-surface-100);
303
296
  }
304
297
 
305
298
  .dialog{
@@ -318,7 +311,7 @@
318
311
 
319
312
  .header-separator{
320
313
  margin-top: 7px;
321
- border-top: 3px solid var(--primary-color);
314
+ border-top: 3px solid var(--p-primary-color);
322
315
  width: 60px;
323
316
  }
324
317
 
@@ -333,7 +326,7 @@
333
326
 
334
327
  .bold-header-separator{
335
328
  margin-top: 7px;
336
- border-top: 6px solid var(--primary-color);
329
+ border-top: 6px solid var(--p-primary-color);
337
330
  width: 100px;
338
331
  }
339
332
 
@@ -348,7 +341,7 @@
348
341
  }
349
342
 
350
343
  .link{
351
- color: var(--primary-color);
344
+ color: var(--p-primary-color);
352
345
  cursor: pointer;
353
346
  }
354
347
 
@@ -357,7 +350,7 @@
357
350
  }
358
351
 
359
352
  .blockHead {
360
- background-color: var(--primary-color);
353
+ background-color: var(--p-primary-color);
361
354
  /*width: 150px; */
362
355
  height: 60px;
363
356
  line-height: 60px;
@@ -366,7 +359,7 @@
366
359
  }
367
360
 
368
361
  .blockHead:after {
369
- color: var(--primary-color);
362
+ color: var(--p-primary-color);
370
363
  border-left: 30px solid;
371
364
  border-top: 30px solid transparent;
372
365
  border-bottom: 30px solid transparent;
@@ -392,20 +385,20 @@
392
385
  }
393
386
 
394
387
  .transparent-card{
395
- border-top: 1px solid var(--primary-light-color);
396
- border-left: 1px solid var(--primary-light-color);
397
- border-right: 1px solid var(--primary-light-color);
388
+ border-top: 1px solid var(--p-primary-400);
389
+ border-left: 1px solid var(--p-primary-400);
390
+ border-right: 1px solid var(--p-primary-400);
398
391
  padding: 18px;
399
392
  }
400
393
 
401
394
  .transparent-card:last-child {
402
- border-bottom: 1px solid var(--primary-light-color);
395
+ border-bottom: 1px solid var(--p-primary-400);
403
396
  }
404
397
 
405
398
  .card-overflow-icon{
406
399
  text-align: center;
407
400
  transform: rotate(30deg);
408
- color: var(--primary-light-color);
401
+ color: var(--p-primary-400);
409
402
  opacity: 0.2;
410
403
  position: absolute;
411
404
  overflow: hidden;
@@ -516,4 +509,39 @@
516
509
  margin: 0;
517
510
  font-weight: normal;
518
511
  font-size: 14px;
512
+ }
513
+
514
+ .grid {
515
+ margin: 0;
516
+ }
517
+
518
+ .grid [class^="col-"] {
519
+ padding: 14px 9px;
520
+ }
521
+
522
+ .p-colorpicker-preview {
523
+ border: 1px solid var(--p-form-field-border-color) !important; // Doing this only because of white color preview
524
+ }
525
+
526
+ .p-overlay-badge > .p-badge {
527
+ inset-inline-end: -9px !important;
528
+ }
529
+
530
+ .gradient-title {
531
+ font-weight: bold;
532
+ display: inline-block;
533
+ white-space: normal;
534
+
535
+ background-image: linear-gradient(
536
+ to right,
537
+ var(--p-primary-700),
538
+ var(--p-primary-color),
539
+ );
540
+ color: transparent;
541
+ -webkit-background-clip: text;
542
+ background-clip: text;
543
+
544
+ @media (min-width: 600px) {
545
+ font-size: 4.5rem;
546
+ }
519
547
  }
@@ -1,6 +1,3 @@
1
- @import "./layout/layout.scss";
1
+ @use "./layout/layout.scss";
2
2
 
3
- /* PrimeNG */
4
- @import "./theme/saga/saga-blue/theme.scss";
5
-
6
- @import "./shared.scss"
3
+ @use "./shared.scss"
@@ -1,65 +0,0 @@
1
- import { NgModule } from '@angular/core';
2
- import { RouterModule } from '@angular/router';
3
- import { RegistrationComponent } from './registration/registration.component';
4
- import { LoginComponent } from './login/login.component';
5
- import { AuthComponent } from './partials/auth.component';
6
- import { TranslocoDirective } from '@jsverse/transloco';
7
- import { ReactiveFormsModule } from '@angular/forms';
8
- import { CommonModule } from '@angular/common';
9
- import { PrimengModule } from '../../modules/primeng.module';
10
- import { SpiderlyControlsModule } from '../../controls/spiderly-controls.module';
11
- import { LoginVerificationComponent } from './partials/login-verification.component';
12
- import { RegistrationVerificationComponent } from './partials/registration-verification.component';
13
- import * as i0 from "@angular/core";
14
- import * as i1 from "@angular/router";
15
- const routes = [
16
- {
17
- path: 'registration',
18
- component: RegistrationComponent
19
- },
20
- {
21
- path: 'login',
22
- component: LoginComponent
23
- },
24
- ];
25
- export class AuthModule {
26
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
27
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: AuthModule, declarations: [RegistrationComponent,
28
- LoginComponent], imports: [i1.RouterModule, CommonModule,
29
- ReactiveFormsModule,
30
- AuthComponent,
31
- PrimengModule,
32
- SpiderlyControlsModule,
33
- LoginVerificationComponent,
34
- RegistrationVerificationComponent,
35
- TranslocoDirective] }); }
36
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthModule, imports: [RouterModule.forChild(routes),
37
- CommonModule,
38
- ReactiveFormsModule,
39
- AuthComponent,
40
- PrimengModule,
41
- SpiderlyControlsModule,
42
- LoginVerificationComponent,
43
- RegistrationVerificationComponent] }); }
44
- }
45
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthModule, decorators: [{
46
- type: NgModule,
47
- args: [{
48
- imports: [
49
- RouterModule.forChild(routes),
50
- CommonModule,
51
- ReactiveFormsModule,
52
- AuthComponent,
53
- PrimengModule,
54
- SpiderlyControlsModule,
55
- LoginVerificationComponent,
56
- RegistrationVerificationComponent,
57
- TranslocoDirective,
58
- ],
59
- declarations: [
60
- RegistrationComponent,
61
- LoginComponent,
62
- ]
63
- }]
64
- }] });
65
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0aC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zcGlkZXJseS9zcmMvbGliL2NvbXBvbmVudHMvYXV0aC9hdXRoLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQVUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzFELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDN0QsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDakYsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDckYsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0sZ0RBQWdELENBQUM7OztBQUVuRyxNQUFNLE1BQU0sR0FBVztJQUNuQjtRQUNJLElBQUksRUFBRSxjQUFjO1FBQ3BCLFNBQVMsRUFBRSxxQkFBcUI7S0FDbkM7SUFDRDtRQUNJLElBQUksRUFBRSxPQUFPO1FBQ2IsU0FBUyxFQUFFLGNBQWM7S0FDNUI7Q0FDSixDQUFDO0FBbUJGLE1BQU0sT0FBTyxVQUFVOytHQUFWLFVBQVU7Z0hBQVYsVUFBVSxpQkFKZixxQkFBcUI7WUFDckIsY0FBYyw4QkFYZCxZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLGFBQWE7WUFDYixhQUFhO1lBQ2Isc0JBQXNCO1lBQ3RCLDBCQUEwQjtZQUMxQixpQ0FBaUM7WUFDakMsa0JBQWtCO2dIQU9iLFVBQVUsWUFmZixZQUFZLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQztZQUM3QixZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLGFBQWE7WUFDYixhQUFhO1lBQ2Isc0JBQXNCO1lBQ3RCLDBCQUEwQjtZQUMxQixpQ0FBaUM7OzRGQVE1QixVQUFVO2tCQWpCdEIsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUM7d0JBQzdCLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixhQUFhO3dCQUNiLGFBQWE7d0JBQ2Isc0JBQXNCO3dCQUN0QiwwQkFBMEI7d0JBQzFCLGlDQUFpQzt3QkFDakMsa0JBQWtCO3FCQUNyQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1YscUJBQXFCO3dCQUNyQixjQUFjO3FCQUNqQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlck1vZHVsZSwgUm91dGVzIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgUmVnaXN0cmF0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9yZWdpc3RyYXRpb24vcmVnaXN0cmF0aW9uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IExvZ2luQ29tcG9uZW50IH0gZnJvbSAnLi9sb2dpbi9sb2dpbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBBdXRoQ29tcG9uZW50IH0gZnJvbSAnLi9wYXJ0aWFscy9hdXRoLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRyYW5zbG9jb0RpcmVjdGl2ZSB9IGZyb20gJ0Bqc3ZlcnNlL3RyYW5zbG9jbyc7XHJcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFByaW1lbmdNb2R1bGUgfSBmcm9tICcuLi8uLi9tb2R1bGVzL3ByaW1lbmcubW9kdWxlJztcclxuaW1wb3J0IHsgU3BpZGVybHlDb250cm9sc01vZHVsZSB9IGZyb20gJy4uLy4uL2NvbnRyb2xzL3NwaWRlcmx5LWNvbnRyb2xzLm1vZHVsZSc7XHJcbmltcG9ydCB7IExvZ2luVmVyaWZpY2F0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9wYXJ0aWFscy9sb2dpbi12ZXJpZmljYXRpb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgUmVnaXN0cmF0aW9uVmVyaWZpY2F0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9wYXJ0aWFscy9yZWdpc3RyYXRpb24tdmVyaWZpY2F0aW9uLmNvbXBvbmVudCc7XHJcblxyXG5jb25zdCByb3V0ZXM6IFJvdXRlcyA9IFtcclxuICAgIHsgXHJcbiAgICAgICAgcGF0aDogJ3JlZ2lzdHJhdGlvbicsIFxyXG4gICAgICAgIGNvbXBvbmVudDogUmVnaXN0cmF0aW9uQ29tcG9uZW50XHJcbiAgICB9LFxyXG4gICAgeyBcclxuICAgICAgICBwYXRoOiAnbG9naW4nLCBcclxuICAgICAgICBjb21wb25lbnQ6IExvZ2luQ29tcG9uZW50XHJcbiAgICB9LFxyXG5dO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICAgIGltcG9ydHM6IFtcclxuICAgICAgICBSb3V0ZXJNb2R1bGUuZm9yQ2hpbGQocm91dGVzKSxcclxuICAgICAgICBDb21tb25Nb2R1bGUsXHJcbiAgICAgICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcclxuICAgICAgICBBdXRoQ29tcG9uZW50LFxyXG4gICAgICAgIFByaW1lbmdNb2R1bGUsXHJcbiAgICAgICAgU3BpZGVybHlDb250cm9sc01vZHVsZSxcclxuICAgICAgICBMb2dpblZlcmlmaWNhdGlvbkNvbXBvbmVudCxcclxuICAgICAgICBSZWdpc3RyYXRpb25WZXJpZmljYXRpb25Db21wb25lbnQsXHJcbiAgICAgICAgVHJhbnNsb2NvRGlyZWN0aXZlLFxyXG4gICAgXSxcclxuICAgIGRlY2xhcmF0aW9uczogW1xyXG4gICAgICAgIFJlZ2lzdHJhdGlvbkNvbXBvbmVudCxcclxuICAgICAgICBMb2dpbkNvbXBvbmVudCxcclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEF1dGhNb2R1bGUgeyB9XHJcbiJdfQ==
@@ -1,60 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import { BaseFormCopy } from '../../base-form/base-form copy';
3
- import { Login } from '../../../entities/security-entities';
4
- import { SpiderlyFormGroup } from '../../spiderly-form-control/spiderly-form-control';
5
- import * as i0 from "@angular/core";
6
- import * as i1 from "@angular/common/http";
7
- import * as i2 from "../../../services/spiderly-message.service";
8
- import * as i3 from "@angular/router";
9
- import * as i4 from "@jsverse/transloco";
10
- import * as i5 from "../../../services/base-form.service";
11
- import * as i6 from "../../../services/auth-base.service";
12
- import * as i7 from "../../../services/config-base.service";
13
- import * as i8 from "@angular/common";
14
- import * as i9 from "@angular/forms";
15
- import * as i10 from "../partials/auth.component";
16
- import * as i11 from "../../../controls/spiderly-textbox/spiderly-textbox.component";
17
- import * as i12 from "../../spiderly-buttons/spiderly-button/spiderly-button.component";
18
- import * as i13 from "../partials/login-verification.component";
19
- export class LoginComponent extends BaseFormCopy {
20
- constructor(differs, http, messageService, changeDetectorRef, router, route, translocoService, baseFormService, authService, config) {
21
- super(differs, http, messageService, changeDetectorRef, router, route, translocoService, baseFormService);
22
- this.differs = differs;
23
- this.http = http;
24
- this.messageService = messageService;
25
- this.changeDetectorRef = changeDetectorRef;
26
- this.router = router;
27
- this.route = route;
28
- this.translocoService = translocoService;
29
- this.baseFormService = baseFormService;
30
- this.authService = authService;
31
- this.config = config;
32
- this.loginFormGroup = new SpiderlyFormGroup({});
33
- this.showEmailSentDialog = false;
34
- this.usersCanRegister = this.config.usersCanRegister;
35
- }
36
- ngOnInit() {
37
- this.initLoginFormGroup(new Login({}));
38
- }
39
- initLoginFormGroup(model) {
40
- this.initFormGroup(this.loginFormGroup, this.formGroup, model, model.typeName, []);
41
- }
42
- companyNameChange(companyName) {
43
- this.companyName = companyName;
44
- }
45
- sendLoginVerificationEmail() {
46
- let isFormGroupValid = this.baseFormService.checkFormGroupValidity(this.loginFormGroup);
47
- if (isFormGroupValid == false)
48
- return;
49
- this.authService.sendLoginVerificationEmail(this.loginFormGroup.getRawValue()).subscribe(() => {
50
- this.showEmailSentDialog = true;
51
- });
52
- }
53
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoginComponent, deps: [{ token: i0.KeyValueDiffers }, { token: i1.HttpClient }, { token: i2.SpiderlyMessageService }, { token: i0.ChangeDetectorRef }, { token: i3.Router }, { token: i3.ActivatedRoute }, { token: i4.TranslocoService }, { token: i5.BaseFormService }, { token: i6.AuthBaseService }, { token: i7.ConfigBaseService }], target: i0.ɵɵFactoryTarget.Component }); }
54
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LoginComponent, selector: "app-login", usesInheritance: true, ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n @if (loginFormGroup != null) {\r\n @if (showEmailSentDialog == false) {\r\n <auth (onCompanyNameChange)=\"companyNameChange($event)\">\r\n <form [formGroup]=\"formGroup\" style=\"margin-bottom: 16px;\"> <!-- FT: We are not loading anything from the server here so we don't need defer block -->\r\n <div class=\"col-12\" style=\"padding-left: 0; padding-right: 0; margin-bottom: 32px;\">\r\n <spiderly-textbox [control]=\"control('email', loginFormGroup)\"></spiderly-textbox>\r\n </div>\r\n \r\n <div style=\"display: flex; flex-direction: column; gap: 16px;\">\r\n <spiderly-button [label]=\"t('Login')\" (onClick)=\"sendLoginVerificationEmail()\" [outlined]=\"true\" [style]=\"{width: '100%'}\"></spiderly-button>\r\n <!-- TODO FT: Add possibility to change this name from the specific project -->\r\n <spiderly-button *ngIf=\"usersCanRegister\" [label]=\"t('NewToJoinNow', {companyName: companyName})\" routerLink=\"/registration\" [style]=\"{width: '100%'}\"></spiderly-button>\r\n </div>\r\n </form>\r\n </auth>\r\n }\r\n @else {\r\n <login-verification [email]=\"loginFormGroup.controls.email.getRawValue()\"></login-verification>\r\n }\r\n }\r\n @else {\r\n <!-- TODO FT: Add skeleton -->\r\n }\r\n</ng-container>", dependencies: [{ kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i9.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i10.AuthComponent, selector: "auth", inputs: ["showGoogleAuth"], outputs: ["onCompanyNameChange"] }, { kind: "component", type: i11.SpiderlyTextboxComponent, selector: "spiderly-textbox", inputs: ["showButton", "buttonIcon"], outputs: ["onButtonClick"] }, { kind: "component", type: i12.SpiderlyButtonComponent, selector: "spiderly-button" }, { kind: "component", type: i13.LoginVerificationComponent, selector: "login-verification", inputs: ["email", "userId"] }, { kind: "directive", type: i4.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
55
- }
56
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoginComponent, decorators: [{
57
- type: Component,
58
- args: [{ selector: 'app-login', template: "<ng-container *transloco=\"let t\">\r\n @if (loginFormGroup != null) {\r\n @if (showEmailSentDialog == false) {\r\n <auth (onCompanyNameChange)=\"companyNameChange($event)\">\r\n <form [formGroup]=\"formGroup\" style=\"margin-bottom: 16px;\"> <!-- FT: We are not loading anything from the server here so we don't need defer block -->\r\n <div class=\"col-12\" style=\"padding-left: 0; padding-right: 0; margin-bottom: 32px;\">\r\n <spiderly-textbox [control]=\"control('email', loginFormGroup)\"></spiderly-textbox>\r\n </div>\r\n \r\n <div style=\"display: flex; flex-direction: column; gap: 16px;\">\r\n <spiderly-button [label]=\"t('Login')\" (onClick)=\"sendLoginVerificationEmail()\" [outlined]=\"true\" [style]=\"{width: '100%'}\"></spiderly-button>\r\n <!-- TODO FT: Add possibility to change this name from the specific project -->\r\n <spiderly-button *ngIf=\"usersCanRegister\" [label]=\"t('NewToJoinNow', {companyName: companyName})\" routerLink=\"/registration\" [style]=\"{width: '100%'}\"></spiderly-button>\r\n </div>\r\n </form>\r\n </auth>\r\n }\r\n @else {\r\n <login-verification [email]=\"loginFormGroup.controls.email.getRawValue()\"></login-verification>\r\n }\r\n }\r\n @else {\r\n <!-- TODO FT: Add skeleton -->\r\n }\r\n</ng-container>" }]
59
- }], ctorParameters: () => [{ type: i0.KeyValueDiffers }, { type: i1.HttpClient }, { type: i2.SpiderlyMessageService }, { type: i0.ChangeDetectorRef }, { type: i3.Router }, { type: i3.ActivatedRoute }, { type: i4.TranslocoService }, { type: i5.BaseFormService }, { type: i6.AuthBaseService }, { type: i7.ConfigBaseService }] });
60
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3BpZGVybHkvc3JjL2xpYi9jb21wb25lbnRzL2F1dGgvbG9naW4vbG9naW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3BpZGVybHkvc3JjL2xpYi9jb21wb25lbnRzL2F1dGgvbG9naW4vbG9naW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFxQixTQUFTLEVBQTJCLE1BQU0sZUFBZSxDQUFDO0FBR3RGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM5RCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDNUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sbURBQW1ELENBQUM7Ozs7Ozs7Ozs7Ozs7OztBQVV0RixNQUFNLE9BQU8sY0FBZSxTQUFRLFlBQVk7SUFPNUMsWUFDcUIsT0FBd0IsRUFDeEIsSUFBZ0IsRUFDaEIsY0FBc0MsRUFDdEMsaUJBQW9DLEVBQ3BDLE1BQWMsRUFDZCxLQUFxQixFQUNyQixnQkFBa0MsRUFDbEMsZUFBZ0MsRUFDM0MsV0FBNEIsRUFDNUIsTUFBeUI7UUFFakMsS0FBSyxDQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFYdkYsWUFBTyxHQUFQLE9BQU8sQ0FBaUI7UUFDeEIsU0FBSSxHQUFKLElBQUksQ0FBWTtRQUNoQixtQkFBYyxHQUFkLGNBQWMsQ0FBd0I7UUFDdEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUNwQyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2QsVUFBSyxHQUFMLEtBQUssQ0FBZ0I7UUFDckIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFDM0MsZ0JBQVcsR0FBWCxXQUFXLENBQWlCO1FBQzVCLFdBQU0sR0FBTixNQUFNLENBQW1CO1FBaEJuQyxtQkFBYyxHQUFHLElBQUksaUJBQWlCLENBQVEsRUFBRSxDQUFDLENBQUM7UUFHbEQsd0JBQW1CLEdBQVksS0FBSyxDQUFDO1FBQ3JDLHFCQUFnQixHQUFZLElBQUksQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUM7SUFlekQsQ0FBQztJQUVRLFFBQVE7UUFDYixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBWTtRQUM3QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNyRixDQUFDO0lBRUQsaUJBQWlCLENBQUMsV0FBbUI7UUFDbkMsSUFBSSxDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUM7SUFDakMsQ0FBQztJQUVELDBCQUEwQjtRQUN0QixJQUFJLGdCQUFnQixHQUFZLElBQUksQ0FBQyxlQUFlLENBQUMsc0JBQXNCLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBRWpHLElBQUksZ0JBQWdCLElBQUksS0FBSztZQUMzQixPQUFPO1FBRVQsSUFBSSxDQUFDLFdBQVcsQ0FBQywwQkFBMEIsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUUsRUFBRTtZQUN6RixJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDO1FBQ3BDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzsrR0EzQ1EsY0FBYzttR0FBZCxjQUFjLHdFQ2hCM0IsdWhEQXdCZTs7NEZEUkYsY0FBYztrQkFKMUIsU0FBUzsrQkFDSSxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEtleVZhbHVlRGlmZmVycywgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEh0dHBDbGllbnQgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XHJcbmltcG9ydCB7IFRyYW5zbG9jb1NlcnZpY2UgfSBmcm9tICdAanN2ZXJzZS90cmFuc2xvY28nO1xyXG5pbXBvcnQgeyBCYXNlRm9ybUNvcHkgfSBmcm9tICcuLi8uLi9iYXNlLWZvcm0vYmFzZS1mb3JtIGNvcHknO1xyXG5pbXBvcnQgeyBMb2dpbiB9IGZyb20gJy4uLy4uLy4uL2VudGl0aWVzL3NlY3VyaXR5LWVudGl0aWVzJztcclxuaW1wb3J0IHsgU3BpZGVybHlGb3JtR3JvdXAgfSBmcm9tICcuLi8uLi9zcGlkZXJseS1mb3JtLWNvbnRyb2wvc3BpZGVybHktZm9ybS1jb250cm9sJztcclxuaW1wb3J0IHsgU3BpZGVybHlNZXNzYWdlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3NwaWRlcmx5LW1lc3NhZ2Uuc2VydmljZSc7XHJcbmltcG9ydCB7IEJhc2VGb3JtU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2Jhc2UtZm9ybS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgQXV0aEJhc2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvYXV0aC1iYXNlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBDb25maWdCYXNlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2NvbmZpZy1iYXNlLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2FwcC1sb2dpbicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vbG9naW4uY29tcG9uZW50Lmh0bWwnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTG9naW5Db21wb25lbnQgZXh0ZW5kcyBCYXNlRm9ybUNvcHkgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgbG9naW5Gb3JtR3JvdXAgPSBuZXcgU3BpZGVybHlGb3JtR3JvdXA8TG9naW4+KHt9KTtcclxuXHJcbiAgICBjb21wYW55TmFtZTogc3RyaW5nO1xyXG4gICAgc2hvd0VtYWlsU2VudERpYWxvZzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgdXNlcnNDYW5SZWdpc3RlcjogYm9vbGVhbiA9IHRoaXMuY29uZmlnLnVzZXJzQ2FuUmVnaXN0ZXI7XHJcblxyXG4gICAgY29uc3RydWN0b3IoXHJcbiAgICAgIHByb3RlY3RlZCBvdmVycmlkZSBkaWZmZXJzOiBLZXlWYWx1ZURpZmZlcnMsXHJcbiAgICAgIHByb3RlY3RlZCBvdmVycmlkZSBodHRwOiBIdHRwQ2xpZW50LFxyXG4gICAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgbWVzc2FnZVNlcnZpY2U6IFNwaWRlcmx5TWVzc2FnZVNlcnZpY2UsIFxyXG4gICAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcm91dGVyOiBSb3V0ZXIsIFxyXG4gICAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcm91dGU6IEFjdGl2YXRlZFJvdXRlLFxyXG4gICAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgdHJhbnNsb2NvU2VydmljZTogVHJhbnNsb2NvU2VydmljZSxcclxuICAgICAgcHJvdGVjdGVkIG92ZXJyaWRlIGJhc2VGb3JtU2VydmljZTogQmFzZUZvcm1TZXJ2aWNlLFxyXG4gICAgICBwcml2YXRlIGF1dGhTZXJ2aWNlOiBBdXRoQmFzZVNlcnZpY2UsIFxyXG4gICAgICBwcml2YXRlIGNvbmZpZzogQ29uZmlnQmFzZVNlcnZpY2VcclxuICAgICkgeyBcclxuICAgICAgc3VwZXIoZGlmZmVycywgaHR0cCwgbWVzc2FnZVNlcnZpY2UsIGNoYW5nZURldGVjdG9yUmVmLCByb3V0ZXIsIHJvdXRlLCB0cmFuc2xvY29TZXJ2aWNlLCBiYXNlRm9ybVNlcnZpY2UpO1xyXG4gICAgfVxyXG5cclxuICAgIG92ZXJyaWRlIG5nT25Jbml0KCl7XHJcbiAgICAgICAgdGhpcy5pbml0TG9naW5Gb3JtR3JvdXAobmV3IExvZ2luKHt9KSk7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIGluaXRMb2dpbkZvcm1Hcm91cChtb2RlbDogTG9naW4pe1xyXG4gICAgICB0aGlzLmluaXRGb3JtR3JvdXAodGhpcy5sb2dpbkZvcm1Hcm91cCwgdGhpcy5mb3JtR3JvdXAsIG1vZGVsLCBtb2RlbC50eXBlTmFtZSwgW10pO1xyXG4gICAgfVxyXG5cclxuICAgIGNvbXBhbnlOYW1lQ2hhbmdlKGNvbXBhbnlOYW1lOiBzdHJpbmcpe1xyXG4gICAgICB0aGlzLmNvbXBhbnlOYW1lID0gY29tcGFueU5hbWU7XHJcbiAgICB9XHJcblxyXG4gICAgc2VuZExvZ2luVmVyaWZpY2F0aW9uRW1haWwoKSB7XHJcbiAgICAgICAgbGV0IGlzRm9ybUdyb3VwVmFsaWQ6IGJvb2xlYW4gPSB0aGlzLmJhc2VGb3JtU2VydmljZS5jaGVja0Zvcm1Hcm91cFZhbGlkaXR5KHRoaXMubG9naW5Gb3JtR3JvdXApO1xyXG4gICAgICAgIFxyXG4gICAgICAgIGlmIChpc0Zvcm1Hcm91cFZhbGlkID09IGZhbHNlKSBcclxuICAgICAgICAgIHJldHVybjtcclxuXHJcbiAgICAgICAgdGhpcy5hdXRoU2VydmljZS5zZW5kTG9naW5WZXJpZmljYXRpb25FbWFpbCh0aGlzLmxvZ2luRm9ybUdyb3VwLmdldFJhd1ZhbHVlKCkpLnN1YnNjcmliZSgoKT0+e1xyXG4gICAgICAgICAgICB0aGlzLnNob3dFbWFpbFNlbnREaWFsb2cgPSB0cnVlO1xyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxufVxyXG4iLCI8bmctY29udGFpbmVyICp0cmFuc2xvY289XCJsZXQgdFwiPlxyXG4gICAgQGlmIChsb2dpbkZvcm1Hcm91cCAhPSBudWxsKSB7XHJcbiAgICAgICAgQGlmIChzaG93RW1haWxTZW50RGlhbG9nID09IGZhbHNlKSB7XHJcbiAgICAgICAgICAgIDxhdXRoIChvbkNvbXBhbnlOYW1lQ2hhbmdlKT1cImNvbXBhbnlOYW1lQ2hhbmdlKCRldmVudClcIj5cclxuICAgICAgICAgICAgICAgIDxmb3JtIFtmb3JtR3JvdXBdPVwiZm9ybUdyb3VwXCIgc3R5bGU9XCJtYXJnaW4tYm90dG9tOiAxNnB4O1wiPiA8IS0tIEZUOiBXZSBhcmUgbm90IGxvYWRpbmcgYW55dGhpbmcgZnJvbSB0aGUgc2VydmVyIGhlcmUgc28gd2UgZG9uJ3QgbmVlZCBkZWZlciBibG9jayAtLT5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTEyXCIgc3R5bGU9XCJwYWRkaW5nLWxlZnQ6IDA7IHBhZGRpbmctcmlnaHQ6IDA7IG1hcmdpbi1ib3R0b206IDMycHg7XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGlkZXJseS10ZXh0Ym94IFtjb250cm9sXT1cImNvbnRyb2woJ2VtYWlsJywgbG9naW5Gb3JtR3JvdXApXCI+PC9zcGlkZXJseS10ZXh0Ym94PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJkaXNwbGF5OiBmbGV4OyBmbGV4LWRpcmVjdGlvbjogY29sdW1uOyBnYXA6IDE2cHg7XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGlkZXJseS1idXR0b24gW2xhYmVsXT1cInQoJ0xvZ2luJylcIiAob25DbGljayk9XCJzZW5kTG9naW5WZXJpZmljYXRpb25FbWFpbCgpXCIgW291dGxpbmVkXT1cInRydWVcIiBbc3R5bGVdPVwie3dpZHRoOiAnMTAwJSd9XCI+PC9zcGlkZXJseS1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwhLS0gVE9ETyBGVDogQWRkIHBvc3NpYmlsaXR5IHRvIGNoYW5nZSB0aGlzIG5hbWUgZnJvbSB0aGUgc3BlY2lmaWMgcHJvamVjdCAtLT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwaWRlcmx5LWJ1dHRvbiAqbmdJZj1cInVzZXJzQ2FuUmVnaXN0ZXJcIiBbbGFiZWxdPVwidCgnTmV3VG9Kb2luTm93Jywge2NvbXBhbnlOYW1lOiBjb21wYW55TmFtZX0pXCIgcm91dGVyTGluaz1cIi9yZWdpc3RyYXRpb25cIiBbc3R5bGVdPVwie3dpZHRoOiAnMTAwJSd9XCI+PC9zcGlkZXJseS1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Zvcm0+XHJcbiAgICAgICAgICAgIDwvYXV0aD5cclxuICAgICAgICB9XHJcbiAgICAgICAgQGVsc2Uge1xyXG4gICAgICAgICAgICA8bG9naW4tdmVyaWZpY2F0aW9uIFtlbWFpbF09XCJsb2dpbkZvcm1Hcm91cC5jb250cm9scy5lbWFpbC5nZXRSYXdWYWx1ZSgpXCI+PC9sb2dpbi12ZXJpZmljYXRpb24+XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgQGVsc2Uge1xyXG4gICAgICAgIDwhLS0gVE9ETyBGVDogQWRkIHNrZWxldG9uIC0tPlxyXG4gICAgfVxyXG48L25nLWNvbnRhaW5lcj4iXX0=