@dataloop-ai/components 0.20.61 → 0.20.63

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.20.61",
3
+ "version": "0.20.63",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -79,6 +79,7 @@
79
79
  :contenteditable="contenteditable"
80
80
  :class="inputClasses"
81
81
  :placeholder="placeholder"
82
+ :style="stylesInput"
82
83
  @input="onChange"
83
84
  @focus="onFocus"
84
85
  @blur="onBlur"
@@ -100,6 +101,7 @@
100
101
  ...adornmentClasses,
101
102
  'dl-input__adornment-container--pos-right'
102
103
  ]"
104
+ :style="styleAppend"
103
105
  >
104
106
  <slot v-if="hasAppend" name="append" />
105
107
  <span
@@ -626,6 +628,14 @@ export default defineComponent({
626
628
  trimDebounce: {
627
629
  type: Number,
628
630
  default: 500
631
+ },
632
+ styleAppend: {
633
+ type: String,
634
+ default: ''
635
+ },
636
+ stylesInput: {
637
+ type: String,
638
+ default: ''
629
639
  }
630
640
  },
631
641
  emits: [
@@ -176,9 +176,13 @@ export default defineComponent({
176
176
  }
177
177
 
178
178
  try {
179
+ let publicPath = process.env.BASE_URL ?? ''
180
+ if (publicPath.endsWith('/')) {
181
+ publicPath = publicPath.slice(0, -1)
182
+ }
179
183
  svgElement.src = svgSource.value
180
184
  ? `${svgSource.value}/${cleanedIconName.value}.svg`
181
- : `/icons/assets/${cleanedIconName.value}.svg`
185
+ : `${publicPath}/icons/assets/${cleanedIconName.value}.svg`
182
186
  } catch (e) {
183
187
  reject(e)
184
188
  }
@@ -124,6 +124,25 @@
124
124
  />
125
125
  </template>
126
126
  </dl-input>
127
+ <div class="numberClip" style="max-width: 64px">
128
+ <dl-input
129
+ v-model="numberClip"
130
+ title="Number Clip"
131
+ dense
132
+ size="m"
133
+ hide-clear-button
134
+ fit-content
135
+ type="number"
136
+ text-overflow="clip"
137
+ style-append="flex: none; transform:translateX(-2px);"
138
+ styles-input="text-overflow: clip;margin-right: 5px"
139
+ >
140
+ <template #append>
141
+ <span>%</span>
142
+ </template>
143
+ </dl-input>
144
+ </div>
145
+
127
146
  <dl-input
128
147
  v-model="passFieldValue"
129
148
  title="Password"
@@ -277,6 +296,7 @@ export default defineComponent({
277
296
 
278
297
  const textVal = ref<string>('test me')
279
298
  const numberVal = ref<number>()
299
+ const numberClip = ref<number>(0)
280
300
  const emittedNumberValues = ref<number[]>([])
281
301
 
282
302
  const trimmedValue = ref('')
@@ -296,6 +316,7 @@ export default defineComponent({
296
316
  sizeSFieldValue,
297
317
  files,
298
318
  updateFiles,
319
+ numberClip,
299
320
  addFile
300
321
  }
301
322
  }