@fy-/fws-vue 2.3.71 → 2.3.72
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.
|
@@ -383,24 +383,23 @@ function handleKeyNavigation(e: KeyboardEvent, index: number) {
|
|
|
383
383
|
>
|
|
384
384
|
{{ help }}
|
|
385
385
|
</span>
|
|
386
|
-
<!-- Tag counter when maxTags is set -->
|
|
387
386
|
</div>
|
|
388
|
-
<div v-if="maxTags > 0" class="tag-counter">
|
|
389
|
-
<span>{{ model.length }}/{{ maxTags }}</span>
|
|
390
|
-
</div>
|
|
391
|
-
<!-- Inline error display if needed -->
|
|
392
|
-
<p
|
|
393
|
-
v-if="$props.error"
|
|
394
|
-
:id="`error_tags_${id}`"
|
|
395
|
-
class="text-xs text-red-500 mt-1"
|
|
396
|
-
aria-live="assertive"
|
|
397
|
-
>
|
|
398
|
-
{{ $props.error }}
|
|
399
|
-
</p>
|
|
400
387
|
|
|
401
|
-
<!--
|
|
402
|
-
<div
|
|
388
|
+
<!-- Tag count and copy button container -->
|
|
389
|
+
<div class="flex items-center justify-between mt-2">
|
|
390
|
+
<!-- Tag counter -->
|
|
391
|
+
<div class="tag-counter">
|
|
392
|
+
<span v-if="maxLenghtPerTag > 0">
|
|
393
|
+
{{ model.length }}/{{ maxLenghtPerTag }} tag{{ model.length !== 1 ? 's' : '' }}
|
|
394
|
+
</span>
|
|
395
|
+
<span v-else>
|
|
396
|
+
{{ model.length }} tag{{ model.length !== 1 ? 's' : '' }}
|
|
397
|
+
</span>
|
|
398
|
+
</div>
|
|
399
|
+
|
|
400
|
+
<!-- Copy button -->
|
|
403
401
|
<button
|
|
402
|
+
v-if="copyButton"
|
|
404
403
|
class="copy-button"
|
|
405
404
|
type="button"
|
|
406
405
|
:disabled="model.length === 0"
|
|
@@ -424,6 +423,16 @@ function handleKeyNavigation(e: KeyboardEvent, index: number) {
|
|
|
424
423
|
Copy tags
|
|
425
424
|
</button>
|
|
426
425
|
</div>
|
|
426
|
+
|
|
427
|
+
<!-- Inline error display if needed -->
|
|
428
|
+
<p
|
|
429
|
+
v-if="$props.error"
|
|
430
|
+
:id="`error_tags_${id}`"
|
|
431
|
+
class="text-xs text-red-500 mt-1"
|
|
432
|
+
aria-live="assertive"
|
|
433
|
+
>
|
|
434
|
+
{{ $props.error }}
|
|
435
|
+
</p>
|
|
427
436
|
</div>
|
|
428
437
|
</template>
|
|
429
438
|
|
|
@@ -522,10 +531,6 @@ function handleKeyNavigation(e: KeyboardEvent, index: number) {
|
|
|
522
531
|
}
|
|
523
532
|
|
|
524
533
|
/* Copy button styling */
|
|
525
|
-
.copy-button-container {
|
|
526
|
-
@apply flex justify-end mt-2;
|
|
527
|
-
}
|
|
528
|
-
|
|
529
534
|
.copy-button {
|
|
530
535
|
@apply inline-flex items-center justify-center
|
|
531
536
|
bg-fv-neutral-100 hover:bg-fv-neutral-200
|
|
@@ -539,7 +544,7 @@ function handleKeyNavigation(e: KeyboardEvent, index: number) {
|
|
|
539
544
|
|
|
540
545
|
/* Tag counter styling */
|
|
541
546
|
.tag-counter {
|
|
542
|
-
@apply text-
|
|
547
|
+
@apply text-sm text-fv-neutral-600 dark:text-fv-neutral-400;
|
|
543
548
|
}
|
|
544
549
|
|
|
545
550
|
/* Responsive adjustments */
|