@bagelink/vue 1.15.417 → 1.15.425

package/dist/utils/index.d.ts

@@ -2,15 +2,29 @@ import { Attributes, BglFormSchemaT, Path } from '../types/BagelForm';
 export declare function debounce(fn: () => void, wait?: number): void;
 export declare function slugify(str: string): string;
 export declare function keyToLabel(key?: string): string | undefined;
+/**
+ * Convert stored rich-text HTML to compact plain text for tables, labels, and
+ * other read-only summaries. Block elements are separated so paragraphs do not
+ * run together.
+ */
+export declare function richTextToPlainText(value: string): string;
+export declare function containsHtml(value: string): boolean;
 export declare function copyText(text: string, cb?: (msg: string) => void): Promise<void>;
 export declare function initials(...strArr: string[]): string;
+export interface SanitizeHtmlOptions {
+    /**
+     * Remove inline presentation and layout attributes while preserving semantic
+     * markup such as paragraphs, lists, emphasis, and links.
+     */
+    resetFormatting?: boolean;
+}
 /**
  * Strip script-capable content from an HTML string so it is safe for v-html.
  * Removes <script>/<style>/<iframe>/<object>/<embed> elements, on* event
  * handler attributes, and javascript: / data: URLs in href/src.
  * Allowlist-free by design — formatting tags (b, i, a, span…) pass through.
  */
-export declare function sanitizeHtml(html: string): string;
+export declare function sanitizeHtml(html: string, options?: SanitizeHtmlOptions): string;
 export declare function useEscape(event: KeyboardEvent, closeModel: () => void): void;
 export declare function classify(fieldVal?: any, row?: any, ...classes: any[]): string;
 export declare function bindAttrs<T, P extends Path<T>>(attrs?: Attributes<T, P>, fieldVal?: any, row?: T): {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"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"}

package/package.json

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

package/src/components/Avatar.vue

