@bagelink/vue 1.0.38 → 1.0.43

package/dist/style.css

@@ -1021,22 +1021,22 @@ display: block;
 	text-align: center;
 }
 
-.table-list-wrap[data-v-43f28baa] {
+.table-list-wrap[data-v-30ec790f] {
 	min-height: 150px;
 }
-.selected[data-v-43f28baa] {
+.selected[data-v-30ec790f] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-43f28baa]:hover {
+tbody tr.selected[data-v-30ec790f]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-43f28baa] {
+.loading-table[data-v-30ec790f] {
 	position: relative;
 }
-.inset[data-v-43f28baa] {
+.inset[data-v-30ec790f] {
 	inset: 0;
 }
-.loading-table-animation[data-v-43f28baa] {
+.loading-table-animation[data-v-30ec790f] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -1044,9 +1044,9 @@ tbody tr.selected[data-v-43f28baa]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-43f28baa 1s linear infinite;
+	animation: loading-table-30ec790f 1s linear infinite;
 }
-@keyframes loading-table-43f28baa {
+@keyframes loading-table-30ec790f {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -1054,55 +1054,55 @@ tbody tr.selected[data-v-43f28baa]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-43f28baa] {
+.list-arrows[data-v-30ec790f] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-43f28baa] {
+.list-arrows .bgl_icon-font[data-v-30ec790f] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-43f28baa] {
+.list-arrows.sorted[data-v-30ec790f] {
 	opacity: 1;
 }
-.col img[data-v-43f28baa] {
+.col img[data-v-30ec790f] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 	object-fit: cover;
 }
-.col[data-v-43f28baa]:has(img) {
+.col[data-v-30ec790f]:has(img) {
 	padding-inline-end: 0.5rem;
 }
-.list-arrows.sorted .desc[data-v-43f28baa] {
+.list-arrows.sorted .desc[data-v-30ec790f] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-43f28baa] {
+table[data-v-30ec790f] {
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-43f28baa] {
+th[data-v-30ec790f] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--31aad8d2);
+	height: var(--03db8ce0);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-43f28baa] {
+.embedded-field[data-v-30ec790f] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-43f28baa] {
+.row[data-v-30ec790f] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-43f28baa] {
+.row.first-row[data-v-30ec790f] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -1111,7 +1111,7 @@ th[data-v-43f28baa] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-43f28baa]::after {
+.row.first-row[data-v-30ec790f]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -1119,11 +1119,11 @@ th[data-v-43f28baa] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-43f28baa] {
+.first-row .col[data-v-30ec790f] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-43f28baa] {
+.col[data-v-30ec790f] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
@@ -1133,19 +1133,19 @@ th[data-v-43f28baa] {
 	overflow: hidden;
 	max-width: 30vw;
 }
-.col[data-v-43f28baa]:has(.bagel-input) {
+.col[data-v-30ec790f]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-43f28baa] {
+.col > div[data-v-30ec790f] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-43f28baa] {
+.max-col-width[data-v-30ec790f] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-43f28baa] {
+.col.check .bgl_icon-font[data-v-30ec790f] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -1156,35 +1156,35 @@ th[data-v-43f28baa] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-43f28baa] {
+.rows[data-v-30ec790f] {
 	font-size: 0.88em;
 }
-.table-list[data-v-43f28baa] {
+.table-list[data-v-30ec790f] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-43f28baa] {
+.BagelTable .table-list[data-v-30ec790f] {
 	overflow: unset;
 }
-.row-item[data-v-43f28baa] {
-	height: var(--31aad8d2);
+.row-item[data-v-30ec790f] {
+	height: var(--03db8ce0);
 	transition: all 200ms ease;
 }
-.row-item[data-v-43f28baa]:hover {
+.row-item[data-v-30ec790f]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-43f28baa] {
+.row-item input[type='checkbox'][data-v-30ec790f] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-43f28baa] {
+.infinite-wrapper[data-v-30ec790f] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-43f28baa] {
+input[type='checkbox'][data-v-30ec790f] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -1196,7 +1196,7 @@ input[type='checkbox'][data-v-43f28baa] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-43f28baa]::before {
+input[type='checkbox'][data-v-30ec790f]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -1209,18 +1209,18 @@ input[type='checkbox'][data-v-43f28baa]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-43f28baa]:hover::before {
+input[type='checkbox'][data-v-30ec790f]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-43f28baa] {
+[lang='he'] [dir='ltr'][data-v-30ec790f] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-43f28baa] {
+th input[type='checkbox'][data-v-30ec790f] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-43f28baa]::after {
+th[data-v-30ec790f]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -1228,24 +1228,24 @@ th[data-v-43f28baa]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-43f28baa] {
+tr[data-v-30ec790f] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-43f28baa],
-th[data-v-43f28baa] {
+td[data-v-30ec790f],
+th[data-v-30ec790f] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-43f28baa] {
+tbody tr[data-v-30ec790f] {
 	font-size: 0.88em;
-	height: var(--31aad8d2);
+	height: var(--03db8ce0);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-43f28baa]:hover {
+tbody tr[data-v-30ec790f]:hover {
 	background: var(--bgl-gray-light);
 }
 
@@ -3079,16 +3079,16 @@ to {
 }
 
 /* Bar Theme */
-.lds-bar[data-v-2e27b3c1] {
+.lds-bar[data-v-221a3053] {
   height: 4px;
   width: 100%;
   max-width: 130px;
   --c: no-repeat linear-gradient(currentColor 0 0);
   background: var(--c), var(--c), #ddd;
   background-size: 60% 100%;
-  animation: bar-animation-2e27b3c1 3s infinite ease-in-out;
+  animation: bar-animation-221a3053 3s infinite ease-in-out;
 }
-@keyframes bar-animation-2e27b3c1 {
+@keyframes bar-animation-221a3053 {
 0% { background-position: -150% 0, -150% 0
 }
 66% { background-position: 250% 0, -150% 0
@@ -3096,17 +3096,17 @@ to {
 100% { background-position: 250% 0, 250% 0
 }
 }
-.lds-ring[data-v-2e27b3c1],
-.lds-ring div[data-v-2e27b3c1] {
+.lds-ring[data-v-221a3053],
+.lds-ring div[data-v-221a3053] {
   box-sizing: border-box;
 }
-.lds-ring[data-v-2e27b3c1] {
+.lds-ring[data-v-221a3053] {
   position: relative;
   width: var(--size);
   height: var(--size);
   transform: translate(calc(var(--thickness) * -1), calc(var(--thickness) * -1));
 }
-.lds-ring div[data-v-2e27b3c1] {
+.lds-ring div[data-v-221a3053] {
   box-sizing: border-box;
   display: block;
   position: absolute;
@@ -3115,19 +3115,19 @@ to {
   margin: var(--thickness);
   border: var(--thickness) solid currentColor;
   border-radius: 50%;
-  animation: lds-ring-2e27b3c1 var(--animation-duration) cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  animation: lds-ring-221a3053 var(--animation-duration) cubic-bezier(0.5, 0, 0.5, 1) infinite;
   border-color: currentColor transparent transparent transparent;
 }
-.lds-ring div[data-v-2e27b3c1]:nth-child(1) {
+.lds-ring div[data-v-221a3053]:nth-child(1) {
   animation-delay: calc(var(--animation-duration) * -0.38);
 }
-.lds-ring div[data-v-2e27b3c1]:nth-child(2) {
+.lds-ring div[data-v-221a3053]:nth-child(2) {
   animation-delay: calc(var(--animation-duration) / -4);
 }
-.lds-ring div[data-v-2e27b3c1]:nth-child(3) {
+.lds-ring div[data-v-221a3053]:nth-child(3) {
   animation-delay: calc(var(--animation-duration) / -8);
 }
-@keyframes lds-ring-2e27b3c1 {
+@keyframes lds-ring-221a3053 {
 0% {
     transform: rotate(0deg);
 }
@@ -3135,17 +3135,17 @@ to {
     transform: rotate(360deg);
 }
 }
-.lds-ellipsis[data-v-2e27b3c1],
-.lds-ellipsis div[data-v-2e27b3c1] {
+.lds-ellipsis[data-v-221a3053],
+.lds-ellipsis div[data-v-221a3053] {
   box-sizing: border-box;
 }
-.lds-ellipsis[data-v-2e27b3c1] {
+.lds-ellipsis[data-v-221a3053] {
   display: inline-block;
   position: relative;
   width: var(--size);
   height: var(--size);
 }
-.lds-ellipsis div[data-v-2e27b3c1] {
+.lds-ellipsis div[data-v-221a3053] {
   position: absolute;
   top: calc(var(--size) - 40%);
   width: calc(var(--size) / 5);
@@ -3154,23 +3154,23 @@ to {
   background: currentColor;
   animation-timing-function: cubic-bezier(0, 1, 1, 0);
 }
-.lds-ellipsis div[data-v-2e27b3c1]:nth-child(1) {
+.lds-ellipsis div[data-v-221a3053]:nth-child(1) {
   left: calc(var(--size) / 10);
-  animation: lds-ellipsis1-2e27b3c1 0.6s infinite;
+  animation: lds-ellipsis1-221a3053 0.6s infinite;
 }
-.lds-ellipsis div[data-v-2e27b3c1]:nth-child(2) {
+.lds-ellipsis div[data-v-221a3053]:nth-child(2) {
   left: calc(var(--size) / 10);
-  animation: lds-ellipsis2-2e27b3c1 0.6s infinite;
+  animation: lds-ellipsis2-221a3053 0.6s infinite;
 }
-.lds-ellipsis div[data-v-2e27b3c1]:nth-child(3) {
+.lds-ellipsis div[data-v-221a3053]:nth-child(3) {
   left: calc(var(--size) / 2.5);
-  animation: lds-ellipsis2-2e27b3c1 0.6s infinite;
+  animation: lds-ellipsis2-221a3053 0.6s infinite;
 }
-.lds-ellipsis div[data-v-2e27b3c1]:nth-child(4) {
+.lds-ellipsis div[data-v-221a3053]:nth-child(4) {
   left: calc(var(--size) / 1.42);
-  animation: lds-ellipsis3-2e27b3c1 0.6s infinite;
+  animation: lds-ellipsis3-221a3053 0.6s infinite;
 }
-@keyframes lds-ellipsis1-2e27b3c1 {
+@keyframes lds-ellipsis1-221a3053 {
 0% {
     transform: scale(0);
 }
@@ -3178,7 +3178,7 @@ to {
     transform: scale(1);
 }
 }
-@keyframes lds-ellipsis3-2e27b3c1 {
+@keyframes lds-ellipsis3-221a3053 {
 0% {
     transform: scale(1);
 }
@@ -3186,7 +3186,7 @@ to {
     transform: scale(0);
 }
 }
-@keyframes lds-ellipsis2-2e27b3c1 {
+@keyframes lds-ellipsis2-221a3053 {
 0% {
     transform: translate(0, 0);
 }

package/dist/types/BagelForm.d.ts

@@ -64,6 +64,6 @@ export type BglFormSchemaT<T = {
 }> = Field<T>[];
 export type BglFormSchemaFnT<T = {
     [key: string]: any;
-}> = (() => BglFormSchemaT<T>) | BglFormSchemaT<T>;
+}> = (() => BglFormSchemaT<T>) | BglFormSchemaT<T> | (() => Promise<BglFormSchemaT<T>>) | Promise<BglFormSchemaT<T>>;
 export {};
 //# sourceMappingURL=BagelForm.d.ts.map

package/dist/types/BagelForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;AAEhC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAA;AAEvG,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,cAAc,CAAA;AAE5F,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,GAAG;IAClC,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;CAC9C;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,IAAI,CAC3D,MAAM,GACJ,CACD;IACC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACtB,GACC,MAAM,GACN,MAAM,GACN,OAAO,GACP;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CACxB,EAAE,GACD,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,CACnC,CAAA;AAED,KAAK,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,CAAA;AAEvD,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAC1C;KACA,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,MAAM,GAC7B,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAClB,CAAC,GAAG,GAAG,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAC/B,CAAC,GACF,KAAK;CACR,CAAC,MAAM,CAAC,CAAC,GACR,KAAK,CAAA;AAER,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE;IACzD,KAAK,CAAC,EAAE,GAAG,CAAA;IAEX,IAAI,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,KAAK,CAAC,EAAE,CAAA;IAC1C,OAAO,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;IACzC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IAChC,cAAc,CAAC,EAAE,GAAG,CAAA;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,GAAG,CAAA;IAC7C,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;IAC5C,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,CAAA;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,CAAA;CAC7C;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IAC5D,GAAG,EAAE,MAAM,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAA;IAC5C,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IAC7D,GAAG,EAAE,QAAQ,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAA;IAChD,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,CAAA;CAC3B;AAED,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAC5G,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,IAAI,KAAK,CAAC,CAAC,CAAC,CAAA;AAE5D,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;AAEnE,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,IAAI,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.0.38",
+  "version": "1.0.43",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/DataTable/DataTable.vue

@@ -41,7 +41,8 @@ const {
 	sortField,
 	sortDirection,
 	toggleSort,
-	cleanTransformedData
+	cleanTransformedData,
+	schemaState
 } = useTableData<T>({ data, schema, columns, useServerSort, onSort: (field, direction) => {
 	emit('orderBy', `${field} ${direction}`.trim() as EmitOrderT)
 } })
@@ -118,14 +119,17 @@ watch(
 	<div
 		class="table-list-wrap h-100"
 		v-bind="containerProps"
-		:class="{ 'loading-table': loading }"
+		:class="{ 'loading-table': loading || schemaState === 'loading' }"
 	>
 		<div
-			v-if="loading"
+			v-if="loading || schemaState === 'loading'"
 			class="loading-table-wrapper z-99 h-100 w-100 absolute inset"
 		>
 			<div class="loading-table-animation absolute oval" />
 		</div>
+		<div v-else-if="schemaState === 'error'" class="flex-center h-300px txt-red">
+			Error loading table schema
+		</div>
 		<div v-else v-bind="wrapperProps">
 			<table class="infinite-wrapper">
 				<thead class="row first-row">

package/src/components/DataTable/useTableData.ts

@@ -1,7 +1,7 @@
 import type { ComputedRef } from 'vue'
 import type { TableDataOptions, SortDirectionsT } from '../../types/TableSchema'
 import { useBglSchema, isDate, keyToLabel } from '@bagelink/vue'
-import { computed, ref } from 'vue'
+import { computed, ref, onMounted, watch } from 'vue'
 
 const NON_DIGIT_REGEX = /[^\d.-]/g
 
@@ -33,6 +33,10 @@ export function useTableData<T extends Record<string, any>>(options: UseTableDat
 	// Sorting state
 	const sortField = ref('')
 	const sortDirection = ref<SortDirectionsT>('ASC')
+	// Schema loading state
+	const schemaState = ref<'loading' | 'loaded' | 'error'>('loading')
+	const resolvedSchema = ref<any[]>([])
+
 	// Helper function to get the value from a possibly computed ref
 	function getValue<V>(value: ComputedRef<V> | V | undefined): V | undefined {
 		if (value === undefined || value === null) {
@@ -52,47 +56,72 @@ export function useTableData<T extends Record<string, any>>(options: UseTableDat
 		}
 	}
 
-	// Create a computed property for the schema that will react to changes in options.columns
-	const computedSchema = computed(() => {
-		// Get the data safely
-		const dataValue = options.data.value || []
+	// Function to resolve schema asynchronously
+	async function resolveSchemaAsync() {
+		try {
+			schemaState.value = 'loading'
 
-		// Get the schema from useBglSchema
-		const schema = useBglSchema<T>({
-			schema: getValue(options.schema),
-			columns: getValue(options.columns),
-			data: dataValue,
-		})
+			// Get the data safely
+			const dataValue = options.data.value || []
 
-		// If we have a valid schema with fields, filter out fields without an ID
-		if (Array.isArray(schema) && schema.length > 0) {
-			return schema.filter(field => field && field.id)
-		}
+			// Get the schema from useBglSchema (now async)
+			const schema = await useBglSchema<T>({
+				schema: getValue(options.schema),
+				columns: getValue(options.columns),
+				data: dataValue,
+			})
 
-		// If no schema is provided or it's empty, generate a default schema from the data
-		if (Array.isArray(dataValue) && dataValue.length > 0) {
-			const firstItem = dataValue[0]
-
-			// Create a schema based on the keys of the first item
-			return Object.keys(firstItem || {})
-				.filter(key => key !== 'id' && !key.startsWith('_')) // Exclude id and internal fields
-				.map(key => ({
-					id: key,
-					label: keyToLabel(key),
-					$el: 'div',
-					transform: (val?: any) => {
-						// Handle date fields
-						const dateFields = ['created_at', 'updated_at']
-						if (dateFields.includes(key)) return val ? new Date(val).toLocaleString() : val
-						return val
-					}
-				}))
+			// If we have a valid schema with fields, filter out fields without an ID
+			if (Array.isArray(schema) && schema.length > 0) {
+				resolvedSchema.value = schema.filter(field => field && field.id)
+			} else if (Array.isArray(dataValue) && dataValue.length > 0) {
+				// If no schema is provided or it's empty, generate a default schema from the data
+				const firstItem = dataValue[0]
+
+				// Create a schema based on the keys of the first item
+				resolvedSchema.value = Object.keys(firstItem || {})
+					.filter(key => key !== 'id' && !key.startsWith('_')) // Exclude id and internal fields
+					.map(key => ({
+						id: key,
+						label: keyToLabel(key),
+						$el: 'div',
+						transform: (val?: any) => {
+							// Handle date fields
+							const dateFields = ['created_at', 'updated_at']
+							if (dateFields.includes(key)) return val ? new Date(val).toLocaleString() : val
+							return val
+						}
+					}))
+			} else {
+				// Return an empty array if no data or schema
+				resolvedSchema.value = []
+			}
+
+			schemaState.value = 'loaded'
+		} catch (error) {
+			console.error('Error resolving schema:', error)
+			schemaState.value = 'error'
+			resolvedSchema.value = []
 		}
+	}
 
-		// Return an empty array if no data or schema
-		return []
+	// Watch for changes in schema or columns and resolve schema
+	watch([
+		() => getValue(options.schema),
+		() => getValue(options.columns),
+		() => options.data.value
+	], () => {
+		resolveSchemaAsync()
+	}, { immediate: true })
+
+	// Initialize schema on mount
+	onMounted(() => {
+		resolveSchemaAsync()
 	})
 
+	// Create a computed property for the schema
+	const computedSchema = computed(() => resolvedSchema.value)
+
 	function transform(rowData: T): TransformedData<T> {
 		const transformed = { ...rowData } as TransformedData<T>
 		const schemaFields = computedSchema.value.filter((f: any) => f.id)
@@ -205,6 +234,7 @@ export function useTableData<T extends Record<string, any>>(options: UseTableDat
 		sortField: computed(() => sortField.value),
 		sortDirection: computed(() => sortDirection.value),
 		toggleSort,
-		cleanTransformedData
+		cleanTransformedData,
+		schemaState: computed(() => schemaState.value)
 	}
 }

package/src/components/Loading.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 type LoadingType = 'ring' | 'ellipsis' | 'bar'
 
-const { type: theme = 'ring', size = 64, thickness, duration = 1.2, color } = defineProps<{
+const { type: theme = 'ring', size = 50, thickness, duration = 1.2, color } = defineProps<{
 	size?: number | string
 	thickness?: number | string
 	duration?: number | string
@@ -21,7 +21,7 @@ const animationDuration = $computed(() => `${duration}s`)
 
 // Border size for ring theme (defaults to 1/8th of the size)
 const computedBorder = $computed(() => {
-	const borderValue = thickness ?? Number.parseInt(computedSize) / 7
+	const borderValue = thickness ?? Math.max(Number.parseInt(computedSize) / 9, 2)
 	return standardSize(borderValue)
 })
 </script>