@webitel/ui-sdk 23.9.1 → 23.9.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "23.09.1",
+  "version": "23.09.3",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",

package/src/components/wt-select/mixins/multiselectMixin.js

@@ -144,8 +144,16 @@ export default {
     tag() {},
   },
 
+  watch: {
+    disabled() {
+      // load options if becomes enabled
+      if (!this.disabled) this.fetchOptions();
+    }
+  },
+
   created() {
-    this.fetchOptions();
+    // load options only if not disabled
+    if (!this.disabled) this.fetchOptions();
     this.fetchOptions = debounce(this.fetchOptions, 500);
   },
 };

package/src/locale/en/en.js

@@ -334,6 +334,7 @@ export default {
         options: 'Options',
         score: 'Score',
       },
+      clearSelection: 'Clear selection',
     },
     deleteConfirmationPopup: {
       title: 'Confirm deletion',

package/src/locale/ru/ru.js

@@ -332,6 +332,7 @@ export default {
         options: 'Вариант',
         score: 'Бал',
       },
+      clearSelection: 'Очистить выбор',
     },
     deleteConfirmationPopup: {
       title: 'Подтвердите удаление',

package/src/locale/ua/ua.js

@@ -332,6 +332,7 @@ export default {
         options: 'Варіант',
         score: 'Бал',
       },
+      clearSelection: 'Очистити вибір',
     },
     deleteConfirmationPopup: {
       title: 'Підтвердіть видалення',

package/src/modules/AuditForm/components/audit-form-question-read-wrapper.vue

@@ -30,6 +30,11 @@
         mode="read"
         @change:result="!readonly && emit('change:result', $event)"
       ></component>
+      <div
+        v-show="isResult"
+        class="audit-form-question--clear"
+        @click="emit('change:result', {})"
+      >{{ $t('webitelUI.auditForm.clearSelection') }}</div>
     </section>
   </article>
 </template>
@@ -119,4 +124,9 @@ const isResult = computed(() => !isEmpty(props.result));
     }
   }
 }
+.audit-form-question--clear {
+  margin-top: var(--spacing-sm);;
+  cursor: pointer;
+  color: var(--link-color);
+}
 </style>