@volverjs/ui-vue 0.0.3 → 0.0.5-beta.1

package/dist/components/VvButtonGroup/VvButtonGroup.es.js

@@ -1,77 +1,324 @@
-import { defineComponent as b, openBlock as y, createElementBlock as g, normalizeClass as v, unref as B, renderSlot as O } from "vue";
-var a = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(a || {}), s = /* @__PURE__ */ ((t) => (t.topStart = "top-start", t.topEnd = "top-end", t.bottomStart = "bottom-start", t.bottomEnd = "bottom-end", t.leftStart = "left-start", t.leftEnd = "left-end", t.rightStart = "right-start", t.rightEnd = "right-end", t))(s || {}), l = /* @__PURE__ */ ((t) => (t.before = "before", t.after = "after", t))(l || {});
-const S = Symbol.for("buttonGroup"), V = {
+import { isRef, provide, computed, unref, defineComponent, toRefs, watchEffect, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+var Side = /* @__PURE__ */ ((Side2) => {
+  Side2["left"] = "left";
+  Side2["right"] = "right";
+  Side2["top"] = "top";
+  Side2["bottom"] = "bottom";
+  return Side2;
+})(Side || {});
+var Placement = /* @__PURE__ */ ((Placement2) => {
+  Placement2["topStart"] = "top-start";
+  Placement2["topEnd"] = "top-end";
+  Placement2["bottomStart"] = "bottom-start";
+  Placement2["bottomEnd"] = "bottom-end";
+  Placement2["leftStart"] = "left-start";
+  Placement2["leftEnd"] = "left-end";
+  Placement2["rightStart"] = "right-start";
+  Placement2["rightEnd"] = "right-end";
+  return Placement2;
+})(Placement || {});
+var Position = /* @__PURE__ */ ((Position2) => {
+  Position2["before"] = "before";
+  Position2["after"] = "after";
+  return Position2;
+})(Position || {});
+var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
+  ButtonType2["button"] = "button";
+  ButtonType2["submit"] = "submit";
+  ButtonType2["reset"] = "reset";
+  return ButtonType2;
+})(ButtonType || {});
+var AnchorTarget = /* @__PURE__ */ ((AnchorTarget2) => {
+  AnchorTarget2["_blank"] = "_blank";
+  AnchorTarget2["_self"] = "_self";
+  AnchorTarget2["_parent"] = "_parent";
+  AnchorTarget2["_top"] = "_top";
+  return AnchorTarget2;
+})(AnchorTarget || {});
+const INJECTION_KEY_BUTTON_GROUP = Symbol.for("buttonGroup");
+const LinkProps = {
+  /**
+   * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
+   * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
+   */
+  to: {
+    type: [String, Object]
+  },
+  /**
+   * Anchor href
+   */
+  href: String,
+  /**
+   * Anchor target
+   */
+  target: {
+    type: String,
+    validator: (value) => Object.values(AnchorTarget).includes(value)
+  },
+  /**
+   * Anchor rel
+   */
+  rel: {
+    type: String,
+    default: "noopener noreferrer"
+  }
+};
+const DisabledProps = {
   /**
    * Whether the form control is disabled
    */
   disabled: Boolean
-}, h = {
+};
+const ActiveProps = {
+  /**
+   * Whether the item is active
+   */
+  active: Boolean
+};
+const PressedProps = {
+  /**
+   * Whether the item is pressed
+   */
+  pressed: Boolean
+};
+const LabelProps = {
+  /**
+   * The item label
+   */
+  label: [String, Number]
+};
+const ModifiersProps = {
   /**
    * Component BEM modifiers
    */
   modifiers: [String, Array]
 };
