survey-angular-ui 3.0.0-beta.1 → 3.0.0-beta.3

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('survey-core'), require('survey-core/icons/iconsV1'), require('survey-core/icons/iconsV2'), require('@angular/cdk/portal'), require('@angular/common'), require('@angular/forms'), require('@angular/platform-browser')) :
-  typeof define === 'function' && define.amd ? define('survey-angular-ui', ['exports', '@angular/core', 'survey-core', 'survey-core/icons/iconsV1', 'survey-core/icons/iconsV2', '@angular/cdk/portal', '@angular/common', '@angular/forms', '@angular/platform-browser'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["survey-angular-ui"] = {}, global.ng.core, global.Survey, global.iconsV1, global.iconsV2, global.ng.cdk.portal, global.ng.common, global.ng.forms, global.ng.platformBrowser));
-})(this, (function (exports, i0, Survey, iconsV1, iconsV2, portal, i1, i4, i1$1) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('survey-core'), require('survey-core/icons/iconsV2'), require('@angular/cdk/portal'), require('@angular/common'), require('@angular/forms'), require('@angular/platform-browser')) :
+  typeof define === 'function' && define.amd ? define('survey-angular-ui', ['exports', '@angular/core', 'survey-core', 'survey-core/icons/iconsV2', '@angular/cdk/portal', '@angular/common', '@angular/forms', '@angular/platform-browser'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["survey-angular-ui"] = {}, global.ng.core, global.Survey, global.iconsV2, global.ng.cdk.portal, global.ng.common, global.ng.forms, global.ng.platformBrowser));
+})(this, (function (exports, i0, Survey, iconsV2, portal, i1, i4, i1$1) { 'use strict';
 
   function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -1481,7 +1481,6 @@
               }] } });
   AngularComponentFactory.Instance.registerComponent("survey", SurveyContentComponent);
 
-  Survey.addIconsToThemeSet("v1", iconsV1.icons);
   Survey.addIconsToThemeSet("v2", iconsV2.icons);
   Survey.SvgRegistry.registerIcons(iconsV2.icons);
   var SurveyComponent = /** @class */ (function (_super) {
@@ -2393,6 +2392,102 @@
               }] } });
   AngularComponentFactory.Instance.registerComponent("sv-tagbox-filter", TagboxFilterComponent);
 
