1.12.3

Author: adamberecz

CHANGELOG.md

@@ -1,5 +1,18 @@
 [//]: # (Don't use <tags>)
 
+## v1.12.3
+
+> `2025-10-30`
+
+### 🎉 Feature
+- Emit `change` event on config field value change
+- Use multilingual config fields without locale selector when using a single locale
+- `forceValid` config option to prevent closing panel if it has an invalid value
+
+### 🐞 Bug Fixes
+- Steps fix on locale changes #146
+- Fix spelling error #147
+
 ## v1.12.2
 
 > `2025-10-06`

index.css

@@ -349,6 +349,10 @@
   @apply mb-2;
 }
 
+.vfb-tool-language-selector.is-disabled {
+  @apply opacity-60 pointer-events-none;
+}
+
 .vfb-tool-language-selector .vfb-tool-item {
   @apply text-sm;
 }
@@ -1746,15 +1750,15 @@ div > div:first-of-type[style*="none;"] + .vfb-util-props-separator-top {
 .vfb-toaster {
   @apply text-white py-3 px-5 bg-black bg-opacity-80 overflow-hidden flex justify-between items-center rounded whitespace-nowrap opacity-100;
 }
-.vfb-toaster .vfb-toaster-error {
+.vfb-toaster.vfb-toaster-error {
   @apply bg-red-500;
   box-shadow: 2px 2px 1px 0px rgba(126, 58, 58, 0.5);
 }
-.vfb-toaster .vfb-toaster-info {
+.vfb-toaster.vfb-toaster-info {
   @apply bg-blue-400;
   box-shadow: 2px 2px 1px 0px rgba(96, 165, 250, 0.5);
 }
-.vfb-toaster .vfb-toaster-success {
+.vfb-toaster.vfb-toaster-success {
   @apply bg-primary-500;
   box-shadow: 2px 2px 1px 0px rgba(31, 150, 118, 0.5);
 }
@@ -2659,6 +2663,12 @@ div > div:first-of-type[style*="none;"] + .vfb-util-props-separator-top {
   @apply flex items-center justify-between w-full;
 }
 
+.vfb-config-panel-header.has-disabled-actions .vfb-config-panel-header-close,
+.vfb-config-panel-header.has-disabled-actions .vfb-config-panel-header-save,
+.vfb-config-panel-header.has-disabled-actions .vfb-config-panel-header-clone {
+  @apply opacity-60 pointer-events-none;
+}
+
 .vfb-config-panel-header-wrapper-left {
   @apply flex items-center;
 }

index.mjs

@@ -1694,5 +1694,6 @@ export default {
   "expression_func_display_value_p1_description": "Fältets <b>fullständiga sökväg</b> (inte datasökväg) mellan enkla citattecken, t.ex. `DISPLAY_VALUE(container.select, 'container.select')`. Syskon-sökvägar (t.ex. 'list.*.select') kan inte användas.",  "expression_func_available_description": "تُرجع `true` إذا كان العنصر متاحًا (جميع شروطه مستوفاة).",
   "expression_func_available_p0_value": "'masar_kamil'",
   "expression_func_available_p0_description": "<b>المسار الكامل</b> (وليس مسار البيانات) للحقل بين علامتي اقتباس مفردتين، مثلاً: `AVAILABLE('container.select')`. لا يمكن استخدام مسارات الأشقاء (مثلاً: `list.*.select`).",
-  "rename_error_number_start": "يجب ألا يبدأ برقم"
+  "rename_error_number_start": "يجب ألا يبدأ برقم",
+	"invalid_config_value_error": "يرجى إصلاح جميع الأخطاء في لوحة الإعدادات أولاً."
 };

locales/ar_JO/index.mjs

@@ -1694,5 +1694,6 @@ export default {
   "expression_func_available_description": "Gibt `true` zurück, wenn das Element verfügbar ist (alle Bedingungen erfüllt sind).",
   "expression_func_available_p0_value": "'vollstaendiger_pfad'",
   "expression_func_available_p0_description": "Der <b>vollständige Pfad</b> (nicht der Datenpfad) des Feldes in einfachen Anführungszeichen, z. B. `AVAILABLE('container.select')`. Pfade von Geschwistern (z. B. `list.*.select`) können nicht verwendet werden.",
-  "rename_error_number_start": "Darf nicht mit einer Zahl beginnen"
+  "rename_error_number_start": "Darf nicht mit einer Zahl beginnen",
+	"invalid_config_value_error": "____"
 };

locales/de_DE/index.mjs

@@ -194,7 +194,7 @@ export default {
 	"columns_default_default_only_label": "<div class=\"vfb-util-prop-label-with-link\">Columns &nbsp;<a href=\"https://vueform.com/docs/1.x/styles-and-layout#columns\" target=\"_blank\" class=\"vfb-learn-more\">learn more</a></div>",
 	"columns_default_default_only_text": "Use defaults",
 	"columns_default_text": "Default column widths",
-	"columns_size_desktop": "Dekstop",
+	"columns_size_desktop": "Desktop",
 	"columns_size_mobile": "Mobile",
 	"columns_size_tablet": "Tablet",
 	"columns_size_viewport": "Viewport size",
@@ -1694,5 +1694,6 @@ export default {
   "expression_func_available_description": "Returns `true` if the element is available (all of its conditions are met).",
   "expression_func_available_p0_value": "'full_path'",
   "expression_func_available_p0_description": "The <b>full path</b> (not data path) of the field between single quotes, eg. `AVAILABLE('container.select')`. Siblings path (eg. `list.*.select`) cannot be used.",
-	"rename_error_number_start": "Must not start with number"
+	"rename_error_number_start": "Must not start with number",
+	"invalid_config_value_error": "Please fix all the errors in the config panel first."
 };

locales/en_US/index.mjs

@@ -1694,5 +1694,6 @@ export default {
   "expression_func_available_description": "`true` értéket ad vissza, ha az elem elérhető (minden feltétele teljesül).",
   "expression_func_available_p0_value": "'teljes_utvonal'",
   "expression_func_available_p0_description": "A mező <b>teljes útvonala</b> (nem az adatútvonal) egyes idézőjelek között, pl. `AVAILABLE('container.select')`. Testvérútvonal (pl. `list.*.select`) nem használható.",
-  "rename_error_number_start": "Nem kezdődhet számmal"
+  "rename_error_number_start": "Nem kezdődhet számmal",
+	"invalid_config_value_error": "Kérlek, először javítsd ki az összes hibát a beállítási panelen."
 };

locales/hu_HU/index.mjs

@@ -1694,5 +1694,6 @@ export default {
   "expression_func_available_description": "要素が利用可能な場合（すべての条件が満たされている場合）、`true` を返します。",
   "expression_func_available_p0_value": "'zen_path'",
   "expression_func_available_p0_description": "フィールドの<b>フルパス</b>（データパスではありません）をシングルクォートで囲んだ形式で指定します。例：`AVAILABLE('container.select')`。兄弟要素のパス（例：`list.*.select`）は使用できません。",
-  "rename_error_number_start": "数字で始めてはいけません"
+  "rename_error_number_start": "数字で始めてはいけません",
+	"invalid_config_value_error": "まず設定パネルのすべてのエラーを修正してください。"
 };

locales/ja_JP/index.mjs

@@ -1694,5 +1694,6 @@ export default {
   "expression_func_available_description": "Geeft `true` terug als het element beschikbaar is (alle voorwaarden zijn voldaan).",
   "expression_func_available_p0_value": "'volledig_pad'",
   "expression_func_available_p0_description": "Het <b>volledige pad</b> (niet het datapad) van het veld tussen enkele aanhalingstekens, bijvoorbeeld: `AVAILABLE('container.select')`. Paden van broers/zussen (bijv. `list.*.select`) kunnen niet worden gebruikt.",
-  "rename_error_number_start": "Mag niet met een cijfer beginnen"
+  "rename_error_number_start": "Mag niet met een cijfer beginnen",
+	"invalid_config_value_error": "Los eerst alle fouten op in het configuratiepaneel."
 };

locales/nl_NL/index.mjs

@@ -1694,5 +1694,6 @@ export default {
   "expression_func_available_description": "Retorna `true` se o elemento estiver disponível (todas as condições forem cumpridas).",
   "expression_func_available_p0_value": "'caminho_completo'",
   "expression_func_available_p0_description": "O <b>caminho completo</b> (não o caminho de dados) do campo entre aspas simples, por exemplo: `AVAILABLE('container.select')`. Caminhos de elementos irmãos (ex: `list.*.select`) não podem ser usados.",
-  "rename_error_number_start": "Não pode começar com um número"
+  "rename_error_number_start": "Não pode começar com um número",
+	"invalid_config_value_error": "Corrige primeiro todos os erros no painel de configuração."
 };