lkt-item-crud 2.0.35 → 2.0.37

package/dist/components/ButtonNav.vue.d.ts

@@ -1,4 +1,4 @@
-import { ButtonConfig, ItemCrudButtonNavVisibility, ItemCrudMode, ItemCrudView, LktObject, ModificationView } from 'lkt-vue-kernel';
+import { ButtonConfig, ItemCrudButtonNavVisibility, ItemCrudMode, ItemCrudSaveConfig, ItemCrudView, LktObject, ModificationView } from 'lkt-vue-kernel';
 type __VLS_Props = {
     item: LktObject;
     modifications: LktObject;
@@ -33,6 +33,7 @@ type __VLS_Props = {
     navStartButtonsEditing?: Array<ButtonConfig>;
     navEndButtons?: Array<ButtonConfig>;
     navEndButtonsEditing?: Array<ButtonConfig>;
+    updateConfig: ItemCrudSaveConfig;
 };
 declare var __VLS_13: {
     canUpdate: boolean | undefined;

package/dist/lib-components/LktItemCrud.vue.d.ts

@@ -21,7 +21,15 @@ declare var __VLS_17: {
     canUpdate: boolean | undefined;
     canDrop: boolean | undefined;
     perms: string[] | undefined;
-}, __VLS_59: string, __VLS_60: {}, __VLS_62: {
+}, __VLS_55: {
+    canUpdate: boolean | undefined;
+    canDrop: boolean | undefined;
+    perms: string[] | undefined;
+}, __VLS_57: {
+    canUpdate: boolean | undefined;
+    canDrop: boolean | undefined;
+    perms: string[] | undefined;
+}, __VLS_74: string, __VLS_75: {}, __VLS_77: {
     item: LktObject;
     loading: false;
     editMode: boolean;
@@ -30,9 +38,9 @@ declare var __VLS_17: {
     canDrop: boolean;
     itemBeingEdited: boolean;
     perms: string[];
-}, __VLS_83: {}, __VLS_85: {};
+}, __VLS_98: {}, __VLS_100: {};
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_59>]?: (props: typeof __VLS_60) => any;
+    [K in NonNullable<typeof __VLS_74>]?: (props: typeof __VLS_75) => any;
 } & {
     'prev-buttons-ever'?: (props: typeof __VLS_17) => any;
 } & {
@@ -46,11 +54,15 @@ type __VLS_Slots = {} & {
 } & {
     'prev-buttons'?: (props: typeof __VLS_42) => any;
 } & {
-    item?: (props: typeof __VLS_62) => any;
+    'prev-buttons-ever'?: (props: typeof __VLS_55) => any;
 } & {
-    'prev-buttons-ever'?: (props: typeof __VLS_83) => any;
+    'prev-buttons'?: (props: typeof __VLS_57) => any;
 } & {
-    'prev-buttons'?: (props: typeof __VLS_85) => any;
+    item?: (props: typeof __VLS_77) => any;
+} & {
+    'prev-buttons-ever'?: (props: typeof __VLS_98) => any;
+} & {
+    'prev-buttons'?: (props: typeof __VLS_100) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<ItemCrudConfig, {
     doDrop: () => void;
@@ -94,13 +106,10 @@ declare const __VLS_component: import("vue").DefineComponent<ItemCrudConfig, {
     header: import("lkt-vue-kernel").HeaderConfig;
     title: string;
     mode: ItemCrudMode;
+    modifications: LktObject;
     modelValue: LktObject;
     createButton: ButtonConfig | false;
-    events: {
-        httpStart?: undefined | Function;
-        httpEnd?: (data: import("lkt-vue-kernel").ClickEventArgs) => void | undefined;
-    };
-    modifications: LktObject;
+    events: import("lkt-vue-kernel").ItemCrudEvents;
     editing: boolean;
     perms: import("lkt-vue-kernel").ValidTablePermission[];
     customData: LktObject;
@@ -130,6 +139,7 @@ declare const __VLS_component: import("vue").DefineComponent<ItemCrudConfig, {
     navStartButtonsEditing: Array<ButtonConfig>;
     navEndButtons: Array<ButtonConfig>;
     navEndButtonsEditing: Array<ButtonConfig>;
+    updateConfig: import("lkt-vue-kernel").ItemCrudSaveConfig;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-item-crud",
-  "version": "2.0.35",
+  "version": "2.0.37",
   "description": "",
   "type": "module",
   "module": "./dist/build.js",

package/src/components/ButtonNav.vue

@@ -4,7 +4,7 @@
         ButtonConfig,
         ButtonType,
         ItemCrudButtonNavVisibility,
-        ItemCrudMode,
+        ItemCrudMode, ItemCrudSaveConfig,
         ItemCrudView,
         LktObject,
         ModificationView,
@@ -61,6 +61,10 @@
         navStartButtonsEditing?: Array<ButtonConfig>
         navEndButtons?: Array<ButtonConfig>
         navEndButtonsEditing?: Array<ButtonConfig>
+
+        updateConfig: ItemCrudSaveConfig
+
+
     }>(), {
         item: () => ({}),
         modifications: () => ({}),
@@ -75,12 +79,18 @@
 
     const slots: SetupContext['slots'] = useSlots();
 
+    const createButtonRef = ref(<HTMLButtonElement | null>null);
+    const createAndNewButtonRef = ref(<HTMLButtonElement | null>null);
     const saveButtonRef = ref(<HTMLButtonElement | null>null);
     const dropButtonRef = ref(<HTMLButtonElement | null>null);
 
     const isLoading = ref(props.loading);
     watch(() => props.loading, v => isLoading.value = v);
-    watch(isLoading, v => emit('update:loading', v));
+    watch(isLoading, v => {
+        if (props.updateConfig.executionMode === 'blocking') {
+            emit('update:loading', v);
+        }
+    });
 
     const isEditing = ref(props.editing);
     watch(() => props.editing, v => isEditing.value = v);
@@ -111,7 +121,17 @@
     })
 
     const doSave = () => {
-            if (saveButtonRef.value && typeof saveButtonRef.value.click === 'function') saveButtonRef.value.click();
+            if (showSaveButton.value) {
+                switch (props.mode) {
+                    case ItemCrudMode.Update:
+                        if (saveButtonRef.value && typeof saveButtonRef.value.click === 'function') saveButtonRef.value.click();
+                        break;
+
+                    case ItemCrudMode.Create:
+                        if (createButtonRef.value && typeof createButtonRef.value.click === 'function') createButtonRef.value.click();
+                        break;
+                }
+            }
         },
         doDrop = () => {
             if (dropButtonRef.value && typeof dropButtonRef.value.click === 'function') dropButtonRef.value.click();
@@ -289,7 +309,7 @@
             />
 
             <lkt-button
-                ref="saveButtonRef"
+                ref="createButtonRef"
                 v-show="mode === ItemCrudMode.Create && showSaveButton"
                 v-bind="{
                     ...createButton,
@@ -305,7 +325,7 @@
             />
 
             <lkt-button
-                ref="saveButtonRef"
+                ref="createAndNewButtonRef"
                 v-show="mode === ItemCrudMode.Create && showSaveButton && ableToCreateAndNew"
                 v-bind="{
                     ...createAndNewButton,
@@ -401,7 +421,7 @@
                     />
 
                     <lkt-button
-                        ref="saveButtonRef"
+                        ref="createButtonRef"
                         v-show="mode === ItemCrudMode.Create && showSaveButton"
                         v-bind="{
                             ...createButton,
@@ -418,7 +438,7 @@
                     />
 
                     <lkt-button
-                        ref="saveButtonRef"
+                        ref="createAndNewButtonRef"
                         v-show="mode === ItemCrudMode.Create && showSaveButton && ableToCreateAndNew"
                         v-bind="{
                             ...createAndNewButton,
@@ -494,7 +514,7 @@
             />
 
             <lkt-button
-                ref="saveButtonRef"
+                ref="createButtonRef"
                 v-show="mode === ItemCrudMode.Create && showSaveButton"
                 v-bind="{
                     ...createButton,
@@ -510,7 +530,7 @@
             />
 
             <lkt-button
-                ref="saveButtonRef"
+                ref="createAndNewButtonRef"
                 v-show="mode === ItemCrudMode.Create && showSaveButton && ableToCreateAndNew"
                 v-bind="{
                     ...createAndNewButton,

package/src/lib-components/LktItemCrud.vue

@@ -5,9 +5,12 @@
     import { debug } from '../functions/debug';
     import {
         ButtonConfig,
-        ensureButtonConfig, extractI18nValue, FormUiConfig,
+        ensureButtonConfig,
+        extractI18nValue,
+        FormUiConfig,
         getDefaultValues,
-        getFormDataState, getFormSlotKeys,
+        getFormDataState,
+        getFormSlotKeys,
         ItemCrud,
         ItemCrudButtonNavPosition,
         ItemCrudConfig,
@@ -323,6 +326,7 @@
                         details: LktSettings.defaultCreateErrorDetails,
                         icon: LktSettings.defaultCreateErrorIcon,
                         positionX: ToastPositionX.Right,
+                        ...r.toast,
                     });
                 }
                 return;
@@ -337,6 +341,7 @@
                     details: LktSettings.defaultCreateSuccessDetails,
                     icon: LktSettings.defaultCreateSuccessIcon,
                     positionX: ToastPositionX.Right,
+                    ...r.toast,
                 });
             }
             doAutoReloadId(r, props.redirectOnCreate);
