@dataloop-ai/components 0.20.28 → 0.20.30

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/compound/DlSelect/DlSelect.vue +12 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.20.28",
3
+ "version": "0.20.30",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
package/src/components/compound/DlSelect/DlSelect.vue CHANGED
@@ -10,18 +10,18 @@
10
10
  }"
11
11
  >
12
12
  <div
13
- v-show="!!title.length || !!tooltip.length"
13
+ v-if="!!title.length || !!tooltip.length"
14
14
  :class="{
15
15
  'dl-select__title-container': true,
16
16
  'dl-select__title-container--s': isSmall
17
17
  }"
18
18
  >
19
- <label v-show="!!title.length" class="dl-select__title">
19
+ <label v-if="!!title.length" class="dl-select__title">
20
20
  {{ title
21
- }}<span v-show="required" :class="asteriskClasses"> *</span>
21
+ }}<span v-if="required" :class="asteriskClasses"> *</span>
22
22
  {{ !required && optional ? ' (Optional)' : null }}
23
23
  </label>
24
- <span v-show="!!tooltip.length">
24
+ <span v-if="!!tooltip.length">
25
25
  <dl-icon
26
26
  icon="icon-dl-info"
27
27
  :inline="false"
@@ -34,11 +34,11 @@
34
34
  </span>
35
35
  </div>
36
36
  <div
37
- v-show="!!topMessage.length && !isSmall"
37
+ v-if="!!topMessage.length && !isSmall"
38
38
  class="top-message-container"
39
39
  >
40
40
  <dl-info-error-message
41
- v-show="!!topMessage.length"
41
+ v-if="!!topMessage.length"
42
42
  position="above"
43
43
  :value="topMessage"
44
44
  />
@@ -46,7 +46,7 @@
46
46
  <div class="select-wrapper" tabindex="0" :style="placeholderStyles">
47
47
  <div ref="select" :class="selectClasses">
48
48
  <div
49
- v-show="hasPrepend || searchable"
49
+ v-if="hasPrepend || searchable"
50
50
  :class="[
51
51
  ...adornmentClasses,
52
52
  'adornment-container--pos-left'
@@ -88,7 +88,7 @@
88
88
  </div>
89
89
  <template v-else>
90
90
  <span
91
- v-show="multiselect && (!searchable || !isExpanded)"
91
+ v-if="multiselect && (!searchable || !isExpanded)"
92
92
  class="root-container--placeholder"
93
93
  >
94
94
  <template v-if="allFiltersModel">
@@ -99,7 +99,7 @@
99
99
  </template>
100
100
  </span>
101
101
  <span
102
- v-show="!multiselect && (!searchable || !isExpanded)"
102
+ v-if="!multiselect && (!searchable || !isExpanded)"
103
103
  class="selected-label"
104
104
  >
105
105
  <dl-ellipsis :text="getLabel(selectedOption)" />
@@ -305,16 +305,16 @@
305
305
  </dl-menu>
306
306
  </div>
307
307
  <div
308
- v-show="!isSmall && (!!infoMessage.length || !!errorMessage.length)"
308
+ v-if="!isSmall && (!!infoMessage.length || !!errorMessage.length)"
309
309
  class="bottom-message-container"
310
310
  >
311
311
  <dl-info-error-message
312
- v-show="!!infoMessage.length && !error"
312
+ v-if="!!infoMessage.length && !error"
313
313
  position="below"
314
314
  :value="infoMessage"
315
315
  />
316
316
  <dl-info-error-message
317
- v-show="error && !!errorMessage.length"
317
+ v-if="error && !!errorMessage.length"
318
318
  position="below"
319
319
  error
320
320
  :value="errorMessage"