@volverjs/ui-vue 0.0.11 → 0.0.13-beta.1

package/dist/components/VvAccordionGroup/VvAccordionGroup.es.js

@@ -1,702 +1,2 @@
-import { inject, computed, toRef, unref, defineComponent, useAttrs, useId, toRefs, ref, watch, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, createElementVNode, withModifiers, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, onMounted, isRef, provide, watchEffect, reactive, nextTick, Fragment, renderList, createBlock, mergeProps, createSlots, withCtx } from "vue";
-import mitt from "mitt";
-import { useVModel, useStorage } from "@vueuse/core";
-var StorageType = /* @__PURE__ */ ((StorageType2) => {
-  StorageType2["local"] = "local";
-  StorageType2["session"] = "session";
-  return StorageType2;
-})(StorageType || {});
-var Side = /* @__PURE__ */ ((Side2) => {
-  Side2["left"] = "left";
-  Side2["right"] = "right";
-  Side2["top"] = "top";
-  Side2["bottom"] = "bottom";
-  return Side2;
-})(Side || {});
-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 ActionTag = /* @__PURE__ */ ((ActionTag2) => {
-  ActionTag2["nuxtLink"] = "nuxt-link";
-  ActionTag2["routerLink"] = "router-link";
-  ActionTag2["a"] = "a";
-  ActionTag2["button"] = "button";
-  return ActionTag2;
-})(ActionTag || {});
-const INJECTION_KEY_ACCORDION_GROUP = Symbol.for(
-  "accordionGroup"
-);
-const ModifiersProps = {
-  /**
-   * Component BEM modifiers
-   */
-  modifiers: {
-    type: [String, Array],
-    default: void 0
-  }
-};
-({
-  /**
-   * VvIcon position
-   */
-  iconPosition: {
-    default: Position.before
-  }
-});
-({
-  /**
-   * Dropdown placement
-   */
-  placement: {
-    default: Side.bottom
-  }
-});
-({
-  /**
-   * Button type
-   */
-  type: {
-    default: ButtonType.button
-  },
-  /**
-   * Default tag for the action
-   */
-  defaultTag: {
-    default: ActionTag.button
-  }
-});
-const StorageProps = {
-  storageType: {
-    type: String,
-    default: StorageType.local,
-    validator: (value) => Object.values(StorageType).includes(value)
-  },
-  storageKey: String
-};
-const VvAccordionGroupProps = {
-  ...ModifiersProps,
-  ...StorageProps,
-  /**
-   * VModel
-   */
-  modelValue: {
-    type: [String, Array],
-    default: void 0
-  },
-  /**
-   * Accordion items
-   * @type VvAccordionGroupItem
-   */
-  items: {
-    type: Array,
-    default: () => []
-  },
-  /**
-   * If true, accordion items stay open when another item is opened
-   */
-  collapse: Boolean,
-  /**
-   * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion--'
-   */
-  itemModifiers: {
-    type: [String, Array],
-    default: ""
-  },
-  /**
-   * If true, the accordion items will be disabled
-   */
-  disabled: Boolean,
-  /**
-   * If true, the accordion items will be opened by default
-   */
-  not: Boolean
-};
-const VvAccordionGroupEvents = ["update:modelValue"];
-function useGroupStateInject(groupKey) {
-  const group = inject(groupKey, void 0);
-  const isInGroup = computed(() => group !== void 0);
-  function getGroupOrLocalRef(propName, props, emit) {
-    const groupPropValue = group?.[propName];
-    if (groupPropValue) {
-      return computed({
-        get() {
-          return groupPropValue.value;
-        },
-        set(value) {
-          groupPropValue.value = value;
-        }
-      });
-    }
-    const propRef = toRef(props, propName);
-    return computed({
-      get() {
-        return propRef.value;
-      },
-      set(value) {
-        if (emit) {
-          emit(`update:${propName}`, value);
-        }
-      }
-    });
-  }
-  return {
-    group,
-    isInGroup,
-    getGroupOrLocalRef
-  };
-}
-const VvAccordionProps = {
-  ...ModifiersProps,
-  /**
-   * Accordion name
-   */
-  name: String,
-  /**
-   * Header title
-   */
-  title: String,
-  /**
-   * Content text
-   */
-  content: String,
-  /**
-   * (Optional) Defines if item is open. Event "update:modelValue" is emitted on accordion header click
-   */
-  modelValue: {
-    type: Boolean,
-    default: void 0
-  },
-  /**
-   * If true, the accordion will be disabled
-   */
-  disabled: Boolean,
-  /**
-   * If true, the accordion will be opened by default
-   */
-  not: Boolean
-};
-const VvAccordionEvents = ["update:modelValue"];
-function useGroupProps(props) {
-  const { group, isInGroup } = useGroupStateInject(
-    INJECTION_KEY_ACCORDION_GROUP
-  );
-  const disabled = computed(
-    () => Boolean(props.disabled || group?.disabled.value)
-  );
-  const modifiers = computed(() => {
-    let localModifiers = props.modifiers;
-    let groupModifiers = group?.modifiers.value;
-    const toReturn = /* @__PURE__ */ new Set();
-    if (localModifiers) {
-      if (!Array.isArray(localModifiers)) {
-        localModifiers = localModifiers.split(" ");
-      }
-      localModifiers.forEach((modifier) => toReturn.add(modifier));
-    }
-    if (groupModifiers) {
-      if (!Array.isArray(groupModifiers)) {
-        groupModifiers = groupModifiers.split(" ");
-      }
-      groupModifiers.forEach((modifier) => toReturn.add(modifier));
-    }
-    return Array.from(toReturn);
-  });
-  return {
-    // group props
-    isInGroup,
-    group,
-    modifiers,
-    disabled,
-    bus: group?.bus
-  };
-}
-function useModifiers(prefix, modifiers, others) {
-  return computed(() => {
-    const toReturn = {
-      [prefix]: true
-    };
-    const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : 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 = ["id", "open"];
-const _hoisted_2 = ["aria-controls", "aria-expanded"];
-const _hoisted_3 = ["aria-hidden"];
-const __default__$1 = {
-  name: "VvAccordion"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
-  props: VvAccordionProps,
-  emits: VvAccordionEvents,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = useAttrs();
-    const modelValue = useVModel(props, "modelValue", emit);
-    const accordionName = computed(
-      () => props.name || attrs?.id || useId()
-    );
-    const { title, content, not } = toRefs(props);
-    const { isInGroup, modifiers, disabled, bus } = useGroupProps(props);
-    const isExpanded = ref(false);
-    watch(
-      modelValue,
-      (newValue) => {
-        if (typeof newValue === "boolean") {
-          isExpanded.value = not.value ? !newValue : newValue;
-        }
-      },
-      { immediate: true }
-    );
-    watch(isExpanded, (newValue) => {
-      modelValue.value = not.value ? !newValue : newValue;
-    });
-    bus?.on("toggle", ({ name, value }) => {
-      if (name !== accordionName.value) {
-        return;
-      }
-      isExpanded.value = value;
-    });
-    function onClick() {
-      if (disabled.value) {
-        return;
-      }
-      if (isInGroup.value) {
-        bus?.emit("toggle", {
-          name: accordionName.value,
-          value: !isExpanded.value
-        });
-        return;
-      }
-      isExpanded.value = !isExpanded.value;
-    }
-    watch(
-      accordionName,
-      (newValue, oldValue) => {
-        if (bus) {
-          if (oldValue && oldValue !== newValue) {
-            bus.emit("unregister", { name: oldValue });
-          }
-          bus.emit("register", { name: newValue });
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-    onBeforeUnmount(() => {
-      if (bus) {
-        bus.emit("unregister", { name: accordionName.value });
-      }
-    });
-    function expand() {
-      if (isExpanded.value) {
-        return;
-      }
-      onClick();
-    }
-    function collapse() {
-      if (!isExpanded.value) {
-        return;
-      }
-      onClick();
-    }
-    function groupExpand(name) {
-      if (!bus) {
-        console.warn(
-          `[VvAccordion]: You are trying to expand accordion group of "${accordionName.value}" but it is not in a group`
-        );
-        return;
-      }
-      bus.emit("expand", { name });
-    }
-    function groupCollapse(name) {
-      if (!bus) {
-        console.warn(
-          `[VvAccordion]: You are trying to collapse accordion group of "${accordionName.value}" but it is not in a group`
-        );
-        return;
-      }
-      bus?.emit("collapse", { name });
-    }
-    __expose({
-      isExpanded,
-      expand,
-      collapse,
-      groupExpand,
-      groupCollapse
-    });
-    const bemCssClasses = useModifiers(
-      "vv-accordion",
-      modifiers,
-      computed(() => ({
-        disabled: disabled.value
-      }))
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("details", {
-        id: unref(accordionName),
-        class: normalizeClass(unref(bemCssClasses)),
-        open: unref(isExpanded)
-      }, [
-        createElementVNode("summary", {
-          "aria-controls": unref(accordionName),
-          "aria-expanded": unref(isExpanded),
-          class: "vv-accordion__summary",
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onClick(), ["prevent"]))
-        }, [
-          renderSlot(_ctx.$slots, "summary", normalizeProps(guardReactiveProps({
-            isExpanded: unref(isExpanded),
-            expand,
-            collapse,
-            groupExpand,
-            groupCollapse
-          })), () => [
-            createTextVNode(
-              toDisplayString(unref(title)),
-              1
-              /* TEXT */
-            )
-          ])
-        ], 8, _hoisted_2),
-        createElementVNode("div", {
-          "aria-hidden": !unref(isExpanded),
-          class: "vv-accordion__content"
-        }, [
-          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
-            isExpanded: unref(isExpanded),
-            expand,
-            collapse,
-            groupExpand,
-            groupCollapse
-          })), () => [
-            createTextVNode(
-              toDisplayString(unref(content)),
-              1
-              /* TEXT */
-            )
-          ])
-        ], 8, _hoisted_3)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-function usePersistence(storageKey, storageType = StorageType.local, defaultValue) {
-  const localValue = ref();
-  if (defaultValue) {
-    localValue.value = defaultValue;
-  }
-  let storageValue;
-  onMounted(() => {
-    if (storageKey) {
-      watch(
-        storageKey,
-        (newKey, oldKey) => {
-          const storage = unref(storageType) === StorageType.session ? sessionStorage : localStorage;
-          if (oldKey && oldKey !== newKey) {
-            storage.removeItem(oldKey);
-          }
-          if (newKey) {
-            storageValue = useStorage(
-              newKey,
-              storageValue?.value ?? localValue.value,
-              storage
-            );
-            if (storageValue.value) {
-              localValue.value = storageValue.value;
-            }
-            return;
-          }
-          storageValue = void 0;
-        },
-        {
-          immediate: true
-        }
-      );
-    }
-    if (isRef(storageType)) {
-      watch(storageType, (newType, oldType) => {
-        if (storageKey?.value) {
-          if (newType) {
-            const storage = newType === StorageType.session ? sessionStorage : localStorage;
-            storageValue = useStorage(
-              storageKey.value,
-              storageValue?.value ?? localValue.value,
-              storage
-            );
-          }
-          if (oldType && oldType !== newType) {
-            const oldStorage = oldType === StorageType.session ? sessionStorage : localStorage;
-            oldStorage.removeItem(storageKey.value);
-          }
-        }
-      });
-    }
-  });
-  watch(localValue, (newValue) => {
-    if (storageValue) {
-      storageValue.value = newValue;
-    }
-  }, {
-    deep: true,
-    immediate: true
-  });
-  return localValue;
-}
-function useGroupStateProvide(key, groupState) {
-  provide(key, groupState);
-}
-const __default__ = {
-  name: "VvAccordionGroup"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: VvAccordionGroupProps,
-  emits: VvAccordionGroupEvents,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const {
-      disabled,
-      modifiers,
-      itemModifiers,
-      items,
-      storageKey,
-      storageType
-    } = toRefs(props);
-    watchEffect(() => {
-      if (typeof props.modelValue === "string" && props.collapse) {
-        console.warn(
-          `[VvAccordionGroup]: modelValue is a string but collapse is true.`
-        );
-      }
-    });
-    const accordionNames = reactive(/* @__PURE__ */ new Set());
-    const storageModelValue = usePersistence(
-      storageKey,
-      storageType,
-      []
-    );
-    const localModelValue = computed({
-      get: () => {
-        if (props.modelValue !== null && props.modelValue !== void 0) {
-          return props.modelValue;
-        }
-        return storageModelValue.value;
-      },
-      set: (newValue) => {
-        emit("update:modelValue", newValue);
-        storageModelValue.value = newValue;
-      }
-    });
-    const expandedAccordions = computed({
-      get: () => {
-        if (localModelValue.value === void 0) {
-          return /* @__PURE__ */ new Set();
-        }
-        let toReturn = /* @__PURE__ */ new Set();
-        if (props.not) {
-          if (typeof localModelValue.value === "string") {
-            toReturn = new Set(
-              [...accordionNames].filter(
-                (name) => name !== localModelValue.value
-              )
-            );
-          } else if (Array.isArray(localModelValue.value)) {
-            toReturn = new Set(
-              [...accordionNames].filter(
-                (name) => !localModelValue.value.includes(
-                  name
-                )
-              )
-            );
-          }
-        } else if (typeof localModelValue.value === "string") {
-          toReturn = /* @__PURE__ */ new Set([localModelValue.value]);
-        } else if (Array.isArray(localModelValue.value)) {
-          toReturn = new Set(localModelValue.value);
-        }
-        return toReturn;
-      },
-      set: (newValue) => {
-        if (props.not) {
-          localModelValue.value = [...accordionNames].filter(
-            (name) => !newValue.has(name)
-          );
-          return;
-        }
-        if (props.collapse) {
-          localModelValue.value = [...newValue];
-          return;
-        }
-        localModelValue.value = newValue.values().next().value;
-      }
-    });
-    onMounted(() => {
-      if (props.not && localModelValue.value === void 0) {
-        localModelValue.value = props.collapse ? [] : [...accordionNames.values()].splice(1, accordionNames.size);
-      }
-      nextTick(() => {
-        for (const name of accordionNames) {
-          bus.emit("toggle", {
-            name,
-            value: expandedAccordions.value.has(name)
-          });
-        }
-      });
-    });
-    const bus = mitt();
-    useGroupStateProvide(INJECTION_KEY_ACCORDION_GROUP, {
-      disabled,
-      modifiers: itemModifiers,
-      bus
-    });
-    bus.on("register", ({ name }) => {
-      accordionNames.add(name);
-    });
-    bus.on("unregister", ({ name }) => {
-      accordionNames.delete(name);
-    });
-    bus.on("toggle", ({ name, value }) => {
-      const newValue = new Set(expandedAccordions.value);
-      if (value) {
-        if (!props.collapse) {
-          for (const item of newValue) {
-            if (item !== name) {
-              bus.emit("toggle", { name: item, value: false });
-            }
-          }
-          newValue.clear();
-        }
-        newValue.add(name);
-        expandedAccordions.value = newValue;
-        return;
-      }
-      newValue.delete(name);
-      expandedAccordions.value = newValue;
-    });
-    function expand(name) {
-      if (typeof name === "string") {
-        bus.emit("toggle", { name, value: true });
-        return;
-      }
-      if (Array.isArray(name)) {
-        for (const item of name) {
-          bus.emit("toggle", { name: item, value: true });
-        }
-        return;
-      }
-      for (const item of accordionNames) {
-        bus.emit("toggle", { name: item, value: true });
-      }
-    }
-    bus.on("expand", ({ name }) => expand(name));
-    function collapse(name) {
-      if (typeof name === "string") {
-        bus.emit("toggle", { name, value: false });
-        return;
-      }
-      if (Array.isArray(name)) {
-        for (const item of name) {
-          bus.emit("toggle", { name: item, value: false });
-        }
-        return;
-      }
-      for (const item of accordionNames) {
-        bus.emit("toggle", { name: item, value: false });
-      }
-    }
-    bus.on("collapse", ({ name }) => collapse(name));
-    __expose({ expandedAccordions, expand, collapse });
-    const bemCssClasses = useModifiers(
-      "vv-accordion-group",
-      modifiers,
-      computed(() => ({
-        disabled: disabled.value
-      }))
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(unref(bemCssClasses))
-        },
-        [
-          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
-            expandedAccordions: unref(expandedAccordions),
-            expand,
-            collapse
-          })), () => [
-            (openBlock(true), createElementBlock(
-              Fragment,
-              null,
-              renderList(unref(items), (item) => {
-                return openBlock(), createBlock(
-                  _sfc_main$1,
-                  mergeProps({
-                    key: item.title
-                  }, { ref_for: true }, {
-                    name: item.name,
-                    title: item.title,
-                    content: item.content
-                  }),
-                  createSlots({
-                    _: 2
-                    /* DYNAMIC */
-                  }, [
-                    _ctx.$slots[`summary::${item.name}`] ? {
-                      name: "summary",
-                      fn: withCtx((data) => [
-                        renderSlot(_ctx.$slots, `summary::${item.name}`, mergeProps({ ref_for: true }, data))
-                      ]),
-                      key: "0"
-                    } : void 0,
-                    _ctx.$slots[`content::${item.name}`] ? {
-                      name: "default",
-                      fn: withCtx((data) => [
-                        renderSlot(_ctx.$slots, `content::${item.name}`, mergeProps({ ref_for: true }, data))
-                      ]),
-                      key: "1"
-                    } : void 0
-                  ]),
-                  1040
-                  /* FULL_PROPS, DYNAMIC_SLOTS */
-                );
-              }),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ])
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+import{inject as e,computed as o,toRef as a,unref as t,defineComponent as n,useAttrs as l,useId as r,toRefs as i,ref as s,watch as u,onBeforeUnmount as d,createElementBlock as c,openBlock as v,normalizeClass as m,createElementVNode as p,withModifiers as f,renderSlot as g,normalizeProps as y,guardReactiveProps as b,createTextVNode as A,toDisplayString as x,onMounted as S,isRef as $,provide as V,watchEffect as w,reactive as h,nextTick as E,Fragment as k,renderList as G,createBlock as _,mergeProps as B,createSlots as I,withCtx as C}from"vue";import L from"mitt";import{useVModel as O,useStorage as j}from"@vueuse/core";var K=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(K||{}),M=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(M||{}),T=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(T||{}),Y=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(Y||{}),z=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(z||{});const R=/* @__PURE__ */Symbol.for("accordionGroup"),q={modifiers:{type:[String,Array],default:void 0}};T.before,M.bottom,Y.button,z.button;const D={storageType:{type:String,default:K.local,validator:e=>Object.values(K).includes(e)},storageKey:String},F={...q,...D,modelValue:{type:[String,Array],default:void 0},items:{type:Array,default:()=>[]},collapse:Boolean,itemModifiers:{type:[String,Array],default:""},disabled:Boolean,not:Boolean};const H={...q,name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},disabled:Boolean,not:Boolean};function J(t){const{group:n,isInGroup:l}=function(t){const n=e(t,void 0),l=o(()=>void 0!==n);return{group:n,isInGroup:l,getGroupOrLocalRef:function(e,t,l){const r=n?.[e];if(r)return o({get:()=>r.value,set(e){r.value=e}});const i=a(t,e);return o({get:()=>i.value,set(o){l&&l(`update:${e}`,o)}})}}}(R),r=o(()=>Boolean(t.disabled||n?.disabled.value)),i=o(()=>{let e=t.modifiers,o=n?.modifiers.value;const a=/* @__PURE__ */new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach(e=>a.add(e))),o&&(Array.isArray(o)||(o=o.split(" ")),o.forEach(e=>a.add(e))),Array.from(a)});return{isInGroup:l,group:n,modifiers:i,disabled:r,bus:n?.bus}}function N(e,a,n){return o(()=>{const o={[e]:!0},l="string"==typeof a?.value?a.value.split(" "):a?.value;return l&&Array.isArray(l)&&l.forEach(a=>{a&&(o[`${e}--${a}`]=!0)}),n&&Object.keys(n.value).forEach(a=>{o[`${e}--${a}`]=t(n.value[a])}),o})}const P=["id","open"],Q=["aria-controls","aria-expanded"],U=["aria-hidden"],W=/* @__PURE__ */n({name:"VvAccordion",props:H,emits:["update:modelValue"],setup(e,{expose:a,emit:n}){const S=e,$=n,V=l(),w=O(S,"modelValue",$),h=o(()=>S.name||V?.id||r()),{title:E,content:k,not:G}=i(S),{isInGroup:_,modifiers:B,disabled:I,bus:C}=J(S),L=s(!1);function j(){I.value||(_.value?C?.emit("toggle",{name:h.value,value:!L.value}):L.value=!L.value)}function K(){L.value||j()}function M(){L.value&&j()}function T(e){C?C.emit("expand",{name:e}):console.warn(`[VvAccordion]: You are trying to expand accordion group of "${h.value}" but it is not in a group`)}function Y(e){C?C?.emit("collapse",{name:e}):console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${h.value}" but it is not in a group`)}u(w,e=>{"boolean"==typeof e&&(L.value=G.value?!e:e)},{immediate:!0}),u(L,e=>{w.value=G.value?!e:e}),C?.on("toggle",({name:e,value:o})=>{e===h.value&&(L.value=o)}),u(h,(e,o)=>{C&&(o&&o!==e&&C.emit("unregister",{name:o}),C.emit("register",{name:e}))},{immediate:!0}),d(()=>{C&&C.emit("unregister",{name:h.value})}),a({isExpanded:L,expand:K,collapse:M,groupExpand:T,groupCollapse:Y});const z=N("vv-accordion",B,o(()=>({disabled:I.value})));return(e,o)=>(v(),c("details",{id:t(h),class:m(t(z)),open:t(L)},[p("summary",{"aria-controls":t(h),"aria-expanded":t(L),class:"vv-accordion__summary",onClick:o[0]||(o[0]=f(e=>j(),["prevent"]))},[g(e.$slots,"summary",y(b({isExpanded:t(L),expand:K,collapse:M,groupExpand:T,groupCollapse:Y})),()=>[A(x(t(E)),1)])],8,Q),p("div",{"aria-hidden":!t(L),class:"vv-accordion__content"},[g(e.$slots,"default",y(b({isExpanded:t(L),expand:K,collapse:M,groupExpand:T,groupCollapse:Y})),()=>[A(x(t(k)),1)])],8,U)],10,P))}});const X=/* @__PURE__ */n({name:"VvAccordionGroup",props:F,emits:["update:modelValue"],setup(e,{expose:a,emit:n}){const l=e,r=n,{disabled:d,modifiers:p,itemModifiers:f,items:A,storageKey:x,storageType:O}=i(l);w(()=>{"string"==typeof l.modelValue&&l.collapse&&console.warn("[VvAccordionGroup]: modelValue is a string but collapse is true.")});const M=h(/* @__PURE__ */new Set),T=function(e,o=K.local,a){const n=s();let l;return a&&(n.value=a),S(()=>{e&&u(e,(e,a)=>{const r=t(o)===K.session?sessionStorage:localStorage;if(a&&a!==e&&r.removeItem(a),e)return l=j(e,l?.value??n.value,r),void(l.value&&(n.value=l.value));l=void 0},{immediate:!0}),$(o)&&u(o,(o,a)=>{if(e?.value){if(o){const a=o===K.session?sessionStorage:localStorage;l=j(e.value,l?.value??n.value,a)}a&&a!==o&&(a===K.session?sessionStorage:localStorage).removeItem(e.value)}})}),u(n,e=>{l&&(l.value=e)},{deep:!0,immediate:!0}),n}(x,O,[]),Y=o({get:()=>null!==l.modelValue&&void 0!==l.modelValue?l.modelValue:T.value,set:e=>{r("update:modelValue",e),T.value=e}}),z=o({get:()=>{if(void 0===Y.value)/* @__PURE__ */
+return new Set;let e=/* @__PURE__ */new Set;return l.not?"string"==typeof Y.value?e=new Set([...M].filter(e=>e!==Y.value)):Array.isArray(Y.value)&&(e=new Set([...M].filter(e=>!Y.value.includes(e)))):"string"==typeof Y.value?e=/* @__PURE__ */new Set([Y.value]):Array.isArray(Y.value)&&(e=new Set(Y.value)),e},set:e=>{l.not?Y.value=[...M].filter(o=>!e.has(o)):l.collapse?Y.value=[...e]:Y.value=e.values().next().value}});S(()=>{l.not&&void 0===Y.value&&(Y.value=l.collapse?[]:[...M.values()].splice(1,M.size)),E(()=>{for(const e of M)q.emit("toggle",{name:e,value:z.value.has(e)})})});const q=L();function D(e){if("string"!=typeof e)if(Array.isArray(e))for(const o of e)q.emit("toggle",{name:o,value:!0});else for(const o of M)q.emit("toggle",{name:o,value:!0});else q.emit("toggle",{name:e,value:!0})}function F(e){if("string"!=typeof e)if(Array.isArray(e))for(const o of e)q.emit("toggle",{name:o,value:!1});else for(const o of M)q.emit("toggle",{name:o,value:!1});else q.emit("toggle",{name:e,value:!1})}V(R,{disabled:d,modifiers:f,bus:q}),q.on("register",({name:e})=>{M.add(e)}),q.on("unregister",({name:e})=>{M.delete(e)}),q.on("toggle",({name:e,value:o})=>{const a=new Set(z.value);if(o){if(!l.collapse){for(const o of a)o!==e&&q.emit("toggle",{name:o,value:!1});a.clear()}return a.add(e),void(z.value=a)}a.delete(e),z.value=a}),q.on("expand",({name:e})=>D(e)),q.on("collapse",({name:e})=>F(e)),a({expandedAccordions:z,expand:D,collapse:F});const H=N("vv-accordion-group",p,o(()=>({disabled:d.value})));return(e,o)=>(v(),c("div",{class:m(t(H))},[g(e.$slots,"default",y(b({expandedAccordions:t(z),expand:D,collapse:F})),()=>[(v(!0),c(k,null,G(t(A),o=>(v(),_(W,B({key:o.title},{ref_for:!0},{name:o.name,title:o.title,content:o.content}),I({_:2},[e.$slots[`summary::${o.name}`]?{name:"summary",fn:C(a=>[g(e.$slots,`summary::${o.name}`,B({ref_for:!0},a))]),key:"0"}:void 0,e.$slots[`content::${o.name}`]?{name:"default",fn:C(a=>[g(e.$slots,`content::${o.name}`,B({ref_for:!0},a))]),key:"1"}:void 0]),1040))),128))])],2))}});export{X as default};