@touchpoll/tp-survey 0.0.28 → 0.0.29
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.
|
@@ -603,7 +603,7 @@ class GetQuestionImageBackgroundCssSizePipe {
|
|
|
603
603
|
}
|
|
604
604
|
else {
|
|
605
605
|
value = value.toLowerCase().trim();
|
|
606
|
-
if (value.endsWith('%') || value.endsWith('px')) {
|
|
606
|
+
if (value.endsWith('%') || value.endsWith('px') || value.endsWith('vh') || value.endsWith('vw')) {
|
|
607
607
|
return value;
|
|
608
608
|
}
|
|
609
609
|
else {
|
|
@@ -636,7 +636,7 @@ class AnswerSSComponent extends AnswerMasterComponent {
|
|
|
636
636
|
useExisting: forwardRef(() => AnswerSSComponent),
|
|
637
637
|
multi: true
|
|
638
638
|
},
|
|
639
|
-
], usesInheritance: true, ngImport: i0, template: "<mat-radio-group\r\n class=\"container-ms-ss-alternatives\"\r\n [tpSurveyAlternativesContainer] = \"question()\"\r\n [containerViewModel]=\"viewModel()\"\r\n [formControl]=\"control\">\r\n @for (alt of alternativeList(); track alt.Value; let index = $index) {\r\n <mat-radio-button\r\n #tablet_alt\r\n class=\"alternative-ss-ms tp-survey-radio-button\"\r\n [style.font-size.%]=\"viewModel() === viewModelE.vmTablet ? question().AlternativeTabletFontSize : undefined\"\r\n [value]=\"alt.Value\"\r\n (change)=\"onAlternativeClick.emit($event.value)\">\r\n @if (alt.IsMute) {\r\n <mat-icon class=\"icon-is-mute\" svgIcon=\"iconIsMute\"></mat-icon>\r\n }\r\n <div class=\"container-caption\" [class.container-image]=\"!!alt.BackGround.Image\">\r\n @if (alt.BackGround.Image) {\r\n @let imageSize = question() | getQuestionImageBackgroundCssSize;\r\n <img alt=\"answer logo\" [style.height]=\"imageSize.height\" [style.width]=\"imageSize.width\" [src]=\"repositoryPath()+'/' + alt.BackGround.Image\" importance=\"low\" loading=\"lazy\">\r\n }\r\n <span class=\"alternative-ss-ms-caption survey-object-caption\" [innerHTML]= \"alt.MultiLangCaptions | multiLangObjectToHtml:language()\"></span>\r\n </div>\r\n </mat-radio-button>\r\n }\r\n</mat-radio-group>\r\n\r\n", styles: [".container-controls{display:grid;justify-content:center;gap:1em}.container-controls>mat-radio-group{display:grid;grid-column-gap:2em;grid-gap:.5em;min-width:200px}.container-image{display:flex;flex-flow:column}@media (max-width: 480px){.container-controls{padding:1em}}\n"], dependencies: [{ kind: "directive", type: MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "pipe", type: MultiLangObjectToHtmlPipe, name: "multiLangObjectToHtml" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: AlternativesContainerDirective, selector: "[tpSurveyAlternativesContainer]", inputs: ["tpSurveyAlternativesContainer", "containerViewModel"] }, { kind: "pipe", type: GetQuestionImageBackgroundCssSizePipe, name: "getQuestionImageBackgroundCssSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
639
|
+
], usesInheritance: true, ngImport: i0, template: "<mat-radio-group\r\n class=\"container-ms-ss-alternatives\"\r\n [tpSurveyAlternativesContainer] = \"question()\"\r\n [containerViewModel]=\"viewModel()\"\r\n [formControl]=\"control\">\r\n @for (alt of alternativeList(); track alt.Value; let index = $index) {\r\n <mat-radio-button\r\n #tablet_alt\r\n class=\"alternative-ss-ms tp-survey-radio-button\"\r\n [style.font-size.%]=\"viewModel() === viewModelE.vmTablet ? question().AlternativeTabletFontSize : undefined\"\r\n [value]=\"alt.Value\"\r\n (change)=\"onAlternativeClick.emit($event.value)\">\r\n @if (alt.IsMute) {\r\n <mat-icon class=\"icon-is-mute\" svgIcon=\"iconIsMute\"></mat-icon>\r\n }\r\n <div class=\"container-caption\" [class.container-image]=\"!!alt.BackGround.Image\">\r\n @if (alt.BackGround.Image) {\r\n @let imageSize = question() | getQuestionImageBackgroundCssSize;\r\n <img alt=\"answer logo\" [style.height]=\"imageSize.height\" [style.width]=\"imageSize.width\" [src]=\"repositoryPath()+'/' + alt.BackGround.Image\" importance=\"low\" loading=\"lazy\" class=\"answer-image\">\r\n }\r\n <span class=\"alternative-ss-ms-caption survey-object-caption\" [innerHTML]= \"alt.MultiLangCaptions | multiLangObjectToHtml:language()\"></span>\r\n </div>\r\n </mat-radio-button>\r\n }\r\n</mat-radio-group>\r\n\r\n", styles: [".container-controls{display:grid;justify-content:center;gap:1em}.container-controls>mat-radio-group{display:grid;grid-column-gap:2em;grid-gap:.5em;min-width:200px}.container-image{display:flex;flex-flow:column}.answer-image{object-fit:cover}@media (max-width: 480px){.container-controls{padding:1em}}\n"], dependencies: [{ kind: "directive", type: MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "pipe", type: MultiLangObjectToHtmlPipe, name: "multiLangObjectToHtml" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: AlternativesContainerDirective, selector: "[tpSurveyAlternativesContainer]", inputs: ["tpSurveyAlternativesContainer", "containerViewModel"] }, { kind: "pipe", type: GetQuestionImageBackgroundCssSizePipe, name: "getQuestionImageBackgroundCssSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
640
640
|
}
|
|
641
641
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AnswerSSComponent, decorators: [{
|
|
642
642
|
type: Component,
|
|
@@ -654,7 +654,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
|
|
|
654
654
|
useExisting: forwardRef(() => AnswerSSComponent),
|
|
655
655
|
multi: true
|
|
656
656
|
},
|
|
657
|
-
], template: "<mat-radio-group\r\n class=\"container-ms-ss-alternatives\"\r\n [tpSurveyAlternativesContainer] = \"question()\"\r\n [containerViewModel]=\"viewModel()\"\r\n [formControl]=\"control\">\r\n @for (alt of alternativeList(); track alt.Value; let index = $index) {\r\n <mat-radio-button\r\n #tablet_alt\r\n class=\"alternative-ss-ms tp-survey-radio-button\"\r\n [style.font-size.%]=\"viewModel() === viewModelE.vmTablet ? question().AlternativeTabletFontSize : undefined\"\r\n [value]=\"alt.Value\"\r\n (change)=\"onAlternativeClick.emit($event.value)\">\r\n @if (alt.IsMute) {\r\n <mat-icon class=\"icon-is-mute\" svgIcon=\"iconIsMute\"></mat-icon>\r\n }\r\n <div class=\"container-caption\" [class.container-image]=\"!!alt.BackGround.Image\">\r\n @if (alt.BackGround.Image) {\r\n @let imageSize = question() | getQuestionImageBackgroundCssSize;\r\n <img alt=\"answer logo\" [style.height]=\"imageSize.height\" [style.width]=\"imageSize.width\" [src]=\"repositoryPath()+'/' + alt.BackGround.Image\" importance=\"low\" loading=\"lazy\">\r\n }\r\n <span class=\"alternative-ss-ms-caption survey-object-caption\" [innerHTML]= \"alt.MultiLangCaptions | multiLangObjectToHtml:language()\"></span>\r\n </div>\r\n </mat-radio-button>\r\n }\r\n</mat-radio-group>\r\n\r\n", styles: [".container-controls{display:grid;justify-content:center;gap:1em}.container-controls>mat-radio-group{display:grid;grid-column-gap:2em;grid-gap:.5em;min-width:200px}.container-image{display:flex;flex-flow:column}@media (max-width: 480px){.container-controls{padding:1em}}\n"] }]
|
|
657
|
+
], template: "<mat-radio-group\r\n class=\"container-ms-ss-alternatives\"\r\n [tpSurveyAlternativesContainer] = \"question()\"\r\n [containerViewModel]=\"viewModel()\"\r\n [formControl]=\"control\">\r\n @for (alt of alternativeList(); track alt.Value; let index = $index) {\r\n <mat-radio-button\r\n #tablet_alt\r\n class=\"alternative-ss-ms tp-survey-radio-button\"\r\n [style.font-size.%]=\"viewModel() === viewModelE.vmTablet ? question().AlternativeTabletFontSize : undefined\"\r\n [value]=\"alt.Value\"\r\n (change)=\"onAlternativeClick.emit($event.value)\">\r\n @if (alt.IsMute) {\r\n <mat-icon class=\"icon-is-mute\" svgIcon=\"iconIsMute\"></mat-icon>\r\n }\r\n <div class=\"container-caption\" [class.container-image]=\"!!alt.BackGround.Image\">\r\n @if (alt.BackGround.Image) {\r\n @let imageSize = question() | getQuestionImageBackgroundCssSize;\r\n <img alt=\"answer logo\" [style.height]=\"imageSize.height\" [style.width]=\"imageSize.width\" [src]=\"repositoryPath()+'/' + alt.BackGround.Image\" importance=\"low\" loading=\"lazy\" class=\"answer-image\">\r\n }\r\n <span class=\"alternative-ss-ms-caption survey-object-caption\" [innerHTML]= \"alt.MultiLangCaptions | multiLangObjectToHtml:language()\"></span>\r\n </div>\r\n </mat-radio-button>\r\n }\r\n</mat-radio-group>\r\n\r\n", styles: [".container-controls{display:grid;justify-content:center;gap:1em}.container-controls>mat-radio-group{display:grid;grid-column-gap:2em;grid-gap:.5em;min-width:200px}.container-image{display:flex;flex-flow:column}.answer-image{object-fit:cover}@media (max-width: 480px){.container-controls{padding:1em}}\n"] }]
|
|
658
658
|
}] });
|
|
659
659
|
|
|
660
660
|
class AnswerInfoComponent extends AnswerMasterComponent {
|
|
@@ -759,7 +759,7 @@ class AnswerMSComponent extends AnswerMasterComponent {
|
|
|
759
759
|
useExisting: forwardRef(() => AnswerMSComponent),
|
|
760
760
|
multi: true
|
|
761
761
|
},
|
|
762
|
-
], usesInheritance: true, ngImport: i0, template: "<ng-container [formGroup]=\"answerMSForm\">\r\n\r\n <div\r\n class=\"container-ms-ss-alternatives\"\r\n [tpSurveyAlternativesContainer] = \"question()\"\r\n [containerViewModel]=\"viewModel()\"\r\n formArrayName=\"alternativeList\">\r\n @for (alt of answerMSForm.controls.alternativeList.controls; track alt; let indx = $index) {\r\n <mat-checkbox\r\n #tablet_alt\r\n [formControl]=\"alt\"\r\n [style.font-size.%]=\"viewModel() === viewModelE.vmTablet ? question().AlternativeTabletFontSize : undefined\"\r\n (change)=\"onAlternativeClick.emit(alternativeList()[indx].Value)\"\r\n class=\"alternative-ss-ms tp-survey-checkbox\">\r\n @if (alternativeList()[indx].IsMute) {\r\n <mat-icon class=\"icon-is-mute\" svgIcon=\"iconIsMute\"></mat-icon>\r\n }\r\n <div class=\"container-caption\" [class.container-image]=\"!!alternativeList()[indx].BackGround.Image\">\r\n @if (alternativeList()[indx].BackGround.Image) {\r\n @let imageSize = question() | getQuestionImageBackgroundCssSize;\r\n <img alt=\"answer logo\" [style.height]=\"imageSize.height\" [style.width]=\"imageSize.width\" [src]=\"repositoryPath()+'/' + alternativeList()[indx].BackGround.Image\" importance=\"low\" loading=\"lazy\">\r\n }\r\n <span class=\"alternative-ss-ms-caption survey-object-caption\" [innerHTML]= \"alternativeList()[indx].MultiLangCaptions | multiLangObjectToHtml:language()\"></span>\r\n </div>\r\n </mat-checkbox>\r\n }\r\n </div>\r\n</ng-container>\r\n", styles: [".container-main-tablet{position:absolute;width:100%;height:100%;top:0;box-sizing:border-box;overflow:hidden}.radio-button{margin:4px}.container-image{display:flex;flex-flow:column}@media (max-width: 480px){.container-controls{padding:1em}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "pipe", type: MultiLangObjectToHtmlPipe, name: "multiLangObjectToHtml" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: AlternativesContainerDirective, selector: "[tpSurveyAlternativesContainer]", inputs: ["tpSurveyAlternativesContainer", "containerViewModel"] }, { kind: "pipe", type: GetQuestionImageBackgroundCssSizePipe, name: "getQuestionImageBackgroundCssSize" }] }); }
|
|
762
|
+
], usesInheritance: true, ngImport: i0, template: "<ng-container [formGroup]=\"answerMSForm\">\r\n\r\n <div\r\n class=\"container-ms-ss-alternatives\"\r\n [tpSurveyAlternativesContainer] = \"question()\"\r\n [containerViewModel]=\"viewModel()\"\r\n formArrayName=\"alternativeList\">\r\n @for (alt of answerMSForm.controls.alternativeList.controls; track alt; let indx = $index) {\r\n <mat-checkbox\r\n #tablet_alt\r\n [formControl]=\"alt\"\r\n [style.font-size.%]=\"viewModel() === viewModelE.vmTablet ? question().AlternativeTabletFontSize : undefined\"\r\n (change)=\"onAlternativeClick.emit(alternativeList()[indx].Value)\"\r\n class=\"alternative-ss-ms tp-survey-checkbox\">\r\n @if (alternativeList()[indx].IsMute) {\r\n <mat-icon class=\"icon-is-mute\" svgIcon=\"iconIsMute\"></mat-icon>\r\n }\r\n <div class=\"container-caption\" [class.container-image]=\"!!alternativeList()[indx].BackGround.Image\">\r\n @if (alternativeList()[indx].BackGround.Image) {\r\n @let imageSize = question() | getQuestionImageBackgroundCssSize;\r\n <img alt=\"answer logo\" [style.height]=\"imageSize.height\" [style.width]=\"imageSize.width\" [src]=\"repositoryPath()+'/' + alternativeList()[indx].BackGround.Image\" importance=\"low\" loading=\"lazy\" class=\"answer-image\">\r\n }\r\n <span class=\"alternative-ss-ms-caption survey-object-caption\" [innerHTML]= \"alternativeList()[indx].MultiLangCaptions | multiLangObjectToHtml:language()\"></span>\r\n </div>\r\n </mat-checkbox>\r\n }\r\n </div>\r\n</ng-container>\r\n", styles: [".container-main-tablet{position:absolute;width:100%;height:100%;top:0;box-sizing:border-box;overflow:hidden}.radio-button{margin:4px}.container-image{display:flex;flex-flow:column}.answer-image{object-fit:cover}@media (max-width: 480px){.container-controls{padding:1em}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "pipe", type: MultiLangObjectToHtmlPipe, name: "multiLangObjectToHtml" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: AlternativesContainerDirective, selector: "[tpSurveyAlternativesContainer]", inputs: ["tpSurveyAlternativesContainer", "containerViewModel"] }, { kind: "pipe", type: GetQuestionImageBackgroundCssSizePipe, name: "getQuestionImageBackgroundCssSize" }] }); }
|
|
763
763
|
}
|
|
764
764
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AnswerMSComponent, decorators: [{
|
|
765
765
|
type: Component,
|
|
@@ -776,7 +776,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
|
|
|
776
776
|
useExisting: forwardRef(() => AnswerMSComponent),
|
|
777
777
|
multi: true
|
|
778
778
|
},
|
|
779
|
-
], template: "<ng-container [formGroup]=\"answerMSForm\">\r\n\r\n <div\r\n class=\"container-ms-ss-alternatives\"\r\n [tpSurveyAlternativesContainer] = \"question()\"\r\n [containerViewModel]=\"viewModel()\"\r\n formArrayName=\"alternativeList\">\r\n @for (alt of answerMSForm.controls.alternativeList.controls; track alt; let indx = $index) {\r\n <mat-checkbox\r\n #tablet_alt\r\n [formControl]=\"alt\"\r\n [style.font-size.%]=\"viewModel() === viewModelE.vmTablet ? question().AlternativeTabletFontSize : undefined\"\r\n (change)=\"onAlternativeClick.emit(alternativeList()[indx].Value)\"\r\n class=\"alternative-ss-ms tp-survey-checkbox\">\r\n @if (alternativeList()[indx].IsMute) {\r\n <mat-icon class=\"icon-is-mute\" svgIcon=\"iconIsMute\"></mat-icon>\r\n }\r\n <div class=\"container-caption\" [class.container-image]=\"!!alternativeList()[indx].BackGround.Image\">\r\n @if (alternativeList()[indx].BackGround.Image) {\r\n @let imageSize = question() | getQuestionImageBackgroundCssSize;\r\n <img alt=\"answer logo\" [style.height]=\"imageSize.height\" [style.width]=\"imageSize.width\" [src]=\"repositoryPath()+'/' + alternativeList()[indx].BackGround.Image\" importance=\"low\" loading=\"lazy\">\r\n }\r\n <span class=\"alternative-ss-ms-caption survey-object-caption\" [innerHTML]= \"alternativeList()[indx].MultiLangCaptions | multiLangObjectToHtml:language()\"></span>\r\n </div>\r\n </mat-checkbox>\r\n }\r\n </div>\r\n</ng-container>\r\n", styles: [".container-main-tablet{position:absolute;width:100%;height:100%;top:0;box-sizing:border-box;overflow:hidden}.radio-button{margin:4px}.container-image{display:flex;flex-flow:column}@media (max-width: 480px){.container-controls{padding:1em}}\n"] }]
|
|
779
|
+
], template: "<ng-container [formGroup]=\"answerMSForm\">\r\n\r\n <div\r\n class=\"container-ms-ss-alternatives\"\r\n [tpSurveyAlternativesContainer] = \"question()\"\r\n [containerViewModel]=\"viewModel()\"\r\n formArrayName=\"alternativeList\">\r\n @for (alt of answerMSForm.controls.alternativeList.controls; track alt; let indx = $index) {\r\n <mat-checkbox\r\n #tablet_alt\r\n [formControl]=\"alt\"\r\n [style.font-size.%]=\"viewModel() === viewModelE.vmTablet ? question().AlternativeTabletFontSize : undefined\"\r\n (change)=\"onAlternativeClick.emit(alternativeList()[indx].Value)\"\r\n class=\"alternative-ss-ms tp-survey-checkbox\">\r\n @if (alternativeList()[indx].IsMute) {\r\n <mat-icon class=\"icon-is-mute\" svgIcon=\"iconIsMute\"></mat-icon>\r\n }\r\n <div class=\"container-caption\" [class.container-image]=\"!!alternativeList()[indx].BackGround.Image\">\r\n @if (alternativeList()[indx].BackGround.Image) {\r\n @let imageSize = question() | getQuestionImageBackgroundCssSize;\r\n <img alt=\"answer logo\" [style.height]=\"imageSize.height\" [style.width]=\"imageSize.width\" [src]=\"repositoryPath()+'/' + alternativeList()[indx].BackGround.Image\" importance=\"low\" loading=\"lazy\" class=\"answer-image\">\r\n }\r\n <span class=\"alternative-ss-ms-caption survey-object-caption\" [innerHTML]= \"alternativeList()[indx].MultiLangCaptions | multiLangObjectToHtml:language()\"></span>\r\n </div>\r\n </mat-checkbox>\r\n }\r\n </div>\r\n</ng-container>\r\n", styles: [".container-main-tablet{position:absolute;width:100%;height:100%;top:0;box-sizing:border-box;overflow:hidden}.radio-button{margin:4px}.container-image{display:flex;flex-flow:column}.answer-image{object-fit:cover}@media (max-width: 480px){.container-controls{padding:1em}}\n"] }]
|
|
780
780
|
}], ctorParameters: () => [] });
|
|
781
781
|
|
|
782
782
|
class AdditionalAnswerCaptionPositionDirective {
|