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,373 +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, on, dispatch } from 'snice';
11
- let SnicePagination = class SnicePagination extends HTMLElement {
12
- constructor() {
13
- super(...arguments);
14
- this.current = 1;
15
- this.total = 1;
16
- this.siblings = 1;
17
- this.showFirst = true;
18
- this.showLast = true;
19
- this.showPrev = true;
20
- this.showNext = true;
21
- this.size = 'medium';
22
- this.variant = 'default';
23
- }
24
- html() {
25
- const pages = this.getPageNumbers();
26
- return /*html*/ `
27
- <nav class="pagination" aria-label="Pagination">
28
- ${this.showFirst ? /*html*/ `
29
- <button
30
- class="pagination-button pagination-first"
31
- ${this.current === 1 ? 'disabled' : ''}
32
- aria-label="First page">
33
- <svg width="16" height="16" viewBox="0 0 16 16">
34
- <path d="M11 12L7 8L11 4M5 4V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
35
- </svg>
36
- </button>
37
- ` : ''}
38
-
39
- ${this.showPrev ? /*html*/ `
40
- <button
41
- class="pagination-button pagination-prev"
42
- ${this.current === 1 ? 'disabled' : ''}
43
- aria-label="Previous page">
44
- <svg width="16" height="16" viewBox="0 0 16 16">
45
- <path d="M10 12L6 8L10 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
46
- </svg>
47
- </button>
48
- ` : ''}
49
-
50
- <div class="pagination-pages">
51
- ${pages.map(page => page === '...'
52
- ? /*html*/ `<span class="pagination-ellipsis">...</span>`
53
- : /*html*/ `
54
- <button
55
- class="pagination-button pagination-page ${page === this.current ? 'active' : ''}"
56
- data-page="${page}"
57
- aria-label="Page ${page}"
58
- ${page === this.current ? 'aria-current="page"' : ''}>
59
- ${page}
60
- </button>
61
- `).join('')}
62
- </div>
63
-
64
- ${this.showNext ? /*html*/ `
65
- <button
66
- class="pagination-button pagination-next"
67
- ${this.current === this.total ? 'disabled' : ''}
68
- aria-label="Next page">
69
- <svg width="16" height="16" viewBox="0 0 16 16">
70
- <path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
71
- </svg>
72
- </button>
73
- ` : ''}
74
-
75
- ${this.showLast ? /*html*/ `
76
- <button
77
- class="pagination-button pagination-last"
78
- ${this.current === this.total ? 'disabled' : ''}
79
- aria-label="Last page">
80
- <svg width="16" height="16" viewBox="0 0 16 16">
81
- <path d="M5 12L9 8L5 4M11 4V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
82
- </svg>
83
- </button>
84
- ` : ''}
85
- </nav>
86
- `;
87
- }
88
- css() {
89
- return /*css*/ `
90
- :host {
91
- display: inline-block;
92
- --pagination-gap: 4px;
93
- --pagination-button-size: 32px;
94
- --pagination-button-padding: 8px;
95
- --pagination-font-size: 14px;
96
- --pagination-border-radius: 4px;
97
- }
98
-
99
- :host([size="small"]) {
100
- --pagination-button-size: 28px;
101
- --pagination-button-padding: 6px;
102
- --pagination-font-size: 12px;
103
- }
104
-
105
- :host([size="large"]) {
106
- --pagination-button-size: 40px;
107
- --pagination-button-padding: 10px;
108
- --pagination-font-size: 16px;
109
- }
110
-
111
- :host([variant="rounded"]) {
112
- --pagination-border-radius: 50%;
113
- }
114
-
115
- .pagination {
116
- display: flex;
117
- align-items: center;
118
- gap: var(--pagination-gap);
119
- }
120
-
121
- .pagination-pages {
122
- display: flex;
123
- align-items: center;
124
- gap: var(--pagination-gap);
125
- }
126
-
127
- .pagination-button {
128
- display: flex;
129
- align-items: center;
130
- justify-content: center;
131
- min-width: var(--pagination-button-size);
132
- height: var(--pagination-button-size);
133
- padding: 0 var(--pagination-button-padding);
134
- background: white;
135
- border: 1px solid #e5e7eb;
136
- border-radius: var(--pagination-border-radius);
137
- color: #374151;
138
- font-size: var(--pagination-font-size);
139
- cursor: pointer;
140
- transition: all 0.2s;
141
- font-family: inherit;
142
- }
143
-
144
- :host([variant="text"]) .pagination-button {
145
- background: transparent;
146
- border: none;
147
- }
148
-
149
- .pagination-button:hover:not(:disabled) {
150
- background: #f3f4f6;
151
- border-color: #d1d5db;
152
- }
153
-
154
- :host([variant="text"]) .pagination-button:hover:not(:disabled) {
155
- background: #f3f4f6;
156
- }
157
-
158
- .pagination-button:disabled {
159
- opacity: 0.5;
160
- cursor: not-allowed;
161
- }
162
-
163
- .pagination-button.active {
164
- background: #3b82f6;
165
- border-color: #3b82f6;
166
- color: white;
167
- }
168
-
169
- .pagination-button.active:hover {
170
- background: #2563eb;
171
- border-color: #2563eb;
172
- }
173
-
174
- .pagination-ellipsis {
175
- padding: 0 8px;
176
- color: #6b7280;
177
- font-size: var(--pagination-font-size);
178
- }
179
-
180
- svg {
181
- width: 16px;
182
- height: 16px;
183
- }
184
- `;
185
- }
186
- getPageNumbers() {
187
- const pages = [];
188
- const totalNumbers = this.siblings * 2 + 3;
189
- const totalBlocks = totalNumbers + 2;
190
- if (this.total <= totalBlocks) {
191
- // Show all pages
192
- for (let i = 1; i <= this.total; i++) {
193
- pages.push(i);
194
- }
195
- }
196
- else {
197
- const startPage = Math.max(2, this.current - this.siblings);
198
- const endPage = Math.min(this.total - 1, this.current + this.siblings);
199
- // Always show first page
200
- pages.push(1);
201
- // Add ellipsis if needed
202
- if (startPage > 2) {
203
- pages.push('...');
204
- }
205
- // Add middle pages
206
- for (let i = startPage; i <= endPage; i++) {
207
- pages.push(i);
208
- }
209
- // Add ellipsis if needed
210
- if (endPage < this.total - 1) {
211
- pages.push('...');
212
- }
213
- // Always show last page
214
- pages.push(this.total);
215
- }
216
- return pages;
217
- }
218
- handleFirst() {
219
- if (this.current !== 1) {
220
- this.changePage(1);
221
- }
222
- }
223
- handlePrev() {
224
- if (this.current > 1) {
225
- this.changePage(this.current - 1);
226
- }
227
- }
228
- handleNext() {
229
- if (this.current < this.total) {
230
- this.changePage(this.current + 1);
231
- }
232
- }
233
- handleLast() {
234
- if (this.current !== this.total) {
235
- this.changePage(this.total);
236
- }
237
- }
238
- handlePageClick(event) {
239
- const target = event.target;
240
- const button = target.closest('.pagination-page');
241
- if (button) {
242
- const pageAttr = button.getAttribute('data-page');
243
- if (pageAttr) {
244
- const page = parseInt(pageAttr);
245
- if (page !== this.current) {
246
- this.changePage(page);
247
- }
248
- }
249
- }
250
- }
251
- changePage(page) {
252
- const oldPage = this.current;
253
- this.current = page;
254
- // Force a re-render by updating the shadow DOM
255
- this.updateView();
256
- return {
257
- page: this.current,
258
- previousPage: oldPage
259
- };
260
- }
261
- updateView() {
262
- // Update the shadow DOM with new HTML
263
- if (this.shadowRoot) {
264
- this.shadowRoot.innerHTML = `
265
- <style>${this.css()}</style>
266
- ${this.html()}
267
- `;
268
- }
269
- }
270
- // Public API
271
- goToPage(page) {
272
- if (page >= 1 && page <= this.total && page !== this.current) {
273
- this.changePage(page);
274
- }
275
- }
276
- nextPage() {
277
- if (this.current < this.total) {
278
- this.changePage(this.current + 1);
279
- }
280
- }
281
- previousPage() {
282
- if (this.current > 1) {
283
- this.changePage(this.current - 1);
284
- }
285
- }
286
- firstPage() {
287
- if (this.current !== 1) {
288
- this.changePage(1);
289
- }
290
- }
291
- lastPage() {
292
- if (this.current !== this.total) {
293
- this.changePage(this.total);
294
- }
295
- }
296
- };
297
- __decorate([
298
- property({ type: Number, reflect: true }),
299
- __metadata("design:type", Object)
300
- ], SnicePagination.prototype, "current", void 0);
301
- __decorate([
302
- property({ type: Number, reflect: true }),
303
- __metadata("design:type", Object)
304
- ], SnicePagination.prototype, "total", void 0);
305
- __decorate([
306
- property({ type: Number, reflect: true }),
307
- __metadata("design:type", Object)
308
- ], SnicePagination.prototype, "siblings", void 0);
309
- __decorate([
310
- property({ type: Boolean, reflect: true }),
311
- __metadata("design:type", Object)
312
- ], SnicePagination.prototype, "showFirst", void 0);
313
- __decorate([
314
- property({ type: Boolean, reflect: true }),
315
- __metadata("design:type", Object)
316
- ], SnicePagination.prototype, "showLast", void 0);
317
- __decorate([
318
- property({ type: Boolean, reflect: true }),
319
- __metadata("design:type", Object)
320
- ], SnicePagination.prototype, "showPrev", void 0);
321
- __decorate([
322
- property({ type: Boolean, reflect: true }),
323
- __metadata("design:type", Object)
324
- ], SnicePagination.prototype, "showNext", void 0);
325
- __decorate([
326
- property({ reflect: true }),
327
- __metadata("design:type", String)
328
- ], SnicePagination.prototype, "size", void 0);
329
- __decorate([
330
- property({ reflect: true }),
331
- __metadata("design:type", String)
332
- ], SnicePagination.prototype, "variant", void 0);
333
- __decorate([
334
- on('click', '.pagination-first'),
335
- __metadata("design:type", Function),
336
- __metadata("design:paramtypes", []),
337
- __metadata("design:returntype", void 0)
338
- ], SnicePagination.prototype, "handleFirst", null);
339
- __decorate([
340
- on('click', '.pagination-prev'),
341
- __metadata("design:type", Function),
342
- __metadata("design:paramtypes", []),
343
- __metadata("design:returntype", void 0)
344
- ], SnicePagination.prototype, "handlePrev", null);
345
- __decorate([
346
- on('click', '.pagination-next'),
347
- __metadata("design:type", Function),
348
- __metadata("design:paramtypes", []),
349
- __metadata("design:returntype", void 0)
350
- ], SnicePagination.prototype, "handleNext", null);
351
- __decorate([
352
- on('click', '.pagination-last'),
353
- __metadata("design:type", Function),
354
- __metadata("design:paramtypes", []),
355
- __metadata("design:returntype", void 0)
356
- ], SnicePagination.prototype, "handleLast", null);
357
- __decorate([
358
- on('click', '.pagination-page'),
359
- __metadata("design:type", Function),
360
- __metadata("design:paramtypes", [Event]),
361
- __metadata("design:returntype", void 0)
362
- ], SnicePagination.prototype, "handlePageClick", null);
363
- __decorate([
364
- dispatch('@snice/pagination-change', { bubbles: true, composed: true }),
365
- __metadata("design:type", Function),
366
- __metadata("design:paramtypes", [Number]),
367
- __metadata("design:returntype", void 0)
368
- ], SnicePagination.prototype, "changePage", null);
369
- SnicePagination = __decorate([
370
- element('snice-pagination')
371
- ], SnicePagination);
372
- export { SnicePagination };
373
- //# sourceMappingURL=snice-pagination.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snice-pagination.js","sourceRoot":"","sources":["../../../components/pagination/snice-pagination.ts"],"names":[],"mappings":"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"}
@@ -1,18 +0,0 @@
1
- export type PaginationSize = 'small' | 'medium' | 'large';
2
- export type PaginationVariant = 'default' | 'rounded' | 'text';
3
- export interface SnicePaginationElement extends HTMLElement {
4
- current: number;
5
- total: number;
6
- siblings: number;
7
- showFirst: boolean;
8
- showLast: boolean;
9
- showPrev: boolean;
10
- showNext: boolean;
11
- size: PaginationSize;
12
- variant: PaginationVariant;
13
- goToPage(page: number): void;
14
- nextPage(): void;
15
- previousPage(): void;
16
- firstPage(): void;
17
- lastPage(): void;
18
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=snice-pagination.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snice-pagination.types.js","sourceRoot":"","sources":["../../../components/pagination/snice-pagination.types.ts"],"names":[],"mappings":""}
@@ -1,35 +0,0 @@
1
- import type { ProgressVariant, ProgressSize, ProgressColor, SniceProgressElement } from './snice-progress.types';
2
- export declare class SniceProgress extends HTMLElement implements SniceProgressElement {
3
- value: number;
4
- max: number;
5
- variant: ProgressVariant;
6
- size: ProgressSize;
7
- color: ProgressColor;
8
- indeterminate: boolean;
9
- showLabel: boolean;
10
- label: string;
11
- striped: boolean;
12
- animated: boolean;
13
- thickness: number;
14
- progressBar?: HTMLElement;
15
- circleBar?: SVGCircleElement;
16
- labelElement?: HTMLElement;
17
- circleLabelElement?: HTMLElement;
18
- private radius;
19
- private circumference;
20
- html(): string;
21
- css(): string;
22
- private renderLinear;
23
- private renderCircular;
24
- init(): void;
25
- handleProgressChange(): void;
26
- handleVariantChange(): void;
27
- handleLabelChange(): void;
28
- handleThicknessChange(): void;
29
- private updateProgress;
30
- private updateLabel;
31
- getPercentage(): number;
32
- setProgress(value: number, max?: number): void;
33
- private getSizeValue;
34
- private dispatchProgressChange;
35
- }