@dataloop-ai/components 0.17.54 → 0.17.56

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.17.54",
3
+ "version": "0.17.56",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -295,6 +295,14 @@ export default defineComponent({
295
295
  : getGradationValues(this.matrix)
296
296
  }
297
297
  },
298
+ watch: {
299
+ matrix: {
300
+ handler(value) {
301
+ this.currentBrushState.max = value.length
302
+ this.resizeMatrix()
303
+ }
304
+ }
305
+ },
298
306
  mounted() {
299
307
  if (!this.isValidMatrix) return
300
308
  this.resizeMatrix()
@@ -28,10 +28,18 @@ export class Step {
28
28
  return this._state.title
29
29
  }
30
30
 
31
+ public set title(value: string) {
32
+ set(this._state, 'title', value)
33
+ }
34
+
31
35
  public get subtitle(): string {
32
36
  return this._state.subtitle
33
37
  }
34
38
 
39
+ public set subtitle(value: string) {
40
+ set(this._state, 'subtitle', value)
41
+ }
42
+
35
43
  public get optional(): boolean {
36
44
  return this._state.optional
37
45
  }
@@ -59,6 +59,7 @@
59
59
  @complete-click="stepper.completeStep()"
60
60
  @warning-click="stepper.setStepWarning('Custom Warning')"
61
61
  @reset-click="stepper.resetStep()"
62
+ @set-subtitle="setSubtitle"
62
63
  />
63
64
  </template>
64
65
  <template #data>
@@ -184,6 +185,9 @@ export default defineComponent({
184
185
  this.stepper.currentIndex = this.stepper.steps.findIndex(
185
186
  (s) => s.value === step.value
186
187
  )
188
+ },
189
+ setSubtitle(subtitle: string) {
190
+ this.stepper.currentStep.subtitle = subtitle
187
191
  }
188
192
  }
189
193
  })
@@ -26,6 +26,7 @@
26
26
  dense
27
27
  required
28
28
  title="Name"
29
+ @input="$emit('set-subtitle', $event)"
29
30
  />
30
31
  <span>
31
32
  <dl-typography color="dl-color-medium">Type *</dl-typography>