@bagelink/vue 0.0.558 → 0.0.562

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 (6) hide show
  1. package/dist/components/TableSchema.vue.d.ts.map +1 -1
  2. package/dist/index.cjs +5 -5
  3. package/dist/index.mjs +5 -5
  4. package/dist/style.css +25 -25
  5. package/package.json +1 -1
  6. package/src/components/TableSchema.vue +8 -4
package/dist/components/TableSchema.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,cAAc,EAGnB,MAAM,eAAe,CAAA;AAwHtB,iBAAS,cAAc;;;MA6O+D,GAAG,GAIxF;AAyBD,QAAA,MAAM,eAAe;oBAMJ,MAAM,EAAE;UAClB,GAAG,EAAE;aACF,cAAc,GAAG,CAAC,MAAM,cAAc,CAAC;iBACnC,MAAM,EAAE;;;;;;oBAHL,MAAM,EAAE;UAClB,GAAG,EAAE;aACF,cAAc,GAAG,CAAC,MAAM,cAAc,CAAC;iBACnC,MAAM,EAAE;;;;;UAGpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,cAAc,EAGnB,MAAM,eAAe,CAAA;AA4HtB,iBAAS,cAAc;;;MA6O+D,GAAG,GAIxF;AAyBD,QAAA,MAAM,eAAe;oBAMJ,MAAM,EAAE;UAClB,GAAG,EAAE;aACF,cAAc,GAAG,CAAC,MAAM,cAAc,CAAC;iBACnC,MAAM,EAAE;;;;;;oBAHL,MAAM,EAAE;UAClB,GAAG,EAAE;aACF,cAAc,GAAG,CAAC,MAAM,cAAc,CAAC;iBACnC,MAAM,EAAE;;;;;UAGpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
package/dist/index.cjs CHANGED
@@ -6068,10 +6068,10 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
6068
6068
  const dta = [...props2.data].map(transform);
6069
6069
  if (sortField.value) {
6070
6070
  return dta.sort((a2, b2) => {
6071
- const aValue = a2[computedSortField.value] ?? "";
6072
- const bValue = b2[computedSortField.value] ?? "";
6073
- const numAValue = Number.parseInt(aValue, 10);
6074
- const numBValue = Number.parseInt(bValue, 10);
6071
+ const aValue = a2[computedSortField.value] ?? a2[sortField.value] ?? "";
6072
+ const bValue = b2[computedSortField.value] ?? b2[sortField.value] ?? "";
6073
+ const numAValue = Number.parseInt(aValue.replace(/[^\d.-]/g, ""), 10);
6074
+ const numBValue = Number.parseInt(bValue.replace(/[^\d.-]/g, ""), 10);
6075
6075
  if (!Number.isNaN(numAValue) && !Number.isNaN(numBValue)) {
6076
6076
  if (sortDirection.value === "ASC") return numAValue - numBValue;
6077
6077
  return numBValue - numAValue;
@@ -6157,7 +6157,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
6157
6157
  };
6158
6158
  }
6159
6159
  });
6160
- const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-9d32d080"]]);
6160
+ const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-adf0cb31"]]);
6161
6161
  const _sfc_main$E = {};
6162
6162
  const _hoisted_1$B = { class: "flex space-between" };
