@bagelink/vue 1.9.170 → 1.9.174

package/package.json

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

package/src/components/Dropdown.vue

@@ -246,11 +246,10 @@ defineExpose({ show, hide, shown })
 <template>
 	<div style="display: contents">
 		<!-- Trigger wrapper — click/hover only apply to the default Btn trigger -->
-		<div ref="triggerWrapRef" v-bind="$attrs" @mouseenter="onTriggerMouseenter" @mouseleave="onTriggerMouseleave" @focus="onTriggerMouseenter" @blur="onTriggerMouseleave">
+		<div ref="triggerWrapRef" v-bind="$attrs" @click="onTriggerClick" @mouseenter="onTriggerMouseenter" @mouseleave="onTriggerMouseleave" @focus="onTriggerMouseenter" @blur="onTriggerMouseleave">
 			<slot name="trigger" :show :hide :shown>
 				<Btn
 					:class="triggerClass" :iconEnd :icon="iconSet" :value :thin :flat :outline :round :color :disabled
-					@click="onTriggerClick"
 				/>
 			</slot>
 		</div>

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

@@ -194,7 +194,7 @@ function getItemRef(i: number) {
 				:class="{ 'array-item-drag-over1 bg-gray-light border border-primary ': allowReorder && dragOverIndex === i && draggingIndex !== null && draggingIndex !== i }"
 				@dragover.prevent @dragenter.prevent="onDragEnter(i)" @drop.prevent="onDrop(i)"
 			>
-				<div class="grid gap-05 grid-array-line align-items-center">
+				<div class="grid gap-05 grid-array-line align-items-center pe-025">
 					<Btn
 						v-if="allowReorder" v-tooltip="resolveI18n('Drag to reorder')" flat thin icon="drag_indicator"
 						class="grab" draggable="true" @dragstart="onDragStart($event, i)" @dragend="onDragEnd"

package/src/dialog/Dialog.vue

@@ -41,6 +41,8 @@ const widthStyle = computed(() => DIALOG_WIDTHS[props.width])
 const positionClass = computed(() => {
 	if (props.position === 'left') return 'dialog-left ms-1 me-auto mt-1 mb-1 height-100-2 m_m-0 m_h-100vh m_max-h-100vh m_radius-0'
 	if (props.position === 'right') return 'dialog-right me-1 ms-auto mt-1 mb-1 height-100-2 m_m-0 m_h-100vh m_max-h-100vh m_radius-0'
+	if (props.position === 'top') return 'dialog-top mx-auto mt-1 mb-auto'
+	if (props.position === 'bottom') return 'dialog-bottom mx-auto mb-1 mt-auto'
 	return 'dialog-center mx-auto'
 })
 
@@ -227,6 +229,22 @@ dialog.dialog-left.is-closing {
 	animation: slide-out-left 0.2s ease-in forwards;
 }
 
+dialog.dialog-top[open] {
+	animation: slide-in-top 0.25s ease-out;
+}
+
+dialog.dialog-top.is-closing {
+	animation: slide-out-top 0.2s ease-in forwards;
+}
+
+dialog.dialog-bottom[open] {
+	animation: slide-in-bottom 0.25s ease-out;
+}
+
+dialog.dialog-bottom.is-closing {
+	animation: slide-out-bottom 0.2s ease-in forwards;
+}
+
 /* Keyframes - shared and reusable */
 @keyframes fade-in {
 	from {
@@ -320,6 +338,54 @@ dialog.dialog-left.is-closing {
 	}
 }
 
+@keyframes slide-in-top {
+	from {
+		opacity: 0;
+		transform: translateY(-100%);
+	}
+
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+@keyframes slide-out-top {
+	from {
+		opacity: 1;
+		transform: translateY(0);
+	}
+
+	to {
+		opacity: 0;
+		transform: translateY(-100%);
+	}
+}
+
+@keyframes slide-in-bottom {
+	from {
+		opacity: 0;
+		transform: translateY(100%);
+	}
+
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+@keyframes slide-out-bottom {
+	from {
+		opacity: 1;
+		transform: translateY(0);
+	}
+
+	to {
+		opacity: 0;
+		transform: translateY(100%);
+	}
+}
+
 /* Full width adjustments */
 dialog[style*="--dialog-width: 100%"] {
 	max-width: calc(100vw - 2rem);

package/src/dialog/dialogTypes.ts

@@ -2,7 +2,7 @@ import type { Component } from 'vue'
 import type { SchemaDefinition } from '../form-flow/form-flow'
 
 export type DialogWidth = 's' | 'm' | 'l' | 'xl' | 'full'
-export type DialogPosition = 'center' | 'left' | 'right'
+export type DialogPosition = 'center' | 'left' | 'right' | 'top' | 'bottom'
 export type DialogAction = 'submit' | 'cancel' | 'delete'
 
 export interface DialogBaseOptions {