@bagelink/vue 0.0.968 → 0.0.970

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":"AAyjBA,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;WAqbxD,mBAAmB,CAAC;;;;;;;;;;wBAvNZ,MAAM,EAAE;;cA1NnB,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;wBACL,OAAO;qBACV,OAAO;4BACA,MAAM,IAAI;MA4awD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;UArDuE,GAAG;UAuD9E;0BAxNS,CAAC,OAAO,SAAiC,CAAC;6BACvC,CAAC,UAAU,QAAoC,CAAC;gCAC7C,CAAC,aAAa,EAAC,MAAM,EAAE,CAAC;KAsNL;OAG/B,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA/bzE,wBA+b4E;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":"AAsjBA,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;WAkbxD,mBAAmB,CAAC;;;;;;;;;;wBAvNZ,MAAM,EAAE;;cAvNnB,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;wBACL,OAAO;qBACV,OAAO;4BACA,MAAM,IAAI;MAyawD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;UArDuE,GAAG;UAuD9E;0BAxNS,CAAC,OAAO,SAAiC,CAAC;6BACvC,CAAC,UAAU,QAAoC,CAAC;gCAC7C,CAAC,aAAa,EAAC,MAAM,EAAE,CAAC;KAsNL;OAG/B,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA5bzE,wBA4b4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -54868,7 +54868,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "40493826": vue.unref(computedItemHeight)
+      "c3b285e8": vue.unref(computedItemHeight)
     }));
     const emit2 = __emit;
     const slots = vue.useSlots();
@@ -54990,21 +54990,18 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     async function registerLastItemObserver() {
       await until(() => lastItem.value).toBeTruthy();
       useIntersectionObserver(lastItem.value, ([entry]) => {
-        var _a2;
         if (entry.isIntersecting && computedData.value.length) {
-          void ((_a2 = __props.onLastItemVisible) == null ? void 0 : _a2.call(__props));
+          emit2("lastItemVisible");
         }
-      }, { threshold: 0.5 });
+      });
     }
-    vue.onMounted(() => {
-      void registerLastItemObserver();
-    });
     vue.watch(
       () => loading.value,
       (newLoadingVal, oldLoadingVal) => {
         if (newLoadingVal === oldLoadingVal) return;
         if (!newLoadingVal) registerLastItemObserver();
-      }
+      },
+      { immediate: true }
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "table-list-wrap h-100" }, vue.unref(containerProps), {
@@ -55099,7 +55096,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d9f879cc"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-fae54756"]]);
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {

package/dist/index.mjs

@@ -54866,7 +54866,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "40493826": unref(computedItemHeight)
+      "c3b285e8": unref(computedItemHeight)
     }));
     const emit2 = __emit;
     const slots = useSlots();
@@ -54988,21 +54988,18 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     async function registerLastItemObserver() {
       await until(() => lastItem.value).toBeTruthy();
       useIntersectionObserver(lastItem.value, ([entry]) => {
-        var _a2;
         if (entry.isIntersecting && computedData.value.length) {
-          void ((_a2 = __props.onLastItemVisible) == null ? void 0 : _a2.call(__props));
+          emit2("lastItemVisible");
         }
-      }, { threshold: 0.5 });
+      });
     }
-    onMounted(() => {
-      void registerLastItemObserver();
-    });
     watch(
       () => loading.value,
       (newLoadingVal, oldLoadingVal) => {
         if (newLoadingVal === oldLoadingVal) return;
         if (!newLoadingVal) registerLastItemObserver();
-      }
+      },
+      { immediate: true }
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: "table-list-wrap h-100" }, unref(containerProps), {
@@ -55097,7 +55094,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d9f879cc"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-fae54756"]]);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {

package/dist/style.css

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.968",
+  "version": "0.0.970",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -54,7 +54,7 @@
   "devDependencies": {
     "@types/leaflet": "^1.9.15",
     "@types/signature_pad": "^2.3.6",
-    "@vue-macros/reactivity-transform": "^1.1.3",
+    "@vue-macros/reactivity-transform": "^1.1.4",
     "vue": "^3.5.13"
   },
   "peerDependencies": {

package/src/components/TableSchema.vue

@@ -8,7 +8,7 @@ import {
 	useBglSchema,
 } from '@bagelink/vue'
 import { useVirtualList, useIntersectionObserver, until } from '@vueuse/core'
-import { computed, useSlots, watch, onMounted } from 'vue'
+import { computed, useSlots, watch } from 'vue'
 
 export type SortDirectionsT = 'ASC' | 'DESC'
 export type EmitOrderT = `${string} ${SortDirectionsT}`
@@ -196,21 +196,18 @@ async function registerLastItemObserver() {
 
 	useIntersectionObserver(lastItem, ([entry]) => {
 		if (entry.isIntersecting && computedData.value.length) {
-			void onLastItemVisible?.()
-			// emit('lastItemVisible')
+			emit('lastItemVisible')
 		}
-	}, { threshold: 0.5 }) }
-
-onMounted(() => {
-	void registerLastItemObserver()
-})
+	})
+}
 
 watch(
 	() => loading.value,
 	(newLoadingVal, oldLoadingVal) => {
 		if (newLoadingVal === oldLoadingVal) return
 		if (!newLoadingVal) registerLastItemObserver()
-	}
+	},
+	{ immediate: true }
 )
 </script>