@bagelink/vue 1.10.39 → 1.10.42

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.10.39",
+  "version": "1.10.42",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Bagel Studio",
@@ -90,7 +90,7 @@
     "signature_pad": "^5.0.9",
     "vue-i18n": "^11.2.8",
     "vue-toastification": "^2.0.0-rc.5",
-    "@bagelink/utils": "1.10.39"
+    "@bagelink/utils": "1.10.42"
   },
   "scripts": {
     "dev": "tsx watch src/index.ts",

package/src/components/draggable/useDraggable.ts

@@ -429,7 +429,8 @@ export function useDraggable(options: DraggableOptions = {}) {
 
 			// Update line indicator
 			if (dropIndicator.value && defaultOptions.mode === 'line') {
-				const isAfter = dropIndex > dragIndex
+				const targetIndex = draggedList.indexOf(newDropTarget)
+				const isAfter = dropIndex > targetIndex
 				updateDropIndicator(newDropTarget, isAfter)
 			}
 

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

@@ -1,8 +1,11 @@
 <script setup lang="ts" generic="T = unknown">
 import type { Ref, WritableComputedRef } from 'vue'
 
+import type { DraggableEvent } from '../../draggable/useDraggable'
+
 import { Btn, resolveI18n, useI18n } from '@bagelink/vue'
 import { computed, ref, watch } from 'vue'
+import Draggable from '../../draggable/Draggable.vue'
 
 const props = defineProps<{
 	label?: string
@@ -26,10 +29,6 @@ const { $t } = useI18n()
 
 const items = ref(Array.isArray(props.modelValue) ? [...props.modelValue] : []) as Ref<T[]>
 const minimizedItems = ref(Array.from({ length: items.value.length }, () => true))
-const draggingIndex = ref<number | null>(null)
-const dragOverIndex = ref<number | null>(null)
-const keySeed = ref(0)
-const itemKeys = ref(Array.from({ length: items.value.length }, () => nextItemKey()))
 
 const itemLabelPrefix = computed(() => {
 	const resolvedCustomLabel = resolveI18n(props.itemLabel)
@@ -39,11 +38,6 @@ const itemLabelPrefix = computed(() => {
 	return $t('arrayInput.item')
 })
 
-function nextItemKey() {
-	keySeed.value += 1
-	return `array-item-${keySeed.value}`
-}
-
 const IDENTIFIER_FIELDS = ['title', 'name', 'label', 'displayName', 'display_name', 'heading', 'caption', 'text']
 
 function getItemIdentifier(item: T): string | null {
@@ -76,9 +70,6 @@ watch(
 			if (minimizedItems.value.length !== newVal.length) {
 				minimizedItems.value = Array.from({ length: newVal.length }, (_, i) => minimizedItems.value[i] ?? true)
 			}
-			if (itemKeys.value.length !== newVal.length) {
-				itemKeys.value = Array.from({ length: newVal.length }, (_, i) => itemKeys.value[i] ?? nextItemKey())
-			}
 		}
 	}
 )
@@ -86,14 +77,12 @@ watch(
 function addItem() {
 	items.value.push(undefined as T)
 	minimizedItems.value.push(true)
-	itemKeys.value.push(nextItemKey())
 	updateModel()
 }
 
 function deleteItem(i: number) {
 	items.value.splice(i, 1)
 	minimizedItems.value.splice(i, 1)
-	itemKeys.value.splice(i, 1)
 	updateModel()
 }
 
@@ -111,44 +100,11 @@ function moveItem(from: number, to: number) {
 	const [movedMinimizedState] = minimizedItems.value.splice(from, 1)
 	minimizedItems.value.splice(to, 0, movedMinimizedState)
 
-	const [movedKey] = itemKeys.value.splice(from, 1)
-	itemKeys.value.splice(to, 0, movedKey)
-
 	updateModel()
 }
 
-function onDragStart(event: Event, index: number) {
-	if (!props.allowReorder) {
-		return
-	}
-	const dragEvent = event as DragEvent
-	draggingIndex.value = index
-	dragOverIndex.value = index
-	if (dragEvent.dataTransfer) {
-		dragEvent.dataTransfer.effectAllowed = 'move'
-		dragEvent.dataTransfer.setData('text/plain', String(index))
-	}
-}
-
-function onDragEnter(index: number) {
-	if (!props.allowReorder || draggingIndex.value === null) {
-		return
-	}
-	dragOverIndex.value = index
-}
-
-function onDrop(index: number) {
-	if (!props.allowReorder || draggingIndex.value === null) {
-		onDragEnd()
-		return
-	}
-	moveItem(draggingIndex.value, index)
-	onDragEnd()
-}
-
-function onDragEnd() {
-	draggingIndex.value = null
-	dragOverIndex.value = null
+function onDraggableEnd(event: DraggableEvent) {
+	moveItem(event.oldIndex, event.newIndex)
 }
 
 function updateModel() {
@@ -172,7 +128,7 @@ function getItemRef(i: number) {
 </script>
 
 <template>
-	<div>
+	<div class="array-input testMe1">
 		<label v-if="label" class="txt12 txt-gray-90 mb-025 block">
 			{{ resolveI18n(label) }}
 		</label>
@@ -180,51 +136,51 @@ function getItemRef(i: number) {
 			{{ helpText }}
 		</p>
 		<template v-if="!collapsible">
-			<div v-for="(_, i) in items" :key="i" class="array-input-row grid gap-05 align-items-center">
+			<div v-for="(_, i) in items" :key="i" class="array-input-row grid align-items-center">
 				<slot :item="getItemRef(i)" :index="i" />
-				<Btn
-					v-if="allowDelete" v-tooltip="resolveI18n(deleteTooltip || 'Delete')" flat icon="delete"
-					@click="deleteItem(i)"
-				/>
-			</div>
-		</template>
-		<TransitionGroup v-if="collapsible" name="array-list" tag="div" class="grid gap-05  mb-05">
-			<div
-				v-for="(_, i) in items" :key="itemKeys[i]" class="border radius-1"
-				: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 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"
-					/>
-					<Btn
-						full-width align-txt="start" class="px-05" flat
-						:icon="minimizedItems[i] ? 'expand_more' : 'expand_less'" @click="toggleItem(i)"
-					>
-						<p class="ellipsis-1">
-							{{ getItemLabel(i) }}
-						</p>
-					</Btn>
-
+				<div v-if="allowDelete" class="ms-075 my-1 border-start h-100p ps-025">
 					<Btn
-						v-if="allowDelete" v-tooltip="resolveI18n(deleteTooltip || 'Delete')" flat icon="delete" thin
-						:confirm="resolveI18n('Are you sure you want to delete this item?')" @click="deleteItem(i)"
+						v-tooltip="resolveI18n(deleteTooltip || 'Delete')" flat icon="delete"
+						@click="deleteItem(i)"
 					/>
 				</div>
-				<Transition name="array-collapse">
-					<div v-if="!minimizedItems[i]" class="array-input-row grid gap-05 align-items-center ">
-						<slot :item="getItemRef(i)" :index="i" />
-					</div>
-				</Transition>
 			</div>
-		</TransitionGroup>
-		<Btn v-if="allowAdd" thin icon="add" :value="resolveI18n(addText || 'Add')" @click="addItem" />
+		</template>
+		<Draggable v-if="collapsible" :model-value="items" handle=".grab" :disabled="!allowReorder" class="grid gap-05 mb-05" @end="onDraggableEnd">
+			<template #default="{ index: i }">
+				<div class="border radius-1 overflow-hidden">
+					<div class="grid gap-05 grid-array-line align-items-center pe-025 hover">
+						<Btn
+							v-if="allowReorder" v-tooltip="resolveI18n('Drag to reorder')" flat thin icon="drag_indicator"
+							class="grab"
+						/>
+						<Btn
+							full-width align-txt="start" class="px-05 bg-transparent color-inherit" :ripple="false"
+							:icon="minimizedItems[i] ? 'expand_more' : 'expand_less'" @click="toggleItem(i)"
+						>
+							<p class="ellipsis-1">
+								{{ getItemLabel(i) }}
+							</p>
+						</Btn>
+
+						<Btn v-if="allowDelete" v-tooltip="resolveI18n(deleteTooltip || 'Delete')" flat icon="delete" thin :confirm="resolveI18n('Are you sure you want to delete this item?')" @click="deleteItem(i)" />
+					</div>
+					<Transition name="array-collapse">
+						<div v-if="!minimizedItems[i]" class="array-input-row grid align-items-center px-05">
+							<slot :item="getItemRef(i)" :index="i" />
+						</div>
+					</Transition>
+				</div>
+			</template>
+		</Draggable>
+		<Btn v-if="allowAdd" class="radius-1" thin icon="add" :value="resolveI18n(addText || 'Add')" @click="addItem" />
 	</div>
 </template>
 
 <style>
+:root {
+	--array-input-bg: var(--input-bg);
+}
 .array-input-row {
 	grid-template-columns: 1fr auto;
 }
@@ -260,5 +216,14 @@ function getItemRef(i: number) {
 
 .grid-array-line {
 	grid-template-columns: auto 1fr auto;
+	background: var(--array-input-bg) !important;
+	}
+
+	.grid-array-line button:hover {
+		filter: brightness(90%);
+	}
+
+	.grid-array-line button:active {
+		filter: brightness(80%);
 }
 </style>

package/src/components/layout/AppSidebar.vue

@@ -230,6 +230,9 @@ const sidebarStyles = computed(() => {
 	flex: 1;
 }
 
+.cardWrapSide .bgl_icon-font {
+	visibility: visible !important;
+}
 /* הסתרת גלילה בזמן שינוי גודל */
 .app-sidebar.transitioning .sidebar-nav {
 	scrollbar-width: none;

package/src/components/layout/TabsNav.vue

@@ -101,45 +101,63 @@ onBeforeUnmount(() => {
 	</div>
 </template>
 
+<style>
+:root {
+	--bgl_tabs-background: var(--input-bg);
+	--bgl_tabs-border-radius: var(--input-border-radius);
+	--bgl_tabs-inline-padding: calc(var(--btn-padding) / 8);
+	--bgl_tabs-block-padding: calc(var(--btn-padding) / 8);
+	--bgl_tabs-shadow: inset 0 0 10px #00000012;
+	--bgl_tabs-gap: 0.25rem;
+	--bgl_tabs-font-size: var(--input-font-size);
+	--bgl_tab-inline-padding: calc(var(--btn-padding) / 2);
+	--bgl_tab-block-padding: calc(var(--btn-padding) / 8);
+	--bgl_tab-gap: 0.5rem;
+	--bgl_tabs-border-radius: var(--input-border-radius);
+	--bgl-tab-hover-bg: rgba(255, 255, 255, .4);
+	--bgl_tabs-indicator-color: var(--bgl-popup-bg);
+}
+</style>
+
 <style scoped>
 .bgl_tabs_wrap {
-	background: var(--input-bg);
-	border-radius: calc(var(--input-border-radius) * 1.4);
-	padding-inline: calc(var(--btn-padding) / 8);
-	padding-block: calc(var(--btn-padding) / 8);
-	box-shadow: inset 0 0 10px #00000012;
-	gap: 0.25rem;
+	background: var(--bgl_tabs-background);
+		border-radius: calc(var(--bgl_tabs-border-radius) * 1.4);
+		padding-inline: var(--bgl_tabs-inline-padding);
+		padding-block: var(--bgl_tabs-block-padding);
+		box-shadow: var(--bgl_tabs-shadow);
+		gap: var(--bgl_tabs-gap);
 }
 
 .bgl_tab {
 	border: none;
 	background: transparent;
 	cursor: pointer;
-	font-size: var(--input-font-size);
+	font-size: var(--bgl_tabs-font-size);
 	font-family: inherit;
-	padding-inline: calc(var(--btn-padding) / 2);
-	padding-block: calc(var(--btn-padding) / 8);
-	border-radius: var(--input-border-radius);
+	padding-inline: var(--bgl_tab-inline-padding);
+		padding-block: var(--bgl_tab-block-padding);
+		border-radius: var(--bgl_tab-border-radius);
 	transition: var(--bgl-transition);
 	color: inherit;
 	display: flex;
 		align-items: center;
-		gap: 0.5rem;
+		gap: var(--bgl_tab-gap);
 }
 
 .bgl_tab:hover {
-	background: rgba(255, 255, 255, .4);
+	background: var(--bgl-tab-hover-bg);
 }
 
 .bgl_tabs_wrap::before {
 	content: '';
 	position: absolute;
-	top: calc(var(--btn-padding) / 8);
-	bottom: calc(var(--btn-padding) / 8);
+	top: var(--bgl_tabs-block-padding);
+		bottom: var(--bgl_tabs-block-padding);
 	left: var(--indicator-left, 0);
 	width: var(--indicator-width, 0);
-	background: var(--bgl-popup-bg);
-	border-radius: var(--input-border-radius);
+	background: var(--bgl_tabs-indicator-color);
+		border-radius: var(--bgl_tabs-border-radius);
 	transition: var(--bgl-transition);
 	z-index: 0;
 	/* Hide indicator initially until position is calculated */

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

@@ -628,7 +628,7 @@ class Schema<T extends Record<string, any> = Record<string, any>> implements Sch
  *
  * @example
  * // Single-step form
- * const userSchema = schema<User>({
+ * const userSchema = defineSchema<User>({
  *   email: $.email({ required: true }),
  *   firstName: $.text({ required: true }),
  *   'meta.bio': $.richtext() // Nested path - type-checked!
@@ -636,12 +636,12 @@ class Schema<T extends Record<string, any> = Record<string, any>> implements Sch
  *
  * @example
  * // Multi-step form step (with label)
- * const step = schema('Personal Info', {
+ * const step = defineSchema('Personal Info', {
  *   firstName: $.text({ required: true }),
  *   lastName: $.text({ required: true })
  * })
  */
-export function schema<T extends Record<string, any>>(
+export function defineSchema<T extends Record<string, any>>(
 	labelOrFields: string | Partial<Record<NestedKeyOf<T>, FieldBuilder>>,
 	maybeFields?: Partial<Record<NestedKeyOf<T>, FieldBuilder>>
 ): SchemaDefinition<T> {

package/src/i18n/locales/en.json

@@ -155,5 +155,54 @@
   },
   "color": {
     "placeholder": "Enter color"
+  },
+  "pageDesigner": {
+    "deleteBlockConfirm": "Are you sure you want to delete this section?",
+    "saving": "Saving...",
+    "error": "Error",
+    "save": "Save",
+    "saved": "Saved",
+    "title": "Title",
+    "slug": "Slug",
+    "slugPlaceholder": "my-page",
+    "pageSettings": "Page Settings",
+    "deletePage": "Delete Page",
+    "deletePageConfirm": "Deleting this page cannot be undone.",
+    "newPage": "New Page",
+    "createPage": "Create Page",
+    "addNewBlock": "Add New Block",
+    "searchBlock": "Search block",
+    "page": "Page",
+    "pageStructure": "Page Structure",
+    "clickToEdit": "Click on section to edit",
+    "addNewBlockHere": "Click here to add a",
+    "newBlock": "new block",
+    "adding": "Adding",
+    "removeSection": "Remove Section",
+    "closeEditor": "Close Editor (ESC)",
+    "blockNotEditable": "This block's content comes from a data source",
+    "blockNotEditableDesc": "and cannot be edited here.",
+    "screenTooSmall": "The screen is too small for this editor. Try reducing zoom or using a larger screen.",
+    "cancel": "Cancel",
+    "publish": "Publish",
+    "unpublish": "Unpublish",
+    "discard": "Discard",
+    "selectItemPreview": "Select item for preview",
+    "language": "Language",
+    "defaultLanguage": "Default",
+    "setAsDefault": "Set as default",
+    "removeLanguage": "Remove language",
+    "languageCode": "he / en / fr",
+    "removeLanguageConfirm": "Remove language \"{locale}\"?",
+    "seoTitle": "SEO Title",
+    "seoDescription": "SEO Description",
+    "ogImageUrl": "OG Image URL",
+    "showGrid": "Show Grid",
+    "hideGrid": "Hide Grid",
+    "search": "Search...",
+    "lastSaved": "Last Saved",
+    "saveNow": "Save Now",
+    "publishDestination": "Choose publish destination",
+    "publishAll": "Publish all"
   }
 }

package/src/i18n/locales/es.json

@@ -155,5 +155,54 @@
   },
   "color": {
     "placeholder": "Introduce un color"
+  },
+  "pageDesigner": {
+    "deleteBlockConfirm": "¿Estás seguro de que quieres eliminar esta sección?",
+    "saving": "Guardando...",
+    "error": "Error",
+    "save": "Guardar",
+    "saved": "Guardado",
+    "title": "Título",
+    "slug": "Slug",
+    "slugPlaceholder": "mi-pagina",
+    "pageSettings": "Configuración de página",
+    "deletePage": "Eliminar página",
+    "deletePageConfirm": "Eliminar esta página no se puede deshacer.",
+    "newPage": "Nueva página",
+    "createPage": "Crear página",
+    "addNewBlock": "Añadir nuevo bloque",
+    "searchBlock": "Buscar bloque",
+    "page": "Página",
+    "pageStructure": "Estructura de página",
+    "clickToEdit": "Haz clic en la sección para editar",
+    "addNewBlockHere": "Haz clic aquí para añadir un",
+    "newBlock": "nuevo bloque",
+    "adding": "Añadiendo",
+    "removeSection": "Eliminar sección",
+    "closeEditor": "Cerrar editor (ESC)",
+    "blockNotEditable": "El contenido de este bloque proviene de una fuente de datos",
+    "blockNotEditableDesc": "y no se puede editar aquí.",
+    "screenTooSmall": "La pantalla es demasiado pequeña para este editor. Prueba reducir el zoom o usar una pantalla más grande.",
+    "cancel": "Cancelar",
+    "publish": "Publicar",
+    "unpublish": "Despublicar",
+    "discard": "Descartar",
+    "selectItemPreview": "Seleccionar elemento para vista previa",
+    "language": "Idioma",
+    "defaultLanguage": "Predeterminado",
+    "setAsDefault": "Establecer como predeterminado",
+    "removeLanguage": "Eliminar idioma",
+    "languageCode": "es / en / fr",
+    "removeLanguageConfirm": "¿Eliminar idioma \"{locale}\"?",
+    "seoTitle": "Título SEO",
+    "seoDescription": "Descripción SEO",
+    "ogImageUrl": "URL de imagen OG",
+    "showGrid": "Mostrar cuadrícula",
+    "hideGrid": "Ocultar cuadrícula",
+    "search": "Buscar...",
+    "lastSaved": "Último guardado",
+    "saveNow": "Guardar ahora",
+    "publishDestination": "Elegir destino de publicación",
+    "publishAll": "Publicar todo"
   }
 }

package/src/i18n/locales/fr.json

@@ -155,5 +155,54 @@
   },
   "color": {
     "placeholder": "Entrez une couleur"
+  },
+  "pageDesigner": {
+    "deleteBlockConfirm": "Êtes-vous sûr de vouloir supprimer cette section ?",
+    "saving": "Enregistrement...",
+    "error": "Erreur",
+    "save": "Enregistrer",
+    "saved": "Enregistré",
+    "title": "Titre",
+    "slug": "Slug",
+    "slugPlaceholder": "ma-page",
+    "pageSettings": "Paramètres de la page",
+    "deletePage": "Supprimer la page",
+    "deletePageConfirm": "La suppression de cette page ne peut pas être annulée.",
+    "newPage": "Nouvelle page",
+    "createPage": "Créer une page",
+    "addNewBlock": "Ajouter un nouveau bloc",
+    "searchBlock": "Rechercher un bloc",
+    "page": "Page",
+    "pageStructure": "Structure de la page",
+    "clickToEdit": "Cliquez sur la section pour éditer",
+    "addNewBlockHere": "Cliquez ici pour ajouter un",
+    "newBlock": "nouveau bloc",
+    "adding": "Ajout",
+    "removeSection": "Supprimer la section",
+    "closeEditor": "Fermer l'éditeur (ESC)",
+    "blockNotEditable": "Le contenu de ce bloc provient d'une source de données",
+    "blockNotEditableDesc": "et ne peut pas être édité ici.",
+    "screenTooSmall": "L'écran est trop petit pour cet éditeur. Essayez de réduire le zoom ou d'utiliser un écran plus grand.",
+    "cancel": "Annuler",
+    "publish": "Publier",
+    "unpublish": "Dépublier",
+    "discard": "Ignorer",
+    "selectItemPreview": "Sélectionner un élément pour l'aperçu",
+    "language": "Langue",
+    "defaultLanguage": "Par défaut",
+    "setAsDefault": "Définir par défaut",
+    "removeLanguage": "Supprimer la langue",
+    "languageCode": "fr / en / es",
+    "removeLanguageConfirm": "Supprimer la langue \"{locale}\" ?",
+    "seoTitle": "Titre SEO",
+    "seoDescription": "Description SEO",
+    "ogImageUrl": "URL de l'image OG",
+    "showGrid": "Afficher la grille",
+    "hideGrid": "Masquer la grille",
+    "search": "Rechercher...",
+    "lastSaved": "Dernière sauvegarde",
+    "saveNow": "Enregistrer maintenant",
+    "publishDestination": "Choisir la destination",
+    "publishAll": "Tout publier"
   }
 }

package/src/i18n/locales/he.json

@@ -176,5 +176,54 @@
   },
   "color": {
     "placeholder": "הזן צבע"
+  },
+  "pageDesigner": {
+    "deleteBlockConfirm": "האם אתם בטוחים שברצונכם למחוק את הסקשן הזה?",
+    "saving": "שומר...",
+    "error": "שגיאה",
+    "save": "שמירה",
+    "saved": "נשמר",
+    "title": "כותרת",
+    "slug": "נתיב (slug)",
+    "slugPlaceholder": "my-page",
+    "pageSettings": "הגדרות עמוד",
+    "deletePage": "מחיקת עמוד",
+    "deletePageConfirm": "מחיקת עמוד זה אינה ניתנת לביטול.",
+    "newPage": "עמוד חדש",
+    "createPage": "צור עמוד",
+    "addNewBlock": "הוספת בלוק חדש",
+    "searchBlock": "חיפוש בלוק",
+    "page": "עמוד",
+    "pageStructure": "מבנה העמוד",
+    "clickToEdit": "לחצו על מקטע כדי לערוך",
+    "addNewBlockHere": "לחצו כאן להוספת",
+    "newBlock": "בלוק חדש",
+    "adding": "מוסיף",
+    "removeSection": "הסרת מקטע",
+    "closeEditor": "סגור עורך (ESC)",
+    "blockNotEditable": "תוכן הבלוק הזה מגיע ממקור נתונים",
+    "blockNotEditableDesc": "ואינו ניתן לעריכה כאן.",
+    "screenTooSmall": "המסך קטן מדי לעורך הזה. נסו להקטין זום או להשתמש במסך גדול יותר.",
+    "cancel": "ביטול",
+    "publish": "פרסום",
+    "unpublish": "ביטול פרסום",
+    "discard": "ביטול",
+    "selectItemPreview": "בחר פריט לתצוגה מקדימה",
+    "language": "שפה",
+    "defaultLanguage": "ברירת מחדל",
+    "setAsDefault": "קביעת ברירת מחדל",
+    "removeLanguage": "הסרת שפה",
+    "languageCode": "he / en / fr",
+    "removeLanguageConfirm": "הסר את שפה \"{locale}\"?",
+    "seoTitle": "SEO כותרת",
+    "seoDescription": "SEO תיאור",
+    "ogImageUrl": "OG Image URL",
+    "showGrid": "הצג רשת",
+    "hideGrid": "הסתר רשת",
+    "search": "חיפוש...",
+    "lastSaved": "נשמר לאחרונה",
+    "saveNow": "שמור עכשיו",
+    "publishDestination": "בחר יעד לפרסום",
+    "publishAll": "פרסם הכל"
   }
 }

package/src/i18n/locales/it.json

@@ -155,5 +155,54 @@
   },
   "color": {
     "placeholder": "Inserisci un colore"
+  },
+  "pageDesigner": {
+    "deleteBlockConfirm": "Sei sicuro di voler eliminare questa sezione?",
+    "saving": "Salvataggio...",
+    "error": "Errore",
+    "save": "Salva",
+    "saved": "Salvato",
+    "title": "Titolo",
+    "slug": "Slug",
+    "slugPlaceholder": "la-mia-pagina",
+    "pageSettings": "Impostazioni pagina",
+    "deletePage": "Elimina pagina",
+    "deletePageConfirm": "L'eliminazione di questa pagina non può essere annullata.",
+    "newPage": "Nuova pagina",
+    "createPage": "Crea pagina",
+    "addNewBlock": "Aggiungi nuovo blocco",
+    "searchBlock": "Cerca blocco",
+    "page": "Pagina",
+    "pageStructure": "Struttura della pagina",
+    "clickToEdit": "Clicca sulla sezione per modificare",
+    "addNewBlockHere": "Clicca qui per aggiungere un",
+    "newBlock": "nuovo blocco",
+    "adding": "Aggiungendo",
+    "removeSection": "Rimuovi sezione",
+    "closeEditor": "Chiudi editor (ESC)",
+    "blockNotEditable": "Il contenuto di questo blocco proviene da una fonte di dati",
+    "blockNotEditableDesc": "e non può essere modificato qui.",
+    "screenTooSmall": "Lo schermo è troppo piccolo per questo editor. Prova a ridurre lo zoom o utilizzare uno schermo più grande.",
+    "cancel": "Annulla",
+    "publish": "Pubblica",
+    "unpublish": "Rimuovi pubblicazione",
+    "discard": "Scarta",
+    "selectItemPreview": "Seleziona elemento per anteprima",
+    "language": "Lingua",
+    "defaultLanguage": "Predefinita",
+    "setAsDefault": "Imposta come predefinita",
+    "removeLanguage": "Rimuovi lingua",
+    "languageCode": "it / en / es",
+    "removeLanguageConfirm": "Rimuovere la lingua \"{locale}\"?",
+    "seoTitle": "Titolo SEO",
+    "seoDescription": "Descrizione SEO",
+    "ogImageUrl": "URL immagine OG",
+    "showGrid": "Mostra griglia",
+    "hideGrid": "Nascondi griglia",
+    "search": "Cerca...",
+    "lastSaved": "Ultimo salvataggio",
+    "saveNow": "Salva ora",
+    "publishDestination": "Scegli destinazione",
+    "publishAll": "Pubblica tutto"
   }
 }