@bagelink/vue 1.15.267 → 1.15.271

package/dist/utils/queryFilter.d.ts

@@ -27,7 +27,7 @@ type DeepKeyOf<T> = T extends Primitive ? never : {
 /**
  * SCIM 2.0 comparison operators
  */
-export type ComparisonOperator = 'eq' | 'ne' | 'gt' | 'ge' | 'lt' | 'le' | 'co' | 'sw' | 'ew' | 'pr' | 'in' | 'nin';
+export type ComparisonOperator = 'eq' | 'ne' | 'gt' | 'ge' | 'lt' | 'le' | 'co' | 'sw' | 'ew' | 'pr' | 'in' | 'nin' | 'between';
 /**
  * SCIM 2.0 logical operators
  */
@@ -103,6 +103,18 @@ export declare class QueryFilter<T extends Record<string, any>> {
      * Present check (field has a value)
      */
     pr<K extends DeepKeyOf<T>>(field: K): this;
+    /**
+     * In list — native membership / array overlap: field in ["a","b"]
+     */
+    in<K extends DeepKeyOf<T>>(field: K, values: Primitive[]): this;
+    /**
+     * Not in list: field nin ["a","b"]
+     */
+    nin<K extends DeepKeyOf<T>>(field: K, values: Primitive[]): this;
+    /**
+     * Inclusive range: field between [lo, hi]
+     */
+    between<K extends DeepKeyOf<T>>(field: K, lo: number | string, hi: number | string): this;
     /**
      * AND logical operator
      */

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

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

package/package.json

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

package/src/components/FilterQuery.vue

@@ -66,6 +66,11 @@ function isComplete(c: { field: string, op: ComparisonOperator, value?: any }) {
 	if (isQueryOptionField(c.field as string)) return c.value !== '' && c.value != null
 	if (c.op === 'pr') return true
 	if (c.op === 'in' || c.op === 'nin') return Array.isArray(c.value) && c.value.length > 0
+	if (c.op === 'between') {
+		return Array.isArray(c.value) && c.value.length === 2
+			&& c.value[0] !== '' && c.value[0] != null
+			&& c.value[1] !== '' && c.value[1] != null
+	}
 	return c.value !== '' && c.value !== null && c.value !== undefined
 }
 
@@ -102,12 +107,16 @@ const currentTexts = computed(() => ({
 		pr: $t('filter.operators.pr'),
 		in: $t('filter.operators.in'),
 		nin: $t('filter.operators.nin'),
+		between: $t('filter.operators.between'),
 	},
 	placeholders: {
 		selectField: $t('filter.placeholders.selectField'),
 		selectOption: $t('filter.placeholders.selectOption'),
 		selectDate: $t('filter.placeholders.selectDate'),
 		enterValue: $t('filter.placeholders.enterValue'),
+		from: $t('filter.placeholders.from'),
+		to: $t('filter.placeholders.to'),
+		commaSeparated: $t('filter.placeholders.commaSeparated'),
 	},
 	buttons: {
 		addCondition: $t('filter.buttons.addCondition'),
@@ -157,23 +166,25 @@ const allOperatorOptions = computed(() => [
 	{ label: currentTexts.value.operators.pr, value: 'pr' as ComparisonOperator },
 	{ label: currentTexts.value.operators.in, value: 'in' as ComparisonOperator },
 	{ label: currentTexts.value.operators.nin, value: 'nin' as ComparisonOperator },
+	{ label: currentTexts.value.operators.between, value: 'between' as ComparisonOperator },
 ])
 
 function getOperatorsForType(fieldType: string, hasOptions: boolean, isMultiple: boolean) {
+	const allow = (ops: string[]) => allOperatorOptions.value.filter(o => ops.includes(o.value))
 	if (isMultiple && hasOptions) {
-		return allOperatorOptions.value.filter(o => ['in', 'nin', 'pr'].includes(o.value))
+		return allow(['in', 'nin', 'pr'])
 	}
 	if (hasOptions) {
-		return allOperatorOptions.value.filter(o => ['eq', 'ne', 'pr'].includes(o.value))
+		return allow(['eq', 'ne', 'in', 'nin', 'pr'])
 	}
 	switch (fieldType) {
 		case 'boolean':
-			return allOperatorOptions.value.filter(o => ['eq', 'ne', 'pr'].includes(o.value))
+			return allow(['eq', 'ne', 'pr'])
 		case 'number':
 		case 'date':
-			return allOperatorOptions.value.filter(o => ['eq', 'ne', 'gt', 'ge', 'lt', 'le', 'pr'].includes(o.value))
+			return allow(['eq', 'ne', 'gt', 'ge', 'lt', 'le', 'between', 'in', 'nin', 'pr'])
 		default:
-			return allOperatorOptions.value.filter(o => ['eq', 'ne', 'co', 'sw', 'ew', 'pr'].includes(o.value))
+			return allow(['eq', 'ne', 'co', 'sw', 'ew', 'in', 'nin', 'pr'])
 	}
 }
 
@@ -281,7 +292,13 @@ function updateConditionAtIndex(index: number, updates: Partial<{ field: string,
 	const updated = { ...existing }
 	if (updates.field !== undefined) updated.field = updates.field
 	if (updates.op !== undefined) updated.op = updates.op
-	if (updates.value !== undefined) updated.value = Array.isArray(updates.value) ? updates.value : parseValue(updates.value)
+	if (updates.value !== undefined) {
+		updated.value = Array.isArray(updates.value)
+			// Coerce each list/range element (e.g. "18" → 18) so numeric filters
+			// emit bare numbers in the bracket literal.
+			? updates.value.map(v => parseValue(typeof v === 'string' ? v : String(v)))
+			: parseValue(updates.value)
+	}
 	if (updates.connector !== undefined) updated.connector = updates.connector
 
 	newModel[index] = updated
@@ -334,6 +351,38 @@ function isMultiOperator(operator: ComparisonOperator): boolean {
 	return operator === 'in' || operator === 'nin'
 }
 
+function isBetweenOperator(operator: ComparisonOperator): boolean {
+	return operator === 'between'
+}
+
+/** in/nin on a field WITHOUT predefined options → comma-separated free text. */
+function isFreeListOperator(condition: UICondition): boolean {
+	return isMultiOperator(condition.operator) && !getFieldOptions(condition.field)
+}
+
+/** Convert an array value to comma-separated text for the free-list input. */
+function listToText(value: string | string[]): string {
+	return Array.isArray(value) ? value.join(', ') : (value ?? '')
+}
+
+/** Split comma-separated free-list text into a trimmed string[]. */
+function textToList(text: string): string[] {
+	return text.split(',').map(s => s.trim()).filter(s => s !== '')
+}
+
+/** Read one bound of a `between` value ([lo, hi]); index 0 = lo, 1 = hi. */
+function betweenBound(condition: UICondition, index: 0 | 1): string {
+	return Array.isArray(condition.value) ? (condition.value[index] ?? '') : ''
+}
+
+/** Update one bound of a `between` value, preserving the other. */
+function onBetweenBoundChange(id: string, index: 0 | 1, v: string) {
+	const cond = conditions.value.find(c => c.id === id)
+	const current = cond && Array.isArray(cond.value) ? [...cond.value] : ['', '']
+	current[index] = v
+	onValueChange(id, [current[0] ?? '', current[1] ?? ''])
+}
+
 const activeFiltersCount = computed(() => {
 	return conditions.value.filter((c: UICondition) => Boolean(c.field) && (c.operator === 'pr' || Boolean(c.value))).length
 })
@@ -364,11 +413,19 @@ function onOperatorChange(id: string, operator: ComparisonOperator) {
 	const index = getConditionIndex(id)
 	if (index < 0) return
 	const current = conditions.value[index]
-	const wasMulti = current?.operator === 'in' || current?.operator === 'nin'
-	const isMulti = operator === 'in' || operator === 'nin'
+	const prevOp = current?.operator
 	const updates: Parameters<typeof updateConditionAtIndex>[1] = { op: operator }
-	if (wasMulti && !isMulti) updates.value = ''
-	else if (!wasMulti && isMulti) updates.value = []
+
+	// Reset the value shape when the operator's expected value type changes.
+	const wasList = prevOp === 'in' || prevOp === 'nin'
+	const wasBetween = prevOp === 'between'
+	const isList = operator === 'in' || operator === 'nin'
+	const isBetween = operator === 'between'
+
+	if (isBetween && !wasBetween) updates.value = ['', '']
+	else if (isList && !wasList) updates.value = []
+	else if (!isList && !isBetween && (wasList || wasBetween)) updates.value = ''
+
 	updateConditionAtIndex(index, updates)
 }
 
@@ -466,8 +523,43 @@ function onConnectorChange(id: string, connector: LogicalOperator) {
 
 						<!-- Value input - type-specific -->
 						<template v-if="needsValue(condition.operator)">
+							<!-- between: two type-aware bound inputs (min / max) -->
+							<div
+								v-if="isBetweenOperator(condition.operator)"
+								:key="`${condition.id}-${condition.field}-between`"
+								class="flex gap-025 align-items-center between-inputs"
+							>
+								<DateInput
+									v-if="getFieldType(condition.field) === 'date'"
+									:model-value="betweenBound(condition, 0)"
+									:placeholder="currentTexts.placeholders.from" class="m-0 light-input borderHover"
+									@update:model-value="(v: any) => onBetweenBoundChange(condition.id, 0, String(v))"
+								/>
+								<TextInput
+									v-else
+									:model-value="betweenBound(condition, 0)" placeholder="0"
+									:type="getFieldType(condition.field) === 'number' ? 'number' : 'text'"
+									class="m-0 light-input borderHover"
+									@update:model-value="(v: string) => onBetweenBoundChange(condition.id, 0, v)"
+								/>
+								<span class="opacity-4 txt-12">–</span>
+								<DateInput
+									v-if="getFieldType(condition.field) === 'date'"
+									:model-value="betweenBound(condition, 1)"
+									:placeholder="currentTexts.placeholders.to" class="m-0 light-input borderHover"
+									@update:model-value="(v: any) => onBetweenBoundChange(condition.id, 1, String(v))"
+								/>
+								<TextInput
+									v-else
+									:model-value="betweenBound(condition, 1)" placeholder="0"
+									:type="getFieldType(condition.field) === 'number' ? 'number' : 'text'"
+									class="m-0 light-input borderHover"
+									@update:model-value="(v: string) => onBetweenBoundChange(condition.id, 1, v)"
+								/>
+							</div>
+							<!-- in/nin with predefined options: multiselect -->
 							<SelectInput
-								v-if="getFieldOptions(condition.field) && isMultiOperator(condition.operator)"
+								v-else-if="getFieldOptions(condition.field) && isMultiOperator(condition.operator)"
 								:key="`${condition.id}-${condition.field}-multi`"
 								:model-value="Array.isArray(condition.value) ? condition.value : []"
 								:options="getFieldOptions(condition.field)!"
@@ -475,6 +567,15 @@ function onConnectorChange(id: string, connector: LogicalOperator) {
 								class="m-0 light-input borderHover" searchable multiselect
 								@update:model-value="(v: string[]) => onValueChange(condition.id, v)"
 							/>
+							<!-- in/nin without options: comma-separated free-text list -->
+							<TextInput
+								v-else-if="isFreeListOperator(condition)"
+								:key="`${condition.id}-${condition.field}-freelist`"
+								:model-value="listToText(condition.value)"
+								:placeholder="currentTexts.placeholders.commaSeparated"
+								class="m-0 light-input borderHover"
+								@update:model-value="(v: string) => onValueChange(condition.id, textToList(v))"
+							/>
 							<SelectInput
 								v-else-if="getFieldOptions(condition.field)"
 								:key="`${condition.id}-${condition.field}-single`"
@@ -553,6 +654,17 @@ function onConnectorChange(id: string, connector: LogicalOperator) {
 --input-background-color: transparent !important;
 }
 
+.between-inputs {
+min-width: 0;
+}
+.between-inputs > * {
+min-width: 0;
+flex: 1 1 0;
+}
+.between-inputs > span {
+flex: 0 0 auto;
+}
+
 .and-or-select .selectinput-btn {
 border: none;
 width: 100%;

package/src/components/dataTable/DataTable.vue

@@ -185,7 +185,7 @@ const headerFontSize = computed(() => {
 			<table class="infinite-wrapper" :class="{ selecting: computedSelectedItems.length }">
 				<thead class="row first-row">
 					<th v-if="isSortable" class="col-drag" />
-					<th v-if="isSelectable && !isSortable">
+					<th v-if="isSelectable" class="col-check">
 						<input ref="allSelectorEl" type="checkbox" @click.stop @change="(e) => toggleSelectAll(e)">
 					</th>
 					<th
@@ -210,7 +210,7 @@ const headerFontSize = computed(() => {
 						<td v-if="isSortable" class="col-drag">
 							<Icon icon="drag_indicator" :size="1.2" class="drag-handle-col grab" />
 						</td>
-						<td v-if="isSelectable && !isSortable">
+						<td v-if="isSelectable" class="col-check">
 							<div @click.stop>
 								<input v-model="selectedItems" type="checkbox" :value="row?.id || ''">
 							</div>
@@ -244,13 +244,32 @@ const headerFontSize = computed(() => {
 <style scoped>
 
 .col-drag {
-width: 2.5rem;
+width: 1rem;
+padding: 0 0.3rem 0 0;
+text-align: center;
+vertical-align: middle;
+}
+
+.col-drag .drag-handle-col {
+display: flex;
+align-items: center;
+justify-content: center;
+}
+
+.col-check {
+width: 1rem;
 padding: 0 0.25rem;
+vertical-align: middle;
+}
+
+.col-check > div {
+display: flex;
+align-items: center;
 }
 
 .col-drag .bgl_icon-font {
 color: var(--bgl-black-tint);
-opacity: 0.5;
+opacity: 0;
 transition: opacity 0.15s;
 }
 
@@ -434,7 +453,7 @@ background: var(--bgl-gray-light);
 }
 
 .row-item input[type='checkbox'] {
-margin-top: 0.45rem !important;
+margin-top: 0 !important;
 accent-color: var(--bgl-accent-color);
 }
 

package/src/components/form/inputs/RichText/editor.css

@@ -200,6 +200,34 @@ th {
 	opacity: 0.8;
 }
 
+/* Image alignment: full width (default) vs floated start/end.
+   Targets align-* classes directly (not .image-figure) so alignment survives
+   getCleanHTML(), which strips the editor-only .image-figure class from output. */
+.richtext-editor-content figure.align-full {
+	float: none;
+	width: 100%;
+	margin-inline: auto;
+}
+
+.richtext-editor-content figure.align-start {
+	float: inline-start;
+	max-width: 50%;
+	margin-block: 0.25rem 0.75rem;
+	margin-inline: 0 1.5rem;
+}
+
+.richtext-editor-content figure.align-end {
+	float: inline-end;
+	max-width: 50%;
+	margin-block: 0.25rem 0.75rem;
+	margin-inline: 1.5rem 0;
+}
+
+.richtext-editor-content figure.align-start img,
+.richtext-editor-content figure.align-end img {
+	width: 100%;
+}
+
 /* Responsive iframe wrapper */
 .richtext-editor-content div:has(> iframe) {
 	position: relative;

package/src/components/form/inputs/RichText/index.vue

@@ -229,7 +229,8 @@ const imageForm = ref({
 	width: '',
 	height: '',
 	credit: '',
-	figcaption: false
+	figcaption: false,
+	align: 'full' // full, start, end
 })
 let pendingImageData: {
 	selection: Selection
@@ -703,13 +704,18 @@ function openImageModal(existingImage: HTMLElement | null = null) {
 		const figcaption = existingImage.querySelector('figcaption')
 		const credit = existingImage.getAttribute('data-credit') || img?.getAttribute('data-credit') || ''
 
+		// Read alignment from the figure (or bare img) data-align attribute
+		const alignSource = existingImage.tagName === 'IMG' ? img : existingImage
+		const align = alignSource?.getAttribute('data-align') || 'full'
+
 		imageForm.value = {
 			src: img?.src || '',
 			alt: img?.alt || '',
 			width: img?.getAttribute('data-width') || img?.style.width || '',
 			height: img?.getAttribute('data-height') || img?.style.height || '',
 			credit,
-			figcaption: !!figcaption
+			figcaption: !!figcaption,
+			align
 		}
 	} else {
 		// Reset form for new image
@@ -719,7 +725,8 @@ function openImageModal(existingImage: HTMLElement | null = null) {
 			width: '',
 			height: '',
 			credit: '',
-			figcaption: false
+			figcaption: false,
+			align: 'full'
 		}
 	}
 
@@ -749,7 +756,9 @@ function submitImage() {
 			img.style.width = `${imageForm.value.width}px`
 		}
 	} else {
-		img.style.width = '100%'
+		// Floated images default to a partial width so text can wrap alongside;
+		// full-width images fill the container.
+		img.style.width = (imageForm.value.align === 'start' || imageForm.value.align === 'end') ? '45%' : '100%'
 	}
 
 	if (imageForm.value.height) {
@@ -842,6 +851,12 @@ function submitImage() {
 		selection.addRange(range)
 	}
 
+	// Apply alignment to the figure wrapper (full = full width, start/end = float)
+	const align = imageForm.value.align || 'full'
+	elementToUpdate.classList.remove('align-full', 'align-start', 'align-end')
+	elementToUpdate.classList.add(`align-${align}`)
+	elementToUpdate.setAttribute('data-align', align)
+
 	updateContentWithHistory(doc)
 	showImageModal.value = false
 	pendingImageData = null
@@ -1765,7 +1780,9 @@ function getCleanHTML(doc: Document | null): string {
 	// that remains after video-container conversion
 	clone.querySelectorAll('.bgl_vid').forEach((el) => { el.remove() })
 
-	// Strip editor-only classes from <figure> elements so output is pure semantic HTML
+	// Strip editor-only classes from <figure> elements so output is pure semantic HTML.
+	// Keep alignment classes (align-full/align-start/align-end) so floated images
+	// render correctly outside the editor.
 	clone.querySelectorAll('figure').forEach((fig) => {
 		fig.classList.remove('image-figure', 'video-figure', 'embed-figure')
 		if (fig.classList.length === 0) { fig.removeAttribute('class') }
@@ -2887,6 +2904,33 @@ async function initEditor() {
 				outline-offset: 2px;
 			}
 
+			/* ── Image alignment ───────────────────────────────────────── */
+			/* Default: full width block. */
+			figure.align-full {
+				float: none;
+				width: 100%;
+				margin-inline: 0;
+			}
+
+			figure.align-start {
+				float: inline-start;
+				max-width: 50%;
+				margin-block: 0.25em 0.75em;
+				margin-inline: 0 1.25em;
+			}
+
+			figure.align-end {
+				float: inline-end;
+				max-width: 50%;
+				margin-block: 0.25em 0.75em;
+				margin-inline: 1.25em 0;
+			}
+
+			figure.align-start img,
+			figure.align-end img {
+				width: 100%;
+			}
+
 			/* Selected state — applied via JS on click, stripped by getCleanHTML() */
 			.media-selected {
 				outline: 2px solid #007bff !important;
@@ -3484,6 +3528,14 @@ const imgTransform = computed({
 				help="Examples: auto, 300px"
 			/>
 		</div>
+		<SelectInput
+			v-model="imageForm.align" label="Alignment" :options="[
+				{ value: 'full', label: 'Full width (default)' },
+				{ value: 'start', label: 'Float to start (text wraps)' },
+				{ value: 'end', label: 'Float to end (text wraps)' },
+			]"
+			help="Full width fills the container. Start/End float the image so text flows alongside."
+		/>
 		<TextInput v-model="imageForm.credit" label="Photo Credit" placeholder="Photographer name (optional)" />
 		<CheckInput
 			v-model="imageForm.figcaption" label="Show alt text as caption"

package/src/dialog/Dialog.vue

@@ -125,20 +125,20 @@ defineExpose({ close })
 			<div v-if="showGrip" class="dialog-grip" aria-hidden="true" />
 			<!-- Header -->
 			<header
-				v-if="title || dismissable" class="flex space-between flex-shrink-0 align-items-start gap-05"
-				:class="{ 'border-bottom': !flat, 'border-none': !title, 'm_ps-1': title, 'p-05 m_p-05': !title, 'ps-1-5 pe-1 py-1 ': !thin && title, 'ps-1 pe-05 py-05': thin && title }"
+				v-if="title || $slots.header || dismissable" class="flex space-between flex-shrink-0 align-items-start gap-05"
+				:class="{ 'border-bottom': !flat, 'border-none': !title && !$slots.header, 'm_ps-1': title || $slots.header, 'p-05 m_p-05': !title && !$slots.header, 'ps-1-5 pe-1 py-1 ': !thin && (title || $slots.header), 'ps-1 pe-05 py-05': thin && (title || $slots.header) }"
 			>
 				<Btn
 					v-if="dismissable && closePlacement === 'header-start'" flat icon="close" aria-label="Close"
 					class="dialog-close relative z-2" thin @click="close"
 				/>
-				<h3
-					v-if="title" class="dialog-title m-0 txt20 semi w-100p"
-					:class="{ 'txt-center balance': centerTitle, 'word-break-all': !centerTitle, 'ellipsis-1': ellipsisTitle }"
-				>
-					{{ title }}
-				</h3>
-				<div v-if="!title" class="flex-grow-1" />
+			<h3
+				v-if="title || $slots.header" class="dialog-title m-0 txt20 semi w-100p"
+				:class="{ 'txt-center balance': centerTitle, 'word-break-all': !centerTitle, 'ellipsis-1': ellipsisTitle }"
+			>
+				<slot name="header">{{ title }}</slot>
+			</h3>
+			<div v-if="!title && !$slots.header" class="flex-grow-1" />
 				<Btn
 					v-if="dismissable && closePlacement === 'header-end'" flat icon="close" aria-label="Close"
 					class="dialog-close relative z-2" thin @click="close"

package/src/i18n/locales/en.json

@@ -78,13 +78,17 @@
       "ew": "Ends with",
       "pr": "Present",
       "in": "In list",
-      "nin": "Not in list"
+      "nin": "Not in list",
+      "between": "Between"
     },
     "placeholders": {
       "selectField": "Select field",
       "selectOption": "Select option",
       "selectDate": "Select date",
-      "enterValue": "Value"
+      "enterValue": "Value",
+      "from": "From",
+      "to": "To",
+      "commaSeparated": "Comma-separated values"
     },
     "buttons": {
       "addCondition": "Add condition",
@@ -496,5 +500,8 @@
   "charts": {
     "total": "Total",
     "share": "Share"
+  },
+  "guidedHelp": {
+    "hint": "The walkthrough is always available on the question mark."
   }
 }

package/src/i18n/locales/es.json

@@ -77,13 +77,17 @@
       "ew": "Termina con",
       "pr": "Presente",
       "in": "En lista",
-      "nin": "No en lista"
+      "nin": "No en lista",
+      "between": "Entre"
     },
     "placeholders": {
       "selectField": "Seleccionar campo",
       "selectOption": "Seleccionar opción",
       "selectDate": "Seleccionar fecha",
-      "enterValue": "Valor"
+      "enterValue": "Valor",
+      "from": "Desde",
+      "to": "Hasta",
+      "commaSeparated": "Valores separados por comas"
     },
     "buttons": {
       "addCondition": "Añadir condición",
@@ -270,5 +274,8 @@
   "addToCalendar": {
     "addTo": "Agregar a {name}",
     "addToCalendar": "Agregar al calendario"
+  },
+  "guidedHelp": {
+    "hint": "La guía siempre está disponible en el signo de interrogación."
   }
 }

package/src/i18n/locales/fr.json

@@ -77,13 +77,17 @@
       "ew": "Se termine par",
       "pr": "Présent",
       "in": "Dans la liste",
-      "nin": "Pas dans la liste"
+      "nin": "Pas dans la liste",
+      "between": "Entre"
     },
     "placeholders": {
       "selectField": "Sélectionner un champ",
       "selectOption": "Sélectionner une option",
       "selectDate": "Sélectionner une date",
-      "enterValue": "Valeur"
+      "enterValue": "Valeur",
+      "from": "De",
+      "to": "À",
+      "commaSeparated": "Valeurs séparées par des virgules"
     },
     "buttons": {
       "addCondition": "Ajouter une condition",
@@ -269,5 +273,8 @@
   "addToCalendar": {
     "addTo": "Ajouter à {name}",
     "addToCalendar": "Ajouter au calendrier"
+  },
+  "guidedHelp": {
+    "hint": "Le guide est toujours disponible sur le point d'interrogation."
   }
 }

package/src/i18n/locales/he.json

@@ -78,13 +78,17 @@
       "ew": "מסתיים ב",
       "pr": "קיים",
       "in": "ברשימה",
-      "nin": "לא ברשימה"
+      "nin": "לא ברשימה",
+      "between": "בין"
     },
     "placeholders": {
       "selectField": "בחר שדה",
       "selectOption": "בחירה",
       "selectDate": "בחירת תאריך",
-      "enterValue": "ערך"
+      "enterValue": "ערך",
+      "from": "מ־",
+      "to": "עד",
+      "commaSeparated": "ערכים מופרדים בפסיקים"
     },
     "buttons": {
       "addCondition": "הוספת תנאי",
@@ -517,5 +521,8 @@
   "charts": {
     "total": "סה״כ",
     "share": "חלק"
+  },
+  "guidedHelp": {
+    "hint": "ההסבר תמיד זמין בסימן השאלה."
   }
 }