@@ -61,7 +61,7 @@ const themed = computed(() => props.color
 		>
 			<Image v-if="src" :src="src" :alt="alt || name" />
 			<Icon v-else-if="icon" :icon="icon" :size="resolvedSize / 40" />
-			<p v-else :style="{ 'line-height': `${resolvedSize}px`, 'font-size': `calc(1.5rem * ${resolvedSize} / 50)` }">
+			<p v-else :style="{ 'line-height': '1', 'font-size': `calc(1.5rem * ${resolvedSize} / 50)` }" class="">
 				{{ (fallback || initials(name || '')).toUpperCase() }}
 			</p>
 		</div>

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

@@ -3,7 +3,7 @@ import type { Ref, WritableComputedRef } from 'vue'
 
 import type { DraggableEvent } from '../../draggable/useDraggable'
 
-import { Btn, resolveI18n, useI18n, pathKeyToURL } from '@bagelink/vue'
+import { Btn, resolveI18n, useI18n, pathKeyToURL, richTextToPlainText } from '@bagelink/vue'
 import { computed, ref, watch, useSlots, type VNode } from 'vue'
 import Draggable from '../../draggable/Draggable.vue'
 import type { BagelInputShellProps } from './bagelInputShell'
@@ -48,26 +48,19 @@ const itemLabelPrefix = computed(() => {
 	return $t('arrayInput.item')
 })
 
-const IDENTIFIER_FIELDS = ['title', 'name', 'label', 'displayName', 'display_name', 'heading', 'caption', 'text']
+const IDENTIFIER_FIELDS = ['title', 'name', 'key', 'label', 'displayName', 'display_name', 'heading', 'caption', 'text']
 const IMAGE_FIELDS = ['image', 'thumbnail', 'avatar', 'photo', 'picture', 'profilePic', 'profile_pic', 'icon', 'logo']
 
-/** Rich-text fields often store HTML; collapse to plain text for the collapsed row label. */
-function toPlainText(value: string): string {
-	if (!value.includes('<') && !value.includes('&')) return value.trim()
-	const doc = new DOMParser().parseFromString(value, 'text/html')
-	return (doc.body.textContent || '').replace(/\s+/g, ' ').trim()
-}
-
 function getItemIdentifier(item: T): string | null {
 	if (typeof item === 'string' && item.trim().length > 0) {
-		const plain = toPlainText(item)
+		const plain = richTextToPlainText(item)
 		return plain.length > 0 ? plain : null
 	}
 	if (item !== null && item !== undefined && typeof item === 'object') {
 		for (const field of IDENTIFIER_FIELDS) {
 			const val = (item as Record<string, unknown>)[field]
 			if (typeof val === 'string' && val.trim().length > 0) {
-				const plain = toPlainText(val)
+				const plain = richTextToPlainText(val)
 				if (plain.length > 0) return plain
 			}
 		}

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

@@ -38,6 +38,7 @@ const props = withDefaults(
 		invertedActive?: boolean
 		align?: 'start' | 'center' | 'end' | 'top' | 'bottom'
 		hideRadio?: boolean
+		hideLabelWhenImage?: boolean
 		bgColor?: string
 		activeBgColor?: string
 		activeTextColor?: string
@@ -189,10 +190,10 @@ function handleChange() {
 				<div class="flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025"
 					:class="{ 'txt-center justify-content-center mx-auto': textAlign === 'center', 'radio-option-content--centered-image': textAlign === 'center' && opt.imgSrc, 'txt-end justify-content-end': textAlign === 'right', 'txt-start justify-content-start': textAlign === 'left' }"
 					:style="{ color: textColor }">
-					<img v-if="opt.imgSrc" class="py-025 radius-05 m_w40 object-fit" height="40" width="40" :src="opt.imgSrc" :alt="opt.imgAlt || opt.label || ''">
+					<img v-if="opt.imgSrc" class="py-025 radius-05 m_w40 object-fit" height="40" width="40" :src="opt.imgSrc" :alt="(hideLabelWhenImage ? opt.label || opt.imgAlt : opt.imgAlt || opt.label) || ''">
 					<Icon v-else-if="opt.icon" :icon="opt.icon" :size="1" />
-					<div class="">
-						<div v-if="opt.label" class="m-0 m_txt-14 line-height-14" v-html="sanitizeHtml(opt.label)" />
+					<div v-if="(opt.label && !(hideLabelWhenImage && opt.imgSrc)) || opt.subLabel">
+						<div v-if="opt.label && !(hideLabelWhenImage && opt.imgSrc)" class="m-0 m_txt-14 line-height-14" v-html="sanitizeHtml(opt.label)" />
 						<p v-if="opt.subLabel" class="txt-gray txt-12 m-0 pt-025">{{ opt.subLabel }}</p>
 					</div>
 					<slot name="radioItem" v-bind="opt" />

package/src/composables/useSchemaField.ts

@@ -18,7 +18,9 @@ import {
 	ColorInput,
 	RangeInput,
 	EmailInput,
-	getNestedValue
+	containsHtml,
+	getNestedValue,
+	richTextToPlainText
 } from '@bagelink/vue'
 import { h, isVNode } from 'vue'
 
@@ -388,6 +390,22 @@ export function useSchemaField<T extends { [key: string]: any }>(optns: UseSchem
 			])
 		}
 
+		if (!slotContent && mode === 'table' && typeof transformedValue === 'string') {
+			const plainText = richTextToPlainText(transformedValue)
+			if (containsHtml(transformedValue)) {
+				return h('div', { class: 'ellipsis-1', title: plainText }, plainText)
+			}
+		}
+
+		if (!slotContent && mode === 'table' && Component === RichText) {
+			const plainText = richTextToPlainText(String(transformedValue ?? ''))
+			return h(
+				'div',
+				{ class: 'ellipsis-1', title: plainText },
+				plainText
+			)
+		}
+
 		return slotContent || h(Component as any, props, componentSlots)
 	}
 

package/src/form-flow/FormFlowPlayer.vue

@@ -15,7 +15,7 @@
  * button is always "Submit").
  */
 
-import type { FormStructure } from './structure'
+import type { FormStep, FormStructure } from './structure'
 import type { Slots } from 'vue'
 import { computed, ref, useSlots, watch } from 'vue'
 import { useI18n } from '../i18n'
@@ -53,6 +53,15 @@ export interface Props {
 	hideCounter?: boolean
 	/** Optional async submit handler; awaited before `complete` is emitted. */
 	onComplete?: (data: Record<string, any>) => Promise<void> | void
+	/**
+	 * Runs after the current step validates but before advancing or submitting.
+	 * Return false when the host handled navigation and the player should stop.
+	 */
+	beforePrimary?: (context: {
+		data: Record<string, any>
+		currentStep: FormStep
+		isTerminal: boolean
+	}) => Promise<boolean | void> | boolean | void
 	/** Resolve declarative x-options-source fields in stored JSON Schemas. */
 	loadOptionsSource?: JSONSchemaOptionsSourceLoader
 }
@@ -182,9 +191,16 @@ function validateStep(): boolean {
 async function onPrimary() {
 	if (!validateStep()) return
 
+	const step = currentStep.value
+	const proceed = await props.beforePrimary?.({
+		data: { ...formData.value },
+		currentStep: step!,
+		isTerminal: isTerminal.value,
+	})
+	if (proceed === false) return
+
 	if (isTerminal.value) {
 		submitting.value = true
-		const step = currentStep.value
 		try {
 			// `skipSubmit` terminals (e.g. disqualification leaves) end the flow
 			// without creating a submission — the host's onComplete is bypassed,
@@ -331,6 +347,7 @@ defineExpose({ formData, currentKey, nextKey, isTerminal, progress, validateStep
 			:step-position="stepPosition"
 			:progress="progress"
 			:current-key="currentKey"
+				:primary-label="currentStep?.primaryLabel"
 			:auto-advances="autoAdvances"
 		>
 			<div class="ffp-nav flex flex-center gap-1">
@@ -353,7 +370,7 @@ defineExpose({ formData, currentKey, nextKey, isTerminal, progress, validateStep
 				<Btn
 					v-if="isTerminal"
 					class="ffp-nav-btn"
-					:value="$t?.('multiStep.complete') ?? 'Submit'"
+					:value="currentStep?.primaryLabel || $t?.('multiStep.complete') || 'Submit'"
 					:loading="submitting"
 					@click="onPrimary"
 				>

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

@@ -1259,6 +1259,7 @@ function applyDesignerConfig(config: Record<string, any>, prop: JSONSchemaProper
 	if (p['x-radio-inline']) config.inline = true
 	if (p['x-radio-thin']) config.thin = true
 	if (p['x-radio-hide-radio']) config.hideRadio = true
+	if (p['x-radio-hide-label-when-image']) config.hideLabelWhenImage = true
 	set('align', 'x-radio-align')
 	set('textAlign', 'x-radio-text-align')
 	// Select

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

@@ -99,6 +99,7 @@ export interface FormField {
 	rangeMulti?: boolean
 	radioThin?: boolean
 	radioHideRadio?: boolean
+	radioHideLabelWhenImage?: boolean
 	radioAlign?: 'start' | 'center' | 'end'
 	/** Lay radio options out horizontally (inline) instead of stacked. */
 	radioInline?: boolean
@@ -165,6 +166,7 @@ export interface JSONSchemaProperty {
 	'x-range-multi'?: boolean
 	'x-radio-thin'?: boolean
 	'x-radio-hide-radio'?: boolean
+	'x-radio-hide-label-when-image'?: boolean
 	'x-radio-align'?: 'start' | 'center' | 'end'
 	'x-radio-inline'?: boolean
 	'x-radio-size'?: 's' | 'm' | 'l'
@@ -293,6 +295,7 @@ export function schemaToFields(schema: JSONSchemaObject | undefined): FormField[
 			rangeMulti: prop['x-range-multi'],
 			radioThin: prop['x-radio-thin'],
 			radioHideRadio: prop['x-radio-hide-radio'],
+			radioHideLabelWhenImage: prop['x-radio-hide-label-when-image'],
 			radioAlign: prop['x-ui']?.radioAlign ?? prop['x-radio-align'],
 			radioInline: prop['x-radio-inline'],
 			radioSize: prop['x-radio-size'],
@@ -457,6 +460,7 @@ export function fieldsToSchema(
 		if (field.rangeMulti === true) prop['x-range-multi'] = true
 		if (field.radioThin === true) prop['x-radio-thin'] = true
 		if (field.radioHideRadio === true) prop['x-radio-hide-radio'] = true
+		if (field.radioHideLabelWhenImage === true) prop['x-radio-hide-label-when-image'] = true
 		if (field.radioAlign) prop['x-ui'] = { ...prop['x-ui'], radioAlign: field.radioAlign }
 		if (field.radioInline === true) prop['x-radio-inline'] = true
 		if (field.radioSize) prop['x-radio-size'] = field.radioSize

package/src/form-flow/structure.ts

@@ -31,6 +31,8 @@ export interface FormStep {
 	 * (final step or an early-termination leaf). Empty => no redirect.
 	 */
 	redirectUrl?: string | null
+	/** Optional primary-button label for this step (for example, "Next"). */
+	primaryLabel?: string | null
 	/**
 	 * Terminal step that ends the flow *without* creating a submission — e.g. a
 	 * disqualification / "not a fit" leaf. The step's own content (title + fields)

package/src/styles/fonts/Ploni.css

@@ -4,6 +4,10 @@
     font-weight: 200;
     font-stretch: 100%;
     font-display: swap;
+    size-adjust: 110%;
+    ascent-override: 68%;
+    descent-override: 32%;
+    line-gap-override: 0%;
     src: url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-ultralight-aaa.woff2) format('woff2'), url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-ultralight-aaa.woff) format('woff'), url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-ultralight-aaa.eot) format('eot')
 }
 
@@ -13,6 +17,10 @@
     font-weight: 300;
     font-stretch: 100%;
     font-display: swap;
+    size-adjust: 110%;
+    ascent-override: 68%;
+    descent-override: 32%;
+    line-gap-override: 0%;
     src: url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-light-aaa.woff2) format('woff2'), url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-light-aaa.woff) format('woff'), url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-light-aaa.eot) format('eot')
 }
 
@@ -22,6 +30,10 @@
     font-weight: 400;
     font-stretch: 100%;
     font-display: swap;
+    size-adjust: 110%;
+    ascent-override: 68%;
+    descent-override: 32%;
+    line-gap-override: 0%;
     src: url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-regular-aaa.woff2) format('woff2'), url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-regular-aaa.woff) format('woff'), url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-regular-aaa.eot) format('eot')
 }
 
@@ -31,6 +43,10 @@
     font-weight: 500;
     font-stretch: 100%;
     font-display: swap;
+    size-adjust: 110%;
+    ascent-override: 68%;
+    descent-override: 32%;
+    line-gap-override: 0%;
     src: url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-medium-aaa.woff2) format('woff2'), url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-medium-aaa.woff) format('woff'), url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-medium-aaa.eot) format('eot')
 }
 
@@ -40,6 +56,10 @@
     font-weight: 600;
     font-stretch: 100%;
     font-display: swap;
+    size-adjust: 110%;
+    ascent-override: 68%;
+    descent-override: 32%;
+    line-gap-override: 0%;
     src: url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-demibold-aaa.woff2) format('woff2'), url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-demibold-aaa.woff) format('woff'), url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-demibold-aaa.eot) format('eot')
 }
 
@@ -49,6 +69,10 @@
     font-weight: 700;
     font-stretch: 100%;
     font-display: swap;
+    size-adjust: 110%;
+    ascent-override: 68%;
+    descent-override: 32%;
+    line-gap-override: 0%;
     src: url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-bold-aaa.woff2) format('woff2'), url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-bold-aaa.woff) format('woff'), url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-bold-aaa.eot) format('eot')
 }
 
@@ -58,6 +82,10 @@
     font-weight: 800;
     font-stretch: 100%;
     font-display: swap;
+    size-adjust: 110%;
+    ascent-override: 68%;
+    descent-override: 32%;
+    line-gap-override: 0%;
     src: url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-ultrabold-aaa.woff2) format('woff2'), url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-ultrabold-aaa.woff) format('woff'), url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-ultrabold-aaa.eot) format('eot')
 }
 
@@ -67,5 +95,9 @@
     font-weight: 900;
     font-stretch: 100%;
     font-display: swap;
+    size-adjust: 110%;
+    ascent-override: 68%;
+    descent-override: 32%;
+    line-gap-override: 0%;
     src: url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-black-aaa.woff2) format('woff2'), url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-black-aaa.woff) format('woff'), url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-black-aaa.eot) format('eot')
 }

package/src/utils/index.ts

@@ -30,6 +30,40 @@ export function keyToLabel(key?: string): string | undefined {
 	)
 }
 
+const plainTextCache = new Map<string, string>()
+
+/**
+ * Convert stored rich-text HTML to compact plain text for tables, labels, and
+ * other read-only summaries. Block elements are separated so paragraphs do not
+ * run together.
+ */
+export function richTextToPlainText(value: string): string {
+	if (!value.includes('<') && !value.includes('&')) return value.trim()
+
+	const cached = plainTextCache.get(value)
+	if (cached !== undefined) return cached
+
+	if (typeof DOMParser === 'undefined') {
+		return value.replace(/<[^>]*>/g, ' ').replace(/\s+/g, ' ').trim()
+	}
+
+	const doc = new DOMParser().parseFromString(value, 'text/html')
+	doc.body
+		.querySelectorAll('p, div, li, br, h1, h2, h3, h4, h5, h6')
+		.forEach(element => element.after(' '))
+	const result = (doc.body.textContent || '')
+		.replace(/\u00a0/g, ' ')
+		.replace(/\s+/g, ' ')
+		.trim()
+
+	plainTextCache.set(value, result)
+	return result
+}
+
+export function containsHtml(value: string): boolean {
+	return /<\/?[a-z][\s\S]*>/i.test(value)
+}
+
 export async function copyText(text: string, cb?: (msg: string) => void) {
 	await navigator.clipboard.writeText(text)
 	if (cb) { cb('Copied to clipboard') }
@@ -40,13 +74,21 @@ export function initials(...strArr: string[]) {
 	return strArr.map(str => str.charAt(0)).join('')
 }
 
+export interface SanitizeHtmlOptions {
+	/**
+	 * Remove inline presentation and layout attributes while preserving semantic
+	 * markup such as paragraphs, lists, emphasis, and links.
+	 */
+	resetFormatting?: boolean
+}
+
 /**
  * Strip script-capable content from an HTML string so it is safe for v-html.
  * Removes <script>/<style>/<iframe>/<object>/<embed> elements, on* event
  * handler attributes, and javascript: / data: URLs in href/src.
  * Allowlist-free by design — formatting tags (b, i, a, span…) pass through.
  */
-export function sanitizeHtml(html: string): string {
+export function sanitizeHtml(html: string, options: SanitizeHtmlOptions = {}): string {
 	if (!html || typeof document === 'undefined') { return html }
 	const template = document.createElement('template')
 	template.innerHTML = html
@@ -64,6 +106,11 @@ export function sanitizeHtml(html: string): string {
 					|| ((name === 'href' || name === 'src' || name === 'xlink:href')
 						&& (value.startsWith('javascript:') || value.startsWith('data:')))) {
 					child.removeAttribute(attr.name)
+				} else if (
+					options.resetFormatting
+					&& ['style', 'class', 'width', 'height', 'align', 'bgcolor', 'color', 'face', 'size'].includes(name)
+				) {
+					child.removeAttribute(attr.name)
 				}
 			}
 			walk(child)