bootstrap-vue-next 0.24.12 → 0.24.13

package/dist/BContainer.vue_vue_type_script_setup_true_lang-CvOVtSLy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BContainer.vue_vue_type_script_setup_true_lang-CvOVtSLy.mjs","sources":["../src/components/BContainer/BContainer.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" :class=\"computedClasses\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BContainerProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\n\nconst _props = withDefaults(defineProps<BContainerProps>(), {\n  fluid: false,\n  gutterX: undefined,\n  gutterY: undefined,\n  tag: 'div',\n})\nconst props = useDefaults(_props, 'BContainer')\n\nconst computedClasses = computed(() => ({\n  container: props.fluid === false,\n  [`container-fluid`]: props.fluid === true,\n  [`container-${props.fluid}`]: typeof props.fluid === 'string',\n  [`gx-${props.gutterX}`]: props.gutterX !== undefined,\n  [`gy-${props.gutterY}`]: props.gutterY !== undefined,\n}))\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;AAWA,UAAM,SAAS;AAMT,UAAA,QAAQ,YAAY,QAAQ,YAAY;AAExC,UAAA,kBAAkB,SAAS,OAAO;AAAA,MACtC,WAAW,MAAM,UAAU;AAAA,MAC3B,CAAC,iBAAiB,GAAG,MAAM,UAAU;AAAA,MACrC,CAAC,aAAa,MAAM,KAAK,EAAE,GAAG,OAAO,MAAM,UAAU;AAAA,MACrD,CAAC,MAAM,MAAM,OAAO,EAAE,GAAG,MAAM,YAAY;AAAA,MAC3C,CAAC,MAAM,MAAM,OAAO,EAAE,GAAG,MAAM,YAAY;AAAA,IAC3C,EAAA;;;;;;;;;;;;;"}

package/dist/BDropdown.vue_vue_type_script_setup_true_lang-CyYPAMES.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),t=require("./floatingUi-DuqFUobT.js"),o=require("./index-CnY1um_J.js"),a=require("./useDefaults-Cd8OVIUI.js"),l=require("./useId-z7cQCT28.js"),r=require("./classes-CXBJXuVd.js"),n=require("./BButton.vue_vue_type_script_setup_true_lang-Ce8NKGox.js"),d=require("./RenderComponentOrSkip.vue_vue_type_script_lang-Ceo_5VTw.js"),i=require("./keys-BgAe7wbu.js"),u=require("./index-BInTFWT4.js"),s={class:"visually-hidden"},p=["aria-labelledby","role"],f=e.defineComponent({__name:"BDropdown",props:e.mergeModels({ariaLabel:{default:void 0},autoClose:{type:[Boolean,String],default:!0},boundary:{default:"clippingAncestors"},boundaryPadding:{default:void 0},center:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},dropend:{type:Boolean,default:!1},dropstart:{type:Boolean,default:!1},dropup:{type:Boolean,default:!1},end:{type:Boolean,default:!1},floatingMiddleware:{default:void 0},id:{default:void 0},isNav:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},menuClass:{default:void 0},noCaret:{type:Boolean,default:!1},noFlip:{type:Boolean,default:!1},noShift:{type:Boolean,default:!1},noSize:{type:Boolean,default:!1},offset:{default:0},role:{default:"menu"},size:{default:"md"},skipWrapper:{type:Boolean,default:!1},split:{type:Boolean,default:!1},splitButtonType:{default:"button"},splitClass:{default:void 0},splitDisabled:{type:Boolean,default:void 0},splitHref:{default:void 0},splitTo:{default:void 0},splitVariant:{default:void 0},strategy:{default:"absolute"},text:{default:void 0},toggleClass:{default:void 0},toggleText:{default:"Toggle dropdown"},variant:{default:"secondary"},wrapperClass:{default:void 0},teleportDisabled:{type:Boolean,default:!1},teleportTo:{default:void 0}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:e.mergeModels(["click","hidden","hide","hide-prevented","show","show-prevented","shown","toggle"],["update:modelValue"]),setup(f,{expose:v,emit:c}){const y=f,g=a.useDefaults(y,"BDropdown"),m=c,w=l.useId((()=>g.id),"dropdown"),h=e.useModel(f,"modelValue"),b=e.inject(i.inputGroupKey,!1),B=e.computed((()=>"string"==typeof g.offset||"number"==typeof g.offset?g.offset:NaN)),k=u.useToNumber(B),C=e.ref(null),_=e.ref(null),x=e.ref(null),S=e.ref(null),z=e.computed((()=>t.isBoundary(g.boundary)?g.boundary:void 0)),T=e.computed((()=>t.isRootBoundary(g.boundary)?g.boundary:void 0)),N=e.computed((()=>g.split?_.value:x.value));o.onKeyStroke("Escape",(()=>{h.value=!h.value}),{target:N}),o.onKeyStroke("Escape",(()=>{h.value=!h.value}),{target:C});const D=(t,o)=>{var a,l,r,n,d,i,u;if(null==(l=C.value)?void 0:l.contains(null==(a=t.target)?void 0:a.closest("form")))return;if(/input|select|option|textarea|form/i.test(null==(r=t.target)?void 0:r.tagName))return;if(t.preventDefault(),!h.value)return open(),void e.nextTick((()=>D(t,o)));const s=null==(n=C.value)?void 0:n.querySelectorAll(".dropdown-item:not(.disabled):not(:disabled)");if(s)if(null==(d=C.value)?void 0:d.contains(document.activeElement)){const e=C.value.querySelector(".dropdown-item:focus"),t=Array.prototype.indexOf.call(s,e)+o;t>=0&&t<(null==s?void 0:s.length)&&(null==(i=s[t])||i.focus())}else null==(u=s[-1===o?s.length-1:0])||u.focus()};o.onKeyStroke("ArrowUp",(e=>D(e,-1)),{target:N}),o.onKeyStroke("ArrowDown",(e=>D(e,1)),{target:N}),o.onKeyStroke("ArrowUp",(e=>D(e,-1)),{target:C}),o.onKeyStroke("ArrowDown",(e=>D(e,1)),{target:C});const q=e.computed((()=>t.resolveFloatingPlacement({top:g.dropup,start:g.dropstart,end:g.dropend,alignCenter:g.center,alignEnd:g.end}))),V=e.ref({}),j=e.computed((()=>{if(void 0!==g.floatingMiddleware)return g.floatingMiddleware;const e="string"==typeof g.offset||"number"==typeof g.offset?k.value:g.offset,o=[t.offset(e)];return!1===g.noFlip&&o.push(t.flip({boundary:z.value,rootBoundary:T.value,padding:g.boundaryPadding})),!1===g.noShift&&o.push(t.shift({boundary:z.value,rootBoundary:T.value,padding:g.boundaryPadding})),!1===g.noSize&&o.push(t.size({boundary:z.value,rootBoundary:T.value,padding:g.boundaryPadding,apply({availableWidth:e,availableHeight:t}){V.value={maxHeight:t&&h.value?`${t}px`:void 0,maxWidth:e&&h.value?`${e}px`:void 0}}})),o})),{update:E,floatingStyles:A}=t.useFloating(N,C,{placement:q,middleware:j,strategy:e.toRef((()=>g.strategy)),whileElementsMounted:t.z}),K=e.computed((()=>[g.wrapperClass,{"btn-group":!g.wrapperClass&&g.split,dropdown:!g.wrapperClass&&!g.split,dropup:g.dropup,dropend:g.dropend,dropstart:g.dropstart,"position-static":"clippingAncestors"!==g.boundary&&!g.isNav}])),M=e.computed((()=>[g.split?g.splitClass:g.toggleClass,{"nav-link":g.isNav,"dropdown-toggle":!g.split,"dropdown-toggle-no-caret":g.noCaret&&!g.split,show:g.split?void 0:h.value}])),P=()=>{F()},H=e=>{g.split?m("click",e):P()};o.onClickOutside(C,(()=>{!h.value||!0!==g.autoClose&&"outside"!==g.autoClose||F()}),{ignore:[_,x]});const R=()=>{!h.value||!0!==g.autoClose&&"inside"!==g.autoClose||F()},W=()=>{h.value&&F()},$=()=>{h.value||F()},F=()=>{var e,t;m("toggle");const o=h.value,a=new r.BvTriggerableEvent(o?"hide":"show");m(o?"hide":"show",a),a.defaultPrevented?m(o?"hide-prevented":"show-prevented"):(h.value=!o,m(o?"hidden":"shown"),null==(t=null==(e=S.value)?void 0:e.dispatchEvent)||t.call(e,new Event("forceHide")))};return e.watch(h,(()=>{E()})),v({hide:W,show:$,toggle:F}),e.provide(i.dropdownInjectionKey,{id:w,show:$,hide:W,toggle:F,visible:e.toRef((()=>h.value)),isNav:e.toRef((()=>g.isNav))}),(t,o)=>(e.openBlock(),e.createBlock(d._sfc_main,{ref_key:"wrapper",ref:S,skip:e.unref(b)||e.unref(g).skipWrapper,class:e.normalizeClass(K.value)},{default:e.withCtx((()=>[e.createVNode(n._sfc_main,{id:e.unref(w),ref_key:"splitButton",ref:x,variant:e.unref(g).splitVariant||e.unref(g).variant,size:e.unref(g).size,class:e.normalizeClass(M.value),disabled:e.unref(g).splitDisabled||e.unref(g).disabled,type:e.unref(g).splitButtonType,"aria-label":e.unref(g).ariaLabel,"aria-expanded":e.unref(g).split?void 0:h.value,"aria-haspopup":e.unref(g).split?void 0:"menu",href:e.unref(g).split?e.unref(g).splitHref:void 0,to:e.unref(g).split&&e.unref(g).splitTo?e.unref(g).splitTo:void 0,onClick:H},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"button-content",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(g).text),1)]))])),_:3},8,["id","variant","size","class","disabled","type","aria-label","aria-expanded","aria-haspopup","href","to"]),e.unref(g).split?(e.openBlock(),e.createBlock(n._sfc_main,{key:0,ref_key:"button",ref:_,variant:e.unref(g).variant,size:e.unref(g).size,disabled:e.unref(g).disabled,class:e.normalizeClass([[e.unref(g).toggleClass,{show:h.value}],"dropdown-toggle-split dropdown-toggle"]),"aria-expanded":h.value,"aria-haspopup":"menu",onClick:P},{default:e.withCtx((()=>[e.createElementVNode("span",s,[e.renderSlot(t.$slots,"toggle-text",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(g).toggleText),1)]))])])),_:3},8,["variant","size","disabled","class","aria-expanded"])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{to:e.unref(g).teleportTo,disabled:!e.unref(g).teleportTo||e.unref(g).teleportDisabled},[!e.unref(g).lazy||h.value?e.withDirectives((e.openBlock(),e.createElementBlock("ul",{key:0,ref_key:"floating",ref:C,style:e.normalizeStyle([e.unref(A),V.value]),class:e.normalizeClass(["dropdown-menu overflow-auto",[e.unref(g).menuClass,{show:h.value}]]),"aria-labelledby":e.unref(w),role:e.unref(g).role,onClick:R},[e.renderSlot(t.$slots,"default",{hide:W,show:$})],14,p)),[[e.vShow,e.unref(g).lazy||h.value]]):e.createCommentVNode("",!0)],8,["to","disabled"]))])),_:3},8,["skip","class"]))}});exports._sfc_main=f;
+//# sourceMappingURL=BDropdown.vue_vue_type_script_setup_true_lang-CyYPAMES.js.map

