fds-vue-core 8.5.2 → 8.6.0

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

@@ -4,8 +4,10 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         default?: Slot;
+        'drawer-footer'?: Slot;
     }> & {
         default?: Slot;
+        'drawer-footer'?: Slot;
     };
     refs: {
         drawerInnerRef: HTMLDivElement;

package/dist/fds-vue-core.cjs.js

@@ -11624,6 +11624,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     const drawerInnerRef = vue.ref(null);
     const previouslyFocusedElement = vue.ref(null);
     const { activate: activateFocusTrap, deactivate: deactivateFocusTrap } = useFocusTrap();
+    const hasFooterSlot = useHasSlot("drawer-footer");
     const { t } = useFdsI18n();
     const drawerOuterClasses = vue.computed(() => ["fixed top-0 left-0 w-full h-full z-100"]);
     const drawerInnerClasses = vue.computed(() => [
@@ -11640,7 +11641,15 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
       }
     ]);
     const headerClasses = vue.computed(() => ["shrink-0 flex justify-between bg-white p-6", "rounded-t-lg md:rounded-none"]);
-    const contentClasses = vue.computed(() => ["flex-1 min-h-0 overflow-auto px-6 pb-6 mb-0-last-child"]);
+    const contentClasses = vue.computed(() => [
+      "flex-1 min-h-0 overflow-auto px-6 mb-0-last-child",
+      hasFooterSlot.value ? "pb-4" : "pb-6"
+    ]);
+    const footerClasses = vue.computed(() => [
+      "shrink-0 flex flex-col gap-4 px-6 pb-6 pt-4 bg-white z-[2]",
+      "sm:flex-row sm:justify-end",
+      "shadow-[0px_-8px_16px_0px_rgba(255,255,255,0.59)]"
+    ]);
     const headerTitleClasses = vue.computed(() => ["m-0"]);
     const iconName = vue.computed(() => {
       if (props.info === "valid") return "check";
@@ -11775,7 +11784,13 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass(contentClasses.value)
                 }, [
                   vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-                ], 2)
+                ], 2),
+                vue.unref(hasFooterSlot) ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  class: vue.normalizeClass(footerClasses.value)
+                }, [
+                  vue.renderSlot(_ctx.$slots, "drawer-footer", {}, void 0, true)
+                ], 2)) : vue.createCommentVNode("", true)
               ], 16)
             ], 2)) : vue.createCommentVNode("", true)
           ]),
@@ -11792,7 +11807,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const FdsDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-afc45d1a"]]);
+const FdsDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-d72556a2"]]);
 function debounce(fn, delayMs) {
   let timeoutId;
   const debounced = (...args) => {