@bagelink/vue 1.6.49 → 1.6.51

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.6.49",
+  "version": "1.6.51",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Bagel Studio",
@@ -61,8 +61,7 @@
     "@types/leaflet": "^1.9.18",
     "@types/signature_pad": "^4.0.0",
     "vue": "^3.5.16",
-    "vue-component-type-helpers": "^2.2.10",
-    "vue-toastification": "^2.0.0-rc.5"
+    "vue-component-type-helpers": "^2.2.10"
   },
   "peerDependencies": {
     "@bagelink/sdk": "*",
@@ -70,15 +69,11 @@
     "vue-component-type-helpers": "^2.2.10",
     "vue": "*",
     "vue-draggable-next": "^2.2.1",
-    "vue-router": "*",
-    "vue-toastification": "^2"
+    "vue-router": "*"
   },
   "peerDependenciesMeta": {
     "vue-draggable-next": {
       "optional": true
-    },
-    "vue-toastification": {
-      "optional": true
     }
   },
   "publishConfig": {
@@ -89,7 +84,8 @@
     "axios": "^1.9.0",
     "floating-vue": "^5.2.2",
     "libphonenumber-js": "1.12.9",
-    "signature_pad": "^5.0.9"
+    "signature_pad": "^5.0.9",
+    "vue-toastification": "^2.0.0-rc.5"
   },
   "scripts": {
     "dev": "tsx watch src/index.ts",

package/src/components/ListItem.vue

@@ -46,7 +46,7 @@ const bind = computed(() => {
 	const obj: { [key: string]: any } = {}
 	if (props.to !== undefined && props.to !== '') { obj.to = props.to }
 	else if (props.href !== undefined && props.href !== '') { obj.href = props.href }
-	if (props.target !== undefined && props.target !== '' && ((props.to !== undefined && props.to !== '') || (props.href !== undefined && props.href !== ''))) { obj.target = props.target }
+	if (props.target !== undefined && props.target !== undefined && ((props.to !== undefined && props.to !== '') || (props.href !== undefined && props.href !== ''))) { obj.target = props.target }
 
 	obj.class = {
 		'notClickable': !((props.to !== undefined && props.to !== '') || (props.onClick !== undefined)),
@@ -81,7 +81,10 @@ const bind = computed(() => {
 					{{ title }}
 					<slot />
 				</p>
-				<p v-if="subtitle" class="txt12 m-0 m-0 py-0 ps-0 pe-1-5 opacity-7 me-2" :class="{ 'ellipsis-1': ellipsis }">
+				<p
+					v-if="subtitle" class="txt12 m-0 m-0 py-0 ps-0 pe-1-5 opacity-7 me-2"
+					:class="{ 'ellipsis-1': ellipsis }"
+				>
 					{{ subtitle }}
 					<slot name="subtitle" />
 				</p>
@@ -90,7 +93,10 @@ const bind = computed(() => {
 		</component>
 		<slot name="end">
 			<Icon v-if="iconEnd" :icon="iconEnd" class="transition-400" />
-			<p v-if="end" class="txt12 m-0 py-0 ps-0 pe-1-5 opacity-7 " :class="{ 'ellipsis-1': ellipsis }" v-text="end" />
+			<p
+				v-if="end" class="txt12 m-0 py-0 ps-0 pe-1-5 opacity-7 " :class="{ 'ellipsis-1': ellipsis }"
+				v-text="end"
+			/>
 		</slot>
 	</div>
 </template>

package/src/components/Zoomer.vue

@@ -9,7 +9,6 @@ interface Props {
 	maxScale?: number
 	zoom?: number
 	resetTrigger?: number
-	aspectRatio?: number
 	backgroundColor?: string
 	pivot?: string // 'cursor' | 'image-center'
 	zoomingElastic?: boolean
@@ -24,7 +23,6 @@ const {
 	maxScale = 5,
 	zoom,
 	disabled = false,
-	aspectRatio = 1,
 	backgroundColor = 'transparent',
 	pivot = 'cursor',
 	zoomingElastic = true,

package/src/plugins/useToast.ts

@@ -1,10 +1,11 @@
 import type { App, InjectionKey, Plugin } from 'vue'
 import { inject } from 'vue'
-import {
+import Toast, {
 	type PluginOptions as ToastOptions,
-	type ToastInterface,
 	POSITION,
+	useToast as useVueToast,
 } from 'vue-toastification'
+import 'vue-toastification/dist/index.css'
 
 export interface ToastApi {
 	success: (message: string, options?: any) => void
@@ -35,58 +36,62 @@ export function useToast(): ToastApi {
 export type BagelToastOptions = Partial<ToastOptions>
 
 export const ToastPlugin: Plugin<BagelToastOptions[]> = {
-	install: async (app: App, options: BagelToastOptions = {}) => {
-		try {
-			// Dynamically import vue-toastification to avoid bundling if not used
-			const Toast = await import('vue-toastification')
-			const ToastInterface = Toast.default || Toast
-
-			const defaultOptions: ToastOptions = {
-				position: POSITION.TOP_RIGHT,
-				timeout: 3000,
-				closeOnClick: true,
-				pauseOnFocusLoss: true,
-				pauseOnHover: true,
-				draggable: true,
-				draggablePercent: 0.6,
-				showCloseButtonOnHover: false,
-				hideProgressBar: false,
-				closeButton: 'button',
-				icon: true,
-				rtl: false,
-				transition: 'Vue-Toastification__fade',
-				maxToasts: 5,
-				newestOnTop: true,
-				...options,
-			}
-
-			// Install vue-toastification
-			app.use(ToastInterface as Plugin, defaultOptions)
-
-			// Get the toast instance
-			const toast: ToastInterface = app.config.globalProperties.$toast
+	install: (app: App, options: BagelToastOptions = {}) => {
+		const defaultOptions: ToastOptions = {
+			position: POSITION.TOP_RIGHT,
+			timeout: 3000,
+			closeOnClick: true,
+			pauseOnFocusLoss: true,
+			pauseOnHover: true,
+			draggable: true,
+			draggablePercent: 0.6,
+			showCloseButtonOnHover: false,
+			hideProgressBar: false,
+			closeButton: 'button',
+			icon: true,
+			rtl: false,
+			transition: 'Vue-Toastification__fade',
+			maxToasts: 5,
+			newestOnTop: true,
+			...options,
+		}
 
-			// Create the API wrapper
-			const api: ToastApi = {
-				success: (message: string, options?: any) => toast.success(message, options),
-				error: (message: string, options?: any) => toast.error(message, options),
-				info: (message: string, options?: any) => toast.info(message, options),
-				warning: (message: string, options?: any) => toast.warning(message, options),
-				show: (message: string, options?: any) => toast(message, options),
-				clear: () => { toast.clear() },
-			}
+		// Install vue-toastification
+		app.use(Toast, defaultOptions)
 
-			// Set global singleton on first install
-			if (!globalToastApi) {
-				globalToastApi = api
-			}
+		// Create the API wrapper using lazy evaluation
+		const api: ToastApi = {
+			success: (message: string, opts?: any) => {
+				const toast = useVueToast()
+				return toast.success(message, opts)
+			},
+			error: (message: string, opts?: any) => {
+				const toast = useVueToast()
+				return toast.error(message, opts)
+			},
+			info: (message: string, opts?: any) => {
+				const toast = useVueToast()
+				return toast.info(message, opts)
+			},
+			warning: (message: string, opts?: any) => {
+				const toast = useVueToast()
+				return toast.warning(message, opts)
+			},
+			show: (message: string, opts?: any) => {
+				const toast = useVueToast()
+				return toast(message, opts)
+			},
+			clear: () => {
+				const toast = useVueToast()
+				toast.clear()
+			},
+		}
 
-			app.provide(ToastSymbol, api)
-		} catch (error) {
-			console.error('Failed to load vue-toastification. Make sure it is installed:', error)
-			throw new Error(
-				'vue-toastification is required for ToastPlugin. Install it with: pnpm add vue-toastification'
-			)
+		// Set global singleton on first install
+		if (!globalToastApi) {
+			globalToastApi = api
 		}
+
+		app.provide(ToastSymbol, api)
 	},
 }