adminforth 2.4.0-next.14 → 2.4.0-next.16

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

@@ -2,7 +2,7 @@
   <button 
     v-bind="$attrs"
     type="submit" 
-    class="flex items-center justify-center gap-1 text-lightPrimaryContrast bg-lightPrimary dark:bg-darkPrimary hover:brightness-110 
+    class="afcl-button flex items-center justify-center gap-1 text-lightPrimaryContrast bg-lightPrimary dark:bg-darkPrimary hover:brightness-110 
       focus:ring-4 focus:outline-none focus:ring-lightPrimary focus:ring-opacity-50 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-darkPrimary dark:focus:ring-opacity-50"
     :class="{
       'cursor-default': props.disabled,

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

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex items-center h-5" :class="{'opacity-50' : props.disabled}">
+  <div class="afcl-checkbox flex items-center h-5" :class="{'opacity-50' : props.disabled}">
     <input :id="id" 
       ref="rememberInput"
       type="checkbox"

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

@@ -2,7 +2,7 @@
   <router-link 
     v-bind="$attrs"
     :to="to"
-    class="text-lightPrimary underline dark:text-darkPrimary hover:no-underline hover:brightness-110
+    class="afcl-link text-lightPrimary underline dark:text-darkPrimary hover:no-underline hover:brightness-110
       cursor-pointer"
   >
     <slot></slot>

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

@@ -3,7 +3,7 @@
     v-bind="$attrs"
     :to="props.to"
     type="submit" 
-    class="flex items-center justify-center gap-1 text-lightPrimaryContrast bg-lightPrimary dark:bg-darkPrimary hover:brightness-110 
+    class="afcl-link-button flex items-center justify-center gap-1 text-lightPrimaryContrast bg-lightPrimary dark:bg-darkPrimary hover:brightness-110 
       focus:ring-4 focus:outline-none focus:ring-lightPrimary focus:ring-opacity-50 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-darkPrimary dark:focus:ring-opacity-50"
     :class="{
       'cursor-default': props.disabled,

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

@@ -1,5 +1,5 @@
 <template>
-  <div class="relative inline-block afcl-select" ref="internalSelect" 
+  <div class="afcl-select relative inline-block" ref="internalSelect" 
     :class="{'opacity-50': readonly}"
   >
     <div class="relative">

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

@@ -1,5 +1,5 @@
 <template>
-  <div ref="triggerEl" class="inline-flex items-center">
+  <div ref="triggerEl" class="afcl-tooltip inline-flex items-center">
       <slot></slot>
   </div>
   <div

package/dist/spa/src/views/LoginView.vue

@@ -29,16 +29,16 @@
             <!-- Modal content -->
             <div class="af-login-modal-content relative bg-white rounded-lg shadow dark:bg-gray-700 dark:shadow-black" >
                 <!-- Modal header -->
-                <div class="af-login-modal-header flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">
+                <div class="af-login-modal-header flex items-center justify-between flex-col p-4 md:p-5 border-b rounded-t dark:border-gray-600">
 
-                    <div v-if="coreStore?.config?.loginPageInjections?.panelHeader.length > 0">
+                    <template v-if="coreStore?.config?.loginPageInjections?.panelHeader.length > 0">
                       <component 
                         v-for="(c, index) in coreStore?.config?.loginPageInjections?.panelHeader || []"
                         :key="index"
                         :is="getCustomComponent(c)"
                         :meta="c.meta"
                       />
-                    </div>
+                    </template>
                     <h3 v-else class="text-xl font-semibold text-gray-900 dark:text-white">
                       {{ $t('Sign in to') }} {{ coreStore.config?.brandName }}
                     </h3>

package/package.json

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