package/dist/BDropdown.vue_vue_type_script_setup_true_lang-CyYPAMES.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BDropdown.vue_vue_type_script_setup_true_lang-CyYPAMES.js","sources":["../src/components/BDropdown/BDropdown.vue"],"sourcesContent":["<template>\n  <RenderComponentOrSkip\n    ref=\"wrapper\"\n    :skip=\"inInputGroup || props.skipWrapper\"\n    :class=\"computedClasses\"\n  >\n    <BButton\n      :id=\"computedId\"\n      ref=\"splitButton\"\n      :variant=\"props.splitVariant || props.variant\"\n      :size=\"props.size\"\n      :class=\"buttonClasses\"\n      :disabled=\"props.splitDisabled || props.disabled\"\n      :type=\"props.splitButtonType\"\n      :aria-label=\"props.ariaLabel\"\n      :aria-expanded=\"props.split ? undefined : modelValue\"\n      :aria-haspopup=\"props.split ? undefined : 'menu'\"\n      :href=\"props.split ? props.splitHref : undefined\"\n      :to=\"props.split && props.splitTo ? props.splitTo : undefined\"\n      @click=\"onSplitClick\"\n    >\n      <slot name=\"button-content\">\n        {{ props.text }}\n      </slot>\n    </BButton>\n    <BButton\n      v-if=\"props.split\"\n      ref=\"button\"\n      :variant=\"props.variant\"\n      :size=\"props.size\"\n      :disabled=\"props.disabled\"\n      :class=\"[props.toggleClass, {show: modelValue}]\"\n      class=\"dropdown-toggle-split dropdown-toggle\"\n      :aria-expanded=\"modelValue\"\n      aria-haspopup=\"menu\"\n      @click=\"onButtonClick\"\n    >\n      <span class=\"visually-hidden\">\n        <slot name=\"toggle-text\">\n          {{ props.toggleText }}\n        </slot>\n      </span>\n    </BButton>\n    <Teleport :to=\"props.teleportTo\" :disabled=\"!props.teleportTo || props.teleportDisabled\">\n      <ul\n        v-if=\"!props.lazy || modelValue\"\n        v-show=\"props.lazy || modelValue\"\n        ref=\"floating\"\n        :style=\"[floatingStyles, sizeStyles]\"\n        class=\"dropdown-menu overflow-auto\"\n        :class=\"[props.menuClass, {show: modelValue}]\"\n        :aria-labelledby=\"computedId\"\n        :role=\"props.role\"\n        @click=\"onClickInside\"\n      >\n        <slot :hide=\"hide\" :show=\"show\" />\n      </ul>\n    </Teleport>\n  </RenderComponentOrSkip>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  autoUpdate,\n  type Boundary,\n  flip,\n  type Middleware,\n  offset as offsetMiddleware,\n  type RootBoundary,\n  shift,\n  size as sizeMiddleware,\n  useFloating,\n} from '@floating-ui/vue'\nimport {onClickOutside, onKeyStroke, useToNumber} from '@vueuse/core'\nimport {computed, type CSSProperties, inject, nextTick, provide, ref, toRef, watch} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport type {BDropdownProps} from '../../types/ComponentProps'\nimport {BvTriggerableEvent} from '../../utils'\nimport BButton from '../BButton/BButton.vue'\nimport RenderComponentOrSkip from '../RenderComponentOrSkip.vue'\nimport {isBoundary, isRootBoundary, resolveFloatingPlacement} from '../../utils/floatingUi'\nimport {dropdownInjectionKey, inputGroupKey} from '../../utils/keys'\n\nconst _props = withDefaults(defineProps<Omit<BDropdownProps, 'modelValue'>>(), {\n  ariaLabel: undefined,\n  autoClose: true,\n  boundary: 'clippingAncestors',\n  boundaryPadding: undefined,\n  center: false,\n  teleportTo: undefined,\n  teleportDisabled: false,\n  disabled: false,\n  dropend: false,\n  dropstart: false,\n  dropup: false,\n  end: false,\n  floatingMiddleware: undefined,\n  id: undefined,\n  isNav: false,\n  lazy: false,\n  menuClass: undefined,\n  noCaret: false,\n  noFlip: false,\n  noShift: false,\n  noSize: false,\n  offset: 0,\n  role: 'menu',\n  size: 'md',\n  skipWrapper: false,\n  split: false,\n  splitButtonType: 'button',\n  splitClass: undefined,\n  splitDisabled: undefined,\n  splitHref: undefined,\n  splitTo: undefined,\n  splitVariant: undefined,\n  strategy: 'absolute',\n  text: undefined,\n  toggleClass: undefined,\n  toggleText: 'Toggle dropdown',\n  variant: 'secondary',\n  wrapperClass: undefined,\n})\nconst props = useDefaults(_props, 'BDropdown')\n\nconst emit = defineEmits<{\n  'click': [event: MouseEvent]\n  'hidden': []\n  'hide': [value: BvTriggerableEvent]\n  'hide-prevented': []\n  'show': [value: BvTriggerableEvent]\n  'show-prevented': []\n  'shown': []\n  'toggle': []\n}>()\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'button-content'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'default'?: (props: {hide: () => void; show: () => void}) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'toggle-text'?: (props: Record<string, never>) => any\n}>()\n\nconst computedId = useId(() => props.id, 'dropdown')\n\nconst modelValue = defineModel<Exclude<BDropdownProps['modelValue'], undefined>>({default: false})\n\nconst inInputGroup = inject(inputGroupKey, false)\n\nconst computedOffset = computed(() =>\n  typeof props.offset === 'string' || typeof props.offset === 'number' ? props.offset : NaN\n)\nconst offsetToNumber = useToNumber(computedOffset)\n\nconst floating = ref<HTMLElement | null>(null)\nconst button = ref<HTMLElement | null>(null)\nconst splitButton = ref<HTMLElement | null>(null)\nconst wrapper = ref<HTMLElement | null>(null)\n\nconst boundary = computed<Boundary | undefined>(() =>\n  isBoundary(props.boundary) ? props.boundary : undefined\n)\nconst rootBoundary = computed<RootBoundary | undefined>(() =>\n  isRootBoundary(props.boundary) ? props.boundary : undefined\n)\n\nconst referencePlacement = computed(() => (!props.split ? splitButton.value : button.value))\n\nonKeyStroke(\n  'Escape',\n  () => {\n    modelValue.value = !modelValue.value\n  },\n  {target: referencePlacement}\n)\nonKeyStroke(\n  'Escape',\n  () => {\n    modelValue.value = !modelValue.value\n  },\n  {target: floating}\n)\n\nconst keynav = (e: Readonly<Event>, v: number) => {\n  if (floating.value?.contains((e.target as HTMLElement)?.closest('form'))) return\n  if (/input|select|option|textarea|form/i.test((e.target as HTMLElement)?.tagName)) return\n  e.preventDefault()\n  if (!modelValue.value) {\n    open()\n    nextTick(() => keynav(e, v))\n    return\n  }\n  const list = floating.value?.querySelectorAll('.dropdown-item:not(.disabled):not(:disabled)')\n  if (!list) return\n  if (floating.value?.contains(document.activeElement)) {\n    const active = floating.value.querySelector('.dropdown-item:focus')\n    const index = Array.prototype.indexOf.call(list, active) + v\n    if (index >= 0 && index < list?.length) (list[index] as HTMLElement)?.focus()\n  } else {\n    ;(list[v === -1 ? list.length - 1 : 0] as HTMLElement)?.focus()\n  }\n}\n\nonKeyStroke('ArrowUp', (e) => keynav(e, -1), {target: referencePlacement})\nonKeyStroke('ArrowDown', (e) => keynav(e, 1), {target: referencePlacement})\nonKeyStroke('ArrowUp', (e) => keynav(e, -1), {target: floating})\nonKeyStroke('ArrowDown', (e) => keynav(e, 1), {target: floating})\n\nconst floatingPlacement = computed(() =>\n  resolveFloatingPlacement({\n    top: props.dropup,\n    start: props.dropstart,\n    end: props.dropend,\n    alignCenter: props.center,\n    alignEnd: props.end,\n  })\n)\nconst sizeStyles = ref<CSSProperties>({})\nconst floatingMiddleware = computed<Middleware[]>(() => {\n  if (props.floatingMiddleware !== undefined) {\n    return props.floatingMiddleware\n  }\n  const localOffset =\n    typeof props.offset === 'string' || typeof props.offset === 'number'\n      ? offsetToNumber.value\n      : props.offset\n  const arr: Middleware[] = [offsetMiddleware(localOffset)]\n  if (props.noFlip === false) {\n    arr.push(\n      flip({\n        boundary: boundary.value,\n        rootBoundary: rootBoundary.value,\n        padding: props.boundaryPadding,\n      })\n    )\n  }\n  if (props.noShift === false) {\n    arr.push(\n      shift({\n        boundary: boundary.value,\n        rootBoundary: rootBoundary.value,\n        padding: props.boundaryPadding,\n      })\n    )\n  }\n  if (props.noSize === false) {\n    arr.push(\n      sizeMiddleware({\n        boundary: boundary.value,\n        rootBoundary: rootBoundary.value,\n        padding: props.boundaryPadding,\n        apply({availableWidth, availableHeight}) {\n          sizeStyles.value = {\n            maxHeight: availableHeight && modelValue.value ? `${availableHeight}px` : undefined,\n            maxWidth: availableWidth && modelValue.value ? `${availableWidth}px` : undefined,\n          }\n        },\n      })\n    )\n  }\n  return arr\n})\nconst {update, floatingStyles} = useFloating(referencePlacement, floating, {\n  placement: floatingPlacement,\n  middleware: floatingMiddleware,\n  strategy: toRef(() => props.strategy),\n  whileElementsMounted: autoUpdate,\n})\n\nconst computedClasses = computed(() => [\n  props.wrapperClass,\n  {\n    'btn-group': !props.wrapperClass && props.split,\n    'dropdown': !props.wrapperClass && !props.split,\n    'dropup': props.dropup,\n    'dropend': props.dropend,\n    'dropstart': props.dropstart,\n    'position-static': props.boundary !== 'clippingAncestors' && !props.isNav,\n  },\n])\n\nconst buttonClasses = computed(() => [\n  props.split ? props.splitClass : props.toggleClass,\n  {\n    'nav-link': props.isNav,\n    'dropdown-toggle': !props.split,\n    'dropdown-toggle-no-caret': props.noCaret && !props.split,\n    'show': props.split ? undefined : modelValue.value,\n  },\n])\n\nconst onButtonClick = () => {\n  toggle()\n}\n\nconst onSplitClick = (event: Readonly<MouseEvent>) => {\n  props.split ? emit('click', event) : onButtonClick()\n}\n\nonClickOutside(\n  floating,\n  () => {\n    if (modelValue.value && (props.autoClose === true || props.autoClose === 'outside')) {\n      toggle()\n    }\n  },\n  {ignore: [button, splitButton]}\n)\nconst onClickInside = () => {\n  if (modelValue.value && (props.autoClose === true || props.autoClose === 'inside')) {\n    toggle()\n  }\n}\n\nconst hide = () => {\n  modelValue.value && toggle()\n}\nconst show = () => {\n  modelValue.value || toggle()\n}\nconst toggle = () => {\n  emit('toggle')\n  const currentModelValue = modelValue.value\n  const e = new BvTriggerableEvent(currentModelValue ? 'hide' : 'show')\n  currentModelValue ? emit('hide', e) : emit('show', e)\n  if (e.defaultPrevented) {\n    currentModelValue ? emit('hide-prevented') : emit('show-prevented')\n    return\n  }\n  modelValue.value = !currentModelValue\n  currentModelValue ? emit('hidden') : emit('shown')\n  wrapper.value?.dispatchEvent?.(new Event('forceHide'))\n}\n\nwatch(modelValue, () => {\n  update()\n})\n\ndefineExpose({\n  hide,\n  show,\n  toggle,\n})\n\nprovide(dropdownInjectionKey, {\n  id: computedId,\n  show,\n  hide,\n  toggle,\n  visible: toRef(() => modelValue.value),\n  isNav: toRef(() => props.isNav),\n})\n</script>\n"],"names":["_props","__props","props","useDefaults","emit","__emit","computedId","useId","id","modelValue","_useModel","inInputGroup","inject","inputGroupKey","computedOffset","computed","offset","NaN","offsetToNumber","useToNumber","floating","ref","button","splitButton","wrapper","boundary","isBoundary","rootBoundary","isRootBoundary","referencePlacement","split","value","index$1","onKeyStroke","target","keynav","e","v","_b","contains","_a","closest","test","_c","tagName","preventDefault","nextTick","list","_d","querySelectorAll","_e","document","activeElement","active","querySelector","index","Array","prototype","indexOf","call","length","_f","focus","_g","floatingPlacement","resolveFloatingPlacement","top","dropup","start","dropstart","end","dropend","alignCenter","center","alignEnd","sizeStyles","floatingMiddleware","localOffset","arr","offsetMiddleware","noFlip","push","flip","padding","boundaryPadding","noShift","shift","noSize","sizeMiddleware","apply","availableWidth","availableHeight","maxHeight","maxWidth","update","floatingStyles","useFloating","placement","middleware","strategy","toRef","whileElementsMounted","autoUpdate","z","computedClasses","wrapperClass","dropdown","isNav","buttonClasses","splitClass","toggleClass","noCaret","show","onButtonClick","onSplitClick","event","onClickOutside","autoClose","ignore","onClickInside","hide","toggle","currentModelValue","BvTriggerableEvent","defaultPrevented","dispatchEvent","Event","vue","watch","__expose","provide","dropdownInjectionKey","visible"],"mappings":"+5DAoFA,MAAMA,EAASC,EAwCTC,EAAQC,EAAAA,YAAYH,EAAQ,aAE5BI,EAAOC,EAoBPC,EAAaC,EAAAA,OAAM,IAAML,EAAMM,IAAI,YAEnCC,EAAaC,EAAAA,yBAEbC,EAAeC,EAAAA,OAAOC,EAAAA,eAAe,GAErCC,EAAiBC,EAAAA,UAAS,IACN,iBAAjBb,EAAMc,QAA+C,iBAAjBd,EAAMc,OAAsBd,EAAMc,OAASC,MAElFC,EAAiBC,cAAYL,GAE7BM,EAAWC,MAAwB,MACnCC,EAASD,MAAwB,MACjCE,EAAcF,MAAwB,MACtCG,EAAUH,MAAwB,MAElCI,EAAWV,EAAAA,UAA+B,IAC9CW,EAAAA,WAAWxB,EAAMuB,UAAYvB,EAAMuB,cAAW,IAE1CE,EAAeZ,EAAAA,UAAmC,IACtDa,EAAAA,eAAe1B,EAAMuB,UAAYvB,EAAMuB,cAAW,IAG9CI,EAAqBd,YAAS,IAAQb,EAAM4B,MAA4BR,EAAOS,MAA3BR,EAAYQ,QAEtEC,EAAAC,YACE,UACA,KACaxB,EAAAsB,OAAStB,EAAWsB,KAAA,GAEjC,CAACG,OAAQL,IAEXG,EAAAC,YACE,UACA,KACaxB,EAAAsB,OAAStB,EAAWsB,KAAA,GAEjC,CAACG,OAAQd,IAGL,MAAAe,EAAS,CAACC,EAAoBC,uBAC9B,GAAA,OAAAC,EAAAlB,EAASW,YAAO,EAAAO,EAAAC,SAAU,OAAAC,IAAEN,aAAF,EAAAM,EAA0BC,QAAQ,SAAU,OAC1E,GAAI,qCAAqCC,KAAM,OAAAC,EAAAP,EAAEF,aAAF,EAAAS,EAA0BC,SAAU,OAE/E,GADJR,EAAES,kBACGpC,EAAWsB,MAGd,mBADAe,EAAAA,UAAS,IAAMX,EAAOC,EAAGC,KAG3B,MAAMU,EAAO,OAAAC,EAAA5B,EAASW,YAAT,EAAAiB,EAAgBC,iBAAiB,gDAC9C,GAAKF,EACL,GAAI,OAAAG,EAAS9B,EAAAW,YAAO,EAAAmB,EAAAX,SAASY,SAASC,eAAgB,CACpD,MAAMC,EAASjC,EAASW,MAAMuB,cAAc,wBACtCC,EAAQC,MAAMC,UAAUC,QAAQC,KAAKZ,EAAMM,GAAUhB,EACvDkB,GAAS,GAAKA,GAAQ,MAAAR,OAAA,EAAAA,EAAMa,UAAS,OAAKL,EAAAA,EAAAA,KAAwBM,EAAAC,QAAM,MAE1E,OAAAC,EAAAhB,GAAgB,IAAXV,EAAWU,EAAKa,OAAS,EAAI,KAAoBG,EAAAD,OAC1D,EAGU7B,EAAAA,YAAA,WAAYG,GAAMD,EAAOC,GAAG,IAAK,CAACF,OAAQL,IAC1CI,EAAAA,YAAA,aAAcG,GAAMD,EAAOC,EAAG,IAAI,CAACF,OAAQL,IAC3CI,EAAAA,YAAA,WAAYG,GAAMD,EAAOC,GAAG,IAAK,CAACF,OAAQd,IAC1Ca,EAAAA,YAAA,aAAcG,GAAMD,EAAOC,EAAG,IAAI,CAACF,OAAQd,IAEvD,MAAM4C,EAAoBjD,EAAAA,UAAS,IACjCkD,2BAAyB,CACvBC,IAAKhE,EAAMiE,OACXC,MAAOlE,EAAMmE,UACbC,IAAKpE,EAAMqE,QACXC,YAAatE,EAAMuE,OACnBC,SAAUxE,EAAMoE,QAGdK,EAAatD,MAAmB,CAAA,GAChCuD,EAAqB7D,EAAAA,UAAuB,KAC5C,QAA6B,IAA7Bb,EAAM0E,mBACR,OAAO1E,EAAM0E,mBAET,MAAAC,EACoB,iBAAjB3E,EAAMc,QAA+C,iBAAjBd,EAAMc,OAC7CE,EAAea,MACf7B,EAAMc,OACN8D,EAAoB,CAACC,SAAiBF,IAkCrC,OAjCc,IAAjB3E,EAAM8E,QACJF,EAAAG,KACFC,OAAK,CACHzD,SAAUA,EAASM,MACnBJ,aAAcA,EAAaI,MAC3BoD,QAASjF,EAAMkF,oBAIC,IAAlBlF,EAAMmF,SACJP,EAAAG,KACFK,QAAM,CACJ7D,SAAUA,EAASM,MACnBJ,aAAcA,EAAaI,MAC3BoD,QAASjF,EAAMkF,oBAIA,IAAjBlF,EAAMqF,QACJT,EAAAG,KACFO,OAAe,CACb/D,SAAUA,EAASM,MACnBJ,aAAcA,EAAaI,MAC3BoD,QAASjF,EAAMkF,gBACf,KAAAK,EAAMC,eAACA,EAAgBC,gBAAAA,IACrBhB,EAAW5C,MAAQ,CACjB6D,UAAWD,GAAmBlF,EAAWsB,MAAQ,GAAG4D,WAAsB,EAC1EE,SAAUH,GAAkBjF,EAAWsB,MAAQ,GAAG2D,WAAqB,EAE3E,KAICZ,CAAA,KAEHgB,OAACA,EAAQC,eAAAA,GAAkBC,EAAAA,YAAYnE,EAAoBT,EAAU,CACzE6E,UAAWjC,EACXkC,WAAYtB,EACZuB,SAAUC,EAAAA,OAAM,IAAMlG,EAAMiG,WAC5BE,qBAAsBC,EAAAC,IAGlBC,EAAkBzF,EAAAA,UAAS,IAAM,CACrCb,EAAMuG,aACN,CACE,aAAcvG,EAAMuG,cAAgBvG,EAAM4B,MAC1C4E,UAAaxG,EAAMuG,eAAiBvG,EAAM4B,MAC1CqC,OAAUjE,EAAMiE,OAChBI,QAAWrE,EAAMqE,QACjBF,UAAanE,EAAMmE,UACnB,kBAAsC,sBAAnBnE,EAAMuB,WAAqCvB,EAAMyG,UAIlEC,EAAgB7F,EAAAA,UAAS,IAAM,CACnCb,EAAM4B,MAAQ5B,EAAM2G,WAAa3G,EAAM4G,YACvC,CACE,WAAY5G,EAAMyG,MAClB,mBAAoBzG,EAAM4B,MAC1B,2BAA4B5B,EAAM6G,UAAY7G,EAAM4B,MACpDkF,KAAQ9G,EAAM4B,WAAQ,EAAYrB,EAAWsB,UAI3CkF,EAAgB,UAIhBC,EAAgBC,IACpBjH,EAAM4B,MAAQ1B,EAAK,QAAS+G,GAASF,KAGvCjF,EAAAoF,eACEhG,GACA,MACMX,EAAWsB,QAA8B,IAApB7B,EAAMmH,WAA0C,YAApBnH,EAAMmH,cAE3D,GAEF,CAACC,OAAQ,CAAChG,EAAQC,KAEpB,MAAMgG,EAAgB,MAChB9G,EAAWsB,QAA8B,IAApB7B,EAAMmH,WAA0C,WAApBnH,EAAMmH,cAE3D,EAGIG,EAAO,KACX/G,EAAWsB,OAAS0F,KAEhBT,EAAO,KACXvG,EAAWsB,OAAS0F,KAEhBA,EAAS,aACbrH,EAAK,UACL,MAAMsH,EAAoBjH,EAAWsB,MAC/BK,EAAI,IAAIuF,EAAmBA,mBAAAD,EAAoB,OAAS,QAC1CtH,EAApBsH,EAAyB,OAAkB,OAAVtF,GAC7BA,EAAEwF,iBACgBxH,EAApBsH,EAAyB,iBAAyB,mBAGpDjH,EAAWsB,OAAS2F,EACAtH,EAApBsH,EAAyB,SAAiB,SAC1C,OAAApF,EAAA,OAAAE,EAAAhB,EAAQO,YAAO,EAAAS,EAAAqF,gBAAgBvF,EAAAqB,KAAAnB,EAAA,IAAIsF,MAAM,cAAW,SAGtDC,EAAAC,MAAMvH,GAAY,YAILwH,EAAA,CACXT,OACAR,OACAS,WAGFS,EAAAA,QAAQC,EAAAA,qBAAsB,CAC5B3H,GAAIF,EACJ0G,OACAQ,OACAC,SACAW,QAAShC,EAAAA,OAAM,IAAM3F,EAAWsB,QAChC4E,MAAOP,EAAAA,OAAM,IAAMlG,EAAMyG"}