@@ -352,6 +357,7 @@
                         details: LktSettings.defaultUpdateErrorDetails,
                         icon: LktSettings.defaultUpdateErrorIcon,
                         positionX: ToastPositionX.Right,
+                        ...r.toast,
                     });
                 }
                 return;
@@ -365,6 +371,7 @@
                     details: LktSettings.defaultUpdateSuccessDetails,
                     icon: LktSettings.defaultUpdateSuccessIcon,
                     positionX: ToastPositionX.Right,
+                    ...r.toast,
                 });
             }
             doAutoReloadId(r);
@@ -379,6 +386,7 @@
                         details: LktSettings.defaultDropErrorDetails,
                         icon: LktSettings.defaultDropErrorIcon,
                         positionX: ToastPositionX.Right,
+                        ...r.toast,
                     });
                 }
                 return;
@@ -389,6 +397,7 @@
                     details: LktSettings.defaultDropSuccessDetails,
                     icon: LktSettings.defaultDropSuccessIcon,
                     positionX: ToastPositionX.Right,
+                    ...r.toast,
                 });
             }
             emit('drop', r);
@@ -464,7 +473,9 @@
         }),
         ableToUpdate = computed(() => {
             if (props.mode !== ItemCrudMode.Update || !canUpdate.value) return false;
-            if (!(computedHasForm.value && validForm.value)) return false;
+            if (computedHasForm.value) {
+                if (!validForm.value) return false;
+            }
             if (!props.enabledSaveWithoutChanges) {
                 if (computedHasForm.value) {
                     if (!changedForm.value) return false;
@@ -482,7 +493,9 @@
         }),
         ableToCreate = computed(() => {
             if (props.mode !== ItemCrudMode.Create || !canCreate.value) return false;
-            if (!(computedHasForm.value && validForm.value)) return false;
+            if (computedHasForm.value) {
+                if (!validForm.value) return false;
+            }
             if (!props.enabledSaveWithoutChanges) {
                 if (computedHasForm.value) {
                     if (!changedForm.value) return false;
@@ -613,6 +626,7 @@
                 :nav-start-buttons-editing="navStartButtonsEditing"
                 :nav-end-buttons="navEndButtons"
                 :nav-end-buttons-editing="navEndButtonsEditing"
+                :update-config="updateConfig"
                 @create="onCreate"
                 @save="onUpdate"
                 @drop="onDrop"
@@ -681,6 +695,7 @@
             :nav-start-buttons-editing="navStartButtonsEditing"
             :nav-end-buttons="navEndButtons"
             :nav-end-buttons-editing="navEndButtonsEditing"
+            :update-config="updateConfig"
             @create="onCreate"
             @save="onUpdate"
             @drop="onDrop"
@@ -700,6 +715,63 @@
                 />
             </template>
         </button-nav>
+        <template v-else-if="computedHasButtons && buttonNavPosition === ItemCrudButtonNavPosition.Hidden">
+            <button-nav
+                ref="buttonNav"
+                v-show="false"
+                v-model:loading="isLoading"
+                v-model:editing="editMode"
+                v-model:picked-modification-view="pickedModificationView"
+                :item="item"
+                :modifications="itemModifications"
+                :mode="mode"
+                :view="view"
+                :button-nav-visibility="buttonNavVisibility"
+                :create-button="safeCreateButton"
+                :create-and-new-button="safeCreateAndNewButton"
+                :update-button="safeUpdateButton"
+                :drop-button="safeDropButton"
+                :edit-mode-button="safeEditModeButton"
+                :group-button="safeGroupButton"
+                :data-changed="dataChanged"
+                :http-success-read="httpSuccessRead"
+                :can-create="canCreate"
+                :can-update="canUpdate"
+                :can-drop="canDrop"
+                :can-switch-edit-mode="canSwitchEditMode"
+                :group-button-as-modal-actions="groupButtonAsModalActions"
+                :able-to-create="ableToCreate"
+                :able-to-create-and-new="ableToCreateAndNew"
+                :able-to-update="ableToUpdate"
+                :able-to-drop="ableToDrop"
+                :perms="permissions"
+                :modification-view="computedModificationViews"
+                :editable-view="computedEditableView"
+                :nav-start-buttons="navStartButtons"
+                :nav-start-buttons-editing="navStartButtonsEditing"
+                :nav-end-buttons="navEndButtons"
+                :nav-end-buttons-editing="navEndButtonsEditing"
+                :update-config="updateConfig"
+                @create="onCreate"
+                @save="onUpdate"
+                @drop="onDrop"
+            >
+                <template #prev-buttons-ever="{canUpdate, canDrop, perms}" v-if="slots['prev-buttons-ever']">
+                    <slot name="prev-buttons-ever"
+                          :can-update="canUpdate"
+                          :can-drop="canDrop"
+                          :perms="perms"
+                    />
+                </template>
+                <template #prev-buttons="{canUpdate, canDrop, perms}" v-if="slots['prev-buttons']">
+                    <slot name="prev-buttons"
+                          :can-update="canUpdate"
+                          :can-drop="canDrop"
+                          :perms="perms"
+                    />
+                </template>
+            </button-nav>
+        </template>
 
         <div class="lkt-item-crud_content" v-if="!isLoading">
             <div v-if="httpSuccessRead" class="lkt-grid-1">
@@ -787,6 +859,7 @@
             :nav-start-buttons-editing="navStartButtonsEditing"
             :nav-end-buttons="navEndButtons"
             :nav-end-buttons-editing="navEndButtonsEditing"
+            :update-config="updateConfig"
             @create="onCreate"
             @save="onUpdate"
             @drop="onDrop"