@dative-gpi/foundation-shared-components 0.0.91 → 0.0.92

package/components/FSFadeOut.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, onMounted, PropType, ref, watch } from "vue";
+import { computed, defineComponent, onMounted, onUnmounted, PropType, ref, watch } from "vue";
 
 import { useBreakpoints, useColors, useDebounce } from "@dative-gpi/foundation-shared-components/composables";
 import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
@@ -52,6 +52,8 @@ export default defineComponent({
     const topMaskHeight = ref("0px");
     const lastScroll = ref(0);
 
+    const resizeObserver = ref<ResizeObserver | null>(null);
+
     const style = computed((): { [key: string] : string | undefined } => {
       return {
         "--fs-fade-out-height"             : sizeToVar(props.height),
@@ -99,6 +101,21 @@ export default defineComponent({
 
     onMounted((): void => {
       debounceMasks();
+
+      resizeObserver.value = new ResizeObserver(entries => {
+        entries.forEach(() => {
+          debounceMasks();
+        });
+      });
+      if (document.querySelector(".fs-fade-out")) {
+        resizeObserver.value.observe(document.querySelector(".fs-fade-out")!);
+      }
+    });
+
+    onUnmounted((): void => {
+      if (resizeObserver.value) {
+        resizeObserver.value.disconnect();
+      }
     });
 
     watch([() => windowWidth.value, () => windowHeight.value], debounceMasks);

package/components/lists/FSDataTableUI.vue

@@ -1212,13 +1212,16 @@ export default defineComponent({
     };
 
     const toggleSort = (header: FSDataTableColumn) => {
-      if (header.value == null) {return}
-
+      if (header.value == null) {
+        return;
+      }
       if (innerSortBy.value?.key !== header.value) {
         innerSortBy.value = { key: header.value, order: 'asc' };
-      } else if (innerSortBy.value.order === 'asc') {
+      }
+      else if (innerSortBy.value.order === 'asc') {
         innerSortBy.value.order = 'desc' ;
-      } else {
+      }
+      else {
         innerSortBy.value = null;
       }
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "0.0.91",
+  "version": "0.0.92",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "0.0.91",
-    "@dative-gpi/foundation-shared-services": "0.0.91",
+    "@dative-gpi/foundation-shared-domain": "0.0.92",
+    "@dative-gpi/foundation-shared-services": "0.0.92",
     "@fontsource/montserrat": "^5.0.16",
     "@lexical/clipboard": "^0.12.5",
     "@lexical/history": "^0.12.5",
@@ -32,5 +32,5 @@
     "sass": "^1.69.5",
     "sass-loader": "^13.3.2"
   },
-  "gitHead": "5470b07f299ab5d02f4240807304335501bdaf07"
+  "gitHead": "9c937d9f684b22f0230cd801b4f6bbe7adac8176"
 }