@touchpoll/tp-survey 0.0.38 → 0.0.40

package/fesm2022/touchpoll-tp-survey.mjs

@@ -174,11 +174,11 @@ const answerODValidator = (minValue, maxValue) => (control) => {
 };
 const answerOLValidator = (isPhoneNumber, canSkip) => (control) => {
     const text = typeof control.value !== 'string' ? '' : control.value.trim();
-    //Нужно чтобы в поле ввели хоть что-то.
+    //Нужно, чтобы в поле ввели хоть что-то.
     if (text.length === 0 && !canSkip) {
         return { answerOlAnswerError: true };
     }
-    if (isPhoneNumber && !canSkip) {
+    if (isPhoneNumber) {
         const res = text.length === 9 && !isNaN(Number(text));
         if (!res) {
             return { answerOlTelephoneFormatError: true };
@@ -2386,7 +2386,19 @@ class InsertQuestionCssDirective {
         const renderer = inject(Renderer2);
         const document = inject(DOCUMENT);
         //у каждого вопроса будет свой css класс, чтобы можно было переопределить стили в свойстве вопроса Css
-        effect(() => renderer.addClass(nativeElement, `question-${this.question()?.QuestionNum}`));
+        effect(() => {
+            //если вопрос не указан, то удаляем все классы, которые начинаются с question-
+            if (this.question()) {
+                renderer.addClass(nativeElement, `question-${this.question()?.QuestionNum}`);
+            }
+            else {
+                nativeElement.classList.forEach(className => {
+                    if (className.startsWith('question-')) {
+                        renderer.removeClass(nativeElement, className);
+                    }
+                });
+            }
+        });
         //Если у вопроса указан Css, то добавляем его в head страницы. С селектором div.question-N. Где N - номер вопроса
         effect(() => {
             if (this.question()?.Css) {