package/dist/BDropdown.vue_vue_type_script_setup_true_lang-_LBPdVCX.mjs

@@ -0,0 +1,335 @@
+import { defineComponent, mergeModels, useModel, inject, computed, ref, toRef, watch, provide, openBlock, createBlock, unref, normalizeClass, withCtx, createVNode, renderSlot, createTextVNode, toDisplayString, createElementVNode, createCommentVNode, Teleport, withDirectives, createElementBlock, normalizeStyle, vShow, nextTick } from "vue";
+import { i as isBoundary, d as isRootBoundary, e as resolveFloatingPlacement, f as flip, s as shift, g as size, h as useFloating, z, o as offset } from "./floatingUi-CKw_RAAk.mjs";
+import { o as onKeyStroke, d as onClickOutside } from "./index-DngH9Pjm.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { u as useId } from "./useId-BrAgQfKM.mjs";
+import { a as BvTriggerableEvent } from "./classes-IC0yVJlq.mjs";
+import { _ as _sfc_main$2 } from "./BButton.vue_vue_type_script_setup_true_lang-VSdlVuWr.mjs";
+import { _ as _sfc_main$1 } from "./RenderComponentOrSkip.vue_vue_type_script_lang-CvaXFCLB.mjs";
+import { i as inputGroupKey, e as dropdownInjectionKey } from "./keys-CLEaYsGj.mjs";
+import { u as useToNumber } from "./index-DlGgXMQF.mjs";
+const _hoisted_1 = { class: "visually-hidden" };
+const _hoisted_2 = ["aria-labelledby", "role"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BDropdown",
+  props: /* @__PURE__ */ mergeModels({
+    ariaLabel: { default: void 0 },
+    autoClose: { type: [Boolean, String], default: true },
+    boundary: { default: "clippingAncestors" },
+    boundaryPadding: { default: void 0 },
+    center: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    dropend: { type: Boolean, default: false },
+    dropstart: { type: Boolean, default: false },
+    dropup: { type: Boolean, default: false },
+    end: { type: Boolean, default: false },
+    floatingMiddleware: { default: void 0 },
+    id: { default: void 0 },
+    isNav: { type: Boolean, default: false },
+    lazy: { type: Boolean, default: false },
+    menuClass: { default: void 0 },
+    noCaret: { type: Boolean, default: false },
+    noFlip: { type: Boolean, default: false },
+    noShift: { type: Boolean, default: false },
+    noSize: { type: Boolean, default: false },
+    offset: { default: 0 },
+    role: { default: "menu" },
+    size: { default: "md" },
+    skipWrapper: { type: Boolean, default: false },
+    split: { type: Boolean, default: false },
+    splitButtonType: { default: "button" },
+    splitClass: { default: void 0 },
+    splitDisabled: { type: Boolean, default: void 0 },
+    splitHref: { default: void 0 },
+    splitTo: { default: void 0 },
+    splitVariant: { default: void 0 },
+    strategy: { default: "absolute" },
+    text: { default: void 0 },
+    toggleClass: { default: void 0 },
+    toggleText: { default: "Toggle dropdown" },
+    variant: { default: "secondary" },
+    wrapperClass: { default: void 0 },
+    teleportDisabled: { type: Boolean, default: false },
+    teleportTo: { default: void 0 }
+  }, {
+    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["click", "hidden", "hide", "hide-prevented", "show", "show-prevented", "shown", "toggle"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BDropdown");
+    const emit = __emit;
+    const computedId = useId(() => props.id, "dropdown");
+    const modelValue = useModel(__props, "modelValue");
+    const inInputGroup = inject(inputGroupKey, false);
+    const computedOffset = computed(
+      () => typeof props.offset === "string" || typeof props.offset === "number" ? props.offset : NaN
+    );
+    const offsetToNumber = useToNumber(computedOffset);
+    const floating = ref(null);
+    const button = ref(null);
+    const splitButton = ref(null);
+    const wrapper = ref(null);
+    const boundary = computed(
+      () => isBoundary(props.boundary) ? props.boundary : void 0
+    );
+    const rootBoundary = computed(
+      () => isRootBoundary(props.boundary) ? props.boundary : void 0
+    );
+    const referencePlacement = computed(() => !props.split ? splitButton.value : button.value);
+    onKeyStroke(
+      "Escape",
+      () => {
+        modelValue.value = !modelValue.value;
+      },
+      { target: referencePlacement }
+    );
+    onKeyStroke(
+      "Escape",
+      () => {
+        modelValue.value = !modelValue.value;
+      },
+      { target: floating }
+    );
+    const keynav = (e, v) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      if ((_b = floating.value) == null ? void 0 : _b.contains((_a = e.target) == null ? void 0 : _a.closest("form"))) return;
+      if (/input|select|option|textarea|form/i.test((_c = e.target) == null ? void 0 : _c.tagName)) return;
+      e.preventDefault();
+      if (!modelValue.value) {
+        open();
+        nextTick(() => keynav(e, v));
+        return;
+      }
+      const list = (_d = floating.value) == null ? void 0 : _d.querySelectorAll(".dropdown-item:not(.disabled):not(:disabled)");
+      if (!list) return;
+      if ((_e = floating.value) == null ? void 0 : _e.contains(document.activeElement)) {
+        const active = floating.value.querySelector(".dropdown-item:focus");
+        const index = Array.prototype.indexOf.call(list, active) + v;
+        if (index >= 0 && index < (list == null ? void 0 : list.length)) (_f = list[index]) == null ? void 0 : _f.focus();
+      } else {
+        (_g = list[v === -1 ? list.length - 1 : 0]) == null ? void 0 : _g.focus();
+      }
+    };
+    onKeyStroke("ArrowUp", (e) => keynav(e, -1), { target: referencePlacement });
+    onKeyStroke("ArrowDown", (e) => keynav(e, 1), { target: referencePlacement });
+    onKeyStroke("ArrowUp", (e) => keynav(e, -1), { target: floating });
+    onKeyStroke("ArrowDown", (e) => keynav(e, 1), { target: floating });
+    const floatingPlacement = computed(
+      () => resolveFloatingPlacement({
+        top: props.dropup,
+        start: props.dropstart,
+        end: props.dropend,
+        alignCenter: props.center,
+        alignEnd: props.end
+      })
+    );
+    const sizeStyles = ref({});
+    const floatingMiddleware = computed(() => {
+      if (props.floatingMiddleware !== void 0) {
+        return props.floatingMiddleware;
+      }
+      const localOffset = typeof props.offset === "string" || typeof props.offset === "number" ? offsetToNumber.value : props.offset;
+      const arr = [offset(localOffset)];
+      if (props.noFlip === false) {
+        arr.push(
+          flip({
+            boundary: boundary.value,
+            rootBoundary: rootBoundary.value,
+            padding: props.boundaryPadding
+          })
+        );
+      }
+      if (props.noShift === false) {
+        arr.push(
+          shift({
+            boundary: boundary.value,
+            rootBoundary: rootBoundary.value,
+            padding: props.boundaryPadding
+          })
+        );
+      }
+      if (props.noSize === false) {
+        arr.push(
+          size({
+            boundary: boundary.value,
+            rootBoundary: rootBoundary.value,
+            padding: props.boundaryPadding,
+            apply({ availableWidth, availableHeight }) {
+              sizeStyles.value = {
+                maxHeight: availableHeight && modelValue.value ? `${availableHeight}px` : void 0,
+                maxWidth: availableWidth && modelValue.value ? `${availableWidth}px` : void 0
+              };
+            }
+          })
+        );
+      }
+      return arr;
+    });
+    const { update, floatingStyles } = useFloating(referencePlacement, floating, {
+      placement: floatingPlacement,
+      middleware: floatingMiddleware,
+      strategy: toRef(() => props.strategy),
+      whileElementsMounted: z
+    });
+    const computedClasses = computed(() => [
+      props.wrapperClass,
+      {
+        "btn-group": !props.wrapperClass && props.split,
+        "dropdown": !props.wrapperClass && !props.split,
+        "dropup": props.dropup,
+        "dropend": props.dropend,
+        "dropstart": props.dropstart,
+        "position-static": props.boundary !== "clippingAncestors" && !props.isNav
+      }
+    ]);
+    const buttonClasses = computed(() => [
+      props.split ? props.splitClass : props.toggleClass,
+      {
+        "nav-link": props.isNav,
+        "dropdown-toggle": !props.split,
+        "dropdown-toggle-no-caret": props.noCaret && !props.split,
+        "show": props.split ? void 0 : modelValue.value
+      }
+    ]);
+    const onButtonClick = () => {
+      toggle();
+    };
+    const onSplitClick = (event) => {
+      props.split ? emit("click", event) : onButtonClick();
+    };
+    onClickOutside(
+      floating,
+      () => {
+        if (modelValue.value && (props.autoClose === true || props.autoClose === "outside")) {
+          toggle();
+        }
+      },
+      { ignore: [button, splitButton] }
+    );
+    const onClickInside = () => {
+      if (modelValue.value && (props.autoClose === true || props.autoClose === "inside")) {
+        toggle();
+      }
+    };
+    const hide = () => {
+      modelValue.value && toggle();
+    };
+    const show = () => {
+      modelValue.value || toggle();
+    };
+    const toggle = () => {
+      var _a, _b;
+      emit("toggle");
+      const currentModelValue = modelValue.value;
+      const e = new BvTriggerableEvent(currentModelValue ? "hide" : "show");
+      currentModelValue ? emit("hide", e) : emit("show", e);
+      if (e.defaultPrevented) {
+        currentModelValue ? emit("hide-prevented") : emit("show-prevented");
+        return;
+      }
+      modelValue.value = !currentModelValue;
+      currentModelValue ? emit("hidden") : emit("shown");
+      (_b = (_a = wrapper.value) == null ? void 0 : _a.dispatchEvent) == null ? void 0 : _b.call(_a, new Event("forceHide"));
+    };
+    watch(modelValue, () => {
+      update();
+    });
+    __expose({
+      hide,
+      show,
+      toggle
+    });
+    provide(dropdownInjectionKey, {
+      id: computedId,
+      show,
+      hide,
+      toggle,
+      visible: toRef(() => modelValue.value),
+      isNav: toRef(() => props.isNav)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        ref_key: "wrapper",
+        ref: wrapper,
+        skip: unref(inInputGroup) || unref(props).skipWrapper,
+        class: normalizeClass(computedClasses.value)
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$2, {
+            id: unref(computedId),
+            ref_key: "splitButton",
+            ref: splitButton,
+            variant: unref(props).splitVariant || unref(props).variant,
+            size: unref(props).size,
+            class: normalizeClass(buttonClasses.value),
+            disabled: unref(props).splitDisabled || unref(props).disabled,
+            type: unref(props).splitButtonType,
+            "aria-label": unref(props).ariaLabel,
+            "aria-expanded": unref(props).split ? void 0 : modelValue.value,
+            "aria-haspopup": unref(props).split ? void 0 : "menu",
+            href: unref(props).split ? unref(props).splitHref : void 0,
+            to: unref(props).split && unref(props).splitTo ? unref(props).splitTo : void 0,
+            onClick: onSplitClick
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "button-content", {}, () => [
+                createTextVNode(toDisplayString(unref(props).text), 1)
+              ])
+            ]),
+            _: 3
+          }, 8, ["id", "variant", "size", "class", "disabled", "type", "aria-label", "aria-expanded", "aria-haspopup", "href", "to"]),
+          unref(props).split ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
+            ref_key: "button",
+            ref: button,
+            variant: unref(props).variant,
+            size: unref(props).size,
+            disabled: unref(props).disabled,
+            class: normalizeClass([[unref(props).toggleClass, { show: modelValue.value }], "dropdown-toggle-split dropdown-toggle"]),
+            "aria-expanded": modelValue.value,
+            "aria-haspopup": "menu",
+            onClick: onButtonClick
+          }, {
+            default: withCtx(() => [
+              createElementVNode("span", _hoisted_1, [
+                renderSlot(_ctx.$slots, "toggle-text", {}, () => [
+                  createTextVNode(toDisplayString(unref(props).toggleText), 1)
+                ])
+              ])
+            ]),
+            _: 3
+          }, 8, ["variant", "size", "disabled", "class", "aria-expanded"])) : createCommentVNode("", true),
+          (openBlock(), createBlock(Teleport, {
+            to: unref(props).teleportTo,
+            disabled: !unref(props).teleportTo || unref(props).teleportDisabled
+          }, [
+            !unref(props).lazy || modelValue.value ? withDirectives((openBlock(), createElementBlock("ul", {
+              key: 0,
+              ref_key: "floating",
+              ref: floating,
+              style: normalizeStyle([unref(floatingStyles), sizeStyles.value]),
+              class: normalizeClass(["dropdown-menu overflow-auto", [unref(props).menuClass, { show: modelValue.value }]]),
+              "aria-labelledby": unref(computedId),
+              role: unref(props).role,
+              onClick: onClickInside
+            }, [
+              renderSlot(_ctx.$slots, "default", {
+                hide,
+                show
+              })
+            ], 14, _hoisted_2)), [
+              [vShow, unref(props).lazy || modelValue.value]
+            ]) : createCommentVNode("", true)
+          ], 8, ["to", "disabled"]))
+        ]),
+        _: 3
+      }, 8, ["skip", "class"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=BDropdown.vue_vue_type_script_setup_true_lang-_LBPdVCX.mjs.map

package/dist/BDropdown.vue_vue_type_script_setup_true_lang-_LBPdVCX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BDropdown.vue_vue_type_script_setup_true_lang-_LBPdVCX.mjs","sources":["../src/components/BDropdown/BDropdown.vue"],"sourcesContent":["<template>\n  <RenderComponentOrSkip\n    ref=\"wrapper\"\n    :skip=\"inInputGroup || props.skipWrapper\"\n    :class=\"computedClasses\"\n  >\n    <BButton\n      :id=\"computedId\"\n      ref=\"splitButton\"\n      :variant=\"props.splitVariant || props.variant\"\n      :size=\"props.size\"\n      :class=\"buttonClasses\"\n      :disabled=\"props.splitDisabled || props.disabled\"\n      :type=\"props.splitButtonType\"\n      :aria-label=\"props.ariaLabel\"\n      :aria-expanded=\"props.split ? undefined : modelValue\"\n      :aria-haspopup=\"props.split ? undefined : 'menu'\"\n      :href=\"props.split ? props.splitHref : undefined\"\n      :to=\"props.split && props.splitTo ? props.splitTo : undefined\"\n      @click=\"onSplitClick\"\n    >\n      <slot name=\"button-content\">\n        {{ props.text }}\n      </slot>\n    </BButton>\n    <BButton\n      v-if=\"props.split\"\n      ref=\"button\"\n      :variant=\"props.variant\"\n      :size=\"props.size\"\n      :disabled=\"props.disabled\"\n      :class=\"[props.toggleClass, {show: modelValue}]\"\n      class=\"dropdown-toggle-split dropdown-toggle\"\n      :aria-expanded=\"modelValue\"\n      aria-haspopup=\"menu\"\n      @click=\"onButtonClick\"\n    >\n      <span class=\"visually-hidden\">\n        <slot name=\"toggle-text\">\n          {{ props.toggleText }}\n        </slot>\n      </span>\n    </BButton>\n    <Teleport :to=\"props.teleportTo\" :disabled=\"!props.teleportTo || props.teleportDisabled\">\n      <ul\n        v-if=\"!props.lazy || modelValue\"\n        v-show=\"props.lazy || modelValue\"\n        ref=\"floating\"\n        :style=\"[floatingStyles, sizeStyles]\"\n        class=\"dropdown-menu overflow-auto\"\n        :class=\"[props.menuClass, {show: modelValue}]\"\n        :aria-labelledby=\"computedId\"\n        :role=\"props.role\"\n        @click=\"onClickInside\"\n      >\n        <slot :hide=\"hide\" :show=\"show\" />\n      </ul>\n    </Teleport>\n  </RenderComponentOrSkip>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  autoUpdate,\n  type Boundary,\n  flip,\n  type Middleware,\n  offset as offsetMiddleware,\n  type RootBoundary,\n  shift,\n  size as sizeMiddleware,\n  useFloating,\n} from '@floating-ui/vue'\nimport {onClickOutside, onKeyStroke, useToNumber} from '@vueuse/core'\nimport {computed, type CSSProperties, inject, nextTick, provide, ref, toRef, watch} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport type {BDropdownProps} from '../../types/ComponentProps'\nimport {BvTriggerableEvent} from '../../utils'\nimport BButton from '../BButton/BButton.vue'\nimport RenderComponentOrSkip from '../RenderComponentOrSkip.vue'\nimport {isBoundary, isRootBoundary, resolveFloatingPlacement} from '../../utils/floatingUi'\nimport {dropdownInjectionKey, inputGroupKey} from '../../utils/keys'\n\nconst _props = withDefaults(defineProps<Omit<BDropdownProps, 'modelValue'>>(), {\n  ariaLabel: undefined,\n  autoClose: true,\n  boundary: 'clippingAncestors',\n  boundaryPadding: undefined,\n  center: false,\n  teleportTo: undefined,\n  teleportDisabled: false,\n  disabled: false,\n  dropend: false,\n  dropstart: false,\n  dropup: false,\n  end: false,\n  floatingMiddleware: undefined,\n  id: undefined,\n  isNav: false,\n  lazy: false,\n  menuClass: undefined,\n  noCaret: false,\n  noFlip: false,\n  noShift: false,\n  noSize: false,\n  offset: 0,\n  role: 'menu',\n  size: 'md',\n  skipWrapper: false,\n  split: false,\n  splitButtonType: 'button',\n  splitClass: undefined,\n  splitDisabled: undefined,\n  splitHref: undefined,\n  splitTo: undefined,\n  splitVariant: undefined,\n  strategy: 'absolute',\n  text: undefined,\n  toggleClass: undefined,\n  toggleText: 'Toggle dropdown',\n  variant: 'secondary',\n  wrapperClass: undefined,\n})\nconst props = useDefaults(_props, 'BDropdown')\n\nconst emit = defineEmits<{\n  'click': [event: MouseEvent]\n  'hidden': []\n  'hide': [value: BvTriggerableEvent]\n  'hide-prevented': []\n  'show': [value: BvTriggerableEvent]\n  'show-prevented': []\n  'shown': []\n  'toggle': []\n}>()\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'button-content'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'default'?: (props: {hide: () => void; show: () => void}) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'toggle-text'?: (props: Record<string, never>) => any\n}>()\n\nconst computedId = useId(() => props.id, 'dropdown')\n\nconst modelValue = defineModel<Exclude<BDropdownProps['modelValue'], undefined>>({default: false})\n\nconst inInputGroup = inject(inputGroupKey, false)\n\nconst computedOffset = computed(() =>\n  typeof props.offset === 'string' || typeof props.offset === 'number' ? props.offset : NaN\n)\nconst offsetToNumber = useToNumber(computedOffset)\n\nconst floating = ref<HTMLElement | null>(null)\nconst button = ref<HTMLElement | null>(null)\nconst splitButton = ref<HTMLElement | null>(null)\nconst wrapper = ref<HTMLElement | null>(null)\n\nconst boundary = computed<Boundary | undefined>(() =>\n  isBoundary(props.boundary) ? props.boundary : undefined\n)\nconst rootBoundary = computed<RootBoundary | undefined>(() =>\n  isRootBoundary(props.boundary) ? props.boundary : undefined\n)\n\nconst referencePlacement = computed(() => (!props.split ? splitButton.value : button.value))\n\nonKeyStroke(\n  'Escape',\n  () => {\n    modelValue.value = !modelValue.value\n  },\n  {target: referencePlacement}\n)\nonKeyStroke(\n  'Escape',\n  () => {\n    modelValue.value = !modelValue.value\n  },\n  {target: floating}\n)\n\nconst keynav = (e: Readonly<Event>, v: number) => {\n  if (floating.value?.contains((e.target as HTMLElement)?.closest('form'))) return\n  if (/input|select|option|textarea|form/i.test((e.target as HTMLElement)?.tagName)) return\n  e.preventDefault()\n  if (!modelValue.value) {\n    open()\n    nextTick(() => keynav(e, v))\n    return\n  }\n  const list = floating.value?.querySelectorAll('.dropdown-item:not(.disabled):not(:disabled)')\n  if (!list) return\n  if (floating.value?.contains(document.activeElement)) {\n    const active = floating.value.querySelector('.dropdown-item:focus')\n    const index = Array.prototype.indexOf.call(list, active) + v\n    if (index >= 0 && index < list?.length) (list[index] as HTMLElement)?.focus()\n  } else {\n    ;(list[v === -1 ? list.length - 1 : 0] as HTMLElement)?.focus()\n  }\n}\n\nonKeyStroke('ArrowUp', (e) => keynav(e, -1), {target: referencePlacement})\nonKeyStroke('ArrowDown', (e) => keynav(e, 1), {target: referencePlacement})\nonKeyStroke('ArrowUp', (e) => keynav(e, -1), {target: floating})\nonKeyStroke('ArrowDown', (e) => keynav(e, 1), {target: floating})\n\nconst floatingPlacement = computed(() =>\n  resolveFloatingPlacement({\n    top: props.dropup,\n    start: props.dropstart,\n    end: props.dropend,\n    alignCenter: props.center,\n    alignEnd: props.end,\n  })\n)\nconst sizeStyles = ref<CSSProperties>({})\nconst floatingMiddleware = computed<Middleware[]>(() => {\n  if (props.floatingMiddleware !== undefined) {\n    return props.floatingMiddleware\n  }\n  const localOffset =\n    typeof props.offset === 'string' || typeof props.offset === 'number'\n      ? offsetToNumber.value\n      : props.offset\n  const arr: Middleware[] = [offsetMiddleware(localOffset)]\n  if (props.noFlip === false) {\n    arr.push(\n      flip({\n        boundary: boundary.value,\n        rootBoundary: rootBoundary.value,\n        padding: props.boundaryPadding,\n      })\n    )\n  }\n  if (props.noShift === false) {\n    arr.push(\n      shift({\n        boundary: boundary.value,\n        rootBoundary: rootBoundary.value,\n        padding: props.boundaryPadding,\n      })\n    )\n  }\n  if (props.noSize === false) {\n    arr.push(\n      sizeMiddleware({\n        boundary: boundary.value,\n        rootBoundary: rootBoundary.value,\n        padding: props.boundaryPadding,\n        apply({availableWidth, availableHeight}) {\n          sizeStyles.value = {\n            maxHeight: availableHeight && modelValue.value ? `${availableHeight}px` : undefined,\n            maxWidth: availableWidth && modelValue.value ? `${availableWidth}px` : undefined,\n          }\n        },\n      })\n    )\n  }\n  return arr\n})\nconst {update, floatingStyles} = useFloating(referencePlacement, floating, {\n  placement: floatingPlacement,\n  middleware: floatingMiddleware,\n  strategy: toRef(() => props.strategy),\n  whileElementsMounted: autoUpdate,\n})\n\nconst computedClasses = computed(() => [\n  props.wrapperClass,\n  {\n    'btn-group': !props.wrapperClass && props.split,\n    'dropdown': !props.wrapperClass && !props.split,\n    'dropup': props.dropup,\n    'dropend': props.dropend,\n    'dropstart': props.dropstart,\n    'position-static': props.boundary !== 'clippingAncestors' && !props.isNav,\n  },\n])\n\nconst buttonClasses = computed(() => [\n  props.split ? props.splitClass : props.toggleClass,\n  {\n    'nav-link': props.isNav,\n    'dropdown-toggle': !props.split,\n    'dropdown-toggle-no-caret': props.noCaret && !props.split,\n    'show': props.split ? undefined : modelValue.value,\n  },\n])\n\nconst onButtonClick = () => {\n  toggle()\n}\n\nconst onSplitClick = (event: Readonly<MouseEvent>) => {\n  props.split ? emit('click', event) : onButtonClick()\n}\n\nonClickOutside(\n  floating,\n  () => {\n    if (modelValue.value && (props.autoClose === true || props.autoClose === 'outside')) {\n      toggle()\n    }\n  },\n  {ignore: [button, splitButton]}\n)\nconst onClickInside = () => {\n  if (modelValue.value && (props.autoClose === true || props.autoClose === 'inside')) {\n    toggle()\n  }\n}\n\nconst hide = () => {\n  modelValue.value && toggle()\n}\nconst show = () => {\n  modelValue.value || toggle()\n}\nconst toggle = () => {\n  emit('toggle')\n  const currentModelValue = modelValue.value\n  const e = new BvTriggerableEvent(currentModelValue ? 'hide' : 'show')\n  currentModelValue ? emit('hide', e) : emit('show', e)\n  if (e.defaultPrevented) {\n    currentModelValue ? emit('hide-prevented') : emit('show-prevented')\n    return\n  }\n  modelValue.value = !currentModelValue\n  currentModelValue ? emit('hidden') : emit('shown')\n  wrapper.value?.dispatchEvent?.(new Event('forceHide'))\n}\n\nwatch(modelValue, () => {\n  update()\n})\n\ndefineExpose({\n  hide,\n  show,\n  toggle,\n})\n\nprovide(dropdownInjectionKey, {\n  id: computedId,\n  show,\n  hide,\n  toggle,\n  visible: toRef(() => modelValue.value),\n  isNav: toRef(() => props.isNav),\n})\n</script>\n"],"names":["_useModel","offsetMiddleware","sizeMiddleware","autoUpdate"],"mappings":"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"}