@bagelink/vue 1.15.558 → 1.15.562

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.15.558",
+  "version": "1.15.562",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Bagel Studio",

package/src/components/dataTable/DataTable.vue

@@ -34,7 +34,7 @@ const loading = defineModel('loading', { default: false })
 const itemHeight = defineModel('itemHeight', { default: 50 })
 /** Cell font size. Number = px; string = any CSS size (e.g. '0.875rem'). */
 const fontSize = defineModel<number | string | undefined>('fontSize', { default: undefined })
-const selectedItems = defineModel<string[]>('selectedItems', { default: [] as string[] })
+const selectedItems = defineModel<string[]>('selectedItems', { default: () => [] })
 
 const {
 	computedSchema,

package/src/components/form/inputs/CheckInput.vue

@@ -20,7 +20,7 @@ const { shellClass, shellStyle } = useBagelInputShell(props)
 const uid = Math.random().toString(36).slice(7)
 const inputId = computed(() => props.id || uid)
 
-const checked = defineModel<T>('modelValue', { default: undefined })
+const checked = defineModel<T>('modelValue')
 
 const hasValue = computed(() => {
 	const v = checked.value

package/src/components/lightbox/Lightbox.vue

@@ -108,7 +108,7 @@ defineExpose({ open, close })
 							<embed :src="normalizeURL(item?.src)" type="application/pdf" :title="item?.name">
 						</div>
 
-						<div v-else class="lightbox-file">
+						<div v-else class="lightbox-file flex-center">
 							<div class="file-info txt-white flex m_block align-items-start gap-025">
 								<Icon class="m-0 m_none" icon="draft" :size="10" weight="12" />
 								<Icon class="m-0 none m_block m_-mb-1" icon="draft" :size="4" weight="2" />
@@ -130,11 +130,14 @@ defineExpose({ open, close })
 				</template>
 
 				<template #prev-button="{ prev }">
-					<Btn icon="arrow_back" color="black" @click="prev" />
+					<Btn  icon="arrow_back"  color="black"  :disabled="currentIndex === 0" 
+					:class="{ 'color-black-70': currentIndex === 0 }"  @click="prev"/>
 				</template>
 
 				<template #next-button="{ next }">
-					<Btn icon="arrow_forward" color="black" @click="next" />
+					<Btn icon="arrow_forward" color="black" :disabled="currentIndex === group.length - 1"
+					:class="{ 'color-black-70': currentIndex === group.length - 1 }"
+					@click="next" />
 				</template>
 			</Swiper>
 
@@ -151,6 +154,11 @@ defineExpose({ open, close })
 </template>
 
 <style>
+.bgl-lightbox-swiper .swi-prev,
+.bgl-lightbox-swiper .swi-next {
+	background: transparent;
+	padding: 0;
+}
 
 .bgl-lightbox:has(.bgl_vid) {
 width: 90vw;