snice 1.14.2 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (311) hide show
  1. package/bin/templates/base/tsconfig.json +5 -4
  2. package/components/accordion/demo.html +403 -0
  3. package/components/alert/demo.html +445 -0
  4. package/components/avatar/demo.html +598 -0
  5. package/components/badge/demo.html +523 -0
  6. package/components/breadcrumbs/demo.html +404 -0
  7. package/components/button/demo.html +42 -0
  8. package/components/card/demo.html +525 -0
  9. package/components/checkbox/demo.html +253 -0
  10. package/components/chip/demo.html +383 -0
  11. package/components/date-picker/demo.html +191 -0
  12. package/components/divider/demo.html +233 -0
  13. package/components/drawer/demo.html +328 -0
  14. package/components/input/demo.html +303 -0
  15. package/components/input/test.html +77 -0
  16. package/components/layout/demo.html +538 -0
  17. package/components/login/demo-auth-controller.ts +185 -0
  18. package/components/login/demo.html +470 -0
  19. package/components/login/snice-login.ts +2 -2
  20. package/components/modal/demo.html +291 -0
  21. package/components/pagination/demo.html +395 -0
  22. package/components/progress/demo.html +510 -0
  23. package/components/radio/demo.html +287 -0
  24. package/components/select/demo.html +511 -0
  25. package/components/skeleton/demo.html +514 -0
  26. package/components/switch/demo.html +284 -0
  27. package/components/table/demo-table-controller.ts +100 -0
  28. package/components/table/demo.html +480 -0
  29. package/components/table/snice-table.ts +2 -2
  30. package/components/tabs/demo.html +487 -0
  31. package/components/toast/demo.html +329 -0
  32. package/components/tooltip/demo.html +350 -0
  33. package/dist/index.cjs +441 -329
  34. package/dist/index.cjs.map +1 -1
  35. package/dist/index.cjs.min.map +1 -1
  36. package/dist/index.esm.js +441 -329
  37. package/dist/index.esm.js.map +1 -1
  38. package/dist/index.esm.min.js +3 -3
  39. package/dist/index.esm.min.js.map +1 -1
  40. package/dist/index.iife.js +441 -329
  41. package/dist/index.iife.js.map +1 -1
  42. package/dist/index.iife.min.js +3 -3
  43. package/dist/index.iife.min.js.map +1 -1
  44. package/dist/symbols.esm.js +1 -1
  45. package/dist/transitions.esm.js +1 -1
  46. package/dist/types/controller.d.ts +1 -1
  47. package/dist/types/element.d.ts +10 -10
  48. package/dist/types/events.d.ts +2 -2
  49. package/dist/types/index.d.ts +1 -1
  50. package/dist/types/observe.d.ts +1 -1
  51. package/dist/types/request-response.d.ts +2 -3
  52. package/dist/types/router.d.ts +1 -1
  53. package/package.json +9 -10
  54. package/dist/components/accordion/snice-accordion-item.d.ts +0 -25
  55. package/dist/components/accordion/snice-accordion-item.js +0 -260
  56. package/dist/components/accordion/snice-accordion-item.js.map +0 -1
  57. package/dist/components/accordion/snice-accordion.d.ts +0 -28
  58. package/dist/components/accordion/snice-accordion.js +0 -221
  59. package/dist/components/accordion/snice-accordion.js.map +0 -1
  60. package/dist/components/accordion/snice-accordion.types.d.ts +0 -29
  61. package/dist/components/accordion/snice-accordion.types.js +0 -2
  62. package/dist/components/accordion/snice-accordion.types.js.map +0 -1
  63. package/dist/components/alert/snice-alert.d.ts +0 -26
  64. package/dist/components/alert/snice-alert.js +0 -191
  65. package/dist/components/alert/snice-alert.js.map +0 -1
  66. package/dist/components/alert/snice-alert.types.d.ts +0 -11
  67. package/dist/components/alert/snice-alert.types.js +0 -2
  68. package/dist/components/alert/snice-alert.types.js.map +0 -1
  69. package/dist/components/avatar/snice-avatar.d.ts +0 -24
  70. package/dist/components/avatar/snice-avatar.js +0 -177
  71. package/dist/components/avatar/snice-avatar.js.map +0 -1
  72. package/dist/components/avatar/snice-avatar.types.d.ts +0 -12
  73. package/dist/components/avatar/snice-avatar.types.js +0 -2
  74. package/dist/components/avatar/snice-avatar.types.js.map +0 -1
  75. package/dist/components/badge/snice-badge.d.ts +0 -25
  76. package/dist/components/badge/snice-badge.js +0 -157
  77. package/dist/components/badge/snice-badge.js.map +0 -1
  78. package/dist/components/badge/snice-badge.types.d.ts +0 -15
  79. package/dist/components/badge/snice-badge.types.js +0 -2
  80. package/dist/components/badge/snice-badge.types.js.map +0 -1
  81. package/dist/components/breadcrumbs/snice-breadcrumbs.d.ts +0 -27
  82. package/dist/components/breadcrumbs/snice-breadcrumbs.js +0 -212
  83. package/dist/components/breadcrumbs/snice-breadcrumbs.js.map +0 -1
  84. package/dist/components/breadcrumbs/snice-breadcrumbs.types.d.ts +0 -23
  85. package/dist/components/breadcrumbs/snice-breadcrumbs.types.js +0 -2
  86. package/dist/components/breadcrumbs/snice-breadcrumbs.types.js.map +0 -1
  87. package/dist/components/breadcrumbs/snice-crumb.d.ts +0 -9
  88. package/dist/components/breadcrumbs/snice-crumb.js +0 -50
  89. package/dist/components/breadcrumbs/snice-crumb.js.map +0 -1
  90. package/dist/components/button/snice-button.d.ts +0 -32
  91. package/dist/components/button/snice-button.js +0 -212
  92. package/dist/components/button/snice-button.js.map +0 -1
  93. package/dist/components/button/snice-button.types.d.ts +0 -23
  94. package/dist/components/button/snice-button.types.js +0 -2
  95. package/dist/components/button/snice-button.types.js.map +0 -1
  96. package/dist/components/card/snice-card.d.ts +0 -19
  97. package/dist/components/card/snice-card.js +0 -132
  98. package/dist/components/card/snice-card.js.map +0 -1
  99. package/dist/components/card/snice-card.types.d.ts +0 -9
  100. package/dist/components/card/snice-card.types.js +0 -2
  101. package/dist/components/card/snice-card.types.js.map +0 -1
  102. package/dist/components/checkbox/snice-checkbox.d.ts +0 -34
  103. package/dist/components/checkbox/snice-checkbox.js +0 -289
  104. package/dist/components/checkbox/snice-checkbox.js.map +0 -1
  105. package/dist/components/checkbox/snice-checkbox.types.d.ts +0 -20
  106. package/dist/components/checkbox/snice-checkbox.types.js +0 -2
  107. package/dist/components/checkbox/snice-checkbox.types.js.map +0 -1
  108. package/dist/components/chip/snice-chip.d.ts +0 -28
  109. package/dist/components/chip/snice-chip.js +0 -203
  110. package/dist/components/chip/snice-chip.js.map +0 -1
  111. package/dist/components/chip/snice-chip.types.d.ts +0 -14
  112. package/dist/components/chip/snice-chip.types.js +0 -2
  113. package/dist/components/chip/snice-chip.types.js.map +0 -1
  114. package/dist/components/date-picker/snice-date-picker.d.ts +0 -82
  115. package/dist/components/date-picker/snice-date-picker.js +0 -880
  116. package/dist/components/date-picker/snice-date-picker.js.map +0 -1
  117. package/dist/components/date-picker/snice-date-picker.types.d.ts +0 -71
  118. package/dist/components/date-picker/snice-date-picker.types.js +0 -2
  119. package/dist/components/date-picker/snice-date-picker.types.js.map +0 -1
  120. package/dist/components/divider/snice-divider.d.ts +0 -17
  121. package/dist/components/divider/snice-divider.js +0 -111
  122. package/dist/components/divider/snice-divider.js.map +0 -1
  123. package/dist/components/divider/snice-divider.types.d.ts +0 -14
  124. package/dist/components/divider/snice-divider.types.js +0 -2
  125. package/dist/components/divider/snice-divider.types.js.map +0 -1
  126. package/dist/components/drawer/snice-drawer.d.ts +0 -37
  127. package/dist/components/drawer/snice-drawer.js +0 -335
  128. package/dist/components/drawer/snice-drawer.js.map +0 -1
  129. package/dist/components/drawer/snice-drawer.types.d.ts +0 -16
  130. package/dist/components/drawer/snice-drawer.types.js +0 -2
  131. package/dist/components/drawer/snice-drawer.types.js.map +0 -1
  132. package/dist/components/input/snice-input.d.ts +0 -65
  133. package/dist/components/input/snice-input.js +0 -603
  134. package/dist/components/input/snice-input.js.map +0 -1
  135. package/dist/components/input/snice-input.types.d.ts +0 -53
  136. package/dist/components/input/snice-input.types.js +0 -2
  137. package/dist/components/input/snice-input.types.js.map +0 -1
  138. package/dist/components/layout/snice-layout-blog.d.ts +0 -4
  139. package/dist/components/layout/snice-layout-blog.js +0 -56
  140. package/dist/components/layout/snice-layout-blog.js.map +0 -1
  141. package/dist/components/layout/snice-layout-card.d.ts +0 -6
  142. package/dist/components/layout/snice-layout-card.js +0 -53
  143. package/dist/components/layout/snice-layout-card.js.map +0 -1
  144. package/dist/components/layout/snice-layout-centered.d.ts +0 -5
  145. package/dist/components/layout/snice-layout-centered.js +0 -38
  146. package/dist/components/layout/snice-layout-centered.js.map +0 -1
  147. package/dist/components/layout/snice-layout-dashboard.d.ts +0 -4
  148. package/dist/components/layout/snice-layout-dashboard.js +0 -53
  149. package/dist/components/layout/snice-layout-dashboard.js.map +0 -1
  150. package/dist/components/layout/snice-layout-fullscreen.d.ts +0 -5
  151. package/dist/components/layout/snice-layout-fullscreen.js +0 -50
  152. package/dist/components/layout/snice-layout-fullscreen.js.map +0 -1
  153. package/dist/components/layout/snice-layout-landing.d.ts +0 -4
  154. package/dist/components/layout/snice-layout-landing.js +0 -55
  155. package/dist/components/layout/snice-layout-landing.js.map +0 -1
  156. package/dist/components/layout/snice-layout-minimal.d.ts +0 -4
  157. package/dist/components/layout/snice-layout-minimal.js +0 -27
  158. package/dist/components/layout/snice-layout-minimal.js.map +0 -1
  159. package/dist/components/layout/snice-layout-sidebar.d.ts +0 -5
  160. package/dist/components/layout/snice-layout-sidebar.js +0 -64
  161. package/dist/components/layout/snice-layout-sidebar.js.map +0 -1
  162. package/dist/components/layout/snice-layout-split.d.ts +0 -6
  163. package/dist/components/layout/snice-layout-split.js +0 -47
  164. package/dist/components/layout/snice-layout-split.js.map +0 -1
  165. package/dist/components/layout/snice-layout.d.ts +0 -4
  166. package/dist/components/layout/snice-layout.js +0 -43
  167. package/dist/components/layout/snice-layout.js.map +0 -1
  168. package/dist/components/layout/snice-layout.types.d.ts +0 -3
  169. package/dist/components/layout/snice-layout.types.js +0 -2
  170. package/dist/components/layout/snice-layout.types.js.map +0 -1
  171. package/dist/components/login/snice-login.d.ts +0 -45
  172. package/dist/components/login/snice-login.js +0 -385
  173. package/dist/components/login/snice-login.js.map +0 -1
  174. package/dist/components/login/snice-login.types.d.ts +0 -31
  175. package/dist/components/login/snice-login.types.js +0 -2
  176. package/dist/components/login/snice-login.types.js.map +0 -1
  177. package/dist/components/modal/snice-modal.d.ts +0 -32
  178. package/dist/components/modal/snice-modal.js +0 -288
  179. package/dist/components/modal/snice-modal.js.map +0 -1
  180. package/dist/components/modal/snice-modal.types.d.ts +0 -18
  181. package/dist/components/modal/snice-modal.types.js +0 -2
  182. package/dist/components/modal/snice-modal.types.js.map +0 -1
  183. package/dist/components/pagination/snice-pagination.d.ts +0 -26
  184. package/dist/components/pagination/snice-pagination.js +0 -373
  185. package/dist/components/pagination/snice-pagination.js.map +0 -1
  186. package/dist/components/pagination/snice-pagination.types.d.ts +0 -18
  187. package/dist/components/pagination/snice-pagination.types.js +0 -2
  188. package/dist/components/pagination/snice-pagination.types.js.map +0 -1
  189. package/dist/components/progress/snice-progress.d.ts +0 -35
  190. package/dist/components/progress/snice-progress.js +0 -295
  191. package/dist/components/progress/snice-progress.js.map +0 -1
  192. package/dist/components/progress/snice-progress.types.d.ts +0 -18
  193. package/dist/components/progress/snice-progress.types.js +0 -2
  194. package/dist/components/progress/snice-progress.types.js.map +0 -1
  195. package/dist/components/radio/snice-radio.d.ts +0 -33
  196. package/dist/components/radio/snice-radio.js +0 -286
  197. package/dist/components/radio/snice-radio.js.map +0 -1
  198. package/dist/components/radio/snice-radio.types.d.ts +0 -19
  199. package/dist/components/radio/snice-radio.types.js +0 -2
  200. package/dist/components/radio/snice-radio.types.js.map +0 -1
  201. package/dist/components/select/snice-option.d.ts +0 -17
  202. package/dist/components/select/snice-option.js +0 -77
  203. package/dist/components/select/snice-option.js.map +0 -1
  204. package/dist/components/select/snice-option.types.d.ts +0 -14
  205. package/dist/components/select/snice-option.types.js +0 -2
  206. package/dist/components/select/snice-option.types.js.map +0 -1
  207. package/dist/components/select/snice-select.d.ts +0 -89
  208. package/dist/components/select/snice-select.js +0 -900
  209. package/dist/components/select/snice-select.js.map +0 -1
  210. package/dist/components/select/snice-select.types.d.ts +0 -49
  211. package/dist/components/select/snice-select.types.js +0 -2
  212. package/dist/components/select/snice-select.types.js.map +0 -1
  213. package/dist/components/skeleton/snice-skeleton.d.ts +0 -16
  214. package/dist/components/skeleton/snice-skeleton.js +0 -159
  215. package/dist/components/skeleton/snice-skeleton.js.map +0 -1
  216. package/dist/components/skeleton/snice-skeleton.types.d.ts +0 -10
  217. package/dist/components/skeleton/snice-skeleton.types.js +0 -2
  218. package/dist/components/skeleton/snice-skeleton.types.js.map +0 -1
  219. package/dist/components/switch/snice-switch.d.ts +0 -38
  220. package/dist/components/switch/snice-switch.js +0 -309
  221. package/dist/components/switch/snice-switch.js.map +0 -1
  222. package/dist/components/switch/snice-switch.types.d.ts +0 -21
  223. package/dist/components/switch/snice-switch.types.js +0 -2
  224. package/dist/components/switch/snice-switch.types.js.map +0 -1
  225. package/dist/components/symbols.d.ts +0 -1
  226. package/dist/components/symbols.js +0 -20
  227. package/dist/components/symbols.js.map +0 -1
  228. package/dist/components/table/snice-cell-boolean.d.ts +0 -21
  229. package/dist/components/table/snice-cell-boolean.js +0 -152
  230. package/dist/components/table/snice-cell-boolean.js.map +0 -1
  231. package/dist/components/table/snice-cell-date.d.ts +0 -24
  232. package/dist/components/table/snice-cell-date.js +0 -240
  233. package/dist/components/table/snice-cell-date.js.map +0 -1
  234. package/dist/components/table/snice-cell-duration.d.ts +0 -16
  235. package/dist/components/table/snice-cell-duration.js +0 -123
  236. package/dist/components/table/snice-cell-duration.js.map +0 -1
  237. package/dist/components/table/snice-cell-filesize.d.ts +0 -16
  238. package/dist/components/table/snice-cell-filesize.js +0 -119
  239. package/dist/components/table/snice-cell-filesize.js.map +0 -1
  240. package/dist/components/table/snice-cell-number.d.ts +0 -23
  241. package/dist/components/table/snice-cell-number.js +0 -202
  242. package/dist/components/table/snice-cell-number.js.map +0 -1
  243. package/dist/components/table/snice-cell-progress.d.ts +0 -17
  244. package/dist/components/table/snice-cell-progress.js +0 -114
  245. package/dist/components/table/snice-cell-progress.js.map +0 -1
  246. package/dist/components/table/snice-cell-rating.d.ts +0 -17
  247. package/dist/components/table/snice-cell-rating.js +0 -113
  248. package/dist/components/table/snice-cell-rating.js.map +0 -1
  249. package/dist/components/table/snice-cell-sparkline.d.ts +0 -29
  250. package/dist/components/table/snice-cell-sparkline.js +0 -290
  251. package/dist/components/table/snice-cell-sparkline.js.map +0 -1
  252. package/dist/components/table/snice-cell-text.d.ts +0 -19
  253. package/dist/components/table/snice-cell-text.js +0 -153
  254. package/dist/components/table/snice-cell-text.js.map +0 -1
  255. package/dist/components/table/snice-cell.d.ts +0 -32
  256. package/dist/components/table/snice-cell.js +0 -451
  257. package/dist/components/table/snice-cell.js.map +0 -1
  258. package/dist/components/table/snice-column.d.ts +0 -62
  259. package/dist/components/table/snice-column.js +0 -440
  260. package/dist/components/table/snice-column.js.map +0 -1
  261. package/dist/components/table/snice-header.d.ts +0 -33
  262. package/dist/components/table/snice-header.js +0 -303
  263. package/dist/components/table/snice-header.js.map +0 -1
  264. package/dist/components/table/snice-progress.d.ts +0 -10
  265. package/dist/components/table/snice-progress.js +0 -91
  266. package/dist/components/table/snice-progress.js.map +0 -1
  267. package/dist/components/table/snice-rating.d.ts +0 -9
  268. package/dist/components/table/snice-rating.js +0 -68
  269. package/dist/components/table/snice-rating.js.map +0 -1
  270. package/dist/components/table/snice-row.d.ts +0 -43
  271. package/dist/components/table/snice-row.js +0 -365
  272. package/dist/components/table/snice-row.js.map +0 -1
  273. package/dist/components/table/snice-table.d.ts +0 -69
  274. package/dist/components/table/snice-table.js +0 -814
  275. package/dist/components/table/snice-table.js.map +0 -1
  276. package/dist/components/table/snice-table.types.d.ts +0 -137
  277. package/dist/components/table/snice-table.types.js +0 -2
  278. package/dist/components/table/snice-table.types.js.map +0 -1
  279. package/dist/components/tabs/snice-tab-panel.d.ts +0 -12
  280. package/dist/components/tabs/snice-tab-panel.js +0 -78
  281. package/dist/components/tabs/snice-tab-panel.js.map +0 -1
  282. package/dist/components/tabs/snice-tab.d.ts +0 -13
  283. package/dist/components/tabs/snice-tab.js +0 -90
  284. package/dist/components/tabs/snice-tab.js.map +0 -1
  285. package/dist/components/tabs/snice-tabs.d.ts +0 -34
  286. package/dist/components/tabs/snice-tabs.js +0 -367
  287. package/dist/components/tabs/snice-tabs.js.map +0 -1
  288. package/dist/components/tabs/snice-tabs.types.d.ts +0 -23
  289. package/dist/components/tabs/snice-tabs.types.js +0 -2
  290. package/dist/components/tabs/snice-tabs.types.js.map +0 -1
  291. package/dist/components/toast/snice-toast-container.d.ts +0 -25
  292. package/dist/components/toast/snice-toast-container.js +0 -251
  293. package/dist/components/toast/snice-toast-container.js.map +0 -1
  294. package/dist/components/toast/snice-toast.d.ts +0 -23
  295. package/dist/components/toast/snice-toast.js +0 -316
  296. package/dist/components/toast/snice-toast.js.map +0 -1
  297. package/dist/components/toast/snice-toast.types.d.ts +0 -30
  298. package/dist/components/toast/snice-toast.types.js +0 -2
  299. package/dist/components/toast/snice-toast.types.js.map +0 -1
  300. package/dist/components/tooltip/snice-tooltip.d.ts +0 -50
  301. package/dist/components/tooltip/snice-tooltip.js +0 -656
  302. package/dist/components/tooltip/snice-tooltip.js.map +0 -1
  303. package/dist/components/tooltip/snice-tooltip.types.d.ts +0 -18
  304. package/dist/components/tooltip/snice-tooltip.types.js +0 -2
  305. package/dist/components/tooltip/snice-tooltip.types.js.map +0 -1
  306. package/dist/components/transitions.d.ts +0 -11
  307. package/dist/components/transitions.js +0 -69
  308. package/dist/components/transitions.js.map +0 -1
  309. package/dist/index.cjs.min +0 -15
  310. package/dist/symbols.cjs +0 -103
  311. package/dist/transitions.cjs +0 -219
