@club-employes/utopia 4.311.0 → 4.312.0

package/dist/components/layouts/MfePage/MfePage.d.ts

@@ -1,4 +1,4 @@
-import { MfePageProps, ShyHeaderMode } from './types';
+import { MfePageProps, ShyHeaderMode, FooterVariant } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -18,6 +18,7 @@ declare const __VLS_component: DefineComponent<MfePageProps, {}, {}, {}, {}, Com
     padding: "none" | "small" | "medium" | "large";
     intro: string;
     shyHeader: ShyHeaderMode;
+    footerVariant: FooterVariant;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     footerSentinel: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/components/layouts/MfePage/types.d.ts

@@ -1,8 +1,10 @@
 export type ShyHeaderMode = 'all' | 'title' | 'extra' | 'none';
+export type FooterVariant = 'auto' | 'transparent';
 export interface MfePageProps {
     title: string;
     intro?: string;
     padding?: 'none' | 'small' | 'medium' | 'large';
     shyHeader?: ShyHeaderMode;
     maxWidth?: string;
+    footerVariant?: FooterVariant;
 }

package/dist/index.js

@@ -47143,7 +47143,8 @@ const IB = ["id"], YB = {
     intro: { default: "" },
     padding: { default: "medium" },
     shyHeader: { default: "all" },
-    maxWidth: {}
+    maxWidth: {},
+    footerVariant: { default: "auto" }
   },
   setup(e) {
     const t = e, n = Di(), o = P(() => {
@@ -47174,14 +47175,18 @@ const IB = ["id"], YB = {
       "utopia-mfepage__footer--resting": d.value
     }));
     function k() {
-      y?.disconnect(), m.value && (y = new IntersectionObserver(
+      if (y?.disconnect(), y = null, t.footerVariant === "transparent") {
+        d.value = !0;
+        return;
+      }
+      m.value && (y = new IntersectionObserver(
         ([v]) => {
           d.value = v.isIntersecting;
         },
         { threshold: 0 }
       ), y.observe(m.value));
     }
-    return De(m, k), gt(() => {
+    return De(m, k), De(() => t.footerVariant, k), gt(() => {
       window.addEventListener("scroll", i, { passive: !0 }), k();
     }), Ot(() => {
       window.removeEventListener("scroll", i), y?.disconnect();
@@ -47240,7 +47245,7 @@ const IB = ["id"], YB = {
       }, null, 512)) : M("", !0)
     ], 6));
   }
-}), QE = /* @__PURE__ */ fe(DG, [["__scopeId", "data-v-56a159c3"]]);
+}), QE = /* @__PURE__ */ fe(DG, [["__scopeId", "data-v-7265fca4"]]);
 export {
   or as Accordion,
   ar as AccordionItem,