@dataloop-ai/components 0.19.110 → 0.19.111

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": "@dataloop-ai/components",
3
- "version": "0.19.110",
3
+ "version": "0.19.111",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -213,7 +213,7 @@
213
213
  :virtual-scroll-sticky-size-start="28"
214
214
  :virtual-scroll-sticky-size-end="20"
215
215
  separator
216
- style="width: max-content"
216
+ :style="multiselect ? `width: max-content` : ''"
217
217
  >
218
218
  <dl-select-option
219
219
  :key="getKeyForOption(item)"
@@ -45,24 +45,19 @@
45
45
  :class="{ capitalized }"
46
46
  :model-value="modelValue"
47
47
  :value="value"
48
- :label="
49
- label
50
- ? capitalized
51
- ? label.toLowerCase()
52
- : label
53
- : null
54
- "
55
48
  :indeterminate-value="indeterminateValue"
56
49
  @update:model-value="handleCheckboxUpdate"
57
50
  @checked="handleSingleSelect"
58
51
  @unchecked="handleSingleDeselect"
59
- />
60
- <span
61
- class="multiselect-label"
62
- :class="{ capitalized }"
63
52
  >
64
- <slot />
65
- </span>
53
+ <slot>
54
+ {{
55
+ capitalized
56
+ ? value.toString().toLowerCase()
57
+ : value
58
+ }}
59
+ </slot>
60
+ </dl-checkbox>
66
61
  <span
67
62
  v-if="count"
68
63
  class="counter"
@@ -600,6 +600,20 @@
600
600
  </div>
601
601
  </template>
602
602
  </dl-select>
603
+ Select with multiselect auto expanded and fixed width and virtual scroll
604
+ <dl-select
605
+ v-model="selectedWithChildrenAndReadonly"
606
+ :options="alotOfOptionsExpanded"
607
+ multiselect
608
+ style="margin-bottom: 150px"
609
+ >
610
+ <template #option="scope">
611
+ <div style="padding: 5px 0px">
612
+ <div>{{ scope.opt.label }}</div>
613
+ <div>{{ scope.opt.subLabel }}</div>
614
+ </div>
615
+ </template>
616
+ </dl-select>
603
617
  </div>
604
618
  </template>
605
619
 
@@ -802,6 +816,18 @@ const treeOptionsExpanded: DlSelectOptionType[] = [
802
816
  label: 'child 4',
803
817
  value: 'c9'
804
818
  },
819
+ {
820
+ label: 'child 5',
821
+ value: 'c10'
822
+ },
823
+ {
824
+ label: 'child 5',
825
+ value: 'c10'
826
+ },
827
+ {
828
+ label: 'child 5',
829
+ value: 'c10'
830
+ },
805
831
  {
806
832
  label: 'child 5',
807
833
  value: 'c10'