@@ -1,45 +0,0 @@
1
- import { type Response } from 'snice';
2
- import type { LoginVariant, LoginSize, LoginCredentials, LoginResult, SniceLoginElement } from './snice-login.types';
3
- import '../alert/snice-alert';
4
- import '../button/snice-button';
5
- export declare class SniceLogin extends HTMLElement implements SniceLoginElement {
6
- variant: LoginVariant;
7
- size: LoginSize;
8
- title: string;
9
- disabled: boolean;
10
- loading: boolean;
11
- showRememberMe: boolean;
12
- showForgotPassword: boolean;
13
- actionText: string;
14
- form: HTMLFormElement;
15
- usernameInput: HTMLInputElement;
16
- passwordInput: HTMLInputElement;
17
- rememberInput?: HTMLInputElement;
18
- alertElement: HTMLElement;
19
- buttonElement: HTMLElement;
20
- inputElements: NodeListOf<HTMLInputElement>;
21
- private alertMessage;
22
- private alertVariant;
23
- html(): string;
24
- css(): string;
25
- login(credentials?: LoginCredentials): Response<LoginResult>;
26
- handleButtonClick(event: Event): Promise<void>;
27
- handleSubmit(event: Event): Promise<{
28
- username: string;
29
- timestamp: string;
30
- } | undefined>;
31
- handleEnterKey(): void;
32
- handleForgotPassword(event: Event): {
33
- timestamp: string;
34
- };
35
- private dispatchLoginSuccess;
36
- private dispatchLoginError;
37
- private getFormData;
38
- showAlert(message: string, variant: 'error' | 'success'): void;
39
- clearAlert(): void;
40
- private updateAlert;
41
- private updateLoadingState;
42
- setError(message: string): void;
43
- clearError(): void;
44
- reset(): void;
45
- }
@@ -1,385 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- var __metadata = (this && this.__metadata) || function (k, v) {
8
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
9
- };
10
- import { element, property, query, queryAll, on, dispatch, request } from 'snice';
11
- import css from './snice-login.css?inline';
12
- import '../alert/snice-alert';
13
- import '../button/snice-button';
14
- let SniceLogin = class SniceLogin extends HTMLElement {
15
- constructor() {
16
- super(...arguments);
17
- this.variant = 'default';
18
- this.size = 'medium';
19
- this.title = 'Sign In';
20
- this.disabled = false;
21
- this.loading = false;
22
- this.showRememberMe = true;
23
- this.showForgotPassword = true;
24
- this.actionText = 'Sign In';
25
- this.alertMessage = '';
26
- this.alertVariant = '';
27
- }
28
- html() {
29
- return /*html*/ `
30
- <div class="login login--${this.variant} login--${this.size}">
31
- <slot name="before-header"></slot>
32
-
33
- <div class="login__header">
34
- <h1 class="login__title">${this.title}</h1>
35
- <slot name="subtitle">
36
- <p class="login__subtitle">Enter your credentials to continue</p>
37
- </slot>
38
- </div>
39
-
40
- <slot name="after-header"></slot>
41
- <slot name="before-form"></slot>
42
-
43
- <form class="login__form">
44
- <slot name="form-top"></slot>
45
-
46
- <div class="login__field">
47
- <label class="login__label" for="username">Username</label>
48
- <input
49
- class="login__input"
50
- type="text"
51
- name="username"
52
- id="username"
53
- required
54
- autocomplete="username"
55
- placeholder="Enter your username"
56
- ${this.disabled || this.loading ? 'disabled' : ''}
57
- />
58
- </div>
59
-
60
- <slot name="between-fields"></slot>
61
-
62
- <div class="login__field">
63
- <label class="login__label" for="password">Password</label>
64
- <input
65
- class="login__input"
66
- type="password"
67
- name="password"
68
- id="password"
69
- required
70
- autocomplete="current-password"
71
- placeholder="Enter your password"
72
- ${this.disabled || this.loading ? 'disabled' : ''}
73
- />
74
- </div>
75
-
76
- <div class="login__options" ${!this.showRememberMe && !this.showForgotPassword ? 'hidden' : ''}>
77
- <label class="login__remember" ${!this.showRememberMe ? 'hidden' : ''}>
78
- <input class="login__checkbox" type="checkbox" name="remember" ${this.disabled || this.loading ? 'disabled' : ''} />
79
- Remember me
80
- </label>
81
-
82
- <a href="#" class="login__forgot" ${!this.showForgotPassword ? 'hidden' : ''}>Forgot password?</a>
83
- </div>
84
-
85
- <slot name="before-submit"></slot>
86
-
87
- <snice-button type="submit" variant="primary" ${this.disabled ? 'disabled' : ''} ${this.loading ? 'loading' : ''}>
88
- ${this.actionText}
89
- </snice-button>
90
-
91
- <slot name="after-submit"></slot>
92
- </form>
93
-
94
- <slot name="after-form"></slot>
95
-
96
- <snice-alert variant="${this.alertVariant}" ${!this.alertMessage ? 'hidden' : ''}>${this.alertMessage}</snice-alert>
97
-
98
- <div class="login__footer">
99
- <slot name="footer"></slot>
100
- </div>
101
- </div>
102
- `;
103
- }
104
- css() {
105
- return css;
106
- }
107
- async *login(credentials) {
108
- if (!credentials) {
109
- credentials = this.getFormData();
110
- }
111
- if (!credentials.username || !credentials.password) {
112
- return {
113
- success: false,
114
- error: 'Username and password are required'
115
- };
116
- }
117
- try {
118
- const result = await (yield credentials);
119
- return result;
120
- }
121
- catch (error) {
122
- return {
123
- success: false,
124
- error: error instanceof Error ? error.message : 'Login failed'
125
- };
126
- }
127
- }
128
- async handleButtonClick(event) {
129
- console.log('Button clicked'); // Debug
130
- event.preventDefault();
131
- // Trigger form submit
132
- if (this.form) {
133
- this.form.requestSubmit();
134
- }
135
- }
136
- async handleSubmit(event) {
137
- console.log('Submit handler called'); // Debug
138
- event.preventDefault();
139
- if (this.loading || this.disabled) {
140
- console.log('Submit blocked - loading or disabled'); // Debug
141
- return;
142
- }
143
- console.log('Clearing error and setting loading...'); // Debug
144
- this.clearAlert();
145
- this.loading = true;
146
- this.updateLoadingState();
147
- // Wait a tick to ensure the form is properly rendered
148
- await new Promise(resolve => setTimeout(resolve, 0));
149
- try {
150
- const credentials = this.getFormData();
151
- console.log('Final credentials for login:', credentials); // Debug log
152
- if (!credentials.username || !credentials.password) {
153
- console.log('Missing credentials detected'); // Debug
154
- this.showAlert('Username and password are required', 'error');
155
- return;
156
- }
157
- const result = await this.login(credentials);
158
- if (result.success) {
159
- this.showAlert('Login successful!', 'success');
160
- this.dispatchLoginSuccess(result);
161
- }
162
- else {
163
- this.showAlert(result.error || 'Login failed', 'error');
164
- this.dispatchLoginError(result.error || 'Login failed');
165
- }
166
- }
167
- catch (error) {
168
- const errorMessage = error instanceof Error ? error.message : 'Login failed';
169
- console.log('Login error:', errorMessage); // Debug
170
- this.showAlert(errorMessage, 'error');
171
- this.dispatchLoginError(errorMessage);
172
- }
173
- finally {
174
- this.loading = false;
175
- this.updateLoadingState();
176
- }
177
- const credentials = this.getFormData();
178
- return {
179
- username: credentials.username,
180
- timestamp: new Date().toISOString()
181
- };
182
- }
183
- handleEnterKey() {
184
- if (!this.loading && !this.disabled && this.form) {
185
- this.form.requestSubmit();
186
- }
187
- }
188
- handleForgotPassword(event) {
189
- event.preventDefault();
190
- return {
191
- timestamp: new Date().toISOString()
192
- };
193
- }
194
- dispatchLoginSuccess(result) {
195
- return {
196
- user: result.user,
197
- token: result.token,
198
- timestamp: new Date().toISOString()
199
- };
200
- }
201
- dispatchLoginError(error) {
202
- return {
203
- error,
204
- timestamp: new Date().toISOString()
205
- };
206
- }
207
- getFormData() {
208
- const usernameInput = this.shadowRoot?.querySelector('#username');
209
- const passwordInput = this.shadowRoot?.querySelector('#password');
210
- const rememberInput = this.shadowRoot?.querySelector('input[name="remember"]');
211
- return {
212
- username: usernameInput?.value || '',
213
- password: passwordInput?.value || '',
214
- remember: rememberInput?.checked || false
215
- };
216
- }
217
- showAlert(message, variant) {
218
- this.alertMessage = message;
219
- this.alertVariant = variant;
220
- this.updateAlert();
221
- }
222
- clearAlert() {
223
- this.alertMessage = '';
224
- this.alertVariant = '';
225
- this.updateAlert();
226
- }
227
- updateAlert() {
228
- if (this.alertElement) {
229
- this.alertElement.setAttribute('variant', this.alertVariant);
230
- this.alertElement.textContent = this.alertMessage;
231
- if (this.alertMessage) {
232
- this.alertElement.removeAttribute('hidden');
233
- }
234
- else {
235
- this.alertElement.setAttribute('hidden', '');
236
- }
237
- }
238
- }
239
- updateLoadingState() {
240
- if (this.buttonElement) {
241
- if (this.loading) {
242
- this.buttonElement.setAttribute('loading', '');
243
- }
244
- else {
245
- this.buttonElement.removeAttribute('loading');
246
- }
247
- if (this.disabled) {
248
- this.buttonElement.setAttribute('disabled', '');
249
- }
250
- else {
251
- this.buttonElement.removeAttribute('disabled');
252
- }
253
- }
254
- this.inputElements?.forEach(input => {
255
- if (this.disabled || this.loading) {
256
- input.setAttribute('disabled', '');
257
- }
258
- else {
259
- input.removeAttribute('disabled');
260
- }
261
- });
262
- }
263
- setError(message) {
264
- this.showAlert(message, 'error');
265
- }
266
- clearError() {
267
- this.clearAlert();
268
- }
269
- reset() {
270
- if (this.form) {
271
- this.form.reset();
272
- }
273
- this.clearAlert();
274
- this.loading = false;
275
- }
276
- };
277
- __decorate([
278
- property({ reflect: true }),
279
- __metadata("design:type", String)
280
- ], SniceLogin.prototype, "variant", void 0);
281
- __decorate([
282
- property({ reflect: true }),
283
- __metadata("design:type", String)
284
- ], SniceLogin.prototype, "size", void 0);
285
- __decorate([
286
- property({ reflect: true }),
287
- __metadata("design:type", Object)
288
- ], SniceLogin.prototype, "title", void 0);
289
- __decorate([
290
- property({ type: Boolean, reflect: true }),
291
- __metadata("design:type", Object)
292
- ], SniceLogin.prototype, "disabled", void 0);
293
- __decorate([
294
- property({ type: Boolean, reflect: true }),
295
- __metadata("design:type", Object)
296
- ], SniceLogin.prototype, "loading", void 0);
297
- __decorate([
298
- property({ type: Boolean, reflect: true, attribute: 'show-remember-me' }),
299
- __metadata("design:type", Object)
300
- ], SniceLogin.prototype, "showRememberMe", void 0);
301
- __decorate([
302
- property({ type: Boolean, reflect: true, attribute: 'show-forgot-password' }),
303
- __metadata("design:type", Object)
304
- ], SniceLogin.prototype, "showForgotPassword", void 0);
305
- __decorate([
306
- property({ reflect: true, attribute: 'action-text' }),
307
- __metadata("design:type", Object)
308
- ], SniceLogin.prototype, "actionText", void 0);
309
- __decorate([
310
- query('.login__form'),
311
- __metadata("design:type", HTMLFormElement)
312
- ], SniceLogin.prototype, "form", void 0);
313
- __decorate([
314
- query('input[name="username"]'),
315
- __metadata("design:type", HTMLInputElement)
316
- ], SniceLogin.prototype, "usernameInput", void 0);
317
- __decorate([
318
- query('input[name="password"]'),
319
- __metadata("design:type", HTMLInputElement)
320
- ], SniceLogin.prototype, "passwordInput", void 0);
321
- __decorate([
322
- query('input[name="remember"]'),
323
- __metadata("design:type", HTMLInputElement)
324
- ], SniceLogin.prototype, "rememberInput", void 0);
325
- __decorate([
326
- query('snice-alert'),
327
- __metadata("design:type", HTMLElement)
328
- ], SniceLogin.prototype, "alertElement", void 0);
329
- __decorate([
330
- query('snice-button'),
331
- __metadata("design:type", HTMLElement)
332
- ], SniceLogin.prototype, "buttonElement", void 0);
333
- __decorate([
334
- queryAll('input'),
335
- __metadata("design:type", Object)
336
- ], SniceLogin.prototype, "inputElements", void 0);
337
- __decorate([
338
- request('login-user'),
339
- __metadata("design:type", Function),
340
- __metadata("design:paramtypes", [Object]),
341
- __metadata("design:returntype", Object)
342
- ], SniceLogin.prototype, "login", null);
343
- __decorate([
344
- on('click', 'snice-button'),
345
- __metadata("design:type", Function),
346
- __metadata("design:paramtypes", [Event]),
347
- __metadata("design:returntype", Promise)
348
- ], SniceLogin.prototype, "handleButtonClick", null);
349
- __decorate([
350
- on('submit', '.login__form'),
351
- dispatch('@snice/login-attempt', { bubbles: true, composed: true }),
352
- __metadata("design:type", Function),
353
- __metadata("design:paramtypes", [Event]),
354
- __metadata("design:returntype", Promise)
355
- ], SniceLogin.prototype, "handleSubmit", null);
356
- __decorate([
357
- on('keydown:Enter', '.login__input'),
358
- __metadata("design:type", Function),
359
- __metadata("design:paramtypes", []),
360
- __metadata("design:returntype", void 0)
361
- ], SniceLogin.prototype, "handleEnterKey", null);
362
- __decorate([
363
- on('click', '.login__forgot'),
364
- dispatch('@snice/login-forgot-password', { bubbles: true, composed: true }),
365
- __metadata("design:type", Function),
366
- __metadata("design:paramtypes", [Event]),
367
- __metadata("design:returntype", void 0)
368
- ], SniceLogin.prototype, "handleForgotPassword", null);
369
- __decorate([
370
- dispatch('@snice/login-success', { bubbles: true, composed: true }),
371
- __metadata("design:type", Function),
372
- __metadata("design:paramtypes", [Object]),
373
- __metadata("design:returntype", void 0)
374
- ], SniceLogin.prototype, "dispatchLoginSuccess", null);
375
- __decorate([
376
- dispatch('@snice/login-error', { bubbles: true, composed: true }),
377
- __metadata("design:type", Function),
378
- __metadata("design:paramtypes", [String]),
379
- __metadata("design:returntype", void 0)
380
- ], SniceLogin.prototype, "dispatchLoginError", null);
381
- SniceLogin = __decorate([
382
- element('snice-login')
383
- ], SniceLogin);
384
- export { SniceLogin };
385
- //# sourceMappingURL=snice-login.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snice-login.js","sourceRoot":"","sources":["../../../components/login/snice-login.ts"],"names":[],"mappings":"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"}
@@ -1,31 +0,0 @@
1
- export type LoginVariant = 'default' | 'card' | 'minimal';
2
- export type LoginSize = 'small' | 'medium' | 'large';
3
- export interface LoginCredentials {
4
- username: string;
5
- password: string;
6
- remember?: boolean;
7
- }
8
- export interface LoginResult {
9
- success: boolean;
10
- token?: string;
11
- error?: string;
12
- user?: {
13
- id: string;
14
- username: string;
15
- email?: string;
16
- };
17
- }
18
- export interface SniceLoginElement extends HTMLElement {
19
- variant: LoginVariant;
20
- size: LoginSize;
21
- title: string;
22
- disabled: boolean;
23
- loading: boolean;
24
- showRememberMe: boolean;
25
- showForgotPassword: boolean;
26
- actionText: string;
27
- login(credentials: LoginCredentials): Promise<LoginResult>;
28
- reset(): void;
29
- setError(message: string): void;
30
- clearError(): void;
31
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=snice-login.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snice-login.types.js","sourceRoot":"","sources":["../../../components/login/snice-login.types.ts"],"names":[],"mappings":""}
@@ -1,32 +0,0 @@
1
- import type { ModalSize, SniceModalElement } from './snice-modal.types';
2
- export declare class SniceModal extends HTMLElement implements SniceModalElement {
3
- open: boolean;
4
- size: ModalSize;
5
- private previousSize;
6
- noBackdropDismiss: boolean;
7
- noEscapeDismiss: boolean;
8
- noFocusTrap: boolean;
9
- noCloseButton: boolean;
10
- label: string;
11
- modal?: HTMLElement;
12
- panel?: HTMLElement;
13
- backdrop?: HTMLElement;
14
- private previousFocus;
15
- html(): string;
16
- css(): string;
17
- init(): void;
18
- handleOpenChange(): void;
19
- handleSizeChange(): void;
20
- handleCloseButtonChange(): void;
21
- handleBackdropClick(): void;
22
- handleCloseClick(): void;
23
- handleEscape(): void;
24
- handleTab(e: KeyboardEvent): void;
25
- private showModal;
26
- private hideModal;
27
- private trapFocus;
28
- private dispatchOpenEvent;
29
- private dispatchCloseEvent;
30
- show(): void;
31
- close(): void;
32
- }