survey-angular-ui 2.2.6 → 2.3.1

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

@@ -1016,7 +1016,15 @@
           this.componentFactoryResolver = componentFactoryResolver;
       }
       PopupService.prototype.createComponent = function (popupViewModel) {
-          var portalHost = new portal.DomPortalOutlet(popupViewModel.container, this.componentFactoryResolver, this.applicationRef, this.injector);
+          var portalHost;
+          if (Number.parseInt(i0.VERSION.major) > 18) {
+              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+              //@ts-ignore
+              portalHost = new portal.DomPortalOutlet(popupViewModel.container, this.applicationRef, this.injector);
+          }
+          else {
+              portalHost = new portal.DomPortalOutlet(popupViewModel.container, this.componentFactoryResolver, this.applicationRef, this.injector);
+          }
           var portal$1 = new portal.ComponentPortal(PopupBaseContainerComponent);
           var componentRef = portalHost.attach(portal$1);
           popupViewModel.setComponentElement(popupViewModel.container.children[0]);
@@ -1350,13 +1358,6 @@
   var ErrorsComponent = /** @class */ (function () {
       function ErrorsComponent() {
       }
-      Object.defineProperty(ErrorsComponent.prototype, "role", {
-          get: function () {
-              return "alert";
-          },
-          enumerable: false,
-          configurable: true
-      });
       Object.defineProperty(ErrorsComponent.prototype, "id", {
           get: function () {
               return this.element.id + "_errors";
@@ -1364,13 +1365,6 @@
           enumerable: false,
           configurable: true
       });
-      Object.defineProperty(ErrorsComponent.prototype, "ariaLive", {
-          get: function () {
-              return "polite";
-          },
-          enumerable: false,
-          configurable: true
-      });
       Object.defineProperty(ErrorsComponent.prototype, "class", {
           get: function () {
               return this.element.cssError;
@@ -1381,7 +1375,7 @@
       return ErrorsComponent;
   }());
   ErrorsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ErrorsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  ErrorsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ErrorsComponent, selector: "'[sv-ng-errors]'", inputs: { element: "element", location: "location" }, host: { properties: { "attr.role": "this.role", "id": "this.id", "attr.aria-live": "this.ariaLive", "class": "this.class" } }, ngImport: i0__namespace, template: "<ng-container *ngFor=\"let error of element.errors;\">\n  <ng-template [component]=\"{ name: element.survey.questionErrorComponent, data: { element: element, cssClasses: element.cssClasses, error: error } }\"></ng-template>\n</ng-container>\n", directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
+  ErrorsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ErrorsComponent, selector: "'[sv-ng-errors]'", inputs: { element: "element", location: "location" }, host: { properties: { "id": "this.id", "class": "this.class" } }, ngImport: i0__namespace, template: "<ng-container *ngFor=\"let error of element.errors;\">\n  <ng-template [component]=\"{ name: element.survey.questionErrorComponent, data: { element: element, cssClasses: element.cssClasses, error: error } }\"></ng-template>\n</ng-container>\n", directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: DynamicComponentDirective, selector: "[component]", inputs: ["component"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ErrorsComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -1392,15 +1386,9 @@
                   type: i0.Input
               }], location: [{
                   type: i0.Input
-              }], role: [{
-                  type: i0.HostBinding,
-                  args: ["attr.role"]
               }], id: [{
                   type: i0.HostBinding,
                   args: ["id"]
-              }], ariaLive: [{
-                  type: i0.HostBinding,
-                  args: ["attr.aria-live"]
               }], class: [{
                   type: i0.HostBinding,
                   args: ["class"]
@@ -1708,6 +1696,7 @@
       };
       SurveyContentComponent.prototype.ngAfterViewChecked = function () {
           if (!!this.model && this.isSurveyUpdated) {
+              this.isSurveyUpdated = false;
               this.model.afterRenderSurvey(this.rootEl.nativeElement);
               this.model.startTimerFromUI();
           }
@@ -4150,7 +4139,7 @@
           _super.prototype.ngOnInit.call(this);
       };
       MatrixQuestionComponent.prototype.onCellChanged = function (row, column) {
-          row.value = column.value;
+          row.cellClick(column);
           this.detectChanges();
       };
       MatrixQuestionComponent.prototype.trackRowByFn = function (i, row) {
@@ -4802,10 +4791,17 @@
       MatrixCellComponent.prototype.onChange = function () {
           this.cellChangedOwner.onCellChanged(this.row, this.column);
       };
+      Object.defineProperty(MatrixCellComponent.prototype, "itemSvgIcon", {
+          get: function () {
+              return this.question.getItemSvgIcon(this.row, this.column);
+          },
+          enumerable: false,
+          configurable: true
+      });
       return MatrixCellComponent;
   }(BaseAngular));
   MatrixCellComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MatrixCellComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MatrixCellComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MatrixCellComponent, selector: "sv-ng-matrix-cell, '[sv-ng-matrix-cell]'", inputs: { question: "question", column: "column", row: "row", columnIndex: "columnIndex", cellChangedOwner: "cellChangedOwner" }, usesInheritance: true, ngImport: i0__namespace, template: "<label (mousedown)=\"question.onMouseDown()\" [class]=\"question.getItemClass(row, column)\">\n  <input\n    type=\"radio\"\n    [class]=\"question.cssClasses.itemValue\"\n    [name]=\"row.fullName\"\n    [value]=\"column.value\"\n    [checked]=\"row.value === column.value\"\n    [readonly]=\"row.isReadOnlyAttr\"\n    [disabled]=\"row.isDisabledAttr\"\n    [attr.id]=\"question.inputId + '_' + row.name + '_' + columnIndex\"\n    (change)=\"onChange()\"\n    [attr.aria-required]=\"question.a11y_input_ariaRequired\"\n    [attr.aria-label]=\"question.getCellAriaLabel(row, column)\"\n    [attr.aria-invalid]=\"question.a11y_input_ariaInvalid\"\n    [attr.aria-errormessage]=\"question.a11y_input_ariaErrormessage\"\n  />\n  <span [class]=\"question.cssClasses.materialDecorator\">\n    <svg *ngIf=\"question.itemSvgIcon\" [class]=\"question.cssClasses.itemDecorator\">\n      <use [attr.xlink:href]=\"question.itemSvgIcon\"></use>\n    </svg> \n  </span>\n  <span *ngIf=\"question.isMobile\" [class]=\"question.cssClasses.cellResponsiveTitle\" [model]=\"column.locText\" sv-ng-string></span>\n</label>\n<ng-content></ng-content>", components: [{ type: SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+  MatrixCellComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MatrixCellComponent, selector: "sv-ng-matrix-cell, '[sv-ng-matrix-cell]'", inputs: { question: "question", column: "column", row: "row", columnIndex: "columnIndex", cellChangedOwner: "cellChangedOwner" }, usesInheritance: true, ngImport: i0__namespace, template: "<label (mousedown)=\"question.onMouseDown()\" [class]=\"question.getItemClass(row, column)\">\n  <input\n    [type]=\"question.checkType\"\n    [class]=\"question.cssItemValue\"\n    [name]=\"row.fullName\"\n    [value]=\"column.value\"\n    [checked]=\"row.isChecked(column)\"\n    [readonly]=\"row.isReadOnlyAttr\"\n    [disabled]=\"row.isDisabledAttr\"\n    [attr.id]=\"question.inputId + '_' + row.name + '_' + columnIndex\"\n    (change)=\"onChange()\"\n    [attr.aria-required]=\"question.a11y_input_ariaRequired\"\n    [attr.aria-label]=\"question.getCellAriaLabel(row, column)\"\n    [attr.aria-invalid]=\"question.a11y_input_ariaInvalid\"\n    [attr.aria-errormessage]=\"question.a11y_input_ariaErrormessage\"\n  />\n  <span [class]=\"question.cssMaterialDecorator\">\n    <svg *ngIf=\"itemSvgIcon\" [class]=\"question.cssItemDecorator\">\n      <use [attr.xlink:href]=\"itemSvgIcon\"></use>\n    </svg> \n  </span>\n  <span *ngIf=\"question.isMobile\" [class]=\"question.cssClasses.cellResponsiveTitle\" [model]=\"column.locText\" sv-ng-string></span>\n</label>\n<ng-content></ng-content>", components: [{ type: SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MatrixCellComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -5401,12 +5397,28 @@
   var HeaderComponent = /** @class */ (function (_super) {
       __extends(HeaderComponent, _super);
       function HeaderComponent() {
-          return _super !== null && _super.apply(this, arguments) || this;
+          var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+          _this.shouldProcessResponsiveness = false;
+          return _this;
       }
       HeaderComponent.prototype.getModel = function () {
           this.model.survey = this.survey;
           return this.model;
       };
+      HeaderComponent.prototype.onModelChanged = function () {
+          _super.prototype.onModelChanged.call(this);
+          this.shouldProcessResponsiveness = true;
+      };
+      HeaderComponent.prototype.ngAfterViewInit = function () {
+          this.shouldProcessResponsiveness = true;
+      };
+      HeaderComponent.prototype.ngAfterViewChecked = function () {
+          _super.prototype.ngAfterViewChecked.call(this);
+          if (this.shouldProcessResponsiveness) {
+              this.model.processResponsiveness();
+              this.shouldProcessResponsiveness = false;
+          }
+      };
       return HeaderComponent;
   }(BaseAngular));
   HeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: HeaderComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });