@policystudio/policy-studio-ui-vue 1.1.90-access.7 → 1.1.90-access.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.1.90-access.07",
+  "version": "1.1.90-access.09",
   "description": "Policy Studio UI",
   "author": "Policy Studio Team",
   "scripts": {

package/src/components/controls/PsSwitch.vue

@@ -70,7 +70,8 @@ const getComponentClass = computed(() => {
 })
 
 const instance = getCurrentInstance()
-const uniqueId = computed(() => `psui-switch-${instance.uid}`)
+const uid = instance?.uid || Math.random().toString(36).slice(2)
+const uniqueId = computed(() => `psui-switch-${uid}`)
 
 const change = () => {
   if (props.disabled) return

package/src/components/forms/PsInput.vue

@@ -5,7 +5,7 @@
   >
     <label
       v-if="label"
-      for="label"
+      :for="uniqueId"
     > {{ label }} </label>
 
     <div
@@ -26,7 +26,7 @@
       >
         <template #trigger>
           <input
-            :name="label"
+            :id="uniqueId"
             :title="title"
             :type="type"
             :placeholder="placeholder"
@@ -75,7 +75,8 @@
 
 <script setup>
 import PsRichTooltip from '../tooltip/PsRichTooltip.vue'
-import { ref, computed, useAttrs } from 'vue'
+import { ref, computed, useAttrs, getCurrentInstance } from 'vue'
+import { useId } from 'vue'
 
 const props = defineProps({
   /**
@@ -194,6 +195,10 @@ const getComponentClass = computed(() => {
   }
 })
 
+const instance = getCurrentInstance()
+const uid = instance?.uid || Math.random().toString(36).slice(2)
+const uniqueId = computed(() => `psui-input-${uid}`)
+
 const onInputFocus = ($event) => {
   isFocus.value = true
   emit('focus', $event)