survey-creator-angular 2.2.1 → 2.2.3

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('survey-angular-ui'), require('survey-core'), require('survey-creator-core')) :
-  typeof define === 'function' && define.amd ? define('survey-creator-angular', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'survey-angular-ui', 'survey-core', 'survey-creator-core'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["survey-creator-angular"] = {}, global.ng.core, global.ng.common, global.ng.forms, global.i1, global.surveyCore, global.surveyCreatorCore));
-})(this, (function (exports, i0, i2, i3, i1, surveyCore, surveyCreatorCore) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('survey-angular-ui'), require('survey-creator-core'), require('survey-core')) :
+  typeof define === 'function' && define.amd ? define('survey-creator-angular', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'survey-angular-ui', 'survey-creator-core', 'survey-core'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["survey-creator-angular"] = {}, global.ng.core, global.ng.common, global.ng.forms, global.i1, global.surveyCreatorCore, global.surveyCore));
+})(this, (function (exports, i0, i2, i3, i1, surveyCreatorCore, surveyCore) { 'use strict';
 
   function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -586,12 +586,26 @@
       TabbledMenuComponent.prototype.getModel = function () {
           return this.model;
       };
+      TabbledMenuComponent.prototype.initResponsivityManager = function () {
+          var _a;
+          if ((_a = this.container) === null || _a === void 0 ? void 0 : _a.nativeElement) {
+              this.model.initResponsivityManager(this.container.nativeElement);
+          }
+      };
       TabbledMenuComponent.prototype.ngAfterViewInit = function () {
-          this.responsivityManager = new surveyCore.ResponsivityManager(this.container.nativeElement, this.model);
+          this.initResponsivityManager();
+      };
+      TabbledMenuComponent.prototype.afterUpdate = function (isSync) {
+          _super.prototype.afterUpdate.call(this, isSync);
+          this.initResponsivityManager();
+      };
+      TabbledMenuComponent.prototype.ngAfterViewChecked = function () {
+          _super.prototype.ngAfterViewChecked.call(this);
+          this.initResponsivityManager();
       };
       TabbledMenuComponent.prototype.ngOnDestroy = function () {
           _super.prototype.ngOnDestroy.call(this);
-          this.responsivityManager.dispose();
+          this.model.resetResponsivityManager();
       };
       TabbledMenuComponent.prototype.trackItemBy = function (_, item) {
           return item.renderedId;
@@ -599,7 +613,7 @@
       return TabbledMenuComponent;
   }(i1.BaseAngular));
   TabbledMenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TabbledMenuComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  TabbledMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TabbledMenuComponent, selector: "svc-tabbed-menu", inputs: { model: "model" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div class=\"svc-tabbed-menu\" #container role=\"tablist\">\n    <ng-container *ngFor=\"let action of model.renderedActions; trackBy: trackItemBy\">\n      <svc-tabbed-menu-item-wrapper [model]=\"action\"></svc-tabbed-menu-item-wrapper>\n    </ng-container>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: TabbedMenuItemWrapperComponent, selector: "svc-tabbed-menu-item-wrapper", inputs: ["model"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+  TabbledMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TabbledMenuComponent, selector: "svc-tabbed-menu", inputs: { model: "model" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div class=\"svc-tabbed-menu\" #container role=\"tablist\" [style]=\"model.getRootStyle()\">\n    <ng-container *ngFor=\"let action of model.renderedActions; trackBy: trackItemBy\">\n      <svc-tabbed-menu-item-wrapper [model]=\"action\"></svc-tabbed-menu-item-wrapper>\n    </ng-container>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: TabbedMenuItemWrapperComponent, selector: "svc-tabbed-menu-item-wrapper", inputs: ["model"] }], directives: [{ 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: TabbledMenuComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -924,18 +938,28 @@
           enumerable: false,
           configurable: true
       });
+      AdaptiveToolboxComponent.prototype.afterRender = function () {
+          var _a;
+          if ((_a = this.container) === null || _a === void 0 ? void 0 : _a.nativeElement) {
+              this.toolbox.afterRender(this.container.nativeElement);
+          }
+      };
       AdaptiveToolboxComponent.prototype.ngAfterViewInit = function () {
-          this.toolbox.setRootElement(this.container.nativeElement);
-          this.responsivityManager =
-              new surveyCore.VerticalResponsivityManager(this.toolbox.containerElement, this.toolbox);
+          this.afterRender();
+      };
+      AdaptiveToolboxComponent.prototype.ngAfterViewChecked = function () {
+          _super.prototype.ngAfterViewChecked.call(this);
+          this.afterRender();
+      };
+      AdaptiveToolboxComponent.prototype.afterUpdate = function (isSync) {
+          _super.prototype.afterUpdate.call(this, isSync);
+          this.afterRender();
       };
       AdaptiveToolboxComponent.prototype.getModel = function () {
           return this.toolbox;
       };
       AdaptiveToolboxComponent.prototype.ngOnDestroy = function () {
-          var _a;
-          (_a = this.responsivityManager) === null || _a === void 0 ? void 0 : _a.dispose();
-          this.toolbox.setRootElement(undefined);
+          this.toolbox.beforeDestroy();
           _super.prototype.ngOnDestroy.call(this);
       };
       AdaptiveToolboxComponent.prototype.trackItemBy = function (_, item) {
@@ -944,7 +968,7 @@
       return AdaptiveToolboxComponent;
   }(i1.BaseAngular));
   AdaptiveToolboxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: AdaptiveToolboxComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  AdaptiveToolboxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AdaptiveToolboxComponent, selector: "svc-toolbox", inputs: { model: "model" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div [class]=\"toolbox.classNames\" #container>\n    <div (focusout)=\"toolbox.focusOut($event)\" class=\"svc-toolbox__panel\">\n      <div *ngIf=\"toolbox.showSearch\" class=\"svc-toolbox__search-container\">\n        <ng-container *ngIf=\"toolbox.isCompactRendered\">\n          <svc-toolbox-tool [creator]=\"creator\" [item]=\"searchItem\" [parentModel]=\"toolbox\"\n            [isCompact]=\"toolbox.isCompactRendered\"></svc-toolbox-tool>\n        </ng-container>\n        <svc-search [model]=\"toolbox.searchManager\"></svc-search>\n        <div class=\"svc-toolbox__category-separator svc-toolbox__category-separator--search\"></div>\n      </div>\n      <div *ngIf=\"toolbox.showPlaceholder\" class=\"svc-toolbox__placeholder\">{{toolbox.toolboxNoResultsFound}}</div>\n      <sv-scroll>\n        <ng-container *ngIf=\"!toolbox.showInSingleCategory\">\n          <svc-toolbox-category *ngFor=\"let category of toolbox.categories\" [category]=\"category\"\n            [toolbox]=\"toolbox\"></svc-toolbox-category>\n        </ng-container>\n        <ng-container *ngIf=\"toolbox.showInSingleCategory\">\n          <div class=\"svc-toolbox__category\">\n            <ng-container *ngFor=\"let item of toolbox.renderedActions;  trackBy: trackItemBy\">\n              <svc-toolbox-tool [creator]=\"creator\" [item]=\"item\" [parentModel]=\"toolbox\"\n                [isCompact]=\"toolbox.isCompactRendered\"></svc-toolbox-tool>\n            </ng-container>\n          </div>\n        </ng-container>\n      </sv-scroll>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: ToolboxToolComponent, selector: "svc-toolbox-tool", inputs: ["creator", "item", "parentModel", "isCompact"] }, { type: SearchComponent, selector: "svc-search", inputs: ["model"] }, { type: i1__namespace.ScrollComponent, selector: "sv-scroll", inputs: ["disabled", "onInnerHeightChanged"] }, { type: ToolboxCategoryComponent, selector: "svc-toolbox-category ", inputs: ["category", "toolbox"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+  AdaptiveToolboxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AdaptiveToolboxComponent, selector: "svc-toolbox", inputs: { model: "model" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n  <div [class]=\"toolbox.classNames\" #container [style]=\"toolbox.getRootStyle()\">\n    <div (focusout)=\"toolbox.focusOut($event)\" class=\"svc-toolbox__panel\">\n      <div *ngIf=\"toolbox.showSearch\" class=\"svc-toolbox__search-container\">\n        <ng-container *ngIf=\"toolbox.isCompactRendered\">\n          <svc-toolbox-tool [creator]=\"creator\" [item]=\"searchItem\" [parentModel]=\"toolbox\"\n            [isCompact]=\"toolbox.isCompactRendered\"></svc-toolbox-tool>\n        </ng-container>\n        <svc-search [model]=\"toolbox.searchManager\"></svc-search>\n        <div class=\"svc-toolbox__category-separator svc-toolbox__category-separator--search\"></div>\n      </div>\n      <div *ngIf=\"toolbox.showPlaceholder\" class=\"svc-toolbox__placeholder\">{{toolbox.toolboxNoResultsFound}}</div>\n      <sv-scroll>\n        <ng-container *ngIf=\"!toolbox.showInSingleCategory\">\n          <svc-toolbox-category *ngFor=\"let category of toolbox.categories\" [category]=\"category\"\n            [toolbox]=\"toolbox\"></svc-toolbox-category>\n        </ng-container>\n        <ng-container *ngIf=\"toolbox.showInSingleCategory\">\n          <div class=\"svc-toolbox__category\">\n            <ng-container *ngFor=\"let item of toolbox.renderedActions;  trackBy: trackItemBy\">\n              <svc-toolbox-tool [creator]=\"creator\" [item]=\"item\" [parentModel]=\"toolbox\"\n                [isCompact]=\"toolbox.isCompactRendered\"></svc-toolbox-tool>\n            </ng-container>\n          </div>\n        </ng-container>\n      </sv-scroll>\n    </div>\n  </div>\n</ng-template>", styles: [":host { display: none; }"], components: [{ type: ToolboxToolComponent, selector: "svc-toolbox-tool", inputs: ["creator", "item", "parentModel", "isCompact"] }, { type: SearchComponent, selector: "svc-search", inputs: ["model"] }, { type: i1__namespace.ScrollComponent, selector: "sv-scroll", inputs: ["disabled", "onInnerHeightChanged"] }, { type: ToolboxCategoryComponent, selector: "svc-toolbox-category ", inputs: ["category", "toolbox"] }], 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: AdaptiveToolboxComponent, decorators: [{
               type: i0.Component,
               args: [{