@krumio/trailhand-ui 1.7.0 → 1.8.1

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 (54) hide show
  1. package/README.md +13 -13
  2. package/dist/components/action-menu/action-menu.d.ts.map +1 -1
  3. package/dist/components/action-menu/action-menu.js +14 -12
  4. package/dist/components/action-menu/action-menu.js.map +1 -1
  5. package/dist/components/button/button.js +18 -18
  6. package/dist/components/data-table/data-table.d.ts +1 -11
  7. package/dist/components/data-table/data-table.d.ts.map +1 -1
  8. package/dist/components/data-table/data-table.js +39 -112
  9. package/dist/components/data-table/data-table.js.map +1 -1
  10. package/dist/components/icon/icon.d.ts +16 -0
  11. package/dist/components/icon/icon.d.ts.map +1 -1
  12. package/dist/components/icon/icon.js +30 -2
  13. package/dist/components/icon/icon.js.map +1 -1
  14. package/dist/components/progress-bar/index.d.ts +2 -0
  15. package/dist/components/progress-bar/index.d.ts.map +1 -0
  16. package/dist/components/progress-bar/index.js +2 -0
  17. package/dist/components/progress-bar/index.js.map +1 -0
  18. package/dist/components/progress-bar/progress-bar.d.ts +27 -0
  19. package/dist/components/progress-bar/progress-bar.d.ts.map +1 -0
  20. package/dist/components/progress-bar/progress-bar.js +124 -0
  21. package/dist/components/progress-bar/progress-bar.js.map +1 -0
  22. package/dist/components/th-card/index.d.ts +3 -0
  23. package/dist/components/th-card/index.d.ts.map +1 -0
  24. package/dist/components/th-card/index.js +2 -0
  25. package/dist/components/th-card/index.js.map +1 -0
  26. package/dist/components/th-card/th-card.d.ts +40 -0
  27. package/dist/components/th-card/th-card.d.ts.map +1 -0
  28. package/dist/components/th-card/th-card.js +376 -0
  29. package/dist/components/th-card/th-card.js.map +1 -0
  30. package/dist/components/th-tag/index.d.ts +3 -0
  31. package/dist/components/th-tag/index.d.ts.map +1 -0
  32. package/dist/components/th-tag/index.js +2 -0
  33. package/dist/components/th-tag/index.js.map +1 -0
  34. package/dist/components/th-tag/th-tag.d.ts +67 -0
  35. package/dist/components/th-tag/th-tag.d.ts.map +1 -0
  36. package/dist/components/th-tag/th-tag.js +287 -0
  37. package/dist/components/th-tag/th-tag.js.map +1 -0
  38. package/dist/components/toggle-switch/toggle-switch.d.ts.map +1 -1
  39. package/dist/components/toggle-switch/toggle-switch.js +5 -3
  40. package/dist/components/toggle-switch/toggle-switch.js.map +1 -1
  41. package/dist/index.d.ts +4 -0
  42. package/dist/index.d.ts.map +1 -1
  43. package/dist/index.js +5 -0
  44. package/dist/index.js.map +1 -1
  45. package/dist/styles/colors.css +116 -86
  46. package/dist/utils/formatters.d.ts +9 -0
  47. package/dist/utils/formatters.d.ts.map +1 -0
  48. package/dist/utils/formatters.js +66 -0
  49. package/dist/utils/formatters.js.map +1 -0
  50. package/dist/utils/index.d.ts +2 -0
  51. package/dist/utils/index.d.ts.map +1 -0
  52. package/dist/utils/index.js +2 -0
  53. package/dist/utils/index.js.map +1 -0
  54. package/package.json +3 -2
