@hostlink/nuxt-light 1.54.6 → 1.55.2

package/dist/runtime/components/L/Revision.vue

@@ -98,97 +98,93 @@ const getDiffHtml = (diffs) => {
 </script>
 
 <template>
-    <div>
-
-        <q-dialog v-model="showDialog" full-height full-width>
-            <q-card>
-                <q-toolbar>
-                    <l-btn label="Restore" icon="sym_o_restore" permission="revision.restore" @click="onRestore"
-                        :disabled="!isAllowRestore" />
-
-                    <q-checkbox label="Show changed only" v-model="showOnlyDelta"></q-checkbox>
-
-                    <q-btn-toggle class="q-mx-md" v-model="outputFormat" toggle-color="primary" :options="[
-                        { label: 'side-by-side', value: 'side-by-side' }, { label: 'line-by-line', value: 'line-by-line' }
-                    ]" />
-                    <q-space />
-                    <q-btn flat round dense icon="close" @click="showDialog = false" />
-                </q-toolbar>
-
-
-                <div class="q-pa-md">
-
-                    <div class="text-h6 q-mb-md">
-                        Revision by: {{ selectedRevision.revisionBy }} <br>
-                        Created at: {{ selectedRevision.createdTime }}
-
-                    </div>
-
-                    <q-markup-table dense separator="cell" flat bordered>
-                        <thead>
-                            <tr>
-                                <th width="48px">
-                                    <q-checkbox @click="onToggleAll" v-model="isCheckedAll" :></q-checkbox>
-                                </th>
-                                <th>Field</th>
-                                <th>Value</th>
-                                <th>Changed</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <template v-for="(value, key) in getFilteredContent" :key="key">
-
-                                <tr>
-
-                                    <td><q-checkbox v-model="restore_fields" :val="key"></q-checkbox>
-                                    </td>
-                                    <td :class="{ 'bg-yellow-3': selectedRevision.delta[key] != undefined }">{{ key }}
-                                    </td>
-                                    <td>
-                                        <pre>{{ value }}</pre>
-                                    </td>
-                                    <td>
-                                        <pre>{{ selectedRevision.delta[key] }}</pre>
-                                    </td>
-
-                                </tr>
-
-                                <tr v-if="getDiffHtml(selectedRevision.diff[key])">
-                                    <td colspan="4">
-                                        <div v-html="getDiffHtml(selectedRevision.diff[key])"></div>
-                                    </td>
-                                </tr>
-                            </template>
-                        </tbody>
-
-
-                    </q-markup-table>
-
-                </div>
-
-
-
-            </q-card>
-        </q-dialog>
-
-        <l-card>
-            <q-list>
-                <q-expansion-item :label="`Revisions: ${num_of_revisions}`" icon="sym_o_history" expand-separator>
-
-                    <q-list>
-                        <q-item v-for="revision in revisionsByModel" :key="revision.revision_id"
-                            @click="onClick(revision)" clickable>
-                            <q-item-section>
-                                <q-item-label>Revision by: {{ revision.revisionBy }}</q-item-label>
-                                <q-item-label caption>{{ revision.createdTime }}</q-item-label>
-
-                            </q-item-section>
-                        </q-item>
-                    </q-list>
-
-                </q-expansion-item>
-
-            </q-list>
-        </l-card>
-    </div>
+    <div>
+
+        <q-dialog v-model="showDialog" full-height full-width>
+            <q-card>
+                <q-toolbar>
+                    <l-btn label="Restore" icon="sym_o_restore" permission="revision.restore" @click="onRestore"
+                        :disabled="!isAllowRestore" />
+
+                    <q-checkbox label="Show changed only" v-model="showOnlyDelta"></q-checkbox>
+
+                    <q-btn-toggle class="q-mx-md" v-model="outputFormat" toggle-color="primary" :options="[
+                        { label: 'side-by-side', value: 'side-by-side' }, { label: 'line-by-line', value: 'line-by-line' }
+                    ]" />
+                    <q-space />
+                    <q-btn flat round dense icon="close" @click="showDialog = false" />
+                </q-toolbar>
+
+                <div class="q-pa-md">
+
+                    <div class="text-h6 q-mb-md">
+                        Revision by: {{ selectedRevision.revisionBy }} <br>
+                        Created at: {{ selectedRevision.createdTime }}
+
+                    </div>
+
+                    <q-markup-table dense separator="cell" flat bordered>
+                        <thead>
+                            <tr>
+                                <th width="48px">
+                                    <q-checkbox @click="onToggleAll" v-model="isCheckedAll" :></q-checkbox>
+                                </th>
+                                <th>Field</th>
+                                <th>Value</th>
+                                <th>Changed</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <template v-for="(value, key) in getFilteredContent" :key="key">
+
+                                <tr>
+
+                                    <td><q-checkbox v-model="restore_fields" :val="key"></q-checkbox>
+                                    </td>
+                                    <td :class="{ 'bg-yellow-3': selectedRevision.delta[key] != undefined }">{{ key }}
+                                    </td>
+                                    <td>
+                                        <pre>{{ value }}</pre>
+                                    </td>
+                                    <td>
+                                        <pre>{{ selectedRevision.delta[key] }}</pre>
+                                    </td>
+
+                                </tr>
+
+                                <tr v-if="getDiffHtml(selectedRevision.diff[key])">
+                                    <td colspan="4">
+                                        <div v-html="getDiffHtml(selectedRevision.diff[key])"></div>
+                                    </td>
+                                </tr>
+                            </template>
+                        </tbody>
+
+                    </q-markup-table>
+
+                </div>
+
+            </q-card>
+        </q-dialog>
+
+        <l-card>
+            <q-list>
+                <q-expansion-item :label="`Revisions: ${num_of_revisions}`" icon="sym_o_history" expand-separator>
+
+                    <q-list>
+                        <q-item v-for="revision in revisionsByModel" :key="revision.revision_id"
+                            @click="onClick(revision)" clickable>
+                            <q-item-section>
+                                <q-item-label>Revision by: {{ revision.revisionBy }}</q-item-label>
+                                <q-item-label caption>{{ revision.createdTime }}</q-item-label>
+
+                            </q-item-section>
+                        </q-item>
+                    </q-list>
+
+                </q-expansion-item>
+
+            </q-list>
+        </l-card>
+    </div>
 </template>

