@bagelink/vue 0.0.769 → 0.0.771

package/dist/components/TableSchema.vue.d.ts

@@ -22,6 +22,7 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
         data: T[];
         schema?: BglFormSchemaT<T> | (() => BglFormSchemaT<T>);
         showFields?: string[];
+        useServerSort?: boolean;
     })> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/components/TableSchema.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAuhBA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAGtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAyYxD,mBAAmB,CAAC;;;;;;;;;;;;;;;wBA9MZ,CAAC,EAAE;;cAvLd,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;MAmYiE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;UAjDuE,GAAG;UAmD9E;0BA/MS,CAAC,OAAO,SAAiC,CAAC;6BACvC,CAAC,UAAU,QAAoC,CAAC;gCAC7C,CAAC,aAAa,EAAC,CAAC,EAAE,CAAC;KA6MA;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAnZvE,wBAmZ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AA0hBA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAGtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4YxD,mBAAmB,CAAC;;;;;;;;;;;;;;;wBA9MZ,CAAC,EAAE;;cA1Ld,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;wBACL,OAAO;MAqY+D,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;UAjDuE,GAAG;UAmD9E;0BA/MS,CAAC,OAAO,SAAiC,CAAC;6BACvC,CAAC,UAAU,QAAoC,CAAC;gCAC7C,CAAC,aAAa,EAAC,CAAC,EAAE,CAAC;KA6MA;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAtZvE,wBAsZ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -53555,7 +53555,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   props: /* @__PURE__ */ vue.mergeModels({
     data: {},
     schema: {},
-    showFields: {}
+    showFields: {},
+    useServerSort: { type: Boolean, default: false }
   }, {
     "loading": { default: false },
     "loadingModifiers": {},
@@ -53569,7 +53570,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "2d5cc186": vue.unref(computedItemHiehgt)
+      "95624880": vue.unref(computedItemHiehgt)
     }));
     const emit2 = __emit;
     const slots = vue.useSlots();
@@ -53610,11 +53611,11 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       return obj;
     }
     const computedData = vue.computed(() => {
-      const dta = __props.data.map(transform);
-      if (sortField.value) {
-        return dta.sort((a2, b2) => {
+      if (!sortField.value || __props.useServerSort === true) return __props.data.map(transform);
+      return __props.data.map(transform).sort(
+        (a2, z2) => {
           let aValue = a2[computedSortField.value] ?? a2[sortField.value] ?? "";
-          let bValue = b2[computedSortField.value] ?? b2[sortField.value] ?? "";
+          let bValue = z2[computedSortField.value] ?? z2[sortField.value] ?? "";
           if (isDate(aValue) && isDate(bValue)) {
             aValue = new Date(aValue).getTime();
             bValue = new Date(bValue).getTime();
@@ -53631,9 +53632,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           }
           if (sortDirection.value === "ASC") return aValue < bValue ? -1 : 1;
           return aValue < bValue ? 1 : -1;
-        });
-      }
-      return dta;
+        }
+      );
     });
     function sort2(fieldname) {
       if (sortField.value === fieldname) {
@@ -53775,7 +53775,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d8e9a217"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e2a8052b"]]);
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {

package/dist/index.mjs

@@ -53553,7 +53553,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeModels({
     data: {},
     schema: {},
-    showFields: {}
+    showFields: {},
+    useServerSort: { type: Boolean, default: false }
   }, {
     "loading": { default: false },
     "loadingModifiers": {},
@@ -53567,7 +53568,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "2d5cc186": unref(computedItemHiehgt)
+      "95624880": unref(computedItemHiehgt)
     }));
     const emit2 = __emit;
     const slots = useSlots();
@@ -53608,11 +53609,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       return obj;
     }
     const computedData = computed(() => {
-      const dta = __props.data.map(transform);
-      if (sortField.value) {
-        return dta.sort((a2, b2) => {
+      if (!sortField.value || __props.useServerSort === true) return __props.data.map(transform);
+      return __props.data.map(transform).sort(
+        (a2, z2) => {
           let aValue = a2[computedSortField.value] ?? a2[sortField.value] ?? "";
-          let bValue = b2[computedSortField.value] ?? b2[sortField.value] ?? "";
+          let bValue = z2[computedSortField.value] ?? z2[sortField.value] ?? "";
           if (isDate(aValue) && isDate(bValue)) {
             aValue = new Date(aValue).getTime();
             bValue = new Date(bValue).getTime();
@@ -53629,9 +53630,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           }
           if (sortDirection.value === "ASC") return aValue < bValue ? -1 : 1;
           return aValue < bValue ? 1 : -1;
-        });
-      }
-      return dta;
+        }
+      );
     });
     function sort2(fieldname) {
       if (sortField.value === fieldname) {
@@ -53773,7 +53773,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d8e9a217"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e2a8052b"]]);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {

package/dist/style.css

@@ -3064,22 +3064,22 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 }
 
