survey-creator-angular 3.0.3 → 3.0.4

package/bundles/survey-creator-angular.umd.js

@@ -1770,6 +1770,15 @@
           enumerable: false,
           configurable: true
       });
+      // The template is rendered into an embedded view, and the model-driven updates run change
+      // detection on that view alone (see BaseAngular.detectChanges) - the component's own view,
+      // which owns the @ViewChild queries above, would be refreshed only once, before a target
+      // language is selected and its pane exists. Refreshing it after the embedded view keeps
+      // the queries - and the pane registration - up to date.
+      TranslationTabComponent.prototype.detectChanges = function () {
+          _super.prototype.detectChanges.call(this);
+          this.changeDetectorRef.detectChanges();
+      };
       Object.defineProperty(TranslationTabComponent.prototype, "stringsModel", {
           // The strings-grid model: the tab model itself in the default mode and in the side-by-side grid view.
           get: function () {
@@ -1787,7 +1796,7 @@
       return TranslationTabComponent;
   }(i1.BaseAngular));
   TranslationTabComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationTabComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  TranslationTabComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TranslationTabComponent, selector: "svc-tab-translation", inputs: { model: "model" }, viewQueries: [{ propertyName: "sourceScrollContainer", first: true, predicate: ["sourceScrollContainer"], descendants: true }, { propertyName: "targetScrollContainer", first: true, predicate: ["targetScrollContainer"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div class=\"svc-creator-tab__content svc-translation-tab\" [class]=\"model.isEmpty ? 'svc-translation-tab--empty' : ''\">\n    <svc-surface-placeholder *ngIf=\"model.isEmpty\" [name]=\"'translation'\"\n      [placeholderTitleText]=\"model.placeholderTitleText\"\n      [placeholderDescriptionText]=\"model.placeholderDescriptionText\">\n    </svc-surface-placeholder>\n    <ng-container *ngIf=\"!model.isEmpty\">\n      <div *ngIf=\"stringsModel\" class=\"st-content\">\n        <div class=\"svc-flex-column st-strings-wrapper\">\n          <div class=\"svc-flex-row st-strings-header\">\n            <ng-container *ngFor=\"let s of [stringsModel.stringsHeaderSurvey]; trackBy: trackStringsSurveyBy\">\n              <survey-content [model]=\"s\"></survey-content>\n            </ng-container>\n          </div>\n          <div class=\"svc-flex-row svc-plugin-tab__content st-strings\">\n            <ng-container *ngFor=\"let s of [stringsModel.stringsSurvey]; trackBy: trackStringsSurveyBy\">\n              <survey-content [model]=\"s\"></survey-content>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"sideBySideModel\" [class]=\"sideBySideModel.sideBySideRootCss\">\n        <div class=\"st-side-by-side__source\" #sourceScrollContainer>\n          <ng-container *ngFor=\"let s of [sideBySideModel.sourceSurvey]; trackBy: trackStringsSurveyBy\">\n            <survey-content [model]=\"s\"></survey-content>\n          </ng-container>\n        </div>\n        <div *ngIf=\"sideBySideModel.targetSurvey\" class=\"st-side-by-side__target\" #targetScrollContainer>\n          <ng-container *ngFor=\"let s of [sideBySideModel.targetSurvey]; trackBy: trackStringsSurveyBy\">\n            <survey-content [model]=\"s\"></survey-content>\n          </ng-container>\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: SurfacePlaceholderComponent, selector: "svc-surface-placeholder", inputs: ["name", "placeholderTitleText", "placeholderDescriptionText"] }, { type: i1__namespace.SurveyContentComponent, selector: "survey-content", inputs: ["model"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+  TranslationTabComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TranslationTabComponent, selector: "svc-tab-translation", inputs: { model: "model" }, viewQueries: [{ propertyName: "sourceScrollContainer", first: true, predicate: ["sourceScrollContainer"], descendants: true }, { propertyName: "targetScrollContainer", first: true, predicate: ["targetScrollContainer"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div class=\"svc-creator-tab__content svc-translation-tab\" [class]=\"model.isEmpty ? 'svc-translation-tab--empty' : ''\">\n    <svc-surface-placeholder *ngIf=\"model.isEmpty\" [name]=\"'translation'\"\n      [placeholderTitleText]=\"model.placeholderTitleText\"\n      [placeholderDescriptionText]=\"model.placeholderDescriptionText\">\n    </svc-surface-placeholder>\n    <ng-container *ngIf=\"!model.isEmpty\">\n      <div *ngIf=\"stringsModel\" class=\"st-content\">\n        <div class=\"svc-flex-column st-strings-wrapper\">\n          <div class=\"svc-flex-row st-strings-header\">\n            <ng-container *ngFor=\"let s of [stringsModel.stringsHeaderSurvey]; trackBy: trackStringsSurveyBy\">\n              <survey-content [model]=\"s\"></survey-content>\n            </ng-container>\n          </div>\n          <div class=\"svc-flex-row svc-plugin-tab__content st-strings\">\n            <ng-container *ngFor=\"let s of [stringsModel.stringsSurvey]; trackBy: trackStringsSurveyBy\">\n              <survey-content [model]=\"s\"></survey-content>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"sideBySideModel\" [class]=\"sideBySideModel.sideBySideRootCss\">\n        <div class=\"st-side-by-side__panes\">\n          <div class=\"st-side-by-side__source\" #sourceScrollContainer>\n            <ng-container *ngFor=\"let s of [sideBySideModel.sourceSurvey]; trackBy: trackStringsSurveyBy\">\n              <survey-content [model]=\"s\"></survey-content>\n            </ng-container>\n          </div>\n          <div *ngIf=\"sideBySideModel.targetSurvey\" class=\"st-side-by-side__target\" #targetScrollContainer>\n            <ng-container *ngFor=\"let s of [sideBySideModel.targetSurvey]; trackBy: trackStringsSurveyBy\">\n              <survey-content [model]=\"s\"></survey-content>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: SurfacePlaceholderComponent, selector: "svc-surface-placeholder", inputs: ["name", "placeholderTitleText", "placeholderDescriptionText"] }, { type: i1__namespace.SurveyContentComponent, selector: "survey-content", inputs: ["model"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TranslationTabComponent, decorators: [{
               type: i0.Component,
               args: [{