package/dist/runtime/components/L/Storage.vue

@@ -23,11 +23,11 @@ const progressColor = computed(() => {
 </script>
 
 <template>
-    <q-card>
-        <q-card-section>
-            {{ $t("Storage") }}
-            <q-linear-progress rounded size="20px" :value="usagePercent" :color="progressColor" class="q-mt-sm" />
-            {{ $t('storage_usage', [humanStorageSize(storage.freeSpace), humanStorageSize(storage.totalSpace)]) }}
-        </q-card-section>
-    </q-card>
+    <q-card>
+        <q-card-section>
+            {{ $t("Storage") }}
+            <q-linear-progress rounded size="20px" :value="usagePercent" :color="progressColor" class="q-mt-sm" />
+            {{ $t('storage_usage', [humanStorageSize(storage.freeSpace), humanStorageSize(storage.totalSpace)]) }}
+        </q-card-section>
+    </q-card>
 </template>

package/dist/runtime/components/L/System/Setting/authentication.d.vue.ts

@@ -5,10 +5,6 @@ export interface LSystemSettingAuthenticationProps {
     authentication_microsoft_client_id: string;
     authentication_microsoft_tenant_id: string;
 }
-declare const __VLS_export: import("vue").DefineComponent<LSystemSettingAuthenticationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    submit: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<LSystemSettingAuthenticationProps> & Readonly<{
-    onSubmit?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<LSystemSettingAuthenticationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/L/System/Setting/authentication.vue

@@ -19,20 +19,20 @@ const onSubmit = async (d) => {
 </script>
 
 <template>
-    <form-kit type="l-form" :bordered="false" @submit="onSubmit" :value="$props">
-
-        <form-kit label="Password based" type="l-checkbox" name="authentication_password_based" true-value="1"
-            false-value="0" />
-
-        <div class="col-12">
-            <q-separator />
-        </div>
-
-        <form-kit label="Google Client ID" type="l-input" name="authentication_google_client_id" />
-
-        <form-kit label="Facebook App ID" type="l-input" name="authentication_facebook_app_id" />
-
-        <form-kit label="Microsoft Client ID" type="l-input" name="authentication_microsoft_client_id" />
-        <form-kit label="Microsoft Tenant ID" type="l-input" name="authentication_microsoft_tenant_id" />
-    </form-kit>
+    <form-kit type="l-form" :bordered="false" @submit="onSubmit" :value="$props">
+
+        <form-kit label="Password based" type="l-checkbox" name="authentication_password_based" true-value="1"
+            false-value="0" />
+
+        <div class="col-12">
+            <q-separator />
+        </div>
+
+        <form-kit label="Google Client ID" type="l-input" name="authentication_google_client_id" />
+
+        <form-kit label="Facebook App ID" type="l-input" name="authentication_facebook_app_id" />
+
+        <form-kit label="Microsoft Client ID" type="l-input" name="authentication_microsoft_client_id" />
+        <form-kit label="Microsoft Tenant ID" type="l-input" name="authentication_microsoft_tenant_id" />
+    </form-kit>
 </template>

package/dist/runtime/components/L/System/Setting/authentication.vue.d.ts

@@ -5,10 +5,6 @@ export interface LSystemSettingAuthenticationProps {
     authentication_microsoft_client_id: string;
     authentication_microsoft_tenant_id: string;
 }
-declare const __VLS_export: import("vue").DefineComponent<LSystemSettingAuthenticationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    submit: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<LSystemSettingAuthenticationProps> & Readonly<{
-    onSubmit?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<LSystemSettingAuthenticationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/L/System/Setting/developer.vue

@@ -18,18 +18,17 @@ const onSubmit = async (d) => {
     <FormKit type="l-form" :bordered="false" :value="{
   mode: processedMode,
   custom_field_models: processedCustomFieldModels
-}" @submit="onSubmit">
-
-        <form-kit type="l-select" name="custom_field_models" label="Custom Field Model" use-input use-chips multiple
-            hide-dropdown-icon input-debounce="0" new-value-mode="add-unique" />
-
+}" @submit="onSubmit">
+
+        <form-kit type="l-select" name="custom_field_models" label="Custom Field Model" use-input use-chips multiple
+            hide-dropdown-icon input-debounce="0" new-value-mode="add-unique" />
+
         <FormKit label="Mode" type="l-select" :options="[
   { label: 'Production', value: 'prod' },
   { label: 'Development', value: 'dev' }
-]" name="mode" validation="required">
-
-        </FormKit>
-
-
-    </FormKit>
+]" name="mode" validation="required">
+
+        </FormKit>
+
+    </FormKit>
 </template>

package/dist/runtime/components/L/System/Setting/forget-password.vue

@@ -18,13 +18,13 @@ const onSubmit = async (d) => {
   forget_password_enabled: processedEnabled,
   forget_password_subject: processedSubject,
   forget_password_template: processedTemplate
-}" @submit="onSubmit">
-        <form-kit type="l-checkbox" label="Forget Password Enabled" name="forget_password_enabled" true-value="1"
-            false-value="0" />
-
-        <form-kit type="l-input" label="Forget Password Subject" name="forget_password_subject" />
-        <form-kit type="l-input" label="Forget Password Template" name="forget_password_template"
-            input-type="textarea" />
-
-    </form-kit>
+}" @submit="onSubmit">
+        <form-kit type="l-checkbox" label="Forget Password Enabled" name="forget_password_enabled" true-value="1"
+            false-value="0" />
+
+        <form-kit type="l-input" label="Forget Password Subject" name="forget_password_subject" />
+        <form-kit type="l-input" label="Forget Password Template" name="forget_password_template"
+            input-type="textarea" />
+
+    </form-kit>
 </template>

package/dist/runtime/components/L/System/Setting/general.vue

@@ -18,13 +18,13 @@ const onSubmit = async (d, form) => {
   company_logo: props.company_logo,
   copyright_name: props.copyright_name,
   copyright_year: props.copyright_year
-}" @submit="onSubmit">
-
-        <FormKit type="l-input" label="Company" name="company" validation="required"></FormKit>
-        <FormKit type="l-input" label="Company logo" name="company_logo"></FormKit>
-
-        <FormKit label="Copyright name" type="l-input" name="copyright_name" validation="required" />
-        <FormKit label="Copyright year" type="l-input" name="copyright_year" validation="required" />
-
-    </FormKit>
+}" @submit="onSubmit">
+
+        <FormKit type="l-input" label="Company" name="company" validation="required"></FormKit>
+        <FormKit type="l-input" label="Company logo" name="company_logo"></FormKit>
+
+        <FormKit label="Copyright name" type="l-input" name="copyright_name" validation="required" />
+        <FormKit label="Copyright year" type="l-input" name="copyright_year" validation="required" />
+
+    </FormKit>
 </template>

package/dist/runtime/components/L/System/Setting/mail.d.vue.ts

@@ -10,10 +10,6 @@ type __VLS_Props = {
     mail_reply_to: string;
     mail_reply_to_name: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    submit: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSubmit?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/L/System/Setting/mail.vue

@@ -21,8 +21,8 @@ const onLoginGmail = () => {
 </script>
 
 <template>
-    <FormKit type="l-form" :bordered="false" :value="$props" @submit="$emit('submit', $event)" #default="{ value }">
-
+    <FormKit type="l-form" :bordered="false" :value="$props" @submit="$emit('submit', $event)" #default="{ value }">
+
         <FormKit type="l-select" label="Mail Driver" name="mail_driver" :options="[
   {
     label: 'Mail',
@@ -32,38 +32,34 @@ const onLoginGmail = () => {
   { label: 'Sendmail', value: 'sendmail' },
   { label: 'Qmail', value: 'qmail' },
   { label: 'Gmail', value: 'gmail' }
-]" validation="required"></FormKit>
-
-        <template v-if="value.mail_driver === 'gmail'">
-            <l-btn label="Login" @click="onLoginGmail" icon="sym_o_login" />
-        </template>
-
-        <template v-else>
-
-
-            <FormKit type="l-input" label="From Address" name="mail_from" validation="email"></FormKit>
-            <FormKit type="l-input" label="From Name" name="mail_from_name"></FormKit>
-            <FormKit type="l-input" label="Reply To Address" name="mail_reply_to" validation="email">
-            </FormKit>
-            <FormKit type="l-input" label="Reply To Name" name="mail_reply_to_name"></FormKit>
-
-            <template v-if="value.mail_driver === 'smtp'">
-                <FormKit type="l-input" label="SMTP Host" name="mail_host"></FormKit>
-                <FormKit type="l-input" label="SMTP Port" name="mail_port"></FormKit>
-                <FormKit type="l-input" label="SMTP Username" name="mail_username"></FormKit>
-                <FormKit type="l-input" label="SMTP Password" name="mail_password"></FormKit>
-
+]" validation="required"></FormKit>
+
+        <template v-if="value.mail_driver === 'gmail'">
+            <l-btn label="Login" @click="onLoginGmail" icon="sym_o_login" />
+        </template>
+
+        <template v-else>
+
+            <FormKit type="l-input" label="From Address" name="mail_from" validation="email"></FormKit>
+            <FormKit type="l-input" label="From Name" name="mail_from_name"></FormKit>
+            <FormKit type="l-input" label="Reply To Address" name="mail_reply_to" validation="email">
+            </FormKit>
+            <FormKit type="l-input" label="Reply To Name" name="mail_reply_to_name"></FormKit>
+
+            <template v-if="value.mail_driver === 'smtp'">
+                <FormKit type="l-input" label="SMTP Host" name="mail_host"></FormKit>
+                <FormKit type="l-input" label="SMTP Port" name="mail_port"></FormKit>
+                <FormKit type="l-input" label="SMTP Username" name="mail_username"></FormKit>
+                <FormKit type="l-input" label="SMTP Password" name="mail_password"></FormKit>
+
                 <FormKit type="l-select" label="SMTP Encryption" name="mail_encryption" :options="[
   { label: 'None', value: '' },
   { label: 'SSL', value: 'ssl' },
   { label: 'TLS', value: 'tls' }
-]"></FormKit>
-            </template>
-
-        </template>
-
-
-
-
-    </FormKit>
+]"></FormKit>
+            </template>
+
+        </template>
+
+    </FormKit>
 </template>

package/dist/runtime/components/L/System/Setting/mail.vue.d.ts

@@ -10,10 +10,6 @@ type __VLS_Props = {
     mail_reply_to: string;
     mail_reply_to_name: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    submit: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSubmit?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/L/System/Setting/modules.d.vue.ts

@@ -1,10 +1,6 @@
 type __VLS_Props = {
     file_manager: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    submit: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSubmit?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/L/System/Setting/modules.vue

@@ -6,10 +6,10 @@ defineProps({
 </script>
 
 <template>
-    <form-kit type="l-form" :bordered="false" :value="$props" @submit="$emit('submit', $event)">
-        <l-field :label="$t('File Manager')" stack-label hide-bottom-space class="col-6">
-            <form-kit type="l-checkbox" label="Show" name="file_manager" true-value="1" false-value="0" />
-        </l-field>
-        
-    </form-kit>
+    <form-kit type="l-form" :bordered="false" :value="$props" @submit="$emit('submit', $event)">
+        <l-field :label="$t('File Manager')" stack-label hide-bottom-space class="col-6">
+            <form-kit type="l-checkbox" label="Show" name="file_manager" true-value="1" false-value="0" />
+        </l-field>
+        
+    </form-kit>
 </template>

package/dist/runtime/components/L/System/Setting/modules.vue.d.ts

@@ -1,10 +1,6 @@
 type __VLS_Props = {
     file_manager: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    submit: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSubmit?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/L/System/Setting/security.d.vue.ts

@@ -12,10 +12,6 @@ export type LSystemSettingSecurityProps = {
     password_expiration_duration: string;
     concurrent_login_disabled: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<LSystemSettingSecurityProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    submit: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<LSystemSettingSecurityProps> & Readonly<{
-    onSubmit?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<LSystemSettingSecurityProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/L/System/Setting/security.vue

@@ -17,45 +17,42 @@ defineProps({
 </script>
 
 <template>
-    <FormKit type="l-form" :bordered="false" :value="$props" @submit="$emit('submit', $event)">
-        <l-field label="Password policy" stack-label>
-            <FormKit type="l-checkbox" label="Upper Case" name="password_contains_uppercase" true-value="1"
-                false-value="0" />
-            <FormKit type="l-checkbox" label="Lower Case" name="password_contains_lowercase" true-value="1"
-                false-value="0" />
-            <FormKit type="l-checkbox" label="Number" name="password_contains_numeric" true-value="1" false-value="0" />
-            <FormKit type="l-checkbox" label="Special Character" name="password_contains_symbol" true-value="1"
-                false-value="0" />
-        </l-field>
-
-        <FormKit type="l-input" label="Password min Length" name="password_min_length" validation="required|number">
-        </FormKit>
-
-
-        <FormKit type="l-checkbox" name="two_factor_authentication" true-value="1" false-value="0"
-            label="Two factor authentication" />
-
-        <FormKit label="Auth lockout duration" type="l-input" name="auth_lockout_duration"
-            hint="The number of minutes the user is locked out after the maximum number of failed login attempts. Default is 15 minutes."
-            validation="required" />
-
-        <FormKit label="Auth lockout attempts" type="l-input" name="auth_lockout_attempts"
-            hint="The number of failed login attempts before the user is locked out. Default is 5 attempts."
-            validation="required" />
-
-        <FormKit label="Access token expiration" type="l-input" name="access_token_expire"
-            hint="The access token expiration time in seconds. Default is 28800 seconds (8 hours)."
-            validation="required" />
-
-
-        <form-kit label="Password expiration" true-value="1" false-value="0" name="password_expiration"
-            type="l-checkbox"></form-kit>
-        <form-kit label="Password expiration duration" name="password_expiration_duration" type="l-input"
-            hint="The number of days before the password expires. Default is 90 days." validation="required"></form-kit>
-
-
-        <form-kit label="Concurrent login disabled" type="l-checkbox" name="concurrent_login_disabled" true-value="1"
-            false-value="0"></form-kit>
-
-    </FormKit>
+    <FormKit type="l-form" :bordered="false" :value="$props" @submit="$emit('submit', $event)">
+        <l-field label="Password policy" stack-label>
+            <FormKit type="l-checkbox" label="Upper Case" name="password_contains_uppercase" true-value="1"
+                false-value="0" />
+            <FormKit type="l-checkbox" label="Lower Case" name="password_contains_lowercase" true-value="1"
+                false-value="0" />
+            <FormKit type="l-checkbox" label="Number" name="password_contains_numeric" true-value="1" false-value="0" />
+            <FormKit type="l-checkbox" label="Special Character" name="password_contains_symbol" true-value="1"
+                false-value="0" />
+        </l-field>
+
+        <FormKit type="l-input" label="Password min Length" name="password_min_length" validation="required|number">
+        </FormKit>
+
+        <FormKit type="l-checkbox" name="two_factor_authentication" true-value="1" false-value="0"
+            label="Two factor authentication" />
+
+        <FormKit label="Auth lockout duration" type="l-input" name="auth_lockout_duration"
+            hint="The number of minutes the user is locked out after the maximum number of failed login attempts. Default is 15 minutes."
+            validation="required" />
+
+        <FormKit label="Auth lockout attempts" type="l-input" name="auth_lockout_attempts"
+            hint="The number of failed login attempts before the user is locked out. Default is 5 attempts."
+            validation="required" />
+
+        <FormKit label="Access token expiration" type="l-input" name="access_token_expire"
+            hint="The access token expiration time in seconds. Default is 28800 seconds (8 hours)."
+            validation="required" />
+
+        <form-kit label="Password expiration" true-value="1" false-value="0" name="password_expiration"
+            type="l-checkbox"></form-kit>
+        <form-kit label="Password expiration duration" name="password_expiration_duration" type="l-input"
+            hint="The number of days before the password expires. Default is 90 days." validation="required"></form-kit>
+
+        <form-kit label="Concurrent login disabled" type="l-checkbox" name="concurrent_login_disabled" true-value="1"
+            false-value="0"></form-kit>
+
+    </FormKit>
 </template>

package/dist/runtime/components/L/System/Setting/security.vue.d.ts

@@ -12,10 +12,6 @@ export type LSystemSettingSecurityProps = {
     password_expiration_duration: string;
     concurrent_login_disabled: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<LSystemSettingSecurityProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    submit: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<LSystemSettingSecurityProps> & Readonly<{
-    onSubmit?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<LSystemSettingSecurityProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;