Page title and description placeholders and question adorner texts ar… (

#6444)

* Page title and description placeholders and question adorner texts are not updated when changing a creator.locale at runtime fix #6441

* Fix functional test

functionalTests/designer/localization_dynamic.ts

@@ -0,0 +1,20 @@
+import { url, setJSON } from "../helper";
+import { ClientFunction, Selector } from "testcafe";
+const title = "Localization UI";
+
+const changeLocale = ClientFunction(() => {
+  window["creator"].locale = "de";
+});
+
+fixture(title)
+  .page(url)
+  .beforeEach(async (t) => {
+    await t.maximizeWindow();
+  });
+
+test("Change Creator.locale property", async (t) => {
+  await setJSON({ elements: [{ type: "checkbox", name: "question1" }] });
+  await t.click(Selector("[data-name='question1']"));
+  await changeLocale();
+  await t.expect(Selector(".svc-survey-element-toolbar-item__title--with-icon").withText("Auswahl").exists).ok();
+});

packages/survey-creator-core/src/components/action-container-view-model.ts

@@ -290,7 +290,12 @@ export class SurveyElementAdornerBase<T extends SurveyElement = SurveyElement> e
     this.createActionContainers();
     this.attachToUI(surveyElement);
   }
-
+  private creatorOnLocaleChanged: (sender: Base, options: any) => void = (_, options) => {
+    if(this.surveyElement) {
+      this.updateActionsContainer(this.surveyElement);
+      this.updateActionsProperties();
+    }
+  };
   public static GetAdorner<V = SurveyElementAdornerBase>(surveyElement: SurveyElement): V {
     return surveyElement.getPropertyValue(SurveyElementAdornerBase.AdornerValueName) as V;
   }
@@ -349,6 +354,7 @@ export class SurveyElementAdornerBase<T extends SurveyElement = SurveyElement> e
     }
     if (this.surveyElement != surveyElement) {
       this.setSurveyElement(surveyElement);
+      this.creator.onLocaleChanded.add(this.creatorOnLocaleChanged);
       this.creator.sidebar.onPropertyChanged.add(this.sidebarFlyoutModeChangedFunc);
       this.creator.expandCollapseManager.add(this);
     }
@@ -362,6 +368,7 @@ export class SurveyElementAdornerBase<T extends SurveyElement = SurveyElement> e
     this.rootElement = undefined;
     this.detachOnlyMyElement();
     this.surveyElement = undefined;
+    this.creator.onLocaleChanded.remove(this.creatorOnLocaleChanged);
     this.creator.sidebar.onPropertyChanged.remove(this.sidebarFlyoutModeChangedFunc);
     this.creator.expandCollapseManager.remove(this);
   }

packages/survey-creator-core/src/creator-base.ts

@@ -1137,7 +1137,9 @@ export class SurveyCreatorModel extends Base
     editorLocalization.currentLocale = value;
     this.setPropertyValue("locale", value);
     this.updateLocalizedStrings();
+    this.onLocaleChanded.fire(this, { locale: value });
   }
+  public onLocaleChanded: EventBase<SurveyCreatorModel, any> = this.addCreatorEvent<SurveyCreatorModel, any>();
   public updateLocalizedStrings(): void {
     this.toolbox.updateTitles();
     this.refreshPlugin();