-l.before;
-const _ = {
+({
+  /**
+   * VvIcon name or props
+   * @see VVIcon
+   */
+  icon: { type: [String, Object] },
+  /**
+   * VvIcon position
+   */
+  iconPosition: {
+    type: String,
+    default: Position.before,
+    validation: (value) => Object.values(Position).includes(value)
+  }
+});
+const UnselectableProps = {
   /**
    * If true the input will be unselectable
    */
-  unselectable: { type: Boolean, default: !0 }
+  unselectable: { type: Boolean, default: true }
 };
-a.bottom;
-const j = {
-  ...h,
-  ...V,
-  ..._,
+({
+  /**
+   * Dropdown placement
+   */
+  placement: {
+    type: String,
+    default: Side.bottom,
+    validator: (value) => {
+      return Object.values(Side).includes(value) || Object.values(Placement).includes(value);
+    }
+  },
+  /**
+   * Dropdown show / hide transition name
+   */
+  transitionName: {
+    type: String
+  },
+  /**
+   * Offset of the dropdown from the trigger
+   * @see https://floating-ui.com/docs/offset
+   */
+  offset: {
+    type: [Number, String, Object],
+    default: 0
+  },
+  /**
+   * Move dropdown to the side if there is no space in the default position
+   * @see https://floating-ui.com/docs/shift
+   */
+  shift: {
+    type: [Boolean, Object],
+    default: false
+  },
+  /**
+   * Flip dropdown position if there is no space in the default position
+   * @see https://floating-ui.com/docs/flip
+   */
+  flip: {
+    type: [Boolean, Object],
+    default: true
+  },
+  /**
+   * Size of the dropdown
+   * @see https://floating-ui.com/docs/size
+   */
+  size: {
+    type: [Boolean, Object],
+    default: () => ({ padding: 10 })
+  },
+  /**
+   * Automatically change the position of the dropdown
+   * @see https://floating-ui.com/docs/autoPlacement
+   */
+  autoPlacement: {
+    type: [Boolean, Object],
+    default: false
+  },
+  /**
+   * Add arrow to the dropdown
+   * @see https://floating-ui.com/docs/arrow
+   */
+  arrow: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * Close dropdown on click outside
+   */
+  autoClose: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * Autofocus first item on dropdown open
+   */
+  autofocusFirst: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * Set dropdown width to the same as the trigger
+   */
+  triggerWidth: {
+    type: Boolean
+  }
+});
+({
+  ...DisabledProps,
+  ...LabelProps,
+  ...PressedProps,
+  ...ActiveProps,
+  ...LinkProps,
+  /**
+   * Button type
+   */
+  type: {
+    type: String,
+    default: ButtonType.button,
+    validator: (value) => Object.values(ButtonType).includes(value)
+  }
+});
+const VvButtonGroupProps = {
+  ...ModifiersProps,
+  ...DisabledProps,
+  ...UnselectableProps,
   /**
    * String or String[] of css classes (modifiers) that will be provided to each button'
    */
   itemModifiers: { type: [String, Array], default: void 0 },
-  toggle: { type: Boolean, default: !1 },
-  multiple: { type: Boolean, default: !1 },
+  toggle: { type: Boolean, default: false },
+  multiple: { type: Boolean, default: false },
   modelValue: { type: [String, Array], default: void 0 }
-}, A = ["update:modelValue"], E = {
+};
+const VvButtonGroupEvents = ["update:modelValue"];
+function useProvideGroupState(groupState) {
+  if (Object.keys(groupState).some(
+    (k) => k !== "key" && !isRef(groupState[k])
+  ))
+    throw Error("One or more groupState props aren't ref.");
+  provide(
+    groupState.key,
+    computed(() => groupState)
+  );
+}
+function useModifiers(prefix, modifiers, others) {
+  return computed(() => {
+    const toReturn = {
+      [prefix]: true
+    };
+    const modifiersArray = typeof (modifiers == null ? void 0 : modifiers.value) === "string" ? modifiers.value.split(" ") : modifiers == null ? void 0 : modifiers.value;
+    if (modifiersArray) {
+      if (Array.isArray(modifiersArray)) {
+        modifiersArray.forEach((modifier) => {
+          if (modifier) {
+            toReturn[`${prefix}--${modifier}`] = true;
+          }
+        });
+      }
+    }
+    if (others) {
+      Object.keys(others.value).forEach((key) => {
+        toReturn[`${prefix}--${key}`] = unref(others.value[key]);
+      });
+    }
+    return toReturn;
+  });
+}
+const __default__ = {
   name: "VvButtonGroup"
-}, N = /* @__PURE__ */ b({
-  ...E,
-  props: j,
-  emits: A,
-  setup(t, { emit: u }) {
-    const e = t, {
-      disabled: n,
-      toggle: i,
-      modifiers: d,
-      multiple: r,
-      unselectable: f,
-      itemModifiers: p
-    } = toRefs(e);
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: VvButtonGroupProps,
+  emits: VvButtonGroupEvents,
+  setup(__props, { emit }) {
+    const props = __props;
+    const {
+      disabled,
+      toggle,
+      modifiers,
+      multiple,
+      unselectable,
+      itemModifiers
+    } = toRefs(props);
     watchEffect(() => {
-      typeof e.modelValue == "string" && r.value && console.warn(
-        "[VvButtonGroup]: modelValue is a string but multiple is true."
-      );
+      if (typeof props.modelValue === "string" && multiple.value) {
+        console.warn(
+          `[VvButtonGroup]: modelValue is a string but multiple is true.`
+        );
+      }
     });
-    const c = computed({
-      get: () => r.value ? e.modelValue : Array.isArray(e.modelValue) ? e.modelValue[0] : e.modelValue,
-      set: (o) => (o !== void 0 && (Array.isArray(e.modelValue) || r.value) && !Array.isArray(o) && (o = [o]), u("update:modelValue", o))
+    const modelValue = computed({
+      get: () => {
+        if (!multiple.value) {
+          return Array.isArray(props.modelValue) ? props.modelValue[0] : props.modelValue;
+        }
+        return props.modelValue;
+      },
+      set: (newValue) => {
+        if (newValue !== void 0 && (Array.isArray(props.modelValue) || multiple.value) && !Array.isArray(newValue)) {
+          newValue = [newValue];
+        }
+        return emit("update:modelValue", newValue);
+      }
     });
     useProvideGroupState({
-      key: S,
-      modelValue: c,
-      disabled: n,
-      toggle: i,
-      multiple: r,
-      unselectable: f,
-      itemModifiers: p
+      key: INJECTION_KEY_BUTTON_GROUP,
+      modelValue,
+      disabled,
+      toggle,
+      multiple,
+      unselectable,
+      itemModifiers
     });
-    const m = useBemModifiers("vv-button-group", d);
-    return (o, G) => (y(), g("div", {
-      class: v(B(m)),
-      role: "group"
-    }, [
-      O(o.$slots, "default")
-    ], 2));
+    const bemCssClasses = useModifiers("vv-button-group", modifiers);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(bemCssClasses)),
+        role: "group"
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
   }
 });
 export {
-  N as default
+  _sfc_main as default
 };

package/dist/components/VvButtonGroup/VvButtonGroup.umd.js

@@ -1 +1 @@
-(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.VvButtonGroup=o(e.vue))})(this,function(e){"use strict";var o=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(o||{}),s=(t=>(t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t))(s||{}),n=(t=>(t.before="before",t.after="after",t))(n||{});const u=Symbol.for("buttonGroup"),i={disabled:Boolean},d={modifiers:[String,Array]};n.before;const f={unselectable:{type:Boolean,default:!0}};o.bottom;const p={...d,...i,...f,itemModifiers:{type:[String,Array],default:void 0},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Array],default:void 0}},c=["update:modelValue"],m={name:"VvButtonGroup"};return e.defineComponent({...m,props:p,emits:c,setup(t,{emit:y}){const r=t,{disabled:b,toggle:g,modifiers:v,multiple:a,unselectable:B,itemModifiers:h}=toRefs(r);watchEffect(()=>{typeof r.modelValue=="string"&&a.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")});const O=computed({get:()=>a.value?r.modelValue:Array.isArray(r.modelValue)?r.modelValue[0]:r.modelValue,set:l=>(l!==void 0&&(Array.isArray(r.modelValue)||a.value)&&!Array.isArray(l)&&(l=[l]),y("update:modelValue",l))});useProvideGroupState({key:u,modelValue:O,disabled:b,toggle:g,multiple:a,unselectable:B,itemModifiers:h});const S=useBemModifiers("vv-button-group",v);return(l,_)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(S)),role:"group"},[e.renderSlot(l.$slots,"default")],2))}})});
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvButtonGroup=o(e.vue)}(this,(function(e){"use strict";var o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),t=(e=>(e.before="before",e.after="after",e))(t||{}),l=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(l||{});const r=Symbol.for("buttonGroup"),u={disabled:Boolean},a=(Boolean,Boolean,{modifiers:[String,Array]});t.before;const n={unselectable:{type:Boolean,default:!0}};o.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,l.button;const i={...a,...u,...n,itemModifiers:{type:[String,Array],default:void 0},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Array],default:void 0}};return e.defineComponent({name:"VvButtonGroup",props:i,emits:["update:modelValue"],setup(o,{emit:t}){const l=o,{disabled:u,toggle:a,modifiers:n,multiple:i,unselectable:s,itemModifiers:d}=e.toRefs(l);e.watchEffect((()=>{"string"==typeof l.modelValue&&i.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")}));const f=e.computed({get:()=>i.value?l.modelValue:Array.isArray(l.modelValue)?l.modelValue[0]:l.modelValue,set:e=>(void 0===e||!Array.isArray(l.modelValue)&&!i.value||Array.isArray(e)||(e=[e]),t("update:modelValue",e))});!function(o){if(Object.keys(o).some((t=>"key"!==t&&!e.isRef(o[t]))))throw Error("One or more groupState props aren't ref.");e.provide(o.key,e.computed((()=>o)))}({key:r,modelValue:f,disabled:u,toggle:a,multiple:i,unselectable:s,itemModifiers:d});const m=function(o,t,l){return e.computed((()=>{const r={[o]:!0},u="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return u&&Array.isArray(u)&&u.forEach((e=>{e&&(r[`${o}--${e}`]=!0)})),l&&Object.keys(l.value).forEach((t=>{r[`${o}--${t}`]=e.unref(l.value[t])})),r}))}("vv-button-group",n);return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(m)),role:"group"},[e.renderSlot(o.$slots,"default")],2))}})}));

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

@@ -46,7 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     disabled: BooleanConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
+    modifiers: globalThis.PropType<string | string[]>;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     itemModifiers: {
         type: (StringConstructor | {
@@ -95,7 +95,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     disabled: BooleanConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
+    modifiers: globalThis.PropType<string | string[]>;
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {

package/dist/components/VvButtonGroup/index.d.ts

@@ -49,6 +49,6 @@ export declare const VvButtonGroupProps: {
         default: boolean;
     };
     disabled: BooleanConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
+    modifiers: globalThis.PropType<string | string[]>;
 };
 export declare const VvButtonGroupEvents: string[];

package/dist/components/VvCard/VvCard.es.js

@@ -1,41 +1,73 @@
-import { defineComponent as i, openBlock as s, createElementBlock as t, normalizeClass as c, unref as f, renderSlot as o, createTextVNode as m, toDisplayString as p, createCommentVNode as r } from "vue";
-const u = {
+import { computed, unref, defineComponent, toRefs, openBlock, createElementBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+const VvCardProps = {
   title: String,
   modifiers: [String, Array]
-}, v = {
+};
+function useModifiers(prefix, modifiers, others) {
+  return computed(() => {
+    const toReturn = {
+      [prefix]: true
+    };
+    const modifiersArray = typeof (modifiers == null ? void 0 : modifiers.value) === "string" ? modifiers.value.split(" ") : modifiers == null ? void 0 : modifiers.value;
+    if (modifiersArray) {
+      if (Array.isArray(modifiersArray)) {
+        modifiersArray.forEach((modifier) => {
+          if (modifier) {
+            toReturn[`${prefix}--${modifier}`] = true;
+          }
+        });
+      }
+    }
+    if (others) {
+      Object.keys(others.value).forEach((key) => {
+        toReturn[`${prefix}--${key}`] = unref(others.value[key]);
+      });
+    }
+    return toReturn;
+  });
+}
+const _hoisted_1 = {
   key: 0,
   class: "vv-card__header"
-}, _ = {
+};
+const _hoisted_2 = {
   key: 1,
   class: "vv-card__content"
-}, h = {
+};
+const _hoisted_3 = {
   key: 2,
   class: "vv-card__footer"
-}, C = {
+};
+const __default__ = {
   name: "VvCard"
-}, y = /* @__PURE__ */ i({
-  ...C,
-  props: u,
-  setup(n) {
-    const a = n, { modifiers: l } = toRefs(a), d = useBemModifiers("vv-card", l);
-    return (e, $) => (s(), t("article", {
-      class: c(f(d))
-    }, [
-      e.$slots.header || e.title ? (s(), t("header", v, [
-        o(e.$slots, "header", {}, () => [
-          m(p(e.title), 1)
-        ])
-      ])) : r("", !0),
-      o(e.$slots, "default"),
-      e.$slots.content ? (s(), t("div", _, [
-        o(e.$slots, "content")
-      ])) : r("", !0),
-      e.$slots.footer ? (s(), t("footer", h, [
-        o(e.$slots, "footer")
-      ])) : r("", !0)
-    ], 2));
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: VvCardProps,
+  setup(__props) {
+    const props = __props;
+    const { modifiers } = toRefs(props);
+    const bemCssClasses = useModifiers("vv-card", modifiers);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("article", {
+        class: normalizeClass(unref(bemCssClasses))
+      }, [
+        _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1, [
+          renderSlot(_ctx.$slots, "header", {}, () => [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ])
+        ])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default"),
+        _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "content")
+        ])) : createCommentVNode("", true),
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3, [
+          renderSlot(_ctx.$slots, "footer")
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
   }
 });
 export {
-  y as default
+  _sfc_main as default
 };

package/dist/components/VvCard/VvCard.umd.js

@@ -1 +1 @@
-(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCard=o(e.vue))})(this,function(e){"use strict";const o={title:String,modifiers:[String,Array]},s={key:0,class:"vv-card__header"},n={key:1,class:"vv-card__content"},r={key:2,class:"vv-card__footer"},d={name:"VvCard"};return e.defineComponent({...d,props:o,setup(l){const c=l,{modifiers:i}=toRefs(c),a=useBemModifiers("vv-card",i);return(t,m)=>(e.openBlock(),e.createElementBlock("article",{class:e.normalizeClass(e.unref(a))},[t.$slots.header||t.title?(e.openBlock(),e.createElementBlock("header",s,[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),t.$slots.content?(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(t.$slots,"content")])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("footer",r,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)],2))}})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvCard=t(e.vue)}(this,(function(e){"use strict";const t={title:String,modifiers:[String,Array]};const o={key:0,class:"vv-card__header"},r={key:1,class:"vv-card__content"},n={key:2,class:"vv-card__footer"};return e.defineComponent({name:"VvCard",props:t,setup(t){const l=t,{modifiers:s}=e.toRefs(l),c=function(t,o,r){return e.computed((()=>{const n={[t]:!0},l="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return l&&Array.isArray(l)&&l.forEach((e=>{e&&(n[`${t}--${e}`]=!0)})),r&&Object.keys(r.value).forEach((o=>{n[`${t}--${o}`]=e.unref(r.value[o])})),n}))}("vv-card",s);return(t,l)=>(e.openBlock(),e.createElementBlock("article",{class:e.normalizeClass(e.unref(c))},[t.$slots.header||t.title?(e.openBlock(),e.createElementBlock("header",o,[e.renderSlot(t.$slots,"header",{},(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]))])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),t.$slots.content?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(t.$slots,"content")])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("footer",n,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)],2))}})}));