@dataloop-ai/components 0.19.229 → 0.19.230
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.
|
|
3
|
+
"version": "0.19.230",
|
|
4
4
|
"exports": {
|
|
5
5
|
".": "./index.ts",
|
|
6
6
|
"./models": "./models.ts",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"check-only": "if grep -E -H -r --exclude-dir=.git --exclude-dir=node_modules --exclude=*.json --exclude=*.yml '^(describe|it).only' .; then echo 'Found only in test files' && exit 1; fi"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@dataloop-ai/icons": "^3.0.
|
|
25
|
+
"@dataloop-ai/icons": "^3.0.49",
|
|
26
26
|
"@types/flat": "^5.0.2",
|
|
27
27
|
"@types/lodash": "^4.14.184",
|
|
28
28
|
"@types/sortablejs": "^1.15.7",
|
package/src/assets/globals.scss
CHANGED
|
@@ -144,6 +144,18 @@ body {
|
|
|
144
144
|
|
|
145
145
|
.non-selectable {
|
|
146
146
|
user-select: none;
|
|
147
|
+
-moz-user-select: none;
|
|
148
|
+
-webkit-user-select: none;
|
|
149
|
+
-ms-user-select: none;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.non-draggable {
|
|
153
|
+
user-drag: none;
|
|
154
|
+
-webkit-user-drag: none;
|
|
155
|
+
user-select: none;
|
|
156
|
+
-moz-user-select: none;
|
|
157
|
+
-webkit-user-select: none;
|
|
158
|
+
-ms-user-select: none;
|
|
147
159
|
}
|
|
148
160
|
|
|
149
161
|
.no-outline {
|
|
@@ -332,13 +344,6 @@ html {
|
|
|
332
344
|
border-radius: 3px;
|
|
333
345
|
}
|
|
334
346
|
|
|
335
|
-
.no-user-select {
|
|
336
|
-
user-select: none;
|
|
337
|
-
-moz-user-select: none;
|
|
338
|
-
-webkit-user-select: none;
|
|
339
|
-
-ms-user-select: none;
|
|
340
|
-
}
|
|
341
|
-
|
|
342
347
|
.flex-column {
|
|
343
348
|
flex-direction: column;
|
|
344
349
|
}
|
|
@@ -2,21 +2,14 @@
|
|
|
2
2
|
<div
|
|
3
3
|
:id="uuid"
|
|
4
4
|
class="dl-panel-container"
|
|
5
|
-
:class="{ '
|
|
5
|
+
:class="{ 'non-selectable': avoidUserSelect }"
|
|
6
6
|
:style="cssVariables"
|
|
7
7
|
:data-resizable="resizable"
|
|
8
8
|
:data-collapsable="collapsable"
|
|
9
9
|
:data-direction="direction"
|
|
10
10
|
>
|
|
11
|
-
<div
|
|
12
|
-
|
|
13
|
-
class="inner-container"
|
|
14
|
-
style="height: 100%"
|
|
15
|
-
>
|
|
16
|
-
<div
|
|
17
|
-
v-if="collapsed"
|
|
18
|
-
class="inner-container-overlay"
|
|
19
|
-
/>
|
|
11
|
+
<div ref="panel" class="inner-container" style="height: 100%">
|
|
12
|
+
<div v-if="collapsed" class="inner-container-overlay" />
|
|
20
13
|
<div v-if="collapsable === true">
|
|
21
14
|
<div
|
|
22
15
|
v-if="direction === 'right' && isFullWidth === true"
|
|
@@ -88,23 +81,14 @@
|
|
|
88
81
|
<slot name="header" />
|
|
89
82
|
</div>
|
|
90
83
|
</div>
|
|
91
|
-
<div
|
|
92
|
-
class="content"
|
|
93
|
-
:style="contentStyle"
|
|
94
|
-
>
|
|
84
|
+
<div class="content" :style="contentStyle">
|
|
95
85
|
<div class="column" />
|
|
96
86
|
<dl-empty-state
|
|
97
87
|
v-if="isEmpty && emptyStateProps"
|
|
98
88
|
v-bind="emptyStateProps"
|
|
99
89
|
>
|
|
100
|
-
<template
|
|
101
|
-
v-
|
|
102
|
-
#[slot]="props"
|
|
103
|
-
>
|
|
104
|
-
<slot
|
|
105
|
-
:name="slot"
|
|
106
|
-
v-bind="props"
|
|
107
|
-
/>
|
|
90
|
+
<template v-for="(_, slot) in $slots" #[slot]="props">
|
|
91
|
+
<slot :name="slot" v-bind="props" />
|
|
108
92
|
</template>
|
|
109
93
|
</dl-empty-state>
|
|
110
94
|
<slot v-if="!isEmpty" />
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<div
|
|
3
3
|
:id="uuid"
|
|
4
4
|
class="dl-panel"
|
|
5
|
-
:class="{ '
|
|
5
|
+
:class="{ 'non-selectable': avoidUserSelect }"
|
|
6
6
|
:data-resizable="resizable"
|
|
7
7
|
:style="cssVariables"
|
|
8
8
|
>
|
|
@@ -14,10 +14,7 @@
|
|
|
14
14
|
class="separator"
|
|
15
15
|
:class="{ resize: canResizeOrCollapse }"
|
|
16
16
|
>
|
|
17
|
-
<div
|
|
18
|
-
v-show="canResizeOrCollapse"
|
|
19
|
-
class="gutter"
|
|
20
|
-
/>
|
|
17
|
+
<div v-show="canResizeOrCollapse" class="gutter" />
|
|
21
18
|
</div>
|
|
22
19
|
</div>
|
|
23
20
|
</template>
|
|
@@ -142,7 +139,7 @@ export default defineComponent({
|
|
|
142
139
|
elementHeight >= this.computedMinHeight &&
|
|
143
140
|
elementHeight <= this.computedMaxHeight
|
|
144
141
|
) {
|
|
145
|
-
(this.$el as HTMLDivElement).style.height =
|
|
142
|
+
;(this.$el as HTMLDivElement).style.height =
|
|
146
143
|
elementHeight + 'px'
|
|
147
144
|
}
|
|
148
145
|
},
|
|
@@ -160,7 +157,7 @@ export default defineComponent({
|
|
|
160
157
|
elementHeight = this.computedMinHeight
|
|
161
158
|
}
|
|
162
159
|
|
|
163
|
-
(this.$el as HTMLDivElement).style.height = elementHeight + 'px'
|
|
160
|
+
;(this.$el as HTMLDivElement).style.height = elementHeight + 'px'
|
|
164
161
|
|
|
165
162
|
this.setIsFullHeight()
|
|
166
163
|
},
|