@@ -0,0 +1,66 @@
1
+ /**
2
+ * Data table formatters for common column types
3
+ */
4
+ export const dataTableFormatters = {
5
+ /**
6
+ * Format a date value as relative time (e.g., "5d", "3h", "15m")
7
+ */
8
+ age: (value) => {
9
+ if (!value)
10
+ return '-';
11
+ const date = new Date(value);
12
+ const now = new Date();
13
+ const diffMs = now.getTime() - date.getTime();
14
+ const diffMins = Math.floor(diffMs / 60000);
15
+ const diffHours = Math.floor(diffMs / 3600000);
16
+ const diffDays = Math.floor(diffMs / 86400000);
17
+ if (diffDays > 0)
18
+ return `${diffDays}d`;
19
+ if (diffHours > 0)
20
+ return `${diffHours}h`;
21
+ if (diffMins > 0)
22
+ return `${diffMins}m`;
23
+ return 'Just now';
24
+ },
25
+ /**
26
+ * Format a date as a localized date string
27
+ */
28
+ date: (value) => {
29
+ if (!value)
30
+ return '-';
31
+ return new Date(value).toLocaleDateString();
32
+ },
33
+ /**
34
+ * Format a date as a localized date and time string
35
+ */
36
+ dateTime: (value) => {
37
+ if (!value)
38
+ return '-';
39
+ return new Date(value).toLocaleString();
40
+ },
41
+ /**
42
+ * Format memory bytes to human readable format (B, KB, MB, GB, TB)
43
+ */
44
+ memory: (value) => {
45
+ if (!value || value === 0)
46
+ return '0 B';
47
+ const units = ['B', 'KB', 'MB', 'GB', 'TB'];
48
+ let val = Number(value);
49
+ let unitIndex = 0;
50
+ while (val >= 1024 && unitIndex < units.length - 1) {
51
+ val = val / 1024;
52
+ unitIndex++;
53
+ }
54
+ return `${Math.round(val)} ${units[unitIndex]}`;
55
+ },
56
+ /**
57
+ * Format millicpus value
58
+ */
59
+ milliCPUs: (value) => {
60
+ if (!value || value === 0)
61
+ return '0';
62
+ const formatted = Math.round(Number(value)).toString();
63
+ return formatted === '0' ? '0' : formatted;
64
+ },
65
+ };
66
+ //# sourceMappingURL=formatters.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../src/utils/formatters.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAsC;IACpE;;OAEG;IACH,GAAG,EAAE,CAAC,KAAU,EAAU,EAAE;QAC1B,IAAI,CAAC,KAAK;YAAE,OAAO,GAAG,CAAC;QACvB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC;QAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC;QAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC;QAE/C,IAAI,QAAQ,GAAG,CAAC;YAAE,OAAO,GAAG,QAAQ,GAAG,CAAC;QACxC,IAAI,SAAS,GAAG,CAAC;YAAE,OAAO,GAAG,SAAS,GAAG,CAAC;QAC1C,IAAI,QAAQ,GAAG,CAAC;YAAE,OAAO,GAAG,QAAQ,GAAG,CAAC;QACxC,OAAO,UAAU,CAAC;IACpB,CAAC;IAED;;OAEG;IACH,IAAI,EAAE,CAAC,KAAU,EAAU,EAAE;QAC3B,IAAI,CAAC,KAAK;YAAE,OAAO,GAAG,CAAC;QACvB,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC9C,CAAC;IAED;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAU,EAAU,EAAE;QAC/B,IAAI,CAAC,KAAK;YAAE,OAAO,GAAG,CAAC;QACvB,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,CAAC;IAC1C,CAAC;IAED;;OAEG;IACH,MAAM,EAAE,CAAC,KAAU,EAAU,EAAE;QAC7B,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAExC,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC5C,IAAI,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,SAAS,GAAG,CAAC,CAAC;QAElB,OAAO,GAAG,IAAI,IAAI,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACnD,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;YACjB,SAAS,EAAE,CAAC;QACd,CAAC;QAED,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;IAClD,CAAC;IAED;;OAEG;IACH,SAAS,EAAE,CAAC,KAAU,EAAU,EAAE;QAChC,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC;YAAE,OAAO,GAAG,CAAC;QAEtC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACvD,OAAO,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7C,CAAC;CACF,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './formatters';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './formatters';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@krumio/trailhand-ui",
3
- "version": "1.7.0",
3
+ "version": "1.8.1",
4
4
  "type": "module",
5
5
  "description": "Reusable web components built with Lit Element",
6
6
  "main": "./dist/index.js",
@@ -55,6 +55,7 @@
55
55
  "dependencies": {
56
56
  "@fortawesome/fontawesome-svg-core": "^7.1.0",
57
57
  "@fortawesome/free-solid-svg-icons": "^7.1.0",
58
+ "@fortawesome/pro-duotone-svg-icons": "^7.1.0",
58
59
  "@iconify/icons-heroicons": "^1.2.9",
59
60
  "iconify-icon": "^3.0.2",
60
61
  "lit": "^3.3.1"
@@ -75,4 +76,4 @@
75
76
  "vite": "^6.4.1",
76
77
  "vitest": "^4.0.17"
77
78
  }
78
- }
79
+ }