@bagelink/vue 1.4.167 → 1.4.171

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAI1E,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,IAAI,GAAE,MAAY,QAO1D;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,UAMlC;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAOpE;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,EAC7C,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EACxB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC;;EAwBP;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAO9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,OAG5E;AAED,eAAO,MAAM,MAAM,GAAI,YAAY,GAAG,YAA0C,CAAA;AAEhF,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,OAAO,CAAC,EAAE,MAAM,EAAE,GAChB,cAAc,CAAC,CAAC,CAAC,CAgBnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAKD,wBAAsB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CA2CxF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAatD;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAIvC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,aAAa,SAAO,GAAG,MAAM,GAAG,SAAS,CAG/G;AAED,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAO5C,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,sBAM5C;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,GAAE,GAAe,GAAG,GAAG,CAa1F;AAID,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,QAkBpE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAI1E,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,IAAI,GAAE,MAAY,QAO1D;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,UAMlC;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAOpE;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,EAC7C,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EACxB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC;;EAwBP;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAO9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,OAG5E;AAED,eAAO,MAAM,MAAM,GAAI,YAAY,GAAG,YAA0C,CAAA;AAEhF,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,OAAO,CAAC,EAAE,MAAM,EAAE,GAChB,cAAc,CAAC,CAAC,CAAC,CAgBnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAKD,wBAAsB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CA2CxF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAatD;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAIvC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,aAAa,SAAO,GAAG,MAAM,GAAG,SAAS,CAG/G;AAED,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAM5C,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,sBAsB5C;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,GAAE,GAAe,GAAG,GAAG,CAa1F;AAID,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,QAkBpE"}

package/package.json

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

package/src/components/Dropdown.vue

@@ -115,29 +115,52 @@ const shouldDisablePositioning = $computed(() => {
 	return disablePlacement && isMobile
 })
 
