@bagelink/vue 1.9.69 → 1.9.73

package/dist/utils/calendar/dateUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/calendar/dateUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,KAAK,EAAE,uBAAuB,EAAY,MAAM,sBAAsB,CAAA;AAG7E,UAAU,gBAAgB;IACzB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,gBAAgB,QA+BvE;AAED,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AA2E1D,wBAAgB,OAAO,CACtB,IAAI,EAAE,MAAM,GAAG,IAAI,EACnB,YAAY,CAAC,EAAE,WAAW,GAAG;IAAE,IAAI,CAAC,EAAE,WAAW,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;CAAE,UA0EnF;AAsBD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,qBAAqB,GAAG,IAAI,CA2CtF;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC,qBAAqB;;;;;;;;;;;;;;EAyB/G;AAcD,MAAM,WAAW,iBAAkB,SAAQ,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CAAC,CAAC;IAC7F,MAAM,CAAC,EAAE,uBAAuB,CAAA;IAChC,MAAM,CAAC,EAAE,IAAI,CAAC,eAAe,CAAA;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;CACX;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,uBAAuB,GAAG,MAAM,CAAA;AAErF;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAA;AAkG7E,eAAO,MAAM,OAAO,mBAAa,CAAA"}
+{"version":3,"file":"dateUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/calendar/dateUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,KAAK,EAAE,uBAAuB,EAAY,MAAM,sBAAsB,CAAA;AAG7E,UAAU,gBAAgB;IACzB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,gBAAgB,QA+BvE;AAED,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AA2E1D,wBAAgB,OAAO,CACtB,IAAI,EAAE,MAAM,GAAG,IAAI,EACnB,YAAY,CAAC,EAAE,WAAW,GAAG;IAAE,IAAI,CAAC,EAAE,WAAW,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;CAAE,UA0EnF;AAsBD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,qBAAqB,GAAG,IAAI,CA2CtF;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC,qBAAqB;;;;;;;;;;;;;;EAyB/G;AAcD,MAAM,WAAW,iBAAkB,SAAQ,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CAAC,CAAC;IAC7F,MAAM,CAAC,EAAE,uBAAuB,CAAA;IAChC,MAAM,CAAC,EAAE,IAAI,CAAC,eAAe,CAAA;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;CACX;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,uBAAuB,GAAG,MAAM,CAAA;AAErF;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAA;AAyG7E,eAAO,MAAM,OAAO,mBAAa,CAAA"}

package/package.json

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

package/src/components/Filter.vue

@@ -2,7 +2,7 @@
 import type { Option } from '@bagelink/vue'
 import type { ComparisonOperator, LogicalOperator, QueryConditions } from '../utils/queryFilter'
 import { Btn, DateInput, Dropdown, Icon, SelectInput, TextInput, useI18n, useDebounceFn } from '@bagelink/vue'
-import { computed } from 'vue'
+import { computed, ref, useAttrs } from 'vue'
 
 type OptionsSource = Option[] | ((query: string) => Promise<Option[]>)
 
