@webitel/ui-sdk 25.8.48 → 25.8.50

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "25.8.48",
3
+ "version": "25.8.50",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run lint:fix || true) && npm run publish-lib",
@@ -1,13 +1,13 @@
1
1
  <template>
2
- <div
2
+ <div
3
3
  class="wt-checkbox"
4
4
  >
5
5
  <p-checkbox
6
6
  v-model="model"
7
- :input-id="checkboxId"
7
+ :binary="isSingle"
8
8
  :disabled="disabled"
9
+ :input-id="checkboxId"
9
10
  :value="value"
10
- :binary="isSingle"
11
11
  >
12
12
  <template #icon>
13
13
  <span class="wt-checkbox__checkmark">
@@ -18,10 +18,9 @@
18
18
  </span>
19
19
  </template>
20
20
  </p-checkbox>
21
- <wt-label
22
- v-if="label"
23
- :for="checkboxId"
21
+ <wt-label
24
22
  :disabled="disabled"
23
+ :for="checkboxId"
25
24
  >
26
25
  <!-- @slot Custom label markup -->
27
26
  <slot
@@ -29,6 +28,7 @@
29
28
  v-bind="{ label, isChecked, disabled }"
30
29
  >
31
30
  <div
31
+ v-if="label"
32
32
  class="wt-checkbox__label"
33
33
  >
34
34
  {{ label }}
@@ -38,7 +38,7 @@
38
38
  </div>
39
39
  </template>
40
40
 
41
- <script setup lang="ts">
41
+ <script lang="ts" setup>
42
42
  import type { CheckboxProps } from 'primevue/checkbox';
43
43
  import { computed, defineModel, defineProps } from 'vue';
44
44
 
@@ -84,8 +84,8 @@ const iconColor = computed(() => {
84
84
 
85
85
  <style lang="scss" scoped>
86
86
  .wt-checkbox {
87
- display: flex;
88
87
  position: relative;
88
+ display: flex;
89
89
  align-items: center;
90
90
  user-select: none;
91
91
  }
@@ -95,8 +95,8 @@ const iconColor = computed(() => {
95
95
  }
96
96
 
97
97
  .wt-checkbox__label {
98
- transition: var(--transition);
99
- cursor: pointer;
100
98
  margin-left: var(--checkbox-icon-margin);
99
+ cursor: pointer;
100
+ transition: var(--transition);
101
101
  }
102
102
  </style>
@@ -3,7 +3,7 @@
3
3
  <header class="audit-form-question-write-header">
4
4
  <wt-switcher
5
5
  :disabled="first"
6
- :label="$t('reusable.required')"
6
+ :label="t('reusable.required')"
7
7
  :value="question.required"
8
8
  @change="updateQuestion({ path: 'required', value: $event })"
9
9
  />
@@ -15,7 +15,7 @@
15
15
  />
16
16
 
17
17
  <wt-icon-btn
18
- v-tooltip="$t('reusable.delete')"
18
+ v-tooltip="t('reusable.delete')"
19
19
  :disabled="first"
20
20
  icon="bucket"
21
21
  @click="emit('delete')"
@@ -25,7 +25,7 @@
25
25
  <section class="audit-form-question-write-content">
26
26
  <div class="audit-form-question-write-content-question">
27
27
  <wt-input
28
- :label="$t('webitelUI.auditForm.question')"
28
+ :label="t('webitelUI.auditForm.question')"
29
29
  :v="v.question.question"
30
30
  :value="question.question"
31
31
  prevent-trim
@@ -34,7 +34,7 @@
34
34
  />
35
35
  <wt-select
36
36
  :clearable="false"
37
- :label="$t('webitelUI.auditForm.answerType')"
37
+ :label="t('webitelUI.auditForm.answerType')"
38
38
  :options="QuestionType"
39
39
  :value="prettifiedQuestionType"
40
40
  track-by="value"
@@ -53,6 +53,7 @@
53
53
  <script lang="ts" setup>
54
54
  import cloneDeep from 'lodash/cloneDeep';
55
55
  import { computed } from 'vue';
56
+ import { useI18n } from 'vue-i18n';
56
57
  import { EngineAuditQuestionType, EngineQuestion } from 'webitel-sdk';
57
58
 
58
59
  import WtIconBtn from '../../../components/wt-icon-btn/wt-icon-btn.vue';
@@ -80,6 +81,8 @@ defineProps({
80
81
 
81
82
  const emit = defineEmits(['copy', 'delete']);
82
83
 
84
+ const { t } = useI18n();
85
+
83
86
  const QuestionType = [
84
87
  {
85
88
  value: EngineAuditQuestionType.Option,