6163
6163
  function _sfc_render$1(_ctx, _cache) {
package/dist/index.mjs CHANGED
@@ -6066,10 +6066,10 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
6066
6066
  const dta = [...props2.data].map(transform);
6067
6067
  if (sortField.value) {
6068
6068
  return dta.sort((a2, b2) => {
6069
- const aValue = a2[computedSortField.value] ?? "";
6070
- const bValue = b2[computedSortField.value] ?? "";
6071
- const numAValue = Number.parseInt(aValue, 10);
6072
- const numBValue = Number.parseInt(bValue, 10);
6069
+ const aValue = a2[computedSortField.value] ?? a2[sortField.value] ?? "";
6070
+ const bValue = b2[computedSortField.value] ?? b2[sortField.value] ?? "";
6071
+ const numAValue = Number.parseInt(aValue.replace(/[^\d.-]/g, ""), 10);
6072
+ const numBValue = Number.parseInt(bValue.replace(/[^\d.-]/g, ""), 10);
6073
6073
  if (!Number.isNaN(numAValue) && !Number.isNaN(numBValue)) {
6074
6074
  if (sortDirection.value === "ASC") return numAValue - numBValue;
6075
6075
  return numBValue - numAValue;
@@ -6155,7 +6155,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
6155
6155
  };
6156
6156
  }
6157
6157
  });
6158
- const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-9d32d080"]]);
6158
+ const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-adf0cb31"]]);
6159
6159
  const _sfc_main$E = {};
6160
6160
  const _hoisted_1$B = { class: "flex space-between" };
6161
6161
  function _sfc_render$1(_ctx, _cache) {
package/dist/style.css CHANGED
@@ -640,41 +640,41 @@ a[data-v-65a6e961] {
640
640
  }
641
641
  }
642
642
 
643
- .list-arrows[data-v-9d32d080] {
643
+ .list-arrows[data-v-adf0cb31] {
644
644
  opacity: 0;
645
645
  }
646
- .list-arrows .bgl_icon-font[data-v-9d32d080] {
646
+ .list-arrows .bgl_icon-font[data-v-adf0cb31] {
647
647
  transition: all ease-in-out 0.2s;
648
648
  }
649
- .list-arrows.sorted[data-v-9d32d080] {
649
+ .list-arrows.sorted[data-v-adf0cb31] {
650
650
  opacity: 1;
651
651
  }
652
- .col img[data-v-9d32d080] {
652
+ .col img[data-v-adf0cb31] {
653
653
  height: 35px;
654
654
  margin-top: -14px;
655
655
  margin-bottom: -14px;
656
656
  border-radius: 5px;
657
657
  }
658
- .list-arrows.sorted .desc[data-v-9d32d080] {
658
+ .list-arrows.sorted .desc[data-v-adf0cb31] {
659
659
  transform: rotate(180deg);
660
660
  }
661
- table[data-v-9d32d080] {
661
+ table[data-v-adf0cb31] {
662
662
  border-collapse: separate;
663
663
  border-spacing: 0 15px;
664
664
  border-collapse: collapse;
665
665
  }
666
- th[data-v-9d32d080] {
666
+ th[data-v-adf0cb31] {
667
667
  font-weight: 400;
668
668
  }
669
- .embedded-field[data-v-9d32d080] {
669
+ .embedded-field[data-v-adf0cb31] {
670
670
  margin-bottom: -0.2rem;
671
671
  margin-top: -0.2rem;
672
672
  }
673
- .row[data-v-9d32d080] {
673
+ .row[data-v-adf0cb31] {
674
674
  border-bottom: 1px solid var(--border-color);
675
675
  cursor: pointer;
676
676
  }
677
- .row.first-row[data-v-9d32d080] {
677
+ .row.first-row[data-v-adf0cb31] {
678
678
  font-size: 0.8rem;
679
679
  color: var(--bgl-black-tint);
680
680
  position: sticky;
@@ -684,10 +684,10 @@ th[data-v-9d32d080] {
684
684
  /* height: 50px; */
685
685
  vertical-align: bottom;
686
686
  }
687
- .row.first-row input[type=checkbox][data-v-9d32d080]{
687
+ .row.first-row input[type=checkbox][data-v-adf0cb31]{
688
688
  margin-bottom: 0.7rem;
689
689
  }
690
- .row.first-row[data-v-9d32d080]::after {
690
+ .row.first-row[data-v-adf0cb31]::after {
691
691
  content: '';
692
692
  border-bottom: 1px solid var(--border-color);
693
693
  position: absolute;
@@ -695,30 +695,30 @@ th[data-v-9d32d080] {
695
695
  right: 0;
696
696
  bottom: -1px;
697
697
  }
698
- .first-row .col[data-v-9d32d080] {
698
+ .first-row .col[data-v-adf0cb31] {
699
699
  cursor: pointer;
700
700
  background: var(--bgl-white);
701
701
  }
702
- .col[data-v-9d32d080] {
702
+ .col[data-v-adf0cb31] {
703
703
  white-space: nowrap;
704
704
  padding: 0.75rem 1rem;
705
705
  transition: var(--bgl-transition);
706
706
  line-height: 1;
707
707
  align-items: center;
708
708
  }
709
- .col[data-v-9d32d080]:has(.bagel-input) {
709
+ .col[data-v-adf0cb31]:has(.bagel-input) {
710
710
  padding: 0rem 0.25rem;
711
711
  }
712
- .col > div[data-v-9d32d080] {
712
+ .col > div[data-v-adf0cb31] {
713
713
  display: flex;
714
714
  gap: 0.5rem;
715
715
  }
716
- .max-col-width[data-v-9d32d080] {
716
+ .max-col-width[data-v-adf0cb31] {
717
717
  max-width: 30vw;
718
718
  overflow: hidden;
719
719
  text-overflow: ellipsis;
720
720
  }
721
- .col.check .bgl_icon-font[data-v-9d32d080] {
721
+ .col.check .bgl_icon-font[data-v-adf0cb31] {
722
722
  border-radius: 100%;
723
723
  background: var(--bgl-blue-20);
724
724
  color: var(--bgl-primary);
@@ -729,31 +729,31 @@ th[data-v-9d32d080] {
729
729
  justify-content: center;
730
730
  margin-top: -2px;
731
731
  }
732
- .rows[data-v-9d32d080] {
732
+ .rows[data-v-adf0cb31] {
733
733
  font-size: 0.88em;
734
734
  }
735
- .table-list[data-v-9d32d080] {
735
+ .table-list[data-v-adf0cb31] {
736
736
  height: 100%;
737
737
  position: relative;
738
738
  padding-left: 0 !important;
739
739
  padding-right: 0 !important;
740
740
  overflow: auto;
741
741
  }
742
- .BagelTable .table-list[data-v-9d32d080] {
742
+ .BagelTable .table-list[data-v-adf0cb31] {
743
743
  overflow: unset;
744
744
  }
745
- .row-item[data-v-9d32d080] {
745
+ .row-item[data-v-adf0cb31] {
746
746
  height: 50px;
747
747
  transition: all 200ms ease;
748
748
  }
749
- .row-item[data-v-9d32d080]:hover {
749
+ .row-item[data-v-adf0cb31]:hover {
750
750
  background: var(--bgl-gray-light);
751
751
  }
752
- .row-item input[type=checkbox][data-v-9d32d080]{
752
+ .row-item input[type=checkbox][data-v-adf0cb31]{
753
753
  margin-top: 0.45rem !important;
754
754
  accent-color: var(--bgl-primary);
755
755
  }
756
- .infinite-wrapper[data-v-9d32d080] {
756
+ .infinite-wrapper[data-v-adf0cb31] {
757
757
  overflow-y: auto;
758
758
  width: 100%;
759
759
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.558",
4
+ "version": "0.0.562",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
package/src/components/TableSchema.vue CHANGED
@@ -80,18 +80,22 @@ const computedData = $computed(() => {
80
80
  const dta = [...props.data].map(transform)
81
81
  if (sortField as string) {
82
82
  return dta.sort((a, b) => {
83
- const aValue = a[computedSortField] ?? ''
84
- const bValue = b[computedSortField] ?? ''
85
- const numAValue = Number.parseInt(aValue, 10)
86
- const numBValue = Number.parseInt(bValue, 10)
83
+ const aValue = a[computedSortField] ?? a[sortField] ?? ''
84
+ const bValue = b[computedSortField] ?? b[sortField] ?? ''
85
+
86
+ const numAValue = Number.parseInt(aValue.replace(/[^\d.-]/g, ''), 10)
87
+ const numBValue = Number.parseInt(bValue.replace(/[^\d.-]/g, ''), 10)
88
+
87
89
  if (!Number.isNaN(numAValue) && !Number.isNaN(numBValue)) {
88
90
  if (sortDirection === 'ASC') return numAValue - numBValue
89
91
  return numBValue - numAValue
90
92
  }
93
+
91
94
  if (typeof aValue === 'string') {
92
95
  if (sortDirection === 'ASC') return aValue.localeCompare(bValue)
93
96
  return bValue.localeCompare(aValue)
94
97
  }
98
+
95
99
  if (sortDirection === 'ASC') return aValue < bValue ? -1 : 1
96
100
  return aValue < bValue ? 1 : -1
97
101
  })