@bagelink/vue 1.1.21 → 1.1.27

package/dist/style.css

@@ -899,13 +899,13 @@ display: block;
 	padding: 0;
 }
 
-.BglCarousel[data-v-31632a3b] {
+.BglCarousel[data-v-c2b21a75] {
 	position: relative;
 	width: 100%;
 	overflow: hidden;
 	touch-action: pan-y pinch-zoom; /* Allow vertical scrolling */
 }
-.bgl-slider[data-v-31632a3b] {
+.bgl-slider[data-v-c2b21a75] {
 	display: flex;
 	position: relative;
 	width: 100%;
@@ -917,26 +917,26 @@ display: block;
 	-webkit-user-select: none;
 	user-select: none;
 }
-.bgl-slider[data-v-31632a3b] > * {
+.bgl-slider[data-v-c2b21a75] > * {
 	flex: 0 0 calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
 	width: calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
 	min-width: calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
 	position: relative;
 	overflow: hidden;
 }
-.bgl-slider.slides-1[data-v-31632a3b] > * {
+.bgl-slider.slides-1[data-v-c2b21a75] > * {
 	flex: 0 0 100%;
 	width: 100%;
 	min-width: 100%;
 }
-.dragging .bgl-slider[data-v-31632a3b] > * {
+.dragging .bgl-slider[data-v-c2b21a75] > * {
 	pointer-events: none;
 	user-select: none;
 }
-.autoHeight[data-v-31632a3b] {
+.autoHeight[data-v-c2b21a75] {
 	transition: height ease 0.7s;
 }
-.dots[data-v-31632a3b] {
+.dots[data-v-c2b21a75] {
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -944,7 +944,7 @@ display: block;
 	margin-top: 1rem;
 	gap: 8px;
 }
-.dot[data-v-31632a3b] {
+.dot[data-v-c2b21a75] {
 	height: 10px;
 	width: 10px;
 	border-radius: 50%;
@@ -953,12 +953,22 @@ display: block;
 	transition: opacity 0.3s ease;
 	cursor: pointer;
 }
-.dot[data-v-31632a3b]:hover {
+.dot[data-v-c2b21a75]:hover {
 	opacity: 0.6;
 }
-.dot.current[data-v-31632a3b] {
+.dot.current[data-v-c2b21a75] {
 	opacity: 0.8;
 }
+.navigation-buttons[data-v-c2b21a75] {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	gap: 1rem;
+	margin-top: 1rem;
+}
+.navigation-buttons.rtl[data-v-c2b21a75] {
+	flex-direction: row-reverse;
+}
 
 .chart-line {
 	width: 100%;
@@ -1249,6 +1259,29 @@ tbody tr[data-v-6cf42b66]:hover {
 	background: var(--bgl-gray-light);
 }
 
+.v-popper__popper--no-positioning {
+  position: fixed;
+  z-index: 9999;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: flex-end;
+}
+.v-popper__popper--no-positioning .v-popper__backdrop {
+  display: block;
+  background: rgba(0 0 0 / 90%);
+}
+.v-popper__popper--no-positioning .v-popper__wrapper {
+  width: 100%;
+  pointer-events: auto;
+  transition: transform .15s ease-out;
+}
+.v-popper__popper--no-positioning.v-popper__popper--hidden .v-popper__wrapper {
+  transform: translateY(100%);
+}
+
 fieldset[data-v-f7e758e5] {
 		border: 1px solid var(--border-color);
 		border-radius: var(--card-border-radius);
@@ -3061,6 +3094,18 @@ to {
 }
 }
 
+button.list-item {
+	cursor: pointer;
+	display: flex;
+	gap: 0.5rem;
+	border: none;
+	background-color: unset;
+	width: 100%;
+}
+.list-item:disabled {
+	opacity: 0.5;
+	pointer-events: none;
+}
 .list-item {
 	padding: 0.6rem 1rem;
 	min-height: -webkit-fit-content;

package/dist/utils/BagelFormUtils.d.ts

@@ -59,7 +59,7 @@ export declare function dateField<T extends {
 export declare function numField<T extends {
     [key: string]: any;
 }>(id: PropertyPath<T>, label?: string, options?: NumFieldOptions): Field<T>;
-export declare function frmRow<T>(...children: Field[]): Field<any | T>;
+export declare function frmRow<T>(...children: Field[]): Field<T>;
 export type UploadOptions = InputOptions & UploadInputProps;
 export declare function uploadField(id: string, label?: string, options?: UploadOptions): {
     $el: string;

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

@@ -1 +1 @@
-{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.1.21",
+  "version": "1.1.27",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -85,7 +85,7 @@
     "axios": "^1.8.3",
     "floating-vue": "^5.2.2",
     "libphonenumber-js": "1.12.6",
-    "signature_pad": "^5.0.6"
+    "signature_pad": "^5.0.7"
   },
   "scripts": {
     "dev": "tsx watch src/index.ts",

package/src/components/Carousel.vue

@@ -148,13 +148,21 @@ function goToSlide(index: number, isTouchNav = false) {
 function next() {
 	if (!isSliderAvailable) return
 	countSlides()
-	goToSlide((activeSlideIndex + 1) % slideCount)
+	// In RTL, next and prev are reversed
+	const nextIndex = props.rtl
+		? (activeSlideIndex - 1 + slideCount) % slideCount
+		: (activeSlideIndex + 1) % slideCount
+	goToSlide(nextIndex)
 }
 
 function prev() {
 	if (!isSliderAvailable) return
 	countSlides()
-	goToSlide((activeSlideIndex - 1 + slideCount) % slideCount)
+	// In RTL, next and prev are reversed
+	const prevIndex = props.rtl
+		? (activeSlideIndex + 1) % slideCount
+		: (activeSlideIndex - 1 + slideCount) % slideCount
+	goToSlide(prevIndex)
 }
 
 // Height management
@@ -264,7 +272,7 @@ function onDrag(e: MouseEvent) {
 
 	if (Math.abs(distance) > THRESHOLDS.DRAG) isDragging = true
 	if (isDragging) {
-		const newTranslate = translateX + distance
+		const newTranslate = translateX + (props.rtl ? -distance : distance)
 		const maxTranslate = 0
 
 		const containerWidth = bglSlider.offsetWidth
@@ -294,8 +302,8 @@ function endDrag() {
 
 	let targetPanel = currentPanel
 	if (dragPercentage > THRESHOLDS.SWIPE_PERCENT) {
-		const direction = totalDragDistance > 0 ? -1 : 1
-		targetPanel = Math.floor(currentPanel) + (direction < 0 ? 0 : 1)
+		const distnace = totalDragDistance > 0 ? -1 : 1
+		targetPanel = Math.floor(currentPanel) + (distnace < 0 ? 0 : 1)
 	} else {
 		targetPanel = Math.round(currentPanel)
 	}
@@ -457,6 +465,7 @@ function onTouchEnd() {
 			? (totalSwipeDistance > 0 ? -1 : 1)
 			: velocityDirection
 
+		// Apply RTL correction to direction
 		const rtlDirection = props.rtl ? -direction : direction
 
 		if (isMobile) {
@@ -509,7 +518,8 @@ function onWheel(e: WheelEvent) {
 	clearAutoplay()
 	if (wheelTimeout) clearTimeout(wheelTimeout)
 
-	accumulatedDeltaX += e.deltaX
+	// Reverse the delta direction for RTL mode
+	accumulatedDeltaX += props.rtl ? -e.deltaX : e.deltaX
 
 	wheelTimeout = setTimeout(() => {
 		accumulatedDeltaX = 0
@@ -567,12 +577,12 @@ watch(() => activeSlideIndex, handleSlideChange)
 </script>
 
 <template>
-	<div class="BglCarousel" :style="{ height: yHeight }" :class="{ autoHeight }" :dir="rtl ? 'rtl' : 'ltr'">
+	<div class="BglCarousel" :dir="rtl ? 'rtl' : 'ltr'">
 		<div
 			ref="bglSlider"
 			class="bgl-slider"
-			:class="{ dragging: isDragging, clicking: isPressed, [`slides-${itemCount}`]: true, grab: freeDrag && slideCount > 1 }"
-			:style="{ '--item-count': itemCount }"
+			:class="{ dragging: isDragging, clicking: isPressed, [`slides-${itemCount}`]: true, grab: freeDrag && slideCount > 1, autoHeight }"
+			:style="{ '--item-count': itemCount, 'height': yHeight }"
 			@mousedown="startDrag"
 			@mouseover="clearAutoplay"
 			@focusin="clearAutoplay"
@@ -592,9 +602,9 @@ watch(() => activeSlideIndex, handleSlideChange)
 				@click="goToSlide(i - 1)"
 			/>
 		</div>
-		<div class="Handlers">
-			<span @click="prev"><slot name="prev" :index="activeSlideIndex" :prev="prev" /></span>
-			<span @click="next"><slot name="next" :index="activeSlideIndex" :next="next" /></span>
+		<div class="navigation-buttons" :class="{ rtl }">
+			<span class="prev" @click="prev"><slot name="prev" :index="activeSlideIndex" :prev="prev" /></span>
+			<span class="next" @click="next"><slot name="next" :index="activeSlideIndex" :next="next" /></span>
 		</div>
 	</div>
 </template>
@@ -669,4 +679,16 @@ watch(() => activeSlideIndex, handleSlideChange)
 .dot.current {
 	opacity: 0.8;
 }
+
+.navigation-buttons {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	gap: 1rem;
+	margin-top: 1rem;
+}
+
+.navigation-buttons.rtl {
+	flex-direction: row-reverse;
+}
 </style>

package/src/components/Dropdown.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { IconType, ThemeType } from '@bagelink/vue'
 import type { TriggerEvent } from 'floating-vue'
-import { Btn } from '@bagelink/vue'
+import { Btn, useDevice } from '@bagelink/vue'
 import { Dropdown as DDown } from 'floating-vue'
 
 export type Side = 'top' | 'right' | 'bottom' | 'left' | 'auto'
@@ -19,6 +19,7 @@ const {
 	outline,
 	round,
 	placement = 'bottom-start',
+	disablePlacement = false,
 	noAutoFocus,
 	autoHide = true,
 	triggers = ['click'],
@@ -36,6 +37,7 @@ const {
 	outline?: boolean
 	round?: boolean
 	placement?: AlignedPlacement
+	disablePlacement?: boolean
 	noAutoFocus?: boolean
 	autoHide?: boolean
 	triggers?: TriggerEvent[]
@@ -86,6 +88,12 @@ function hide() {
 	ddownRef?.hide()
 }
 
+const { isMobile } = useDevice()
+
+const shouldDisablePositioning = $computed(() => {
+	return disablePlacement && isMobile
+})
+
 defineExpose({ show, hide, shown })
 </script>
 
@@ -95,6 +103,7 @@ defineExpose({ show, hide, shown })
 		v-model:shown="shown"
 		:disabled="disabled"
 		:noAutoFocus="noAutoFocus"
+		:positioning-disabled="shouldDisablePositioning"
 		:placement="placement"
 		:autoHide="autoHide"
 		:triggers="triggers"
@@ -120,3 +129,31 @@ defineExpose({ show, hide, shown })
 		</template>
 	</DDown>
 </template>
+
+<style>
+.v-popper__popper--no-positioning {
+  position: fixed;
+  z-index: 9999;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: flex-end;
+}
+
+.v-popper__popper--no-positioning .v-popper__backdrop {
+  display: block;
+  background: rgba(0 0 0 / 90%);
+}
+
+.v-popper__popper--no-positioning .v-popper__wrapper {
+  width: 100%;
+  pointer-events: auto;
+  transition: transform .15s ease-out;
+}
+
+.v-popper__popper--no-positioning.v-popper__popper--hidden .v-popper__wrapper {
+  transform: translateY(100%);
+}
+</style>

package/src/components/ListItem.vue

@@ -2,43 +2,86 @@
 import type { IconType } from '@bagelink/vue'
 import { Avatar, Icon } from '@bagelink/vue'
 
-defineProps<{
+const props = defineProps<{
 	src?: string
 	showAvatar?: boolean
 	to?: string
+	href?: string
 	icon?: IconType
 	title?: string
 	subtitle?: string
 	flat?: boolean
+	disabled?: boolean
+	lead?: string
+	iconEnd?: IconType
+	target?: '_blank' | '_self'
 	onClick?: () => void
 }>()
+
+const isComponent = $computed(() => {
+	if (props.to) return 'router-link'
+	if (props.href) return 'a'
+	if (props.onClick) return 'button'
+	return 'div'
+})
+
+const bind = $computed(() => {
+	const obj: Record<string, any> = {}
+	if (props.to) obj.to = props.to
+	else if (props.href) obj.href = props.href
+	if (props.target && (props.to || props.href)) obj.target = props.target
+
+	obj.class = {
+		'notClickable': !(props.to || props.onClick),
+		'no-border-list': props.flat,
+	}
+	if (props.disabled) obj.disabled = true
+	return obj
+})
 </script>
 
 <template>
 	<component
-		:is="to ? 'RouterLink' : 'div'"
-		:to="to"
+		:is="isComponent"
+		v-bind="bind"
 		class="flex gap-05 list-item"
-		:class="{ 'notClickable': !(to || onClick), 'no-border-list': flat }"
 		@click="onClick"
 	>
 		<Avatar v-if="src || showAvatar" style="flex-basis: 1;" :name="title" :src="src" :size="40" />
 		<Icon v-if="icon" size="1.2" class="color-primary" :icon="icon" />
 
 		<div>
+			<p v-if="lead" class="txt10 no-margin txt-gray ellipsis">
+				{{ lead }}
+				<slot name="lead" />
+			</p>
 			<p class="no-margin ellipsis line-height-14 pb-025">
 				{{ title }}
 				<slot />
 			</p>
-			<p class="txt12 no-margin txt-gray ellipsis">
+			<p v-if="subtitle" class="txt12 no-margin txt-gray ellipsis">
 				{{ subtitle }}
 				<slot name="subtitle" />
 			</p>
 		</div>
+		<Icon v-if="iconEnd" :icon="iconEnd" class="transition-400" />
 	</component>
 </template>
 
 <style>
+button.list-item {
+	cursor: pointer;
+	display: flex;
+	gap: 0.5rem;
+	border: none;
+	background-color: unset;
+	width: 100%;
+
+}
+.list-item:disabled {
+	opacity: 0.5;
+	pointer-events: none;
+}
 .list-item {
 	padding: 0.6rem 1rem;
 	min-height: -webkit-fit-content;

package/src/composables/index.ts

@@ -4,8 +4,7 @@ import type { Ref, UnwrapRef } from 'vue'
 import { getFallbackSchema } from '@bagelink/vue'
 import { ref, watch } from 'vue'
 
-
-
+export { useDevice } from './useDevice'
 
 interface UseBglSchemaParamsT<T> {
 	schema?: BglFormSchemaFnT<T>

package/src/composables/useDevice.ts

@@ -0,0 +1,24 @@
+import { ref, onMounted, onUnmounted } from 'vue'
+
+export function useDevice() {
+	const innerWidth = ref(window.innerWidth)
+	const isMobile = ref(window.innerWidth < 768)
+
+	function updateDeviceInfo() {
+		innerWidth.value = window.innerWidth
+		isMobile.value = window.innerWidth < 768
+	}
+
+	onMounted(() => {
+		window.addEventListener('resize', updateDeviceInfo)
+	})
+
+	onUnmounted(() => {
+		window.removeEventListener('resize', updateDeviceInfo)
+	})
+
+	return {
+		innerWidth,
+		isMobile
+	}
+}

package/src/utils/BagelFormUtils.ts

@@ -193,12 +193,11 @@ export function numField<T extends { [key: string]: any }>(
 	}
 }
 
-// TODO: remove Field<any | T> and replace with Field<T>
-export function frmRow<T>(...children: Field[]): Field<any | T> {
+export function frmRow<T>(...children: Field[]): Field<T> {
 	return {
 		$el: 'div',
 		class: 'flex gap-1 m_block align-items-end',
-		children,
+		children: children as Field<T>[],
 	}
 }