adminforth 2.13.0-next.2 → 2.13.0-next.4

package/dist/spa/src/afcl/Textarea.vue

@@ -1,31 +1,30 @@
-<template> 
-
-    <textarea
-      ref="input"
-      class="bg-lightInputBackground border border-lightInputBorder text-lightInputText placeholder-lightInputPlaceholderText text-sm rounded-lg block w-full p-2.5 dark:bg-darkInputBackground dark:border-darkInputBorder dark:placeholder-darkInputPlaceholderText dark:text-darkInputText dark:border-darkInputBorder focus:ring-lightInputFocusRing focus:border-lightInputFocusBorder dark:focus:ring-darkInputFocusRing dark:focus:border-darkInputFocusBorder"
-      :placeholder="placeholder"
-      :value="modelValue"
-      @input="$emit('update:modelValue', ($event.target as HTMLInputElement).value)"
-      :readonly="readonly"
-    />
-
+<template>
+  <textarea
+    ref="input"
+    class="bg-lightInputBackground border border-lightInputBorder text-lightInputText placeholder-lightInputPlaceholderText text-sm rounded-lg block w-full p-2.5 dark:bg-darkInputBackground dark:border-darkInputBorder dark:placeholder-darkInputPlaceholderText dark:text-darkInputText dark:border-darkInputBorder focus:ring-lightInputFocusRing focus:border-lightInputFocusBorder dark:focus:ring-darkInputFocusRing dark:focus:border-darkInputFocusBorder"
+    :placeholder="placeholder"
+    :value="modelValue"
+    @input="$emit('update:modelValue', ($event.target as HTMLTextAreaElement).value)"
+    :readonly="readonly"
+  />
 </template>
 
 <script setup lang="ts">
-
 import { ref } from 'vue';
 
 const props = defineProps<{
-  modelValue: string,
-  readonly?: boolean,
-  placeholder?: string,
+  modelValue: string
+  readonly?: boolean
+  placeholder?: string
 }>()
 
-const input = ref<HTMLInputElement | null>(null)
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: string): void
+}>()
+
+const input = ref<HTMLTextAreaElement | null>(null)
 
 defineExpose({
   focus: () => input.value?.focus(),
-});
-
+})
 </script>
-  

package/dist/spa/src/components/Toast.vue

@@ -21,7 +21,7 @@
 
     <div class="ms-3 text-sm font-normal max-w-xs pr-2" v-if="toast.messageHtml" v-html="toast.messageHtml"></div>
     <div class="ms-3 text-sm font-normal max-w-xs pr-2" v-else>
-        <div class="flex flex-col items-center justify-center">
+        <div class="flex flex-col items-center justify-center break-all">
             {{toast.message}}
             <div v-if="toast.buttons" class="flex justify-center mt-2 gap-2">
                 <div v-for="button in toast.buttons" class="af-toast-button rounded-md bg-lightButtonsBackground hover:bg-lightButtonsHover text-lightButtonsText dark:bg-darkPrimary dark:hover:bg-darkButtonsBackground  dark:text-darkButtonsText">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adminforth",
-  "version": "2.13.0-next.2",
+  "version": "2.13.0-next.4",
   "description": "OpenSource Vue3 powered forth-generation admin panel",
   "main": "dist/index.js",
   "module": "dist/index.js",