@bagelink/vue 1.15.151 → 1.15.154

package/package.json

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

package/src/components/charts/Funnel.vue

@@ -306,8 +306,8 @@ const tooltipStyle = computed(() => ({ left: `${tipX.value}px`, top: `${tipY.val
 					v-for="(s, i) in segments" :key="i" class="bgl-funnel__tick p-05"
 					:style="horizontal ? { flex: '1 1 0' } : { height: `${bandHeight}px` }"
 				>
-					<span class="bgl-funnel__name ellipsis-1 txt12 light" :title="s.label">{{ s.label }}</span>
-					<span class="bgl-funnel__val txt24">{{ s.display }}</span>
+					<span class="bgl-funnel__name ellipsis-1 txt12 light opacity-6" :title="s.label">{{ s.label }}</span>
+					<span class="bgl-funnel__val txt24 bold">{{ s.display }}</span>
 				</div>
 			</div>
 		</div>

package/src/form-flow/FormFlow.vue

@@ -121,6 +121,8 @@ watch(formData, (newVal) => {
 }, { deep: true })
 
 function shouldShowField(field: FieldBuilder): boolean {
+	// Hidden fields keep their value (submitted) but are never displayed.
+	if (field._hidden) return false
 	if (field._condition == null) return true
 	return evaluateQuery(field._condition, formData.value)
 }

package/src/form-flow/MultiStepForm.vue

@@ -197,6 +197,7 @@ const stepErrors = ref<Record<string, string>>({})
 
 // Check if a field should be validated (visible based on condition)
 function shouldValidateField(field: FieldBuilder): boolean {
+	if (field._hidden) return false
 	if (field._condition == null) return true
 	return evaluateCondition(field._condition, formData.value)
 }

package/src/form-flow/form-flow.ts

@@ -93,6 +93,8 @@ export interface FieldBuilder<TValue = any> {
 	_type: string
 	_config: BaseFieldConfig & Record<string, any>
 	_condition?: string
+	/** When true the field is never rendered but its value is still submitted. */
+	_hidden?: boolean
 	_validations?: Array<(value: TValue) => true | string>
 	_onUpdate?: (value: TValue, formData: Record<string, any>) => void
 	_class?: string
@@ -101,6 +103,8 @@ export interface FieldBuilder<TValue = any> {
 
 	// Chainable methods
 	if: (condition: string) => FieldBuilder<TValue>
+	/** Mark the field as hidden — kept in form data / submitted but not displayed. */
+	hidden: (hidden?: boolean) => FieldBuilder<TValue>
 	validate: (fn: (value: TValue) => true | string) => FieldBuilder<TValue>
 	onUpdate: (fn: (value: TValue, formData: Record<string, any>) => void) => FieldBuilder<TValue>
 	class: (className: string) => FieldBuilder<TValue>
@@ -148,6 +152,7 @@ class Field<TValue = any> implements FieldBuilder<TValue> {
 	_type: string
 	_config: BaseFieldConfig & Record<string, any>
 	_condition?: string
+	_hidden?: boolean
 	_validations?: Array<(value: TValue) => true | string>
 	_onUpdate?: (value: TValue, formData: Record<string, any>) => void
 	_class?: string
@@ -164,6 +169,11 @@ class Field<TValue = any> implements FieldBuilder<TValue> {
 		return this
 	}
 
+	hidden(hidden = true): this {
+		this._hidden = hidden
+		return this
+	}
+
 	validate(fn: (value: TValue) => true | string): this {
 		if (!this._validations) {
 			this._validations = []
@@ -574,6 +584,9 @@ class Schema<T extends Record<string, any> = Record<string, any>> implements Sch
 			// Conditional visibility
 			if (field._condition) xUi.condition = field._condition
 
+			// Hidden (submitted but not displayed)
+			if (field._hidden) xUi.hidden = true
+
 			// Array field options
 			if (field._type === 'array') {
 				if (config.allowAdd !== undefined) xUi.allowAdd = config.allowAdd
@@ -763,6 +776,7 @@ interface JSONSchemaProperty {
 		cols?: number
 		class?: string
 		condition?: string
+		hidden?: boolean
 		allowAdd?: boolean
 		allowDelete?: boolean
 		component?: string
@@ -1019,6 +1033,11 @@ function createFieldFromProperty(
 		field.if(xUi.condition)
 	}
 
+	// Apply hidden
+	if (xUi.hidden) {
+		field.hidden()
+	}
+
 	return field
 }
 

package/src/form-flow/schema-fields.ts

@@ -21,6 +21,7 @@ export type FormFieldType =
 	| 'number' | 'date' | 'email' | 'phone' | 'url'
 	| 'select' | 'radio' | 'checkbox' | 'toggle'
 	| 'file' | 'signature' | 'range' | 'color' | 'json'
+	| 'hidden'
 	| 'heading' | 'divider'
 
 export interface SelectOption {
@@ -55,6 +56,10 @@ export interface FormField {
 	/** User-authored (non-grid) classes preserved alongside layout classes. */
 	class?: string
 	hideLabel?: boolean
+	/** SCIM 2.0 filter expression controlling conditional visibility. */
+	condition?: string
+	/** When true the field is never displayed but its value is still submitted. */
+	hidden?: boolean
 	richTextVariant?: 'full' | 'basic' | 'simple'
 	markdownShowFormatting?: boolean
 	textareaRows?: number
@@ -99,6 +104,10 @@ export interface JSONSchemaProperty {
 	/** UI extension object — layout classes + render hints (shared with form-flow). */
 	'x-ui'?: {
 		class?: string
+		/** SCIM 2.0 filter expression controlling conditional visibility. */
+		condition?: string
+		/** Field kept in form data / submitted but never displayed. */
+		hidden?: boolean
 		[key: string]: any
 	}
 	'x-field-type'?: FormFieldType
@@ -145,6 +154,9 @@ export function defaultRowSpan(type: FormFieldType): number {
 	return 1
 }
 
+/** Field types that never render an input in the live form. */
+export const NON_INPUT_TYPES: FormFieldType[] = ['heading', 'divider', 'hidden']
+
 export function inferFieldType(prop: JSONSchemaProperty): FormFieldType {
 	if (prop.format) {
 		switch (prop.format) {
@@ -204,6 +216,8 @@ export function schemaToFields(schema: JSONSchemaObject | undefined): FormField[
 			mColSpan: classToMColSpan(uiClass) ?? 12,
 			class: stripGridClasses(uiClass) || undefined,
 			hideLabel: prop['x-hide-label'] ?? false,
+			condition: prop['x-ui']?.condition || undefined,
+			hidden: prop['x-ui']?.hidden || (type === 'hidden') || undefined,
 			richTextVariant: prop['x-rich-text-variant'],
 			markdownShowFormatting: prop['x-markdown-show-formatting'],
 			textareaRows: prop['x-textarea-rows'],
@@ -266,6 +280,7 @@ export function fieldsToSchema(fields: FormField[]): JSONSchemaObject {
 				case 'file':
 				case 'signature':
 				case 'color':
+				case 'hidden':
 					prop.type = 'string'
 					break
 				case 'number':
@@ -332,6 +347,10 @@ export function fieldsToSchema(fields: FormField[]): JSONSchemaObject {
 		})
 		if (layoutClass) prop['x-ui'] = { ...prop['x-ui'], class: layoutClass }
 
+		// Conditional visibility + hidden — stored in x-ui (consumed by FormFlow)
+		if (field.condition) prop['x-ui'] = { ...prop['x-ui'], condition: field.condition }
+		if (field.hidden === true) prop['x-ui'] = { ...prop['x-ui'], hidden: true }
+
 		// Boolean/enum x- extensions — only write when non-default
 		if (field.hideLabel === true) prop['x-hide-label'] = true
 		if (field.richTextVariant) prop['x-rich-text-variant'] = field.richTextVariant
@@ -412,6 +431,8 @@ export function validateFormData(fields: FormField[], data: Record<string, any>)
 
 	for (const field of fields) {
 		if (field.type === 'heading' || field.type === 'divider') continue
+		// Hidden fields are never shown, so they can't be user-corrected — skip.
+		if (field.type === 'hidden' || field.hidden === true) continue
 
 		const value = data[field.key]