@@ -25,13 +25,28 @@ const props = defineProps<{
 
 const emit = defineEmits<{
 	change: [value: QueryConditions<T>]
+	save: [value: QueryConditions<T>]
 }>()
 
 const model = defineModel<QueryConditions<T>>({ default: () => [] })
 
+// Internal working copy — may contain incomplete conditions for UI purposes
+const internalModel = ref<QueryConditions<T>>([...model.value] as QueryConditions<T>)
+
 const { $t } = useI18n()
+const attrs = useAttrs()
+const hasSaveListener = computed(() => !!attrs.onSave)
+
+function isComplete(c: { field: string, op: ComparisonOperator, value: any }) {
+	return c.field && c.op && (c.op === 'pr' || (c.value !== '' && c.value !== null && c.value !== undefined))
+}
 
-const debouncedEmit = useDebounceFn((value: QueryConditions<T>) => { emit('change', value) }, 400)
+const debouncedFlush = useDebounceFn(() => {
+	const complete = internalModel.value.filter(isComplete) as QueryConditions<T>
+	console.log('[Filter] flushing - internal:', internalModel.value, '| complete:', complete)
+	model.value = complete
+	emit('change', complete)
+}, 400)
 
 let conditionIdCounter = 0
 function generateId() {
@@ -78,7 +93,7 @@ const currentTexts = computed(() => ({
 const conditionIds = new Map<number, string>()
 
 const conditions = computed(() => {
-	const arr = model.value || []
+	const arr = internalModel.value || []
 	return arr.map((cond, index) => {
 		// Get or create stable ID for this index
 		if (!conditionIds.has(index)) {
@@ -144,7 +159,7 @@ function parseValue(value: string | number | boolean | null): string | number |
 }
 
 function updateConditionAtIndex(index: number, updates: Partial<{ field: string, op: ComparisonOperator, value: string | number | boolean | null, connector: LogicalOperator }>) {
-	const newModel = [...model.value]
+	const newModel = [...internalModel.value]
 	const existing = newModel[index]
 	if (!existing) return
 
@@ -155,9 +170,8 @@ function updateConditionAtIndex(index: number, updates: Partial<{ field: string,
 	if (updates.connector !== undefined) updated.connector = updates.connector
 
 	newModel[index] = updated
-	model.value = newModel
-	const completeConditions = newModel.filter(c => c.field && c.op && (c.op === 'pr' || (c.value !== '' && c.value !== null && c.value !== undefined)))
-	debouncedEmit(completeConditions)
+	internalModel.value = newModel as QueryConditions<T>
+	debouncedFlush()
 }
 
 function addCondition() {
@@ -168,28 +182,28 @@ function addCondition() {
 		value: '' as any,
 		connector: model.value.length > 0 ? 'and' as LogicalOperator : undefined,
 	}
-	const newModel = [...model.value, newCondition]
-	model.value = newModel
-	// don't emit incomplete new condition
+	const newModel = [...internalModel.value, newCondition]
+	internalModel.value = newModel as QueryConditions<T>
+	console.log('[Filter] addCondition - skipping flush (incomplete)')
 }
 
 function removeCondition(index: number) {
-	const newModel = [...model.value]
+	const newModel = [...internalModel.value]
 	newModel.splice(index, 1)
-	// Clear connector on new first item
 	if (newModel.length > 0 && newModel[0].connector) {
 		newModel[0] = { ...newModel[0], connector: undefined }
 	}
-	// Clean up ID mapping
 	conditionIds.delete(index)
-	model.value = newModel
-	debouncedEmit(newModel)
+	internalModel.value = newModel as QueryConditions<T>
+	debouncedFlush()
 }
 
 function clearAll() {
 	conditionIds.clear()
-	model.value = []
-	debouncedEmit([])
+	internalModel.value = [] as unknown as QueryConditions<T>
+	model.value = [] as unknown as QueryConditions<T>
+	console.log('[Filter] clearAll')
+	emit('change', [] as unknown as QueryConditions<T>)
 }
 
 function getFieldType(fieldValue: string): string {
@@ -248,9 +262,11 @@ function onConnectorChange(id: string, connector: LogicalOperator) {
 				<TransitionGroup name="condition">
 					<div
 						v-for="(condition, index) in conditions" :key="condition.id"
-						class="grid filter-row gap-025 align-items-center pt-025" :class="{
+						class="grid gap-025 align-items-center pt-025" :class="{
 							'mt-025': index > 0 && condition.connector === 'or',
 							'pt-075 border-top-or': index > 0 && condition.connector === 'or',
+							'first-filter-row': index === 0,
+							'filter-row': index > 0,
 						}"
 					>
 						<!-- Connector (AND/OR) -->
@@ -263,7 +279,7 @@ function onConnectorChange(id: string, connector: LogicalOperator) {
 								@update:model-value="(v: LogicalOperator) => onConnectorChange(condition.id, v)"
 							/>
 						</div>
-						<div v-else />
+						<!-- <div v-else /> -->
 
 						<!-- Field selector -->
 						<SelectInput
@@ -327,10 +343,16 @@ function onConnectorChange(id: string, connector: LogicalOperator) {
 
 			<div class="flex gap-1 space-between">
 				<Btn icon="add" flat thin :value="currentTexts.buttons.addCondition" @click="addCondition" />
-				<Btn
-					v-if="conditions.length > 0" icon="delete_sweep" flat thin color="gray"
-					:value="currentTexts.buttons.clearAll" @click="clearAll"
-				/>
+				<div class="flex gap-05">
+					<Btn
+						v-if="conditions.length > 0" icon="delete_sweep" flat thin color="gray"
+						:value="currentTexts.buttons.clearAll" @click="clearAll"
+					/>
+					<Btn
+						v-if="hasSaveListener" icon="save" thin color="primary" :value="$t('filter.buttons.save')"
+						@click="emit('save', internalModel.filter(isComplete))"
+					/>
+				</div>
 			</div>
 		</div>
 	</Dropdown>
@@ -350,6 +372,10 @@ function onConnectorChange(id: string, connector: LogicalOperator) {
 	font-size: 12px !important;
 }
 
+.first-filter-row {
+	grid-template-columns: minmax(90px, 0.5fr) minmax(170px, 0.75fr) minmax(120px, 0.5fr) auto;
+}
+
 .filter-row {
 	grid-template-columns: 50px minmax(90px, 0.5fr) minmax(170px, 0.75fr) minmax(120px, 0.5fr) auto;
 }

package/src/utils/calendar/dateUtils.ts

@@ -361,7 +361,7 @@ export function formatDate(
 	let locale: Intl.LocalesArgument | undefined
 	let timeZone: string | undefined
 	let rest: Partial<Pick<Intl.DateTimeFormatOptions, 'hour12'>> = {}
-
+	console.log('formatOrOpts', formatOrOpts)
 	// Handle both overloads
 	if (typeof formatOrOpts === 'string') {
 		// First overload: format string directly
@@ -375,6 +375,13 @@ export function formatDate(
 	}
 
 	if (!date) { return '' }
+
+	// Handle named format shortcuts before token replacement
+	if (format === 'ISO' || format === 'ISO8601') {
+		const d = typeof date === 'string' || typeof date === 'number' ? new Date(date) : date
+		return Number.isNaN(d.getTime()) ? '' : d.toISOString()
+	}
+
 	format = format || 'DD.MM.YY'
 
 	locale = locale || getActiveLocale()