ATable Loading Options

[crabinak]

@agritheory Here are two options for the ATable loading we discussed utilizing a background gradient animation. I have one using the gradient and another using a bar that moves across the bottom. This is a Loading component that could be used in place of the ATable before the data loads. We can explore other options as well.

Setting this as a draft until we settle on a loading option as I have two similar components in there and unused ones would need to be cleaned up before merging.

[github-actions]

Coverage Report for ./atable

Status	Category	Percentage	Covered / Total
🟢	Lines	70.16% (🎯 70%)	167 / 238
🟢	Statements	70.8% (🎯 70%)	177 / 250
🟢	Functions	80.85% (🎯 70%)	38 / 47
🔴	Branches	50% (🎯 70%)	90 / 180

File Coverage

File	Stmts	Branches	Functions	Lines	Uncovered Lines
Changed Files
atable/src/components/ATableLoading.vue	0%	100%	100%	0%	3
atable/src/components/ATableLoadingBar.vue	0%	100%	100%	0%	3
Unchanged Files
atable/src/utils.ts	100%	100%	100%	100%
atable/src/components/ACell.vue	90.56%	62.5%	100%	90.38%	100, 123-126, 156, 164-166
atable/src/components/AExpansionRow.vue	0%	0%	0%	0%	33-3
atable/src/components/ARow.vue	58.33%	56.25%	50%	58.33%	50-64, 17
atable/src/components/ATable.vue	59.25%	37.5%	90.9%	58.49%	112-116, 126-154
atable/src/components/ATableHeader.vue	100%	57.14%	100%	100%
atable/src/components/ATableModal.vue	90%	75%	50%	90%	49
atable/src/stores/table.ts	75%	51.47%	84.21%	74.72%	39-40, 53, 84-85, 105-109, 132, 136-147, 174, 182-183, 189

Generated in workflow #526 for commit 2949b0e by the Vitest Coverage Report Action