bfg-common 1.5.293 → 1.5.295

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/PasswordNew.vue

@@ -1,128 +1,128 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockKey>
-      {{ localization.auth.password }}
-    </template>
-    <template #stackBlockContent>
-      <div class="password-content">
-        <ui-checkbox
-          id="enable-password"
-          v-model="isEnabledPassword"
-          :disabled="props.disabled"
-          :label-text="localization.common.enable"
-          test-id="enable-password-input"
-          size="md"
-          class="mr-2"
-          @change="emits('set-password-disable')"
-        />
-
-        <ui-input-with-tooltip
-          id="password-input"
-          v-model="form.password.value"
-          :class="[{ 'has-error': !!props.errorText }]"
-          :disabled="!isEnabledPassword || props.disabled"
-          :error-text="props.errorText"
-          test-id="password-input"
-          type="text"
-          size="sm"
-          @change="onChangePassword"
-        >
-          <template #icon>
-            <div
-              :class="[
-                'copy-icon pointer',
-                { disabled: !isEnabledPassword || props.disabled },
-              ]"
-              @click="onCopyToClipboard"
-            >
-              <ui-icon
-                name="copy-to-clipboard"
-                type="input"
-                width="16"
-                height="16"
-              />
-            </div>
-          </template>
-        </ui-input-with-tooltip>
-
-        <ui-button
-          id="generate-password-button"
-          :disabled="!isEnabledPassword || props.disabled"
-          :title="localization.common.generatePassword"
-          test-id="generate-password-button"
-          class="generate-password-button"
-          @click="emits('generate-password')"
-        >
-          <ui-icon
-            name="key"
-            width="16"
-            height="16"
-            class="generate-password-icon"
-          />
-        </ui-button>
-      </div>
-    </template>
-  </ui-stack-block>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_DefaultForm } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const isEnabledPassword = defineModel<boolean>('isEnabledPassword', {
-  required: true,
-})
-const form = defineModel<UI_I_DefaultForm>('form', { required: true })
-
-const props = defineProps<{
-  disabled: boolean
-  errorText: string
-}>()
-const emits = defineEmits<{
-  (event: 'set-password-disable'): void
-  (event: 'change-password', value: string): void
-  (event: 'generate-password'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const onChangePassword = (): void => {
-  emits('change-password', form.value.password.value)
-}
-
-const onCopyToClipboard = (): void => {
-  navigator.clipboard.writeText(form.value.password.value)
-}
-</script>
-
-<style scoped>
-.password-content {
-  display: grid;
-  grid-template-columns: max-content 144px max-content;
-  grid-gap: 8px;
-
-  .copy-icon {
-    color: #9da6ad;
-
-    &.disabled {
-      color: #bdc3c770;
-    }
-  }
-  .generate-password-button {
-    padding: 8px;
-
-    &:disabled {
-      .generate-password-icon {
-        color: #e9eaec;
-      }
-    }
-  }
-}
-
-:deep(.ui-main.ui-main-sm .ui-main-input) {
-  height: 32px;
-}
-:deep(.ui-main.ui-main-sm .ui-slot-icon-content) {
-  pointer-events: unset;
-}
-</style>
+<template>
+  <ui-stack-block :has-children="false">
+    <template #stackBlockKey>
+      <span class="mt-2">{{ localization.auth.password }}</span>
+    </template>
+    <template #stackBlockContent>
+      <div class="password-content">
+        <ui-checkbox
+          id="enable-password"
+          v-model="isEnabledPassword"
+          :disabled="props.disabled"
+          :label-text="localization.common.enable"
+          test-id="enable-password-input"
+          size="md"
+          class="mr-2"
+          @change="emits('set-password-disable')"
+        />
+
+        <ui-input-with-tooltip
+          id="password-input"
+          v-model="form.password.value"
+          :class="[{ 'has-error': !!props.errorText }]"
+          :disabled="!isEnabledPassword || props.disabled"
+          :error-text="props.errorText"
+          test-id="password-input"
+          type="text"
+          size="sm"
+          @change="onChangePassword"
+        >
+          <template #icon>
+            <div
+              :class="[
+                'copy-icon pointer',
+                { disabled: !isEnabledPassword || props.disabled },
+              ]"
+              @click="onCopyToClipboard"
+            >
+              <ui-icon
+                name="copy-to-clipboard"
+                type="input"
+                width="16"
+                height="16"
+              />
+            </div>
+          </template>
+        </ui-input-with-tooltip>
+
+        <ui-button
+          id="generate-password-button"
+          :disabled="!isEnabledPassword || props.disabled"
+          :title="localization.common.generatePassword"
+          test-id="generate-password-button"
+          class="generate-password-button"
+          @click="emits('generate-password')"
+        >
+          <ui-icon
+            name="key"
+            width="16"
+            height="16"
+            class="generate-password-icon"
+          />
+        </ui-button>
+      </div>
+    </template>
+  </ui-stack-block>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_DefaultForm } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const isEnabledPassword = defineModel<boolean>('isEnabledPassword', {
+  required: true,
+})
+const form = defineModel<UI_I_DefaultForm>('form', { required: true })
+
+const props = defineProps<{
+  disabled: boolean
+  errorText: string
+}>()
+const emits = defineEmits<{
+  (event: 'set-password-disable'): void
+  (event: 'change-password', value: string): void
+  (event: 'generate-password'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const onChangePassword = (): void => {
+  emits('change-password', form.value.password.value)
+}
+
+const onCopyToClipboard = (): void => {
+  navigator.clipboard.writeText(form.value.password.value)
+}
+</script>
+
+<style scoped>
+.password-content {
+  display: grid;
+  grid-template-columns: max-content 144px max-content;
+  grid-gap: 8px;
+
+  .copy-icon {
+    color: #9da6ad;
+
+    &.disabled {
+      color: #bdc3c770;
+    }
+  }
+  .generate-password-button {
+    padding: 8px;
+
+    &:disabled {
+      .generate-password-icon {
+        color: #e9eaec;
+      }
+    }
+  }
+}
+
+:deep(.ui-main.ui-main-sm .ui-main-input) {
+  height: 32px;
+}
+:deep(.ui-main.ui-main-sm .ui-slot-icon-content) {
+  pointer-events: unset;
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionNew.vue

@@ -1,7 +1,7 @@
 <template>
   <ui-stack-block :has-children="false">
     <template #stackBlockKey>
-      {{ localization.common.usbRedirection }}
+      <span class="mt-2">{{ localization.common.usbRedirection }}</span>
     </template>
     <template #stackBlockContent>
       <ui-select

package/components/common/vm/actions/common/customizeHardware/vmoptions/tools/ToolsNew.vue

@@ -16,7 +16,7 @@
     <template #stackChildren>
       <ui-stack-block :has-children="false">
         <template #stackBlockKey>
-          {{ localization.common.toolsEnable }}
+          <span class="mt-2">{{ localization.common.toolsEnable }}</span>
         </template>
         <template #stackBlockContent>
           <ui-checkbox

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.293",
+  "version": "1.5.295",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",
@@ -35,7 +35,7 @@
     "@vueuse/components": "^10.1.2",
     "date-fns": "^2.29.3",
     "bfg-nuxt-3-graph": "1.0.26",
-    "bfg-uikit": "1.0.462",
+    "bfg-uikit": "1.0.463",
     "html2canvas": "^1.4.1",
     "prettier-eslint": "^15.0.1"
   }