-.table-list-wrap[data-v-d8e9a217] {
+.table-list-wrap[data-v-e2a8052b] {
 	min-height: 150px;
 }
-.selected[data-v-d8e9a217] {
+.selected[data-v-e2a8052b] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-d8e9a217]:hover {
+tbody tr.selected[data-v-e2a8052b]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-d8e9a217] {
+.loading-table[data-v-e2a8052b] {
 	position: relative;
 }
-.inset[data-v-d8e9a217] {
+.inset[data-v-e2a8052b] {
 	inset: 0;
 }
-.loading-table-animation[data-v-d8e9a217] {
+.loading-table-animation[data-v-e2a8052b] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -3087,9 +3087,9 @@ tbody tr.selected[data-v-d8e9a217]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-d8e9a217 1s linear infinite;
+	animation: loading-table-e2a8052b 1s linear infinite;
 }
-@keyframes loading-table-d8e9a217 {
+@keyframes loading-table-e2a8052b {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -3097,52 +3097,52 @@ tbody tr.selected[data-v-d8e9a217]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-d8e9a217] {
+.list-arrows[data-v-e2a8052b] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-d8e9a217] {
+.list-arrows .bgl_icon-font[data-v-e2a8052b] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-d8e9a217] {
+.list-arrows.sorted[data-v-e2a8052b] {
 	opacity: 1;
 }
-.col img[data-v-d8e9a217] {
+.col img[data-v-e2a8052b] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-d8e9a217] {
+.list-arrows.sorted .desc[data-v-e2a8052b] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-d8e9a217] {
+table[data-v-e2a8052b] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-d8e9a217] {
+th[data-v-e2a8052b] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--2d5cc186);
+	height: var(--95624880);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-d8e9a217] {
+.embedded-field[data-v-e2a8052b] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-d8e9a217] {
+.row[data-v-e2a8052b] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-d8e9a217] {
+.row.first-row[data-v-e2a8052b] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -3151,7 +3151,7 @@ th[data-v-d8e9a217] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-d8e9a217]::after {
+.row.first-row[data-v-e2a8052b]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3159,30 +3159,30 @@ th[data-v-d8e9a217] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-d8e9a217] {
+.first-row .col[data-v-e2a8052b] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-d8e9a217] {
+.col[data-v-e2a8052b] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col[data-v-d8e9a217]:has(.bagel-input) {
+.col[data-v-e2a8052b]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-d8e9a217] {
+.col > div[data-v-e2a8052b] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-d8e9a217] {
+.max-col-width[data-v-e2a8052b] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-d8e9a217] {
+.col.check .bgl_icon-font[data-v-e2a8052b] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -3193,35 +3193,35 @@ th[data-v-d8e9a217] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-d8e9a217] {
+.rows[data-v-e2a8052b] {
 	font-size: 0.88em;
 }
-.table-list[data-v-d8e9a217] {
+.table-list[data-v-e2a8052b] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-d8e9a217] {
+.BagelTable .table-list[data-v-e2a8052b] {
 	overflow: unset;
 }
-.row-item[data-v-d8e9a217] {
-	height: var(--2d5cc186);
+.row-item[data-v-e2a8052b] {
+	height: var(--95624880);
 	transition: all 200ms ease;
 }
-.row-item[data-v-d8e9a217]:hover {
+.row-item[data-v-e2a8052b]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-d8e9a217] {
+.row-item input[type='checkbox'][data-v-e2a8052b] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-d8e9a217] {
+.infinite-wrapper[data-v-e2a8052b] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-d8e9a217] {
+input[type='checkbox'][data-v-e2a8052b] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -3233,7 +3233,7 @@ input[type='checkbox'][data-v-d8e9a217] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-d8e9a217]::before {
+input[type='checkbox'][data-v-e2a8052b]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -3246,18 +3246,18 @@ input[type='checkbox'][data-v-d8e9a217]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-d8e9a217]:hover::before {
+input[type='checkbox'][data-v-e2a8052b]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-d8e9a217] {
+[lang='he'] [dir='ltr'][data-v-e2a8052b] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-d8e9a217] {
+th input[type='checkbox'][data-v-e2a8052b] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-d8e9a217]::after {
+th[data-v-e2a8052b]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3265,24 +3265,24 @@ th[data-v-d8e9a217]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-d8e9a217] {
+tr[data-v-e2a8052b] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-d8e9a217],
-th[data-v-d8e9a217] {
+td[data-v-e2a8052b],
+th[data-v-e2a8052b] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-d8e9a217] {
+tbody tr[data-v-e2a8052b] {
 	font-size: 0.88em;
-	height: var(--2d5cc186);
+	height: var(--95624880);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-d8e9a217]:hover {
+tbody tr[data-v-e2a8052b]:hover {
 	background: var(--bgl-gray-light);
 }
 

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE/D,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAapH;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAK3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAKpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,OAU7F;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAM9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,OAGzE;AAED,eAAO,MAAM,MAAM,eAAgB,GAAG,YAA0C,CAAA;AAEhF,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,CAa3F;AAED,eAAO,MAAM,KAAK,QAAQ,MAAM,qBAA0D,CAAA;AAE1F,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAYvD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE/D,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAYpH;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAK3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAKpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,OAU7F;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAM9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,OAGzE;AAED,eAAO,MAAM,MAAM,eAAgB,GAAG,YAA0C,CAAA;AAEhF,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,CAa3F;AAED,eAAO,MAAM,KAAK,QAAQ,MAAM,qBAA0D,CAAA;AAE1F,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAYvD"}

package/package.json

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

package/src/components/TableSchema.vue

@@ -17,12 +17,12 @@ const {
 	data,
 	schema,
 	showFields,
-	// useServerSort = false
+	useServerSort = false
 } = defineProps<{
 	data: T[]
 	schema?: BglFormSchemaT<T> | (() => BglFormSchemaT<T>)
 	showFields?: string[]
-	// useServerSort?: boolean
+	useServerSort?: boolean
 }>()
 
 const emit = defineEmits<{
@@ -79,37 +79,40 @@ function transform(rowData: any) {
 }
 
 const computedData = computed(() => {
-	// const dta = [...data].map(transform)
-	const dta = data.map(transform)
-	if (sortField as string) {
-		return dta.sort((a, b) => {
-			let aValue = a[computedSortField] ?? a[sortField] ?? ''
-			let bValue = b[computedSortField] ?? b[sortField] ?? ''
-
-			if (isDate(aValue) && isDate(bValue)) {
-				// ? now we can sort by as number
-				aValue = new Date(aValue).getTime()
-				bValue = new Date(bValue).getTime()
-			}
-
-			const numAValue = Number.parseInt(`${aValue}`.replace(/[^\d.-]/g, ''), 10)
-			const numBValue = Number.parseInt(`${bValue}`.replace(/[^\d.-]/g, ''), 10)
-
-			if (!Number.isNaN(numAValue) && !Number.isNaN(numBValue)) {
-				if (sortDirection === 'ASC') return numAValue - numBValue
-				return numBValue - numAValue
-			}
-
-			if (typeof aValue === 'string') {
-				if (sortDirection === 'ASC') return aValue.localeCompare(bValue)
-				return bValue.localeCompare(aValue)
-			}
-
-			if (sortDirection === 'ASC') return aValue < bValue ? -1 : 1
-			return aValue < bValue ? 1 : -1
-		})
-	}
-	return dta
+	if (!sortField || useServerSort === true) return data.map(transform)
+
+	return (
+		data
+			.map(transform)
+			.sort(
+				(a, z) => {
+					let aValue = a[computedSortField] ?? a[sortField] ?? ''
+					let bValue = z[computedSortField] ?? z[sortField] ?? ''
+
+					if (isDate(aValue) && isDate(bValue)) {
+					// ? now we can sort by as number
+						aValue = new Date(aValue).getTime()
+						bValue = new Date(bValue).getTime()
+					}
+
+					const numAValue = Number.parseInt(`${aValue}`.replace(/[^\d.-]/g, ''), 10)
+					const numBValue = Number.parseInt(`${bValue}`.replace(/[^\d.-]/g, ''), 10)
+
+					if (!Number.isNaN(numAValue) && !Number.isNaN(numBValue)) {
+						if (sortDirection === 'ASC') return numAValue - numBValue
+						return numBValue - numAValue
+					}
+
+					if (typeof aValue === 'string') {
+						if (sortDirection === 'ASC') return aValue.localeCompare(bValue)
+						return bValue.localeCompare(aValue)
+					}
+
+					if (sortDirection === 'ASC') return aValue < bValue ? -1 : 1
+					return aValue < bValue ? 1 : -1
+				}
+			)
+	)
 })
 
 function sort(fieldname: string) {

package/src/utils/index.ts

@@ -3,7 +3,6 @@ import type { Attributes, BglFormSchemaT } from '@bagelink/vue'
 export function debounce<T extends (...args: any[]) => void>(func: T, wait: number): (...args: Parameters<T>) => void {
 	let timeoutId: ReturnType<typeof setTimeout> | undefined
 
-
 	return function (...args: Parameters<T>) {
 		if (timeoutId) {
 			clearTimeout(timeoutId)