survey-angular-ui 3.0.0-beta.2 → 3.0.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/survey-angular-ui.umd.js +102 -103
- package/bundles/survey-angular-ui.umd.js.map +1 -1
- package/esm2015/components/tagbox/tagbox-item.component.js +3 -2
- package/esm2015/questions/button-group/button-group.component.js +2 -2
- package/esm2015/survey.component.js +1 -3
- package/fesm2015/survey-angular-ui.js +96 -98
- package/fesm2015/survey-angular-ui.js.map +1 -1
- package/package.json +2 -2
|
@@ -4,6 +4,7 @@ import { EmbeddedViewContentComponent } from "../../embedded-view-content.compon
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "../../survey-string.component";
|
|
6
6
|
import * as i2 from "../svg-icon/svg-icon.component";
|
|
7
|
+
import * as i3 from "../../utils/ng-key2click.directive";
|
|
7
8
|
export class TagboxItemComponent extends EmbeddedViewContentComponent {
|
|
8
9
|
removeItem(event) {
|
|
9
10
|
this.question.dropdownListModel.deselectItem(this.item.value);
|
|
@@ -14,7 +15,7 @@ export class TagboxItemComponent extends EmbeddedViewContentComponent {
|
|
|
14
15
|
}
|
|
15
16
|
}
|
|
16
17
|
TagboxItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TagboxItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
TagboxItemComponent.ɵcmp = i0.ɵɵ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, 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\" (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: i1.SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }, { type: i2.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }] });
|
|
18
|
+
TagboxItemComponent.ɵcmp = i0.ɵɵ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, 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: i1.SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }, { type: i2.SvgIconComponent, selector: "'[sv-ng-svg-icon]'", inputs: ["size", "width", "height", "iconName", "partCss", "css", "title"] }], directives: [{ type: i3.Key2ClickDirective, selector: "[key2click]", inputs: ["key2click"] }] });
|
|
18
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TagboxItemComponent, decorators: [{
|
|
19
20
|
type: Component,
|
|
20
21
|
args: [{
|
|
@@ -28,4 +29,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
28
29
|
type: Input
|
|
29
30
|
}] } });
|
|
30
31
|
AngularComponentFactory.Instance.registerComponent("sv-tagbox-item", TagboxItemComponent);
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnYm94LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdGFnYm94L3RhZ2JveC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3RhZ2JveC90YWdib3gtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7Ozs7QUFPckYsTUFBTSxPQUFPLG1CQUFvQixTQUFRLDRCQUE0QjtJQUluRSxVQUFVLENBQUMsS0FBVTtRQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlELEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsUUFBUTtRQUNOLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDOztpSEFYVSxtQkFBbUI7cUdBQW5CLG1CQUFtQix1SkNWaEMsbWlCQVNjOzRGRENELG1CQUFtQjtrQkFML0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMENBQTBDO29CQUNwRCxXQUFXLEVBQUUsOEJBQThCO29CQUMzQyxTQUFTLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDcEM7OEJBRVUsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7O0FBWVIsdUJBQXVCLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLGdCQUFnQixFQUFFLG1CQUFtQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEl0ZW1WYWx1ZSwgUXVlc3Rpb25UYWdib3hNb2RlbCB9IGZyb20gXCJzdXJ2ZXktY29yZVwiO1xuaW1wb3J0IHsgQW5ndWxhckNvbXBvbmVudEZhY3RvcnkgfSBmcm9tIFwiLi4vLi4vY29tcG9uZW50LWZhY3RvcnlcIjtcbmltcG9ydCB7IEVtYmVkZGVkVmlld0NvbnRlbnRDb21wb25lbnQgfSBmcm9tIFwiLi4vLi4vZW1iZWRkZWQtdmlldy1jb250ZW50LmNvbXBvbmVudFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3YtbmctdGFnYm94LWl0ZW0sICdbc3YtbmctdGFnYm94LWl0ZW1dJ1wiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3RhZ2JveC1pdGVtLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi4vLi4vaGlkZS1ob3N0LnNjc3NcIl1cbn0pXG5leHBvcnQgY2xhc3MgVGFnYm94SXRlbUNvbXBvbmVudCBleHRlbmRzIEVtYmVkZGVkVmlld0NvbnRlbnRDb21wb25lbnQge1xuICBASW5wdXQoKSBpdGVtITogSXRlbVZhbHVlO1xuICBASW5wdXQoKSBxdWVzdGlvbiE6IFF1ZXN0aW9uVGFnYm94TW9kZWw7XG5cbiAgcmVtb3ZlSXRlbShldmVudDogYW55KSB7XG4gICAgdGhpcy5xdWVzdGlvbi5kcm9wZG93bkxpc3RNb2RlbC5kZXNlbGVjdEl0ZW0odGhpcy5pdGVtLnZhbHVlKTtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgfVxuXG4gIGdldE1vZGVsKCkge1xuICAgIHJldHVybiB0aGlzLml0ZW07XG4gIH1cbn1cblxuQW5ndWxhckNvbXBvbmVudEZhY3RvcnkuSW5zdGFuY2UucmVnaXN0ZXJDb21wb25lbnQoXCJzdi10YWdib3gtaXRlbVwiLCBUYWdib3hJdGVtQ29tcG9uZW50KTsiLCI8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuPGRpdiBbY2xhc3NdPVwicXVlc3Rpb24uY3NzQ2xhc3Nlcy50YWdJdGVtXCI+XG4gIDxkaXYgW2NsYXNzXT1cInF1ZXN0aW9uLmNzc0NsYXNzZXMudGFnSXRlbVRleHRcIiBbbW9kZWxdPVwiaXRlbS5sb2NUZXh0XCIgc3Ytbmctc3RyaW5nPjwvZGl2PiAgXG4gIDxkaXYgW2NsYXNzXT1cInF1ZXN0aW9uLmNzc0NsYXNzZXMuY2xlYW5JdGVtXCI+XG4gICAgPGRpdiB0YWJpbmRleD1cIjBcIiBbY2xhc3NdPVwicXVlc3Rpb24uY3NzQ2xhc3Nlcy5jbGVhbkl0ZW1CdXR0b25cIiBba2V5MmNsaWNrXSAoY2xpY2spPVwicmVtb3ZlSXRlbSgkZXZlbnQpXCI+XG4gICAgICA8c3ZnIFtpY29uTmFtZV09XCJxdWVzdGlvbi5jc3NDbGFzc2VzLmNsZWFuSXRlbUJ1dHRvbkljb25JZFwiIFtwYXJ0Q3NzXT1cInF1ZXN0aW9uLmNzc0NsYXNzZXMuY2xlYW5JdGVtQnV0dG9uU3ZnXCIgW3NpemVdPVwiJ2F1dG8nXCIgc3Ytbmctc3ZnLWljb24+PC9zdmc+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG48L25nLXRlbXBsYXRlPiJdfQ==
|
|
@@ -7,7 +7,7 @@ import * as i2 from "@angular/common";
|
|
|
7
7
|
export class ButtonGroupQuestionComponent extends QuestionAngular {
|
|
8
8
|
}
|
|
9
9
|
ButtonGroupQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ButtonGroupQuestionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
ButtonGroupQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ButtonGroupQuestionComponent, selector: "sv-ng-buttongroup-question", usesInheritance: true, ngImport: i0, template: "<div role=\"group\" [class]=\"model.
|
|
10
|
+
ButtonGroupQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ButtonGroupQuestionComponent, selector: "sv-ng-buttongroup-question", usesInheritance: true, ngImport: i0, 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: i1.ButtonGroupItemComponent, selector: "sv-button-group-item", inputs: ["item", "question", "index"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ButtonGroupQuestionComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{
|
|
@@ -16,4 +16,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
16
16
|
}]
|
|
17
17
|
}] });
|
|
18
18
|
AngularComponentFactory.Instance.registerComponent("buttongroup-question", ButtonGroupQuestionComponent);
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9xdWVzdGlvbnMvYnV0dG9uLWdyb3VwL2J1dHRvbi1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9zcmMvcXVlc3Rpb25zL2J1dHRvbi1ncm91cC9idXR0b24tZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFakQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7QUFNbEUsTUFBTSxPQUFPLDRCQUE2QixTQUFRLGVBQXlDOzswSEFBOUUsNEJBQTRCOzhHQUE1Qiw0QkFBNEIseUZDVnpDLHlPQUdBOzRGRE9hLDRCQUE0QjtrQkFKeEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxXQUFXLEVBQUUsK0JBQStCO2lCQUM3Qzs7QUFHRCx1QkFBdUIsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsc0JBQXNCLEVBQUUsNEJBQTRCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFF1ZXN0aW9uQW5ndWxhciB9IGZyb20gXCIuLi8uLi9xdWVzdGlvblwiO1xuaW1wb3J0IHsgUXVlc3Rpb25CdXR0b25Hcm91cE1vZGVsIH0gZnJvbSBcInN1cnZleS1jb3JlXCI7XG5pbXBvcnQgeyBBbmd1bGFyQ29tcG9uZW50RmFjdG9yeSB9IGZyb20gXCIuLi8uLi9jb21wb25lbnQtZmFjdG9yeVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwic3YtbmctYnV0dG9uZ3JvdXAtcXVlc3Rpb25cIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9idXR0b24tZ3JvdXAuY29tcG9uZW50Lmh0bWxcIlxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Hcm91cFF1ZXN0aW9uQ29tcG9uZW50IGV4dGVuZHMgUXVlc3Rpb25Bbmd1bGFyPFF1ZXN0aW9uQnV0dG9uR3JvdXBNb2RlbD4ge1xufVxuQW5ndWxhckNvbXBvbmVudEZhY3RvcnkuSW5zdGFuY2UucmVnaXN0ZXJDb21wb25lbnQoXCJidXR0b25ncm91cC1xdWVzdGlvblwiLCBCdXR0b25Hcm91cFF1ZXN0aW9uQ29tcG9uZW50KTsiLCI8ZGl2IHJvbGU9XCJncm91cFwiIFtjbGFzc109XCJtb2RlbC5nZXRDb250cm9sQ2xhc3MoKVwiPlxuICA8c3YtYnV0dG9uLWdyb3VwLWl0ZW0gKm5nRm9yPVwibGV0IGl0ZW0gb2YgbW9kZWwudmlzaWJsZUNob2ljZXM7IGluZGV4IGFzIGluZGV4XCIgW3F1ZXN0aW9uXT1cIm1vZGVsXCIgW2l0ZW1dPVwiaXRlbVwiIFtpbmRleF09XCJpbmRleFwiID48L3N2LWJ1dHRvbi1ncm91cC1pdGVtPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import { Component, Input } from "@angular/core";
|
|
2
2
|
import { SvgRegistry, addIconsToThemeSet } from "survey-core";
|
|
3
3
|
import { BaseAngular } from "./base-angular";
|
|
4
|
-
import { icons as iconsV1 } from "survey-core/icons/iconsV1";
|
|
5
4
|
import { icons as iconsV2 } from "survey-core/icons/iconsV2";
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
6
|
import * as i1 from "./components/popup/modal-container.component";
|
|
8
7
|
import * as i2 from "./survey-content.component";
|
|
9
|
-
addIconsToThemeSet("v1", iconsV1);
|
|
10
8
|
addIconsToThemeSet("v2", iconsV2);
|
|
11
9
|
SvgRegistry.registerIcons(iconsV2);
|
|
12
10
|
export class SurveyComponent extends BaseAngular {
|
|
@@ -35,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
35
33
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { model: [{
|
|
36
34
|
type: Input
|
|
37
35
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VydmV5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdXJ2ZXkuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQWUsV0FBVyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzNFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsS0FBSyxJQUFJLE9BQU8sRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7O0FBQzdELGtCQUFrQixDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsQ0FBQztBQUVsQyxXQUFXLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0FBS25DLE1BQU0sT0FBTyxlQUFnQixTQUFRLFdBQXdCO0lBSzNELFlBQVksaUJBQW9DO1FBQzlDLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ3pCLGlCQUFpQixDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFOUyxRQUFRO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBS2tCLCtCQUErQjtRQUNoRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFDa0IsY0FBYztRQUMvQixJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDekMsQ0FBQzs7NkdBZFUsZUFBZTtpR0FBZixlQUFlLGlHQUZoQixrR0FBa0c7NEZBRWpHLGVBQWU7a0JBSjNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFFBQVE7b0JBQ2xCLFFBQVEsRUFBRSxrR0FBa0c7aUJBQzdHO3dHQUVVLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFN1cnZleU1vZGVsLCBTdmdSZWdpc3RyeSwgYWRkSWNvbnNUb1RoZW1lU2V0IH0gZnJvbSBcInN1cnZleS1jb3JlXCI7XG5pbXBvcnQgeyBCYXNlQW5ndWxhciB9IGZyb20gXCIuL2Jhc2UtYW5ndWxhclwiO1xuXG5pbXBvcnQgeyBpY29ucyBhcyBpY29uc1YyIH0gZnJvbSBcInN1cnZleS1jb3JlL2ljb25zL2ljb25zVjJcIjtcbmFkZEljb25zVG9UaGVtZVNldChcInYyXCIsIGljb25zVjIpO1xuXG5TdmdSZWdpc3RyeS5yZWdpc3Rlckljb25zKGljb25zVjIpO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInN1cnZleVwiLFxuICB0ZW1wbGF0ZTogXCI8c3YtbmctbW9kYWwtY29udGFpbmVyPjwvc3YtbmctbW9kYWwtY29udGFpbmVyPjxzdXJ2ZXktY29udGVudCBbbW9kZWxdPSdtb2RlbCc+PC9zdXJ2ZXktY29udGVudD5cIlxufSlcbmV4cG9ydCBjbGFzcyBTdXJ2ZXlDb21wb25lbnQgZXh0ZW5kcyBCYXNlQW5ndWxhcjxTdXJ2ZXlNb2RlbD4ge1xuICBASW5wdXQoKSBtb2RlbCE6IFN1cnZleU1vZGVsO1xuICBwcm90ZWN0ZWQgZ2V0TW9kZWwoKTogU3VydmV5TW9kZWwge1xuICAgIHJldHVybiB0aGlzLm1vZGVsO1xuICB9XG4gIGNvbnN0cnVjdG9yKGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHN1cGVyKGNoYW5nZURldGVjdG9yUmVmKTtcbiAgICBjaGFuZ2VEZXRlY3RvclJlZi5kZXRhY2goKTtcbiAgfVxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZ2V0U2hvdWxkUmVhdHRhY2hDaGFuZ2VEZXRlY3RvcigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIG9uTW9kZWxDaGFuZ2VkKCk6IHZvaWQge1xuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG59Il19
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { TemplateRef, Component, ViewChild, Directive, Input, VERSION, Injectable, HostBinding, Pipe, ElementRef, HostListener, ViewContainerRef, NgModule } from '@angular/core';
|
|
3
3
|
import * as Survey from 'survey-core';
|
|
4
|
-
import { PopupModalManager, settings, ScrollViewModel, SvgRegistry, addIconsToThemeSet, PopupSurveyModel, LocalizableString, ResizeManager, createPopupViewModel, Helpers,
|
|
5
|
-
import { icons } from 'survey-core/icons/
|
|
6
|
-
import { icons as icons$1 } from 'survey-core/icons/iconsV2';
|
|
4
|
+
import { PopupModalManager, settings, ScrollViewModel, SvgRegistry, addIconsToThemeSet, PopupSurveyModel, LocalizableString, ResizeManager, createPopupViewModel, Helpers, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, DropdownMultiSelectListModel, RendererFactory, ButtonGroupItemModel, ActionDropdownViewModel, SurveyProgressModel, ProgressButtonsResponsivityManager, SurveyModel } from 'survey-core';
|
|
5
|
+
import { icons } from 'survey-core/icons/iconsV2';
|
|
7
6
|
import { DomPortalOutlet, ComponentPortal } from '@angular/cdk/portal';
|
|
8
7
|
import * as i1 from '@angular/common';
|
|
9
8
|
import { CommonModule } from '@angular/common';
|
|
@@ -839,9 +838,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
839
838
|
}] } });
|
|
840
839
|
AngularComponentFactory.Instance.registerComponent("survey", SurveyContentComponent);
|
|
841
840
|
|
|
842
|
-
addIconsToThemeSet("
|
|
843
|
-
|
|
844
|
-
SvgRegistry.registerIcons(icons$1);
|
|
841
|
+
addIconsToThemeSet("v2", icons);
|
|
842
|
+
SvgRegistry.registerIcons(icons);
|
|
845
843
|
class SurveyComponent extends BaseAngular {
|
|
846
844
|
constructor(changeDetectorRef) {
|
|
847
845
|
super(changeDetectorRef);
|
|
@@ -1613,6 +1611,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
1613
1611
|
}] } });
|
|
1614
1612
|
AngularComponentFactory.Instance.registerComponent("sv-tagbox-filter", TagboxFilterComponent);
|
|
1615
1613
|
|
|
1614
|
+
class Key2ClickDirective {
|
|
1615
|
+
constructor(el) {
|
|
1616
|
+
this.el = el;
|
|
1617
|
+
this.isSubscribed = false;
|
|
1618
|
+
this.isPointerUpSubscribed = false;
|
|
1619
|
+
this.options = Object.assign({}, Key2ClickDirective.defaultOptions);
|
|
1620
|
+
this.onkeyup = (evt) => {
|
|
1621
|
+
evt.preventDefault();
|
|
1622
|
+
evt.stopPropagation();
|
|
1623
|
+
doKey2ClickUp(evt, this.options);
|
|
1624
|
+
};
|
|
1625
|
+
this.onpointerup = (evt) => {
|
|
1626
|
+
if (evt.pointerType === "pen") {
|
|
1627
|
+
evt.preventDefault();
|
|
1628
|
+
evt.stopPropagation();
|
|
1629
|
+
const element = evt.target;
|
|
1630
|
+
if (element === null || element === void 0 ? void 0 : element.click)
|
|
1631
|
+
element.click();
|
|
1632
|
+
}
|
|
1633
|
+
};
|
|
1634
|
+
this.subscribeEventListeners();
|
|
1635
|
+
this.subscribePointerUp();
|
|
1636
|
+
}
|
|
1637
|
+
onkeydown(evt) {
|
|
1638
|
+
doKey2ClickDown(evt, this.options);
|
|
1639
|
+
}
|
|
1640
|
+
blur(evt) {
|
|
1641
|
+
doKey2ClickBlur(evt);
|
|
1642
|
+
}
|
|
1643
|
+
get element() {
|
|
1644
|
+
return this.el.nativeElement;
|
|
1645
|
+
}
|
|
1646
|
+
subscribePointerUp() {
|
|
1647
|
+
if (this.isPointerUpSubscribed)
|
|
1648
|
+
return;
|
|
1649
|
+
this.element.addEventListener("pointerup", this.onpointerup.bind(this));
|
|
1650
|
+
this.isPointerUpSubscribed = true;
|
|
1651
|
+
}
|
|
1652
|
+
unsubscribePointerUp() {
|
|
1653
|
+
if (!this.isPointerUpSubscribed)
|
|
1654
|
+
return;
|
|
1655
|
+
this.element.removeEventListener("pointerup", this.onpointerup.bind(this));
|
|
1656
|
+
this.isPointerUpSubscribed = false;
|
|
1657
|
+
}
|
|
1658
|
+
subscribeEventListeners() {
|
|
1659
|
+
if (this.isSubscribed)
|
|
1660
|
+
return;
|
|
1661
|
+
this.element.tabIndex = 0;
|
|
1662
|
+
this.element.addEventListener("keyup", this.onkeyup.bind(this));
|
|
1663
|
+
this.element.addEventListener("keydown", this.onkeydown.bind(this));
|
|
1664
|
+
this.element.addEventListener("blur", this.blur);
|
|
1665
|
+
this.isSubscribed = true;
|
|
1666
|
+
}
|
|
1667
|
+
unsubscribeEventListeners() {
|
|
1668
|
+
if (!this.isSubscribed)
|
|
1669
|
+
return;
|
|
1670
|
+
this.element.tabIndex = -1;
|
|
1671
|
+
this.element.removeEventListener("keyup", this.onkeyup.bind(this));
|
|
1672
|
+
this.element.removeEventListener("keydown", this.onkeydown.bind(this));
|
|
1673
|
+
this.element.removeEventListener("blur", this.blur);
|
|
1674
|
+
this.isSubscribed = false;
|
|
1675
|
+
}
|
|
1676
|
+
ngOnChanges(changes) {
|
|
1677
|
+
const curValue = changes["key2click"].currentValue;
|
|
1678
|
+
this.subscribePointerUp();
|
|
1679
|
+
if (curValue.disableTabStop) {
|
|
1680
|
+
this.unsubscribeEventListeners();
|
|
1681
|
+
}
|
|
1682
|
+
else {
|
|
1683
|
+
this.subscribeEventListeners();
|
|
1684
|
+
}
|
|
1685
|
+
this.options = Object.assign({}, Key2ClickDirective.defaultOptions, curValue);
|
|
1686
|
+
}
|
|
1687
|
+
ngOnDestroy() {
|
|
1688
|
+
this.unsubscribeEventListeners();
|
|
1689
|
+
this.unsubscribePointerUp();
|
|
1690
|
+
}
|
|
1691
|
+
}
|
|
1692
|
+
Key2ClickDirective.defaultOptions = { processEsc: true, disableTabStop: false };
|
|
1693
|
+
Key2ClickDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Key2ClickDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1694
|
+
Key2ClickDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: Key2ClickDirective, selector: "[key2click]", inputs: { key2click: "key2click" }, usesOnChanges: true, ngImport: i0 });
|
|
1695
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Key2ClickDirective, decorators: [{
|
|
1696
|
+
type: Directive,
|
|
1697
|
+
args: [{
|
|
1698
|
+
selector: "[key2click]"
|
|
1699
|
+
}]
|
|
1700
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { key2click: [{
|
|
1701
|
+
type: Input
|
|
1702
|
+
}] } });
|
|
1703
|
+
|
|
1616
1704
|
class TagboxItemComponent extends EmbeddedViewContentComponent {
|
|
1617
1705
|
removeItem(event) {
|
|
1618
1706
|
this.question.dropdownListModel.deselectItem(this.item.value);
|
|
@@ -1623,7 +1711,7 @@ class TagboxItemComponent extends EmbeddedViewContentComponent {
|
|
|
1623
1711
|
}
|
|
1624
1712
|
}
|
|
1625
1713
|
TagboxItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TagboxItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1626
|
-
TagboxItemComponent.ɵcmp = i0.ɵɵ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, 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\" (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"] }] });
|
|
1714
|
+
TagboxItemComponent.ɵcmp = i0.ɵɵ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, 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"] }] });
|
|
1627
1715
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TagboxItemComponent, decorators: [{
|
|
1628
1716
|
type: Component,
|
|
1629
1717
|
args: [{
|
|
@@ -2254,7 +2342,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
2254
2342
|
class ButtonGroupQuestionComponent extends QuestionAngular {
|
|
2255
2343
|
}
|
|
2256
2344
|
ButtonGroupQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ButtonGroupQuestionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2257
|
-
ButtonGroupQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ButtonGroupQuestionComponent, selector: "sv-ng-buttongroup-question", usesInheritance: true, ngImport: i0, template: "<div role=\"group\" [class]=\"model.
|
|
2345
|
+
ButtonGroupQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ButtonGroupQuestionComponent, selector: "sv-ng-buttongroup-question", usesInheritance: true, ngImport: i0, 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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2258
2346
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ButtonGroupQuestionComponent, decorators: [{
|
|
2259
2347
|
type: Component,
|
|
2260
2348
|
args: [{
|
|
@@ -2290,96 +2378,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
2290
2378
|
}] } });
|
|
2291
2379
|
AngularComponentFactory.Instance.registerComponent("sv-components-container", ComponentsContainerComponent);
|
|
2292
2380
|
|
|
2293
|
-
class Key2ClickDirective {
|
|
2294
|
-
constructor(el) {
|
|
2295
|
-
this.el = el;
|
|
2296
|
-
this.isSubscribed = false;
|
|
2297
|
-
this.isPointerUpSubscribed = false;
|
|
2298
|
-
this.options = Object.assign({}, Key2ClickDirective.defaultOptions);
|
|
2299
|
-
this.onkeyup = (evt) => {
|
|
2300
|
-
evt.preventDefault();
|
|
2301
|
-
evt.stopPropagation();
|
|
2302
|
-
doKey2ClickUp(evt, this.options);
|
|
2303
|
-
};
|
|
2304
|
-
this.onpointerup = (evt) => {
|
|
2305
|
-
if (evt.pointerType === "pen") {
|
|
2306
|
-
evt.preventDefault();
|
|
2307
|
-
evt.stopPropagation();
|
|
2308
|
-
const element = evt.target;
|
|
2309
|
-
if (element === null || element === void 0 ? void 0 : element.click)
|
|
2310
|
-
element.click();
|
|
2311
|
-
}
|
|
2312
|
-
};
|
|
2313
|
-
this.subscribeEventListeners();
|
|
2314
|
-
this.subscribePointerUp();
|
|
2315
|
-
}
|
|
2316
|
-
onkeydown(evt) {
|
|
2317
|
-
doKey2ClickDown(evt, this.options);
|
|
2318
|
-
}
|
|
2319
|
-
blur(evt) {
|
|
2320
|
-
doKey2ClickBlur(evt);
|
|
2321
|
-
}
|
|
2322
|
-
get element() {
|
|
2323
|
-
return this.el.nativeElement;
|
|
2324
|
-
}
|
|
2325
|
-
subscribePointerUp() {
|
|
2326
|
-
if (this.isPointerUpSubscribed)
|
|
2327
|
-
return;
|
|
2328
|
-
this.element.addEventListener("pointerup", this.onpointerup.bind(this));
|
|
2329
|
-
this.isPointerUpSubscribed = true;
|
|
2330
|
-
}
|
|
2331
|
-
unsubscribePointerUp() {
|
|
2332
|
-
if (!this.isPointerUpSubscribed)
|
|
2333
|
-
return;
|
|
2334
|
-
this.element.removeEventListener("pointerup", this.onpointerup.bind(this));
|
|
2335
|
-
this.isPointerUpSubscribed = false;
|
|
2336
|
-
}
|
|
2337
|
-
subscribeEventListeners() {
|
|
2338
|
-
if (this.isSubscribed)
|
|
2339
|
-
return;
|
|
2340
|
-
this.element.tabIndex = 0;
|
|
2341
|
-
this.element.addEventListener("keyup", this.onkeyup.bind(this));
|
|
2342
|
-
this.element.addEventListener("keydown", this.onkeydown.bind(this));
|
|
2343
|
-
this.element.addEventListener("blur", this.blur);
|
|
2344
|
-
this.isSubscribed = true;
|
|
2345
|
-
}
|
|
2346
|
-
unsubscribeEventListeners() {
|
|
2347
|
-
if (!this.isSubscribed)
|
|
2348
|
-
return;
|
|
2349
|
-
this.element.tabIndex = -1;
|
|
2350
|
-
this.element.removeEventListener("keyup", this.onkeyup.bind(this));
|
|
2351
|
-
this.element.removeEventListener("keydown", this.onkeydown.bind(this));
|
|
2352
|
-
this.element.removeEventListener("blur", this.blur);
|
|
2353
|
-
this.isSubscribed = false;
|
|
2354
|
-
}
|
|
2355
|
-
ngOnChanges(changes) {
|
|
2356
|
-
const curValue = changes["key2click"].currentValue;
|
|
2357
|
-
this.subscribePointerUp();
|
|
2358
|
-
if (curValue.disableTabStop) {
|
|
2359
|
-
this.unsubscribeEventListeners();
|
|
2360
|
-
}
|
|
2361
|
-
else {
|
|
2362
|
-
this.subscribeEventListeners();
|
|
2363
|
-
}
|
|
2364
|
-
this.options = Object.assign({}, Key2ClickDirective.defaultOptions, curValue);
|
|
2365
|
-
}
|
|
2366
|
-
ngOnDestroy() {
|
|
2367
|
-
this.unsubscribeEventListeners();
|
|
2368
|
-
this.unsubscribePointerUp();
|
|
2369
|
-
}
|
|
2370
|
-
}
|
|
2371
|
-
Key2ClickDirective.defaultOptions = { processEsc: true, disableTabStop: false };
|
|
2372
|
-
Key2ClickDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Key2ClickDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2373
|
-
Key2ClickDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: Key2ClickDirective, selector: "[key2click]", inputs: { key2click: "key2click" }, usesOnChanges: true, ngImport: i0 });
|
|
2374
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Key2ClickDirective, decorators: [{
|
|
2375
|
-
type: Directive,
|
|
2376
|
-
args: [{
|
|
2377
|
-
selector: "[key2click]"
|
|
2378
|
-
}]
|
|
2379
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { key2click: [{
|
|
2380
|
-
type: Input
|
|
2381
|
-
}] } });
|
|
2382
|
-
|
|
2383
2381
|
class ActionBarItemComponent extends BaseAngular {
|
|
2384
2382
|
getModel() {
|
|
2385
2383
|
return this.model;
|