+  var Key2ClickDirective = /** @class */ (function () {
+      function Key2ClickDirective(el) {
+          var _this = this;
+          this.el = el;
+          this.isSubscribed = false;
+          this.isPointerUpSubscribed = false;
+          this.options = Object.assign({}, Key2ClickDirective.defaultOptions);
+          this.onkeyup = function (evt) {
+              evt.preventDefault();
+              evt.stopPropagation();
+              Survey.doKey2ClickUp(evt, _this.options);
+          };
+          this.onpointerup = function (evt) {
+              if (evt.pointerType === "pen") {
+                  evt.preventDefault();
+                  evt.stopPropagation();
+                  var element = evt.target;
+                  if (element === null || element === void 0 ? void 0 : element.click)
+                      element.click();
+              }
+          };
+          this.subscribeEventListeners();
+          this.subscribePointerUp();
+      }
+      Key2ClickDirective.prototype.onkeydown = function (evt) {
+          Survey.doKey2ClickDown(evt, this.options);
+      };
+      Key2ClickDirective.prototype.blur = function (evt) {
+          Survey.doKey2ClickBlur(evt);
+      };
+      Object.defineProperty(Key2ClickDirective.prototype, "element", {
+          get: function () {
+              return this.el.nativeElement;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Key2ClickDirective.prototype.subscribePointerUp = function () {
+          if (this.isPointerUpSubscribed)
+              return;
+          this.element.addEventListener("pointerup", this.onpointerup.bind(this));
+          this.isPointerUpSubscribed = true;
+      };
+      Key2ClickDirective.prototype.unsubscribePointerUp = function () {
+          if (!this.isPointerUpSubscribed)
+              return;
+          this.element.removeEventListener("pointerup", this.onpointerup.bind(this));
+          this.isPointerUpSubscribed = false;
+      };
+      Key2ClickDirective.prototype.subscribeEventListeners = function () {
+          if (this.isSubscribed)
+              return;
+          this.element.tabIndex = 0;
+          this.element.addEventListener("keyup", this.onkeyup.bind(this));
+          this.element.addEventListener("keydown", this.onkeydown.bind(this));
+          this.element.addEventListener("blur", this.blur);
+          this.isSubscribed = true;
+      };
+      Key2ClickDirective.prototype.unsubscribeEventListeners = function () {
+          if (!this.isSubscribed)
+              return;
+          this.element.tabIndex = -1;
+          this.element.removeEventListener("keyup", this.onkeyup.bind(this));
+          this.element.removeEventListener("keydown", this.onkeydown.bind(this));
+          this.element.removeEventListener("blur", this.blur);
+          this.isSubscribed = false;
+      };
+      Key2ClickDirective.prototype.ngOnChanges = function (changes) {
+          var curValue = changes["key2click"].currentValue;
+          this.subscribePointerUp();
+          if (curValue.disableTabStop) {
+              this.unsubscribeEventListeners();
+          }
+          else {
+              this.subscribeEventListeners();
+          }
+          this.options = Object.assign({}, Key2ClickDirective.defaultOptions, curValue);
+      };
+      Key2ClickDirective.prototype.ngOnDestroy = function () {
+          this.unsubscribeEventListeners();
+          this.unsubscribePointerUp();
+      };
+      return Key2ClickDirective;
+  }());
+  Key2ClickDirective.defaultOptions = { processEsc: true, disableTabStop: false };
+  Key2ClickDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: Key2ClickDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+  Key2ClickDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: Key2ClickDirective, selector: "[key2click]", inputs: { key2click: "key2click" }, usesOnChanges: true, ngImport: i0__namespace });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: Key2ClickDirective, decorators: [{
+              type: i0.Directive,
+              args: [{
+                      selector: "[key2click]"
+                  }]
+          }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { key2click: [{
+                  type: i0.Input
+              }] } });
+
   var TagboxItemComponent = /** @class */ (function (_super) {
       __extends(TagboxItemComponent, _super);
       function TagboxItemComponent() {
@@ -2408,7 +2503,7 @@
       return TagboxItemComponent;
   }(EmbeddedViewContentComponent));
   TagboxItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TagboxItemComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  TagboxItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TagboxItemComponent, selector: "sv-ng-tagbox-item, '[sv-ng-tagbox-item]'", inputs: { item: "item", question: "question" }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n<div class=\"sv-tagbox__item\">\n  <div class=\"sv-tagbox__item-text\" [model]=\"item.locText\" sv-ng-string></div>  \n  <div [class]=\"question.cssClasses.cleanItemButton\" (click)=\"removeItem($event)\">\n    <svg [iconName]=\"question.cssClasses.cleanItemButtonIconId\" [partCss]=\"question.cssClasses.cleanItemButtonSvg\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n  </div>\n</div>\n</ng-template>", styles: [":host{display:none}\n"], components: [{ type: SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }, { type: SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }] });
+  TagboxItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TagboxItemComponent, selector: "sv-ng-tagbox-item, '[sv-ng-tagbox-item]'", inputs: { item: "item", question: "question" }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #template>\n<div [class]=\"question.cssClasses.tagItem\">\n  <div [class]=\"question.cssClasses.tagItemText\" [model]=\"item.locText\" sv-ng-string></div>  \n  <div [class]=\"question.cssClasses.cleanItem\">\n    <div tabindex=\"0\" [class]=\"question.cssClasses.cleanItemButton\" [key2click] (click)=\"removeItem($event)\">\n      <svg [iconName]=\"question.cssClasses.cleanItemButtonIconId\" [partCss]=\"question.cssClasses.cleanItemButtonSvg\" [size]=\"'auto'\" sv-ng-svg-icon></svg>\n    </div>\n  </div>\n</div>\n</ng-template>", styles: [":host{display:none}\n"], components: [{ type: SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }, { type: SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }], directives: [{ type: Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TagboxItemComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -3185,7 +3280,7 @@
       return ButtonGroupQuestionComponent;
   }(QuestionAngular));
   ButtonGroupQuestionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ButtonGroupQuestionComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  ButtonGroupQuestionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ButtonGroupQuestionComponent, selector: "sv-ng-buttongroup-question", usesInheritance: true, ngImport: i0__namespace, template: "<div role=\"group\" [class]=\"model.cssClasses.root\">\n  <sv-button-group-item *ngFor=\"let item of model.visibleChoices; index as index\" [question]=\"model\" [item]=\"item\" [index]=\"index\" ></sv-button-group-item>\n</div>\n", components: [{ type: ButtonGroupItemComponent, selector: "sv-button-group-item", inputs: ["item", "question", "index"] }], directives: [{ type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+  ButtonGroupQuestionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ButtonGroupQuestionComponent, selector: "sv-ng-buttongroup-question", usesInheritance: true, ngImport: i0__namespace, template: "<div role=\"group\" [class]=\"model.getControlClass()\">\n  <sv-button-group-item *ngFor=\"let item of model.visibleChoices; index as index\" [question]=\"model\" [item]=\"item\" [index]=\"index\" ></sv-button-group-item>\n</div>\n", components: [{ type: ButtonGroupItemComponent, selector: "sv-button-group-item", inputs: ["item", "question", "index"] }], directives: [{ type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ButtonGroupQuestionComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -3234,102 +3329,6 @@
               }] } });
   AngularComponentFactory.Instance.registerComponent("sv-components-container", ComponentsContainerComponent);
 
-  var Key2ClickDirective = /** @class */ (function () {
-      function Key2ClickDirective(el) {
-          var _this = this;
-          this.el = el;
-          this.isSubscribed = false;
-          this.isPointerUpSubscribed = false;
-          this.options = Object.assign({}, Key2ClickDirective.defaultOptions);
-          this.onkeyup = function (evt) {
-              evt.preventDefault();
-              evt.stopPropagation();
-              Survey.doKey2ClickUp(evt, _this.options);
-          };
-          this.onpointerup = function (evt) {
-              if (evt.pointerType === "pen") {
-                  evt.preventDefault();
-                  evt.stopPropagation();
-                  var element = evt.target;
-                  if (element === null || element === void 0 ? void 0 : element.click)
-                      element.click();
-              }
-          };
-          this.subscribeEventListeners();
-          this.subscribePointerUp();
-      }
-      Key2ClickDirective.prototype.onkeydown = function (evt) {
-          Survey.doKey2ClickDown(evt, this.options);
-      };
-      Key2ClickDirective.prototype.blur = function (evt) {
-          Survey.doKey2ClickBlur(evt);
-      };
-      Object.defineProperty(Key2ClickDirective.prototype, "element", {
-          get: function () {
-              return this.el.nativeElement;
-          },
-          enumerable: false,
-          configurable: true
-      });
-      Key2ClickDirective.prototype.subscribePointerUp = function () {
-          if (this.isPointerUpSubscribed)
-              return;
-          this.element.addEventListener("pointerup", this.onpointerup.bind(this));
-          this.isPointerUpSubscribed = true;
-      };
-      Key2ClickDirective.prototype.unsubscribePointerUp = function () {
-          if (!this.isPointerUpSubscribed)
-              return;
-          this.element.removeEventListener("pointerup", this.onpointerup.bind(this));
-          this.isPointerUpSubscribed = false;
-      };
-      Key2ClickDirective.prototype.subscribeEventListeners = function () {
-          if (this.isSubscribed)
-              return;
-          this.element.tabIndex = 0;
-          this.element.addEventListener("keyup", this.onkeyup.bind(this));
-          this.element.addEventListener("keydown", this.onkeydown.bind(this));
-          this.element.addEventListener("blur", this.blur);
-          this.isSubscribed = true;
-      };
-      Key2ClickDirective.prototype.unsubscribeEventListeners = function () {
-          if (!this.isSubscribed)
-              return;
-          this.element.tabIndex = -1;
-          this.element.removeEventListener("keyup", this.onkeyup.bind(this));
-          this.element.removeEventListener("keydown", this.onkeydown.bind(this));
-          this.element.removeEventListener("blur", this.blur);
-          this.isSubscribed = false;
-      };
-      Key2ClickDirective.prototype.ngOnChanges = function (changes) {
-          var curValue = changes["key2click"].currentValue;
-          this.subscribePointerUp();
-          if (curValue.disableTabStop) {
-              this.unsubscribeEventListeners();
-          }
-          else {
-              this.subscribeEventListeners();
-          }
-          this.options = Object.assign({}, Key2ClickDirective.defaultOptions, curValue);
-      };
-      Key2ClickDirective.prototype.ngOnDestroy = function () {
-          this.unsubscribeEventListeners();
-          this.unsubscribePointerUp();
-      };
-      return Key2ClickDirective;
-  }());
-  Key2ClickDirective.defaultOptions = { processEsc: true, disableTabStop: false };
-  Key2ClickDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: Key2ClickDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-  Key2ClickDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: Key2ClickDirective, selector: "[key2click]", inputs: { key2click: "key2click" }, usesOnChanges: true, ngImport: i0__namespace });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: Key2ClickDirective, decorators: [{
-              type: i0.Directive,
-              args: [{
-                      selector: "[key2click]"
-                  }]
-          }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { key2click: [{
-                  type: i0.Input
-              }] } });
-
   var ActionBarItemComponent = /** @class */ (function (_super) {
       __extends(ActionBarItemComponent, _super);
       function ActionBarItemComponent() {