@dative-gpi/foundation-shared-components 1.0.89 → 1.0.91

package/components/FSClickable.vue

@@ -86,6 +86,7 @@
     :type="$props.type"
     :style="style"
     :class="$props.class"
+    :disabled="$props.load || !$props.editable"
     @click.stop="onClick"
     @mouseover="hover = true"
     @mouseleave="hover = false"

package/components/FSDialogFormBody.vue

@@ -28,6 +28,7 @@
             :wrap="false"
           >
             <FSButton
+              v-if="$props.showCancelButton"
               :prependIcon="$props.cancelButtonPrependIcon"
               :appendIcon="$props.cancelButtonAppendIcon"
               :variant="$props.cancelButtonVariant"
@@ -36,6 +37,7 @@
               @click="() => $emit('click:cancelButton', false)"
             />
             <FSButton
+              v-if="$props.showSubmitButton"
               type="submit"
               :prependIcon="$props.submitButtonPrependIcon"
               :appendIcon="$props.submitButtonAppendIcon"
@@ -122,6 +124,11 @@ export default defineComponent({
       required: false,
       default: null
     },
+    showCancelButton: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
     cancelButtonPrependIcon: {
       type: String as PropType<string | null>,
       required: false,
@@ -147,6 +154,11 @@ export default defineComponent({
       required: false,
       default: ColorEnum.Light
     },
+    showSubmitButton: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
     submitButtonPrependIcon: {
       type: String as PropType<string | null>,
       required: false,

package/components/FSDialogMultiFormBody.vue

@@ -38,6 +38,7 @@
               :wrap="false"
             >
               <FSButton
+                v-if="$props.showCancelButton || currentStep > 1"
                 :prependIcon="$props.cancelButtonPrependIcon"
                 :appendIcon="$props.cancelButtonAppendIcon"
                 :variant="$props.cancelButtonVariant"
@@ -46,6 +47,7 @@
                 @click="onPrevious()"
               />
               <FSButton
+                v-if="$props.showSubmitButton || currentStep < $props.steps"
                 type="submit"
                 :prependIcon="$props.submitButtonPrependIcon"
                 :appendIcon="$props.submitButtonAppendIcon"
@@ -107,6 +109,11 @@ export default defineComponent({
       type: Number,
       required: true
     },
+    showCancelButton: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
     cancelButtonPrependIcon: {
       type: String as PropType<string | null>,
       required: false,
@@ -132,6 +139,11 @@ export default defineComponent({
       required: false,
       default: ColorEnum.Light
     },
+    showSubmitButton: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
     submitButtonPrependIcon: {
       type: String as PropType<string | null>,
       required: false,

package/components/FSDialogSubmit.vue

@@ -33,6 +33,7 @@
             :wrap="false"
           >
             <FSButton
+              v-if="$props.showCancelButton"
               :prependIcon="$props.cancelButtonPrependIcon"
               :appendIcon="$props.cancelButtonAppendIcon"
               :variant="$props.cancelButtonVariant"
@@ -41,6 +42,7 @@
               @click="$emit('update:modelValue', false)"
             />
             <FSButton
+              v-if="$props.showSubmitButton"
               :prependIcon="$props.submitButtonPrependIcon"
               :appendIcon="$props.submitButtonAppendIcon"
               :variant="$props.submitButtonVariant"
@@ -98,6 +100,11 @@ export default defineComponent({
       required: false,
       default: false
     },
+    showCancelButton: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
     cancelButtonPrependIcon: {
       type: String as PropType<string | null>,
       required: false,
@@ -123,6 +130,11 @@ export default defineComponent({
       required: false,
       default: ColorEnum.Light
     },
+    showSubmitButton: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
     submitButtonPrependIcon: {
       type: String as PropType<string | null>,
       required: false,

package/components/FSWindow.vue

@@ -1,6 +1,5 @@
 <template>
   <v-window
-    ref="windowRoot"
     class="fs-window"
     :touch="false"
     :style="style"
@@ -60,12 +59,14 @@ export default defineComponent({
     const { slots, getChildren } = useSlots();
 
     delete slots.default;
-
-    const windowRoot = ref<HTMLElement | null>(null);
+    
+    const showOverflow = ref(true);
+    const overflowTimeout = ref<NodeJS.Timeout | null>(null);
 
     const style = computed((): StyleValue => ({
-      "--fs-window-width"   : sizeToVar(props.width),
-      "--fs-window-height"  : sizeToVar(props.height)
+      "--fs-window-overflow": showOverflow.value ? "visible" : "hidden",
+      "--fs-window-height"  : sizeToVar(props.height),
+      "--fs-window-width"   : sizeToVar(props.width)
     }));
 
     const value = (component: VNode, index: number): any => {
@@ -74,17 +75,16 @@ export default defineComponent({
 
     // Hide horizontal overflow when switching windows, otherwise let it visible for the FSFadeOut scrollbar
     watch(() => props.modelValue, (): void => {
-      if (windowRoot.value == null) {
-        return;
+      showOverflow.value = false;
+      if (overflowTimeout.value) {
+        clearTimeout(overflowTimeout.value);
       }
-      (windowRoot.value as any).$el.style.setProperty("overflow", "hidden", "important");
-      setTimeout(() => {
-        (windowRoot.value as any).$el.style.setProperty("overflow", "visible", "important");
-      }, 1120);
+      overflowTimeout.value = setTimeout(() => {
+        showOverflow.value = true;
+      }, 560);
     });
 
     return {
-      windowRoot,
       slots,
       style,
       getChildren,

package/components/lists/FSDataTableUI.vue

@@ -1544,6 +1544,7 @@ export default defineComponent({
 
     watch(() => props.items, async () => {
       computeFilters();
+      observeIntersection();
       if (innerPage.value !== 1) {
         const formerPage = innerPage.value;
         innerPage.value = 1;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "1.0.89",
+  "version": "1.0.91",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.0.89",
-    "@dative-gpi/foundation-shared-services": "1.0.89"
+    "@dative-gpi/foundation-shared-domain": "1.0.91",
+    "@dative-gpi/foundation-shared-services": "1.0.91"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -35,5 +35,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "9744715fd11929d7cd01e09aebe822283a6214e5"
+  "gitHead": "996da7085e717a1b1c0a9e58d6d3cc40b4aadb2b"
 }

package/styles/components/fs_window.scss

@@ -1,7 +1,7 @@
 .fs-window {
+    overflow: var(--fs-window-overflow) !important;
     height: var(--fs-window-height);
     width: var(--fs-window-width);
-    overflow: visible !important;
 }
 
 .fs-window-item {