+// Convert hover triggers to click on mobile devices
+const computedTriggers = $computed((): TriggerEvent[] => {
+	if (isMobile && triggers.includes('hover')) {
+		// Replace hover with click on mobile
+		return triggers.map(trigger => trigger === 'hover' ? 'click' : trigger) as TriggerEvent[]
+	}
+	return triggers
+})
+
 // Intelligent trigger configuration
 const computedShowTriggers = $computed((): TriggerEvent[] => {
-	if (showTriggers !== undefined) return showTriggers
-	return triggers
+	if (showTriggers !== undefined) {
+		// Also convert hover to click in showTriggers on mobile
+		if (isMobile && showTriggers.includes('hover')) {
+			return showTriggers.map(trigger => trigger === 'hover' ? 'click' : trigger) as TriggerEvent[]
+		}
+		return showTriggers
+	}
+	return computedTriggers
 })
 
 const computedHideTriggers = $computed((): TriggerEvent[] => {
-	if (hideTriggers !== undefined) return hideTriggers
+	if (hideTriggers !== undefined) {
+		// Also convert hover to click in hideTriggers on mobile
+		if (isMobile && hideTriggers.includes('hover')) {
+			return hideTriggers.map(trigger => trigger === 'hover' ? 'click' : trigger) as TriggerEvent[]
+		}
+		return hideTriggers
+	}
 	// For click-only dropdowns, only hide on click
-	if (triggers.length === 1 && triggers[0] === 'click') {
+	if (computedTriggers.length === 1 && computedTriggers[0] === 'click') {
 		return ['click'] as TriggerEvent[]
 	}
 	// For hover dropdowns, add click to hide triggers for better UX
-	if (triggers.includes('hover')) {
-		return [...triggers, 'click'] as TriggerEvent[]
+	// But on mobile, hover becomes click, so we handle it differently
+	if (computedTriggers.includes('hover')) {
+		return [...computedTriggers, 'click'] as TriggerEvent[]
 	}
-	return triggers
+	return computedTriggers
 })
 
 const computedPopperTriggers = $computed((): TriggerEvent[] => {
 	if (popperTriggers.length > 0) return popperTriggers
 	// For hover dropdowns, enable hover on popper to keep it open
-	if (triggers.includes('hover')) {
+	// But on mobile, don't add hover triggers since we convert to click
+	if (computedTriggers.includes('hover') && !isMobile) {
 		return ['hover'] as TriggerEvent[]
 	}
 	return []
@@ -147,7 +170,8 @@ const computedPopperTriggers = $computed((): TriggerEvent[] => {
 const computedPopperShowTriggers = $computed((): TriggerEvent[] | undefined => {
 	const hasExplicitShowTriggers = Array.isArray(popperShowTriggers) && popperShowTriggers.length > 0
 	if (hasExplicitShowTriggers) return popperShowTriggers
-	if (triggers.includes('hover')) return ['hover'] as TriggerEvent[]
+	// Only add hover for popper on desktop
+	if (computedTriggers.includes('hover') && !isMobile) return ['hover'] as TriggerEvent[]
 	return undefined
 })
 
@@ -155,7 +179,8 @@ const computedPopperHideTriggers = $computed((): TriggerEvent[] => {
 	const hasExplicitHideTriggers = Array.isArray(popperHideTriggers) && popperHideTriggers.length > 0
 	if (hasExplicitHideTriggers) return popperHideTriggers
 	// For hover dropdowns, make sure popper hides on mouseout
-	if (triggers.includes('hover')) {
+	// But only on desktop where hover is meaningful
+	if (computedTriggers.includes('hover') && !isMobile) {
 		return ['hover'] as TriggerEvent[]
 	}
 	return []
@@ -165,11 +190,11 @@ const computedAutoHide = $computed(() => autoHide)
 
 const computedDelay = $computed((): number | { show: number, hide: number } | undefined => {
 	if (delay !== undefined) return delay
-	// For hover dropdowns, add a hide delay
-	if (triggers.includes('hover')) {
-		return { show: 0, hide: 10 } // 50ms delay before hiding
+	// For hover dropdowns, add a hide delay (but only on desktop)
+	if (computedTriggers.includes('hover') && !isMobile) {
+		return { show: 0, hide: 10 } // 10ms delay before hiding
 	}
-	// For click dropdowns, no delay
+	// For click dropdowns (including mobile), no delay
 	return 0
 })
 
@@ -179,7 +204,7 @@ defineExpose({ show, hide, shown })
 <template>
 	<DDown
 		ref="ddownRef" v-model:shown="shown" :disabled :noAutoFocus :positioning-disabled="shouldDisablePositioning"
-		:placement :autoHide="computedAutoHide" :delay="computedDelay" :triggers :showTriggers="computedShowTriggers"
+		:placement :autoHide="computedAutoHide" :delay="computedDelay" :triggers="computedTriggers" :showTriggers="computedShowTriggers"
 		:hideTriggers="computedHideTriggers" :popperTriggers="computedPopperTriggers"
 		:popperShowTriggers="computedPopperShowTriggers" :popperHideTriggers="computedPopperHideTriggers"
 		:showGroup="showGroup" @hide="emit('hide')" @show="emit('show')"

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

@@ -157,7 +157,7 @@ onUnmounted(() => {
 				:key="event.id"
 				class="event"
 				:style="{
-					height: `${event.height}px`,
+	// height: `${event.height}px`,
 					backgroundColor: event.color || 'var(--bgl-primary)',
 				}"
 				:data-date="event.start_time"
@@ -207,11 +207,11 @@ onUnmounted(() => {
 .agenda-content {
   flex-grow: 1;
   overflow-y: auto;
-  padding: 1rem;
+padding: 1rem 0;
 }
 
 .event {
-  margin-bottom: 1rem;
+margin-bottom: 0.5rem;
   border-radius: 4px;
   overflow: hidden;
   cursor: pointer;
@@ -219,7 +219,8 @@ onUnmounted(() => {
 }
 
 .event:hover {
-  transform: scale(1.01);
+/* transform: scale(1.01); */
+	filter: brightness(90%);
 }
 
 .event-content {

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

@@ -318,7 +318,7 @@ onUnmounted(() => {
 }
 
 .event-content {
-	padding: 0.5rem;
+	padding: 0.15rem 0.5rem;
 	color: white;
 	font-size: 0.9rem;
 	height: 100%;

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

@@ -217,13 +217,21 @@ function handleEventSelection(event: CalendarEvent, domEvent?: MouseEvent) {
 	font-size: 0.8rem;
 	cursor: pointer;
 	transition: all 0.2s ease;
+	display: flex;
+		align-items: center;
+		gap: 0.25rem;
+		min-width: 0;
+		justify-content: space-between;
+		/* Allow flex items to shrink */
 }
 
 .event-title {
 	font-weight: 500;
-	white-space: nowrap;
+	/* white-space: nowrap; */
+		height: 1lh;
 	overflow: hidden;
 	text-overflow: ellipsis;
+
 }
 
 .event-time {

package/src/composables/index.ts

@@ -4,6 +4,7 @@ import type { MaybeRefOrGetter, Ref, UnwrapRef } from 'vue'
 import { getFallbackSchema } from '@bagelink/vue'
 import { ref, toValue, watch } from 'vue'
 
+export { getBagelInstance, setBagelInstance, useBagel } from './useBagel'
 export { useDevice } from './useDevice'
 export { useExcel } from './useExcel'
 export { usePolling } from './usePolling'

package/src/composables/useBagel.ts

@@ -0,0 +1,21 @@
+import type { Bagel } from '@bagelink/sdk'
+import { shallowRef } from 'vue'
+
+// Global state for the Bagel instance (using shallowRef to avoid deep reactivity on class instance)
+const bagelInstance = shallowRef<Bagel | null>(null)
+
+export function useBagel(): Bagel {
+	const instance = bagelInstance.value
+	if (!instance) {
+		throw new Error('Bagel instance is not initialized. Please install BagelVue plugin first.')
+	}
+	return instance
+}
+
+export function setBagelInstance(instance: Bagel) {
+	bagelInstance.value = instance
+}
+
+export function getBagelInstance(): Bagel | null {
+	return bagelInstance.value
+}

package/src/index.ts

@@ -6,8 +6,7 @@ export {
 	type BagelOptions,
 	BagelVue,
 	i18nTInjectionKey,
-	useBagel,
-	useI18nT,
+	injectI18nT,
 } from './plugins/bagel'
 export { ModalPlugin, useModal } from './plugins/useModal'
 export * from './types'

package/src/plugins/bagel.ts

@@ -4,6 +4,7 @@ import FloatingVue from 'floating-vue'
 import { inject } from 'vue'
 
 import lightboxPlugin from '../components/lightbox/index'
+import { setBagelInstance } from '../composables/useBagel'
 import { ripple, pattern } from '../directives'
 import { useLang } from '../utils'
 import clickOutside from '../utils/clickOutside'
@@ -11,13 +12,7 @@ import clickOutside from '../utils/clickOutside'
 export const bagelInjectionKey = Symbol('bagel') as InjectionKey<Bagel>
 export const i18nTInjectionKey = Symbol('bagel') as InjectionKey<(key: string) => string>
 
-export function useBagel(injectionKey: InjectionKey<Bagel> = bagelInjectionKey): Bagel {
-	const bagel = inject(injectionKey)
-	if (!bagel) throw new Error('No bagel provided')
-	return bagel
-}
-
-export function useI18nT(injectionKey: typeof i18nTInjectionKey = i18nTInjectionKey) {
+export function injectI18nT(injectionKey: typeof i18nTInjectionKey = i18nTInjectionKey) {
 	const i18nT = inject(injectionKey)
 	if (!i18nT) throw new Error('No i18nT provided')
 	return i18nT
@@ -36,6 +31,10 @@ export interface BagelOptions {
 export const BagelVue: Plugin<BagelOptions> = {
 	install: (app, options) => {
 		const bagel = new Bagel({ host: options.host, fileBaseUrl: options.fileBaseUrl, onError: options.onError })
+
+		// Set global Bagel instance for the composable
+		setBagelInstance(bagel)
+
 		app.directive('click-outside', clickOutside)
 		app.directive('ripple', ripple)
 		app.directive('pattern', pattern)

package/src/styles/inputs.css

@@ -332,4 +332,5 @@ select {
     position: absolute !important;
     bottom: 0 !important;
     left: 50% !important;
+    min-width: 0 !important;
 }

package/src/utils/index.ts

@@ -206,17 +206,32 @@ export { useLang } from './lang'
 export { formatString } from './strings'
 export { useDebounceFn } from '@vueuse/core'
 
-const fileBaseUrl = (import.meta.env.VITE_FILE_BASE_URL || 'https://files.bagel.design').replace(/\/$/, '')
-const bagelBaseUrl = import.meta.env.VITE_BAGEL_BASE_URL
+import { getBagelInstance } from '../composables/useBagel'
 
 const URL_REGEX = /^https?:\/\/|^\/\//
 
 export function pathKeyToURL(pathKey?: string) {
-	if (!pathKey || URL_REGEX.test(pathKey)) return pathKey
+	if (pathKey === undefined || pathKey === '' || URL_REGEX.test(pathKey)) return pathKey
+
+	const bagel = getBagelInstance()
+	if (!bagel) {
+		console.warn('Bagel instance is not initialized. Please install BagelVue plugin.')
+		return pathKey
+	}
+
 	if (pathKey.startsWith('static/')) {
-		return `${bagelBaseUrl}/${pathKey}`
+		if (bagel.host === undefined || bagel.host === '') {
+			console.warn('Bagel host is not configured. Please set it in BagelVue options.')
+			return pathKey
+		}
+		return `${bagel.host}/${pathKey}`
+	}
+
+	if (bagel.fileBaseUrl === undefined || bagel.fileBaseUrl === '') {
+		console.warn('File base URL is not configured. Please set it in BagelVue options.')
+		return pathKey
 	}
-	return `${fileBaseUrl}/${pathKey}`
+	return `${bagel.fileBaseUrl}/${pathKey}`
 }
 
 export function getNestedValue(obj: any, path?: string, defaultValue: any = undefined): any {