@hostlink/nuxt-light 1.53.0 → 1.53.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.53.0",
+  "version": "1.53.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/l-app-main.vue

@@ -241,12 +241,12 @@ const onLogout = async () => {
     <q-layout :view="layoutView">
         <q-header bordered class="text-white" :class="`bg-${light.color}`">
             <q-toolbar>
-                <q-btn dense flat round icon="menu" class="q-mr-sm" @click="toggleLeftDrawer" />
+                <q-btn dense flat round icon="sym_o_menu" class="q-mr-sm" @click="toggleLeftDrawer" />
 
                 <q-toolbar-title>
                     {{ light.company }}
                     <template v-if="tt.system.devMode">
-                        - Development mode
+                        <span style="font-size: 0.8em;">[Dev mode]</span>
                     </template>
                 </q-toolbar-title>
 
@@ -347,7 +347,7 @@ const onLogout = async () => {
                     </q-menu>
                 </q-btn>
 
-                <q-btn dense flat round icon="menu" @click="toggleRightDrawer" />
+                <q-btn dense flat round icon="sym_o_menu" @click="toggleRightDrawer" />
             </q-toolbar>
         </q-header>
 

package/dist/runtime/components/l-field.vue

@@ -1,5 +1,5 @@
 <script setup>
-const props = defineProps({
+defineProps({
   modelValue: { type: null, required: false },
   error: { type: [Boolean, null], required: false, skipCheck: true },
   errorMessage: { type: null, required: false },

package/dist/runtime/components/l-file-manager.vue

@@ -561,6 +561,7 @@ selectedNodePath.value = drives[0].index.toString();
     </q-drawer>
 
     <q-page-container :style="{ height }">
+      
 
       <q-dialog v-model="showPreviewImgDialog" full-width full-height auto-close>
         <q-card>
@@ -603,7 +604,7 @@ selectedNodePath.value = drives[0].index.toString();
             {{ $t('Delete') }}
           </q-tooltip>
         </q-btn>
-        <q-btn flat round :icon="grid ? 'list_view' : 'grid_view'" @click="grid = !grid">
+        <q-btn flat round :icon="grid ? 'sym_o_view_list' : 'sym_o_grid_view'" @click="grid = !grid">
           <q-tooltip>
             {{ grid ? $t('List view') : $t('Grid view') }}
           </q-tooltip>
@@ -664,7 +665,7 @@ selectedNodePath.value = drives[0].index.toString();
         <q-table flat :columns="columns" :rows="items" @row-dblclick="onDblclickRow" @row-click="onClickRow"
           :pagination="pagination" row-key="path" selection="multiple" v-model:selected="selected" dense
           :loading="loading" :loading-label="$t('Loading...')" :no-data-label="$t('No data available')"
-          separator="horizontal" :rows-per-page-options="[0]">
+          separator="horizontal" :rows-per-page-options="[0]" color="primary">
           <template #body-cell-icon="props">
             <q-td auto-width>
               <q-icon name="sym_o_folder" v-if="props.value == 'folder'" size="sm" />

package/dist/runtime/formkit/Repeater.vue

@@ -1,36 +1,62 @@
 <script setup>
-import { computed, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import { useDragAndDrop } from "@formkit/drag-and-drop/vue";
 import { animations } from "@formkit/drag-and-drop";
 const props = defineProps({
   context: Object
 });
 const node = props.context.node;
-const min = props.context.node.props.min ?? 1;
-const max = props.context.node.props.max ?? Infinity;
-const sortable = props.context.node.props.sortable !== void 0 ? props.context.node.props.sortable : true;
-const addLabel = props.context.node.props.addLabel ?? "Add";
+const min = ref(props.context.node.props.min ?? 0);
+const max = ref(props.context.node.props.max ?? Infinity);
+const sortable = ref(props.context.node.props.sortable ?? true);
+const addLabel = ref(props.context.node.props.addLabel ?? "Add");
+node.on("prop", ({ payload }) => {
+  if (payload.prop == "max") {
+    max.value = payload.value;
+  }
+  if (payload.prop == "min") {
+    min.value = payload.value;
+  }
+  if (payload.prop == "sortable") {
+    sortable.value = payload.value;
+  }
+  if (payload.prop == "addLabel") {
+    addLabel.value = payload.value;
+  }
+});
 if (!props.context.value) {
   await node.input([]);
 }
+watch(() => max.value, (newVal) => {
+  if (localValue.value.length > newVal) {
+    localValue.value = localValue.value.slice(0, newVal);
+  }
+});
+watch(() => min.value, (newVal) => {
+  if (localValue.value.length < newVal) {
+    for (let i = localValue.value.length; i < newVal; i++) {
+      localValue.value.push({});
+    }
+  }
+});
 const [parent, localValue] = useDragAndDrop(props.context.value, {
   dragHandle: ".l-repeater-handle",
   plugins: [animations()]
 });
-if (localValue.value.length < min) {
-  for (let i = localValue.value.length; i < min; i++) {
+if (localValue.value.length < min.value) {
+  for (let i = localValue.value.length; i < min.value; i++) {
     localValue.value.push({});
   }
 }
-if (localValue.value.length > max) {
-  localValue.value = localValue.value.slice(0, max);
+if (localValue.value.length > max.value) {
+  localValue.value = localValue.value.slice(0, max.value);
 }
 const onAdd = () => {
-  if (localValue.value.length >= max) return;
+  if (localValue.value.length >= max.value) return;
   localValue.value.push({});
 };
 const onRemove = (index) => {
-  if (localValue.value.length <= min) return;
+  if (localValue.value.length <= min.value) return;
   localValue.value.splice(index, 1);
 };
 const onMoveUp = (index) => {
@@ -48,7 +74,7 @@ const onMoveDown = (index) => {
   }
 };
 const isAllowRemove = computed(() => {
-  return localValue.value.length > min;
+  return localValue.value.length > min.value;
 });
 const isAllowMoveUp = (index) => {
   return index > 0;
@@ -66,6 +92,7 @@ const cursor = ref("cursor-grab");
 <template>
     <FormKit type="list" v-model="localValue" dynamic #default="{ items, node }" :name="node.name">
         <div class="col col-12">
+
             <q-list bordered separator ref="parent">
                 <FormKit type="group" v-for="(item, index) in items" :index="index" :key="item" #default="{ node }">
                     <q-item class="q-pa-xs">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.53.0",
+  "version": "1.53.1",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",