survey-angular-ui 1.9.126 → 1.9.128
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 +30 -40
- package/bundles/survey-angular-ui.umd.js.map +1 -1
- package/components/progress/buttons/progress.component.d.ts +14 -12
- package/esm2015/base-angular.js +1 -7
- package/esm2015/components/progress/buttons/progress.component.js +30 -33
- package/esm2015/questions/boolean.component.js +2 -2
- package/esm2015/questions/signature.component.js +2 -2
- package/fesm2015/survey-angular-ui.js +31 -40
- package/fesm2015/survey-angular-ui.js.map +1 -1
- package/package.json +1 -1
|
@@ -625,16 +625,10 @@
|
|
|
625
625
|
return true;
|
|
626
626
|
};
|
|
627
627
|
BaseAngular.prototype.beforeUpdate = function () {
|
|
628
|
-
if (this.getShouldReattachChangeDetector()) {
|
|
629
|
-
this.getChangeDetectorRef().detach();
|
|
630
|
-
}
|
|
631
628
|
this.setIsRendering(true);
|
|
632
629
|
};
|
|
633
630
|
BaseAngular.prototype.afterUpdate = function (isSync) {
|
|
634
631
|
if (isSync === void 0) { isSync = false; }
|
|
635
|
-
if (this.getShouldReattachChangeDetector()) {
|
|
636
|
-
this.getChangeDetectorRef().reattach();
|
|
637
|
-
}
|
|
638
632
|
this.setIsRendering(false);
|
|
639
633
|
};
|
|
640
634
|
BaseAngular.prototype.ngAfterViewChecked = function () {
|
|
@@ -2574,7 +2568,7 @@
|
|
|
2574
2568
|
return BooleanQuestionComponent;
|
|
2575
2569
|
}(QuestionAngular));
|
|
2576
2570
|
BooleanQuestionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BooleanQuestionComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2577
|
-
BooleanQuestionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: BooleanQuestionComponent, selector: "sv-ng-boolean-question", usesInheritance: true, ngImport: i0__namespace, template: "<div [class]=\"model.cssClasses.root\" (keydown)=\"model.onKeyDownCore($event)\" #contentElement>\n <label [class]=\"model.getItemCss()\">\n <input\n type=\"checkbox\"\n [attr.name]=\"model.name\" [attr.id]=\"model.inputId\" [attr.aria-required]=\"model.
|
|
2571
|
+
BooleanQuestionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: BooleanQuestionComponent, selector: "sv-ng-boolean-question", usesInheritance: true, ngImport: i0__namespace, template: "<div [class]=\"model.cssClasses.root\" (keydown)=\"model.onKeyDownCore($event)\" #contentElement>\n <label [class]=\"model.getItemCss()\">\n <input\n type=\"checkbox\"\n [attr.name]=\"model.name\" [attr.id]=\"model.inputId\" \n [attr.role]=\"model.a11y_input_ariaRole\"\n [attr.aria-required]=\"model.a11y_input_ariaRequired\"\n [attr.aria-label]=\"model.a11y_input_ariaLabel\"\n [attr.aria-labelledby]=\"model.a11y_input_ariaLabelledBy\"\n [attr.aria-invalid]=\"model.a11y_input_ariaInvalid\"\n [attr.aria-describedby]=\"model.a11y_input_ariaDescribedBy\"\n [class]=\"model.cssClasses.control\" [disabled]=\"model.isInputReadOnly\" [indeterminate]=\"model.isIndeterminate\" [value]=\"model.booleanValue\" [(ngModel)]=\"model.booleanValue\" />\n <div [class]=\"model.cssClasses.sliderGhost\" (click)=\"model.onLabelClick($event, false)\">\n <span [class]=\"model.getLabelCss(false)\" [model]=\"model.locLabelFalse\" sv-ng-string></span>\n </div>\n <div [class]=\"model.cssClasses.switch\" (click)=\"model.onSwitchClickModel($event)\">\n <span [class]=\"model.cssClasses.slider\">\n <span *ngIf=\"model.cssClasses.sliderText && model.isDeterminated\" [class]=\"model.cssClasses.sliderText\" [model]=\"model.getCheckedLabel()\" sv-ng-string></span>\n </span>\n </div>\n <div [class]=\"model.cssClasses.sliderGhost\" (click)=\"model.onLabelClick($event, true)\">\n <span [class]=\"model.getLabelCss(true)\" [model]=\"model.locLabelTrue\" sv-ng-string></span>\n </div>\n </label>\n</div>", components: [{ type: SurveyStringComponent, selector: "sv-ng-string, '[sv-ng-string]'", inputs: ["model"] }], directives: [{ type: i2__namespace$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2578
2572
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: BooleanQuestionComponent, decorators: [{
|
|
2579
2573
|
type: i0.Component,
|
|
2580
2574
|
args: [{
|
|
@@ -3342,28 +3336,27 @@
|
|
|
3342
3336
|
function ProgressButtonsComponent(changeDetectorRef) {
|
|
3343
3337
|
this.changeDetectorRef = changeDetectorRef;
|
|
3344
3338
|
this.hasScroller = false;
|
|
3345
|
-
this.
|
|
3339
|
+
this.canShowHeader = false;
|
|
3340
|
+
this.canShowFooter = false;
|
|
3341
|
+
this.canShowItemTitles = true;
|
|
3346
3342
|
}
|
|
3347
|
-
ProgressButtonsComponent.prototype.
|
|
3348
|
-
this.
|
|
3349
|
-
|
|
3350
|
-
|
|
3351
|
-
this.createProgressButtonsModel();
|
|
3352
|
-
};
|
|
3353
|
-
ProgressButtonsComponent.prototype.ngOnChanges = function (changes) {
|
|
3354
|
-
this.createProgressButtonsModel();
|
|
3343
|
+
ProgressButtonsComponent.prototype.onResize = function (canShowItemTitles) {
|
|
3344
|
+
this.canShowItemTitles = canShowItemTitles;
|
|
3345
|
+
this.canShowHeader = !this.canShowItemTitles;
|
|
3346
|
+
this.changeDetectorRef.detectChanges();
|
|
3355
3347
|
};
|
|
3356
|
-
ProgressButtonsComponent.prototype.
|
|
3357
|
-
|
|
3348
|
+
ProgressButtonsComponent.prototype.onUpdateScroller = function (hasScroller) {
|
|
3349
|
+
this.hasScroller = hasScroller;
|
|
3350
|
+
this.changeDetectorRef.detectChanges();
|
|
3358
3351
|
};
|
|
3359
|
-
ProgressButtonsComponent.prototype.
|
|
3360
|
-
|
|
3352
|
+
ProgressButtonsComponent.prototype.onUpdateSettings = function () {
|
|
3353
|
+
this.canShowItemTitles = this.model.showItemTitles;
|
|
3354
|
+
this.canShowFooter = !this.model.showItemTitles;
|
|
3355
|
+
this.changeDetectorRef.detectChanges();
|
|
3361
3356
|
};
|
|
3362
|
-
ProgressButtonsComponent.prototype.
|
|
3363
|
-
this.progressButtonsModel.clickListElement(index);
|
|
3357
|
+
ProgressButtonsComponent.prototype.ngOnInit = function () {
|
|
3364
3358
|
};
|
|
3365
|
-
ProgressButtonsComponent.prototype.
|
|
3366
|
-
return this.progressButtonsModel.getScrollButtonCss(this.hasScroller, isLeftScroll);
|
|
3359
|
+
ProgressButtonsComponent.prototype.ngOnChanges = function (changes) {
|
|
3367
3360
|
};
|
|
3368
3361
|
ProgressButtonsComponent.prototype.clickScrollButton = function (isLeftScroll) {
|
|
3369
3362
|
if (this.progressButtonsListContainer) {
|
|
@@ -3371,27 +3364,20 @@
|
|
|
3371
3364
|
}
|
|
3372
3365
|
};
|
|
3373
3366
|
ProgressButtonsComponent.prototype.ngAfterViewInit = function () {
|
|
3374
|
-
var
|
|
3375
|
-
this.
|
|
3376
|
-
|
|
3377
|
-
|
|
3378
|
-
|
|
3379
|
-
var listContainerElement = _this.progressButtonsListContainer.nativeElement;
|
|
3380
|
-
_this.hasScroller = listContainerElement.scrollWidth > listContainerElement.offsetWidth;
|
|
3381
|
-
_this.changeDetectorRef.detectChanges();
|
|
3382
|
-
}
|
|
3383
|
-
}, 100);
|
|
3367
|
+
var _a;
|
|
3368
|
+
if (!!((_a = this.progressButtonsListContainer) === null || _a === void 0 ? void 0 : _a.nativeElement)) {
|
|
3369
|
+
var element = this.progressButtonsListContainer.nativeElement;
|
|
3370
|
+
this.respManager = new Survey.ProgressButtonsResponsivityManager(this.model, element, this);
|
|
3371
|
+
}
|
|
3384
3372
|
};
|
|
3385
3373
|
ProgressButtonsComponent.prototype.ngOnDestroy = function () {
|
|
3386
|
-
|
|
3387
|
-
|
|
3388
|
-
this.updateScroller = undefined;
|
|
3389
|
-
}
|
|
3374
|
+
var _a;
|
|
3375
|
+
(_a = this.respManager) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
3390
3376
|
};
|
|
3391
3377
|
return ProgressButtonsComponent;
|
|
3392
3378
|
}());
|
|
3393
3379
|
ProgressButtonsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ProgressButtonsComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3394
|
-
ProgressButtonsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ProgressButtonsComponent, selector: "sv-ng-progress-buttons", inputs: { model: "model" }, viewQueries: [{ propertyName: "progressButtonsListContainer", first: true, predicate: ["progressButtonsListContainer"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div [class]=\"model.css.
|
|
3380
|
+
ProgressButtonsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ProgressButtonsComponent, selector: "sv-ng-progress-buttons", inputs: { model: "model", survey: "survey", container: "container" }, viewQueries: [{ propertyName: "progressButtonsListContainer", first: true, predicate: ["progressButtonsListContainer"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div [class]=\"model.getRootCss(container)\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-label=\"progress\">\n <div *ngIf=\"canShowHeader\" [class]=\"survey.css.progressButtonsHeader\">\n <div [class]=\"survey.css.progressButtonsPageTitle\" [title]=\"model.headerText\">{{ model.headerText }}</div>\n </div>\n <div [class]=\"survey.css.progressButtonsContainer\">\n <div\n [class]=\"model.getScrollButtonCss(hasScroller, true)\"\n (click)=\"clickScrollButton(true)\"\n role=\"button\"\n ></div>\n <div\n [class]=\"survey.css.progressButtonsListContainer\" #progressButtonsListContainer>\n <ul [class]=\"survey.css.progressButtonsList\">\n <li\n *ngFor=\"let page of survey.visiblePages; index as index\"\n [class]=\"model.getListElementCss(index)\"\n (click)=\"model.isListElementClickable(index) ? model.clickListElement(page) : null\"\n [attr.data-page-number]=\"model.getItemNumber(page)\">\n <div [class]=\"survey.css.progressButtonsConnector\"></div>\n <div *ngIf=\"canShowItemTitles\"\n [class]=\"survey.css.progressButtonsPageTitle\"\n [title]=\"page.renderedNavigationTitle\"\n >\n {{ page.renderedNavigationTitle }}\n </div>\n <div *ngIf=\"canShowItemTitles\"\n [class]=\"survey.css.progressButtonsPageDescription\"\n [title]=\"page.locNavigationDescription.renderedHtml\"\n >\n {{ page.locNavigationDescription.renderedHtml }}\n </div>\n </li>\n </ul>\n </div>\n <div\n [class]=\"model.getScrollButtonCss(hasScroller, false)\"\n (click)=\"clickScrollButton(false)\"\n role=\"button\"\n ></div>\n </div>\n <div *ngIf=\"canShowFooter\" [class]=\"survey.css.progressButtonsFooter\">\n <div [class]=\"survey.css.progressButtonsPageTitle\" [title]=\"model.footerText\">{{ model.footerText }}</div>\n </div>\n</div>", directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
3395
3381
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ProgressButtonsComponent, decorators: [{
|
|
3396
3382
|
type: i0.Component,
|
|
3397
3383
|
args: [{
|
|
@@ -3400,6 +3386,10 @@
|
|
|
3400
3386
|
}]
|
|
3401
3387
|
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { model: [{
|
|
3402
3388
|
type: i0.Input
|
|
3389
|
+
}], survey: [{
|
|
3390
|
+
type: i0.Input
|
|
3391
|
+
}], container: [{
|
|
3392
|
+
type: i0.Input
|
|
3403
3393
|
}], progressButtonsListContainer: [{
|
|
3404
3394
|
type: i0.ViewChild,
|
|
3405
3395
|
args: ["progressButtonsListContainer"]
|
|
@@ -3648,7 +3638,7 @@
|
|
|
3648
3638
|
return SignaturePadQuestionComponent;
|
|
3649
3639
|
}(QuestionAngular));
|
|
3650
3640
|
SignaturePadQuestionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SignaturePadQuestionComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3651
|
-
SignaturePadQuestionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SignaturePadQuestionComponent, selector: "sv-ng-signature-component", usesInheritance: true, ngImport: i0__namespace, template: "<div\n[class]=\"model.cssClasses.root\"\n[style.width]=\"model.renderedCanvasWidth\" #contentElement>\n<div [class]=\"model.cssClasses.placeholder\" [visible]=\"model.needShowPlaceholder()\" [model]=\"$any(model).locPlaceholder\" sv-ng-string></div>\n<div>\n <img *ngIf=\"!!model.backgroundImage\" [src]=\"model.backgroundImage\" [style.width]=\"model.renderedCanvasWidth\" [class]=\"model.cssClasses.backgroundImage\">\n <canvas tabindex=\"
|
|
3641
|
+
SignaturePadQuestionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SignaturePadQuestionComponent, selector: "sv-ng-signature-component", usesInheritance: true, ngImport: i0__namespace, template: "<div\n[class]=\"model.cssClasses.root\"\n[style.width]=\"model.renderedCanvasWidth\" #contentElement>\n<div [class]=\"model.cssClasses.placeholder\" [visible]=\"model.needShowPlaceholder()\" [model]=\"$any(model).locPlaceholder\" sv-ng-string></div>\n<div>\n <img *ngIf=\"!!model.backgroundImage\" [src]=\"model.backgroundImage\" [style.width]=\"model.renderedCanvasWidth\" [class]=\"model.cssClasses.backgroundImage\">\n <canvas tabindex=\"-1\" [class]=\"model.cssClasses.canvas\" (blur)=\"model.onBlur($event)\"></canvas>\n</div>\n<div [class]=\"model.cssClasses.controls\" *ngIf=\"model.canShowClearButton\">\n <button\n type=\"button\"\n [class]=\"model.cssClasses.clearButton\"\n [title]=\"model.clearButtonCaption\"\n (click)=\"model.clearValue()\"\n >\n <span *ngIf=\"!model.cssClasses.clearButtonIconId\">\u2716</span>\n <svg\n *ngIf=\"model.cssClasses.clearButtonIconId\"\n [iconName]=\"model.cssClasses.clearButtonIconId\"\n [size]=\"'auto'\" sv-ng-svg-icon></svg>\n </button>\n</div>\n<ng-container *ngIf=\"model.showLoadingIndicator\">\n <div [class]=\"model.cssClasses.loadingIndicator\">\n <sv-ng-loading-indicator></sv-ng-loading-indicator>\n </div>\n</ng-container>\n</div>", 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"] }, { type: LoadingIndicatorComponent, selector: "sv-ng-loading-indicator" }], directives: [{ type: VisibleDirective, selector: "[visible]", inputs: ["visible"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3652
3642
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SignaturePadQuestionComponent, decorators: [{
|
|
3653
3643
|
type: i0.Component,
|
|
3654
3644
|
args: [{
|