@bagelink/vue 1.4.174 → 1.4.176

package/package.json

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

package/src/components/calendar/views/WeekView.vue

@@ -2,7 +2,7 @@
 import type { SetupContext, ComponentPublicInstance } from 'vue'
 import type { CalendarEvent, WeekStart } from '../CalendarTypes'
 import { formatDate } from '@bagelink/vue'
-import { ref, computed, onMounted, onUnmounted, useSlots } from 'vue'
+import { ref, computed, onMounted, onUnmounted, useSlots, nextTick } from 'vue'
 
 interface WeekViewEvent extends CalendarEvent {
 	top: number
@@ -61,6 +61,7 @@ const timeSlotsContainer = ref<HTMLElement>()
 const calendarGrid = ref<HTMLElement>()
 const dayColumns = ref<HTMLElement[]>([])
 const dayColumnsContainer = ref<HTMLElement>()
+const scrollableContainer = ref<HTMLElement>()
 
 // Calculate week days based on start date and week start preference
 const weekDays = computed(() => {
@@ -401,10 +402,19 @@ function setDayColumnRef(el: Element | ComponentPublicInstance | null | undefine
 	}
 }
 
+function scrollToTime(time: number) {
+	if (scrollableContainer.value) {
+		scrollableContainer.value.scrollTop = time * slotHeight
+	}
+}
+
 // Lifecycle hooks
 onMounted(() => {
 	updateCurrentTimeIndicator()
 	currentTimeInterval.value = setInterval(updateCurrentTimeIndicator, 60000)
+
+	// Scroll to 6:00 AM on mount
+	nextTick(() => { scrollToTime(6) })
 })
 
 onUnmounted(() => {
@@ -433,7 +443,7 @@ onUnmounted(() => {
 				</span>
 			</div>
 		</div>
-		<div class="overflow h-100p pe-05">
+		<div ref="scrollableContainer" class="overflow h-100p pe-05">
 			<div ref="dayColumnsContainer" class="weekGrid border-end relative">
 				<div ref="timeSlotsContainer">
 					<div
@@ -576,6 +586,7 @@ onUnmounted(() => {
 	flex-direction: column;
 	justify-content: center; */
 }
+
 @media (max-width: 910px) {
 	.weekGrid {
 		display: grid;