npm - bootstrap-vue-next - Versions diffs - 0.24.12 → 0.24.13 - Mend

bootstrap-vue-next 0.24.12 → 0.24.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1138) hide show

package/dist/BCarouselSlide.vue_vue_type_script_setup_true_lang-B9cMwnBa.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BCarouselSlide.vue_vue_type_script_setup_true_lang-B9cMwnBa.mjs","sources":["../src/utils/getSlotElements.ts","../src/components/BCarousel/BCarousel.vue","../src/components/BCarousel/BCarouselSlide.vue"],"sourcesContent":["import type {Slot, VNode} from 'vue'\n\nexport const getSlotElements = (slot: Slot | undefined, filterBy: string): VNode[] =>\n (slot?.() ?? [])\n .reduce((arr: VNode[], slot: VNode) => {\n if (typeof slot.type === 'symbol') {\n arr = arr.concat(slot.children as unknown as VNode)\n } else {\n arr.push(slot)\n }\n return arr\n }, [])\n .filter((child) => (child.type as {__name: string} | undefined)?.__name === filterBy)\n","<template>\n <div :id=\"computedId\" ref=\"element\" class=\"carousel slide pointer-event\" :class=\"computedClasses\">\n <div v-if=\"props.indicators\" class=\"carousel-indicators\">\n \n <button\n v-for=\"(_, i) in slides.length\"\n :key=\"i\"\n type=\"button\"\n data-bs-target=\"\"\n :class=\"i === modelValue ? 'active' : ''\"\n :aria-current=\"i === modelValue ? true : undefined\"\n :aria-label=\"`${props.indicatorsButtonLabel} ${i}`\"\n @click=\"goToValue(i)\"\n />\n </div>\n\n <div ref=\"relatedTarget\" class=\"carousel-inner\">\n <TransitionGroup\n :enter-from-class=\"enterClasses\"\n :enter-active-class=\"enterClasses\"\n :enter-to-class=\"enterClasses\"\n :leave-from-class=\"leaveClasses\"\n :leave-active-class=\"leaveClasses\"\n :leave-to-class=\"leaveClasses\"\n @before-leave=\"onBeforeLeave\"\n @after-leave=\"onAfterLeave\"\n @after-enter=\"onAfterEnter\"\n @enter=\"onEnter\"\n >\n <component\n :is=\"slide\"\n v-for=\"(slide, i) in slides\"\n v-show=\"i === modelValue\"\n :key=\"i\"\n ref=\"slideValues\"\n :class=\"{active: i === modelValue && isTransitioning === false}\"\n />\n </TransitionGroup>\n </div>\n\n <template v-if=\"props.controls\">\n <button class=\"carousel-control-prev\" type=\"button\" @click=\"onClickPrev\">\n <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\" />\n <span class=\"visually-hidden\">{{ props.controlsPrevText }}</span>\n </button>\n <button class=\"carousel-control-next\" type=\"button\" @click=\"onClickNext\">\n <span class=\"carousel-control-next-icon\" aria-hidden=\"true\" />\n <span class=\"visually-hidden\">{{ props.controlsNextText }}</span>\n </button>\n </template>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {BvCarouselEvent} from '../../utils'\nimport {computed, onMounted, provide, ref, toRef, watch} from 'vue'\nimport {useId} from '../../composables/useId'\nimport type {BCarouselProps} from '../../types/ComponentProps'\nimport {onKeyStroke, useElementHover, useIntervalFn, useSwipe, useToNumber} from '@vueuse/core'\nimport type BCarouselSlide from './BCarouselSlide.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {Numberish} from '../../types/CommonTypes'\nimport {getSlotElements} from '../../utils/getSlotElements'\nimport {carouselInjectionKey} from '../../utils/keys'\n\nconst _props = withDefaults(defineProps<Omit<BCarouselProps, 'modelValue'>>(), {\n background: undefined,\n controls: false,\n controlsNextText: 'Next',\n controlsPrevText: 'Previous',\n fade: false,\n id: undefined,\n imgHeight: undefined,\n imgWidth: undefined,\n indicators: false,\n indicatorsButtonLabel: 'Slide',\n interval: 5000,\n keyboard: true,\n noHoverPause: false,\n noTouch: false,\n noWrap: false,\n // eslint-disable-next-line vue/require-valid-default-prop\n ride: false,\n rideReverse: false,\n touchThreshold: 50,\n})\nconst props = useDefaults(_props, 'BCarousel')\n\nconst emit = defineEmits<{\n 'slide': [value: BvCarouselEvent]\n 'slid': [value: BvCarouselEvent]\n 'click:prev': [value: MouseEvent]\n 'click:next': [value: MouseEvent]\n}>()\n\nconst slots = defineSlots<{\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n default?: (props: Record<string, never>) => any\n}>()\n\nconst computedId = useId(() => props.id, 'carousel')\n\nconst modelValue = defineModel<Exclude<BCarouselProps['modelValue'], undefined>>({default: 0})\n\nconst slideValues = ref<null | InstanceType<typeof BCarouselSlide>[]>(null)\n\nconst touchThresholdNumber = useToNumber(() => props.touchThreshold)\nconst slideInterval = ref<Numberish | null>(null)\nonMounted(() => {\n slideInterval.value =\n slideValues.value?.find((slid) => slid.$el.style.display !== 'none')?._interval ?? null\n})\nconst intervalNumber = useToNumber(() => slideInterval.value ?? props.interval)\n\nconst isTransitioning = ref(false)\nconst rideStarted = ref(false)\nconst direction = ref(true)\nconst relatedTarget = ref<HTMLElement | null>(null)\nconst element = ref<HTMLElement | null>(null)\nconst previousModelValue = ref(modelValue.value)\n\nconst isHovering = useElementHover(element)\n\n// Class carousel-item is a static property\n// If you make it static, the direction can be reversed -- properly (atm it does the carousel-item-${} logic backwards for entering, a weird hack)\n// So all that would be great. However, when you do this, it will break the transition flow. Something about it breaks and I'm not sure why!\n// Try it by removing carousel-item from below and making `!direction.value` => `direction.value` for enter\n// Then reviewing the behavior\nconst enterClasses = computed(\n () =>\n `carousel-item carousel-item-${!direction.value ? 'next' : 'prev'} carousel-item-${\n !direction.value ? 'start' : 'end'\n }`\n)\nconst leaveClasses = computed(\n () => `carousel-item active carousel-item-${direction.value ? 'start' : 'end'}`\n)\n\nconst {pause, resume} = useIntervalFn(\n () => {\n props.rideReverse ? prev() : next()\n },\n intervalNumber,\n {immediate: props.ride === 'carousel'}\n)\n\nconst isRiding = computed(\n () => (props.ride === true && rideStarted.value === true) || props.ride === 'carousel'\n)\nconst slides = computed(() => getSlotElements(slots.default, 'BCarouselSlide'))\nconst computedClasses = computed(() => ({'carousel-fade': props.fade}))\n\nconst buildBvCarouselEvent = (event: 'slid' | 'slide') =>\n new BvCarouselEvent(event, {\n componentId: computedId.value,\n cancelable: false,\n target: element.value,\n direction: direction.value ? 'right' : 'left',\n from: previousModelValue.value,\n to: modelValue.value,\n relatedTarget: relatedTarget.value?.children[modelValue.value] ?? null,\n })\n\nconst goToValue = (value: number): void => {\n if (isTransitioning.value === true) return\n\n if (props.ride === true) {\n rideStarted.value = true\n }\n if (isRiding.value === true) {\n resume()\n }\n direction.value = value < modelValue.value ? false : true\n if (value >= slides.value.length) {\n if (props.noWrap) return\n modelValue.value = 0\n return\n }\n if (value < 0) {\n if (props.noWrap) return\n modelValue.value = slides.value.length - 1\n return\n }\n previousModelValue.value = modelValue.value\n modelValue.value = value\n}\n\nconst prev = (): void => {\n goToValue(modelValue.value - 1)\n}\nconst next = (): void => {\n goToValue(modelValue.value + 1)\n}\n\nconst onKeydown = (fn: () => void) => {\n if (props.keyboard === false) return\n fn()\n}\n\nconst onMouseEnter = () => {\n if (props.noHoverPause) return\n pause()\n}\nconst onMouseLeave = () => {\n if (!isRiding.value) return\n resume()\n}\n\nconst {lengthX} = useSwipe(element, {\n passive: true,\n onSwipeStart() {\n if (props.noTouch === true) return\n pause()\n },\n onSwipeEnd() {\n if (props.noTouch === true) return\n const resumeRiding = () => {\n if (isRiding.value === false) return\n resume()\n }\n if (lengthX.value >= touchThresholdNumber.value) {\n next()\n resumeRiding()\n return\n }\n if (lengthX.value <= -touchThresholdNumber.value) {\n prev()\n resumeRiding()\n }\n },\n})\n\nconst onBeforeLeave = () => {\n emit('slide', buildBvCarouselEvent('slide'))\n isTransitioning.value = true\n}\nconst onAfterLeave = () => {\n emit('slid', buildBvCarouselEvent('slid'))\n isTransitioning.value = false\n}\n// carousel-item class is removed from the slide during the transition,\n// as is included within enter classes.\n// The first slide recovers carousel-item class,\nconst onAfterEnter = (el: Readonly<Element>) => {\n if (modelValue.value !== 0) {\n el.classList.add('carousel-item')\n }\n}\nconst onEnter = (el: Readonly<Element>) => {\n slideInterval.value = slideValues.value?.find((slid) => slid.$el === el)?._interval ?? null\n}\n\nonKeyStroke(\n 'ArrowLeft',\n () => {\n onKeydown(prev)\n },\n {target: element}\n)\nonKeyStroke(\n 'ArrowRight',\n () => {\n onKeydown(next)\n },\n {target: element}\n)\n\nwatch(\n () => props.ride,\n () => {\n rideStarted.value = false\n }\n)\n\nwatch(isHovering, (newValue) => {\n if (newValue) {\n onMouseEnter()\n return\n }\n onMouseLeave()\n})\n\nconst onClickPrev = (event: MouseEvent) => {\n emit('click:prev', event)\n if (event.defaultPrevented) return\n prev()\n}\nconst onClickNext = (event: MouseEvent) => {\n emit('click:next', event)\n if (event.defaultPrevented) return\n next()\n}\n\ndefineExpose({\n next,\n pause,\n prev,\n resume,\n})\n\nprovide(carouselInjectionKey, {\n background: toRef(() => props.background),\n width: toRef(() => props.imgWidth),\n height: toRef(() => props.imgHeight),\n})\n</script>\n","<template>\n <div class=\"carousel-item\" :style=\"computedStyle\">\n <slot name=\"img\">\n <BImg\n class=\"d-block w-100\"\n :alt=\"props.imgAlt\"\n :srcset=\"props.imgSrcset\"\n :src=\"props.imgSrc\"\n :width=\"props.imgWidth || parentData?.width.value\"\n :height=\"props.imgHeight || parentData?.height.value\"\n :blank=\"props.imgBlank\"\n :blank-color=\"props.imgBlankColor\"\n />\n </slot>\n <component\n :is=\"props.contentTag\"\n v-if=\"hasContent\"\n class=\"carousel-caption\"\n :class=\"computedContentClasses\"\n >\n <component :is=\"props.captionTag\" v-if=\"hasCaption\">\n <slot name=\"caption\">\n \n <span v-if=\"props.captionHtml\" v-html=\"props.captionHtml\" />\n <span v-else>{{ props.caption }}</span>\n </slot>\n </component>\n <component :is=\"props.textTag\" v-if=\"hasText\">\n <slot name=\"text\">\n \n <span v-if=\"props.textHtml\" v-html=\"props.textHtml\" />\n <span v-else>{{ props.text }}</span>\n </slot>\n </component>\n <slot />\n </component>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type CSSProperties, inject, toRef} from 'vue'\nimport type {BCarouselSlideProps} from '../../types/ComponentProps'\nimport {carouselInjectionKey} from '../../utils/keys'\nimport BImg from '../BImg/BImg.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {isEmptySlot} from '../../utils/dom'\n\nconst _props = withDefaults(defineProps<BCarouselSlideProps>(), {\n background: undefined,\n caption: undefined,\n captionHtml: undefined,\n captionTag: 'h3',\n contentTag: 'div',\n contentVisibleUp: undefined,\n id: undefined,\n imgAlt: undefined,\n imgBlank: false,\n imgBlankColor: 'transparent',\n imgHeight: undefined,\n imgSrc: undefined,\n imgSrcset: undefined,\n imgWidth: undefined,\n interval: undefined,\n text: undefined,\n textHtml: undefined,\n textTag: 'p',\n})\nconst props = useDefaults(_props, 'BCarouselSlide')\n\nconst slots = defineSlots<{\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n caption?: (props: Record<string, never>) => any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n default?: (props: Record<string, never>) => any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n img?: (props: Record<string, never>) => any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n text?: (props: Record<string, never>) => any\n}>()\n\nconst parentData = inject(carouselInjectionKey, null)\n\nconst hasText = computed(() => props.text || props.textHtml || !isEmptySlot(slots.text))\nconst hasCaption = computed(() => props.caption || props.captionHtml || !isEmptySlot(slots.caption))\nconst hasContent = computed(() => hasText.value || hasCaption.value || !isEmptySlot(slots.default))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n background: `${\n props.background || parentData?.background.value || 'rgb(171, 171, 171)'\n } none repeat scroll 0% 0%`,\n}))\n\nconst computedContentClasses = computed(() => ({\n 'd-none': props.contentVisibleUp !== undefined,\n [`d-${props.contentVisibleUp}-block`]: props.contentVisibleUp !== undefined,\n}))\n\ndefineExpose({\n _interval: toRef(() => props.interval),\n})\n</script>\n"],"names":["slot","_useSlots","_useModel"],"mappings":"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"}

package/dist/BCarouselSlide.vue_vue_type_script_setup_true_lang-D9pzRO8R.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("vue"),l=require("./classes-CXBJXuVd.js"),t=require("./useId-z7cQCT28.js"),a=require("./index-CnY1um_J.js"),o=require("./useDefaults-Cd8OVIUI.js"),n=require("./keys-BgAe7wbu.js"),r=require("./index-BInTFWT4.js"),u=require("./BImg.vue_vue_type_script_setup_true_lang-Bg2OW6gi.js"),i=require("./dom-C-F8jHop.js"),s=["id"],c={key:0,class:"carousel-indicators"},d=["aria-current","aria-label","onClick"],v={class:"visually-hidden"},m={class:"visually-hidden"},f=e.defineComponent({__name:"BCarousel",props:e.mergeModels({background:{default:void 0},controls:{type:Boolean,default:!1},controlsNextText:{default:"Next"},controlsPrevText:{default:"Previous"},fade:{type:Boolean,default:!1},id:{default:void 0},imgHeight:{default:void 0},imgWidth:{default:void 0},indicators:{type:Boolean,default:!1},indicatorsButtonLabel:{default:"Slide"},interval:{default:5e3},keyboard:{type:Boolean,default:!0},noHoverPause:{type:Boolean,default:!1},noTouch:{type:Boolean,default:!1},noWrap:{type:Boolean,default:!1},ride:{type:[Boolean,String],default:!1},rideReverse:{type:Boolean,default:!1},touchThreshold:{default:50}},{modelValue:{default:0},modelModifiers:{}}),emits:e.mergeModels(["slide","slid","click:prev","click:next"],["update:modelValue"]),setup(u,{expose:i,emit:f}){const p=u,k=o.useDefaults(p,"BCarousel"),g=f,y=e.useSlots(),B=t.useId((()=>k.id),"carousel"),h=e.useModel(u,"modelValue"),b=e.ref(null),x=r.useToNumber((()=>k.touchThreshold)),C=e.ref(null);e.onMounted((()=>{var e,l;C.value=(null==(l=null==(e=b.value)?void 0:e.find((e=>"none"!==e.$el.style.display)))?void 0:l._interval)??null}));const S=r.useToNumber((()=>C.value??k.interval)),_=e.ref(!1),E=e.ref(!1),T=e.ref(!0),V=e.ref(null),w=e.ref(null),H=e.ref(h.value),N=a.useElementHover(w),$=e.computed((()=>`carousel-item carousel-item-${T.value?"prev":"next"} carousel-item-${T.value?"end":"start"}`)),D=e.computed((()=>"carousel-item active carousel-item-"+(T.value?"start":"end"))),{pause:L,resume:j}=r.useIntervalFn((()=>{k.rideReverse?R():A()}),S,{immediate:"carousel"===k.ride}),q=e.computed((()=>!0===k.ride&&!0===E.value\|\|"carousel"===k.ride)),M=e.computed((()=>{return e=y.default,l="BCarouselSlide",((null==e?void 0:e())??[]).reduce(((e,l)=>("symbol"==typeof l.type?e=e.concat(l.children):e.push(l),e)),[]).filter((e=>{var t;return(null==(t=e.type)?void 0:t.__name)===l}));var e,l})),W=e.computed((()=>({"carousel-fade":k.fade}))),I=e=>{var t;return new l.BvCarouselEvent(e,{componentId:B.value,cancelable:!1,target:w.value,direction:T.value?"right":"left",from:H.value,to:h.value,relatedTarget:(null==(t=V.value)?void 0:t.children[h.value])??null})},P=e=>{if(!0!==_.value)if(!0===k.ride&&(E.value=!0),!0===q.value&&j(),T.value=!(e<h.value),e>=M.value.length){if(k.noWrap)return;h.value=0}else if(e<0){if(k.noWrap)return;h.value=M.value.length-1}else H.value=h.value,h.value=e},R=()=>{P(h.value-1)},A=()=>{P(h.value+1)},z=e=>{!1!==k.keyboard&&e()},{lengthX:F}=a.useSwipe(w,{passive:!0,onSwipeStart(){!0!==k.noTouch&&L()},onSwipeEnd(){if(!0===k.noTouch)return;const e=()=>{!1!==q.value&&j()};if(F.value>=x.value)return A(),void e();F.value<=-x.value&&(R(),e())}}),K=()=>{g("slide",I("slide")),_.value=!0},U=()=>{g("slid",I("slid")),_.value=!1},X=e=>{0!==h.value&&e.classList.add("carousel-item")},G=e=>{var l,t;C.value=(null==(t=null==(l=b.value)?void 0:l.find((l=>l.$el===e)))?void 0:t._interval)??null};a.onKeyStroke("ArrowLeft",(()=>{z(R)}),{target:w}),a.onKeyStroke("ArrowRight",(()=>{z(A)}),{target:w}),e.watch((()=>k.ride),(()=>{E.value=!1})),e.watch(N,(e=>{e?k.noHoverPause\|\|L():q.value&&j()}));const J=e=>{g("click:prev",e),e.defaultPrevented\|\|R()},O=e=>{g("click:next",e),e.defaultPrevented\|\|A()};return i({next:A,pause:L,prev:R,resume:j}),e.provide(n.carouselInjectionKey,{background:e.toRef((()=>k.background)),width:e.toRef((()=>k.imgWidth)),height:e.toRef((()=>k.imgHeight))}),(l,t)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(B),ref_key:"element",ref:w,class:e.normalizeClass(["carousel slide pointer-event",W.value])},[e.unref(k).indicators?(e.openBlock(),e.createElementBlock("div",c,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value.length,((l,t)=>(e.openBlock(),e.createElementBlock("button",{key:t,type:"button","data-bs-target":"",class:e.normalizeClass(t===h.value?"active":""),"aria-current":t===h.value\|\|void 0,"aria-label":`${e.unref(k).indicatorsButtonLabel} ${t}`,onClick:e=>P(t)},null,10,d)))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"relatedTarget",ref:V,class:"carousel-inner"},[e.createVNode(e.TransitionGroup,{"enter-from-class":$.value,"enter-active-class":$.value,"enter-to-class":$.value,"leave-from-class":D.value,"leave-active-class":D.value,"leave-to-class":D.value,onBeforeLeave:K,onAfterLeave:U,onAfterEnter:X,onEnter:G},{default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,((l,t)=>e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent(l),{key:t,ref_for:!0,ref_key:"slideValues",ref:b,class:e.normalizeClass({active:t===h.value&&!1===_.value})},null,8,["class"])),[[e.vShow,t===h.value]]))),128))])),_:1},8,["enter-from-class","enter-active-class","enter-to-class","leave-from-class","leave-active-class","leave-to-class"])],512),e.unref(k).controls?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("button",{class:"carousel-control-prev",type:"button",onClick:J},[t[0]\|\|(t[0]=e.createElementVNode("span",{class:"carousel-control-prev-icon","aria-hidden":"true"},null,-1)),e.createElementVNode("span",v,e.toDisplayString(e.unref(k).controlsPrevText),1)]),e.createElementVNode("button",{class:"carousel-control-next",type:"button",onClick:O},[t[1]\|\|(t[1]=e.createElementVNode("span",{class:"carousel-control-next-icon","aria-hidden":"true"},null,-1)),e.createElementVNode("span",m,e.toDisplayString(e.unref(k).controlsNextText),1)])],64)):e.createCommentVNode("",!0)],10,s))}}),p=["innerHTML"],k={key:1},g=["innerHTML"],y={key:1},B=e.defineComponent({__name:"BCarouselSlide",props:{background:{default:void 0},caption:{default:void 0},captionHtml:{default:void 0},captionTag:{default:"h3"},contentTag:{default:"div"},contentVisibleUp:{default:void 0},id:{default:void 0},imgAlt:{default:void 0},imgBlank:{type:Boolean,default:!1},imgBlankColor:{default:"transparent"},imgHeight:{default:void 0},imgSrc:{default:void 0},imgSrcset:{default:void 0},imgWidth:{default:void 0},interval:{default:void 0},text:{default:void 0},textHtml:{default:void 0},textTag:{default:"p"}},setup(l,{expose:t}){const a=l,r=o.useDefaults(a,"BCarouselSlide"),s=e.useSlots(),c=e.inject(n.carouselInjectionKey,null),d=e.computed((()=>r.text\|\|r.textHtml\|\|!i.isEmptySlot(s.text))),v=e.computed((()=>r.caption\|\|r.captionHtml\|\|!i.isEmptySlot(s.caption))),m=e.computed((()=>d.value\|\|v.value\|\|!i.isEmptySlot(s.default))),f=e.computed((()=>({background:`${r.background\|\|(null==c?void 0:c.background.value)\|\|"rgb(171, 171, 171)"} none repeat scroll 0% 0%`}))),B=e.computed((()=>({"d-none":void 0!==r.contentVisibleUp,[`d-${r.contentVisibleUp}-block`]:void 0!==r.contentVisibleUp})));return t({_interval:e.toRef((()=>r.interval))}),(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:"carousel-item",style:e.normalizeStyle(f.value)},[e.renderSlot(l.$slots,"img",{},(()=>{var l,t;return[e.createVNode(u._sfc_main,{class:"d-block w-100",alt:e.unref(r).imgAlt,srcset:e.unref(r).imgSrcset,src:e.unref(r).imgSrc,width:e.unref(r).imgWidth\|\|(null==(l=e.unref(c))?void 0:l.width.value),height:e.unref(r).imgHeight\|\|(null==(t=e.unref(c))?void 0:t.height.value),blank:e.unref(r).imgBlank,"blank-color":e.unref(r).imgBlankColor},null,8,["alt","srcset","src","width","height","blank","blank-color"])]})),m.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r).contentTag),{key:0,class:e.normalizeClass(["carousel-caption",B.value])},{default:e.withCtx((()=>[v.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r).captionTag),{key:0},{default:e.withCtx((()=>[e.renderSlot(l.$slots,"caption",{},(()=>[e.unref(r).captionHtml?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:e.unref(r).captionHtml},null,8,p)):(e.openBlock(),e.createElementBlock("span",k,e.toDisplayString(e.unref(r).caption),1))]))])),_:3})):e.createCommentVNode("",!0),d.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r).textTag),{key:1},{default:e.withCtx((()=>[e.renderSlot(l.$slots,"text",{},(()=>[e.unref(r).textHtml?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:e.unref(r).textHtml},null,8,g)):(e.openBlock(),e.createElementBlock("span",y,e.toDisplayString(e.unref(r).text),1))]))])),_:3})):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default")])),_:3},8,["class"])):e.createCommentVNode("",!0)],4))}});exports._sfc_main=f,exports._sfc_main$1=B;
2	+ //# sourceMappingURL=BCarouselSlide.vue_vue_type_script_setup_true_lang-D9pzRO8R.js.map

package/dist/BCarouselSlide.vue_vue_type_script_setup_true_lang-D9pzRO8R.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BCarouselSlide.vue_vue_type_script_setup_true_lang-D9pzRO8R.js","sources":["../src/components/BCarousel/BCarousel.vue","../src/utils/getSlotElements.ts","../src/components/BCarousel/BCarouselSlide.vue"],"sourcesContent":["<template>\n <div :id=\"computedId\" ref=\"element\" class=\"carousel slide pointer-event\" :class=\"computedClasses\">\n <div v-if=\"props.indicators\" class=\"carousel-indicators\">\n \n <button\n v-for=\"(_, i) in slides.length\"\n :key=\"i\"\n type=\"button\"\n data-bs-target=\"\"\n :class=\"i === modelValue ? 'active' : ''\"\n :aria-current=\"i === modelValue ? true : undefined\"\n :aria-label=\"`${props.indicatorsButtonLabel} ${i}`\"\n @click=\"goToValue(i)\"\n />\n </div>\n\n <div ref=\"relatedTarget\" class=\"carousel-inner\">\n <TransitionGroup\n :enter-from-class=\"enterClasses\"\n :enter-active-class=\"enterClasses\"\n :enter-to-class=\"enterClasses\"\n :leave-from-class=\"leaveClasses\"\n :leave-active-class=\"leaveClasses\"\n :leave-to-class=\"leaveClasses\"\n @before-leave=\"onBeforeLeave\"\n @after-leave=\"onAfterLeave\"\n @after-enter=\"onAfterEnter\"\n @enter=\"onEnter\"\n >\n <component\n :is=\"slide\"\n v-for=\"(slide, i) in slides\"\n v-show=\"i === modelValue\"\n :key=\"i\"\n ref=\"slideValues\"\n :class=\"{active: i === modelValue && isTransitioning === false}\"\n />\n </TransitionGroup>\n </div>\n\n <template v-if=\"props.controls\">\n <button class=\"carousel-control-prev\" type=\"button\" @click=\"onClickPrev\">\n <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\" />\n <span class=\"visually-hidden\">{{ props.controlsPrevText }}</span>\n </button>\n <button class=\"carousel-control-next\" type=\"button\" @click=\"onClickNext\">\n <span class=\"carousel-control-next-icon\" aria-hidden=\"true\" />\n <span class=\"visually-hidden\">{{ props.controlsNextText }}</span>\n </button>\n </template>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {BvCarouselEvent} from '../../utils'\nimport {computed, onMounted, provide, ref, toRef, watch} from 'vue'\nimport {useId} from '../../composables/useId'\nimport type {BCarouselProps} from '../../types/ComponentProps'\nimport {onKeyStroke, useElementHover, useIntervalFn, useSwipe, useToNumber} from '@vueuse/core'\nimport type BCarouselSlide from './BCarouselSlide.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {Numberish} from '../../types/CommonTypes'\nimport {getSlotElements} from '../../utils/getSlotElements'\nimport {carouselInjectionKey} from '../../utils/keys'\n\nconst _props = withDefaults(defineProps<Omit<BCarouselProps, 'modelValue'>>(), {\n background: undefined,\n controls: false,\n controlsNextText: 'Next',\n controlsPrevText: 'Previous',\n fade: false,\n id: undefined,\n imgHeight: undefined,\n imgWidth: undefined,\n indicators: false,\n indicatorsButtonLabel: 'Slide',\n interval: 5000,\n keyboard: true,\n noHoverPause: false,\n noTouch: false,\n noWrap: false,\n // eslint-disable-next-line vue/require-valid-default-prop\n ride: false,\n rideReverse: false,\n touchThreshold: 50,\n})\nconst props = useDefaults(_props, 'BCarousel')\n\nconst emit = defineEmits<{\n 'slide': [value: BvCarouselEvent]\n 'slid': [value: BvCarouselEvent]\n 'click:prev': [value: MouseEvent]\n 'click:next': [value: MouseEvent]\n}>()\n\nconst slots = defineSlots<{\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n default?: (props: Record<string, never>) => any\n}>()\n\nconst computedId = useId(() => props.id, 'carousel')\n\nconst modelValue = defineModel<Exclude<BCarouselProps['modelValue'], undefined>>({default: 0})\n\nconst slideValues = ref<null | InstanceType<typeof BCarouselSlide>[]>(null)\n\nconst touchThresholdNumber = useToNumber(() => props.touchThreshold)\nconst slideInterval = ref<Numberish | null>(null)\nonMounted(() => {\n slideInterval.value =\n slideValues.value?.find((slid) => slid.$el.style.display !== 'none')?._interval ?? null\n})\nconst intervalNumber = useToNumber(() => slideInterval.value ?? props.interval)\n\nconst isTransitioning = ref(false)\nconst rideStarted = ref(false)\nconst direction = ref(true)\nconst relatedTarget = ref<HTMLElement | null>(null)\nconst element = ref<HTMLElement | null>(null)\nconst previousModelValue = ref(modelValue.value)\n\nconst isHovering = useElementHover(element)\n\n// Class carousel-item is a static property\n// If you make it static, the direction can be reversed -- properly (atm it does the carousel-item-${} logic backwards for entering, a weird hack)\n// So all that would be great. However, when you do this, it will break the transition flow. Something about it breaks and I'm not sure why!\n// Try it by removing carousel-item from below and making `!direction.value` => `direction.value` for enter\n// Then reviewing the behavior\nconst enterClasses = computed(\n () =>\n `carousel-item carousel-item-${!direction.value ? 'next' : 'prev'} carousel-item-${\n !direction.value ? 'start' : 'end'\n }`\n)\nconst leaveClasses = computed(\n () => `carousel-item active carousel-item-${direction.value ? 'start' : 'end'}`\n)\n\nconst {pause, resume} = useIntervalFn(\n () => {\n props.rideReverse ? prev() : next()\n },\n intervalNumber,\n {immediate: props.ride === 'carousel'}\n)\n\nconst isRiding = computed(\n () => (props.ride === true && rideStarted.value === true) || props.ride === 'carousel'\n)\nconst slides = computed(() => getSlotElements(slots.default, 'BCarouselSlide'))\nconst computedClasses = computed(() => ({'carousel-fade': props.fade}))\n\nconst buildBvCarouselEvent = (event: 'slid' | 'slide') =>\n new BvCarouselEvent(event, {\n componentId: computedId.value,\n cancelable: false,\n target: element.value,\n direction: direction.value ? 'right' : 'left',\n from: previousModelValue.value,\n to: modelValue.value,\n relatedTarget: relatedTarget.value?.children[modelValue.value] ?? null,\n })\n\nconst goToValue = (value: number): void => {\n if (isTransitioning.value === true) return\n\n if (props.ride === true) {\n rideStarted.value = true\n }\n if (isRiding.value === true) {\n resume()\n }\n direction.value = value < modelValue.value ? false : true\n if (value >= slides.value.length) {\n if (props.noWrap) return\n modelValue.value = 0\n return\n }\n if (value < 0) {\n if (props.noWrap) return\n modelValue.value = slides.value.length - 1\n return\n }\n previousModelValue.value = modelValue.value\n modelValue.value = value\n}\n\nconst prev = (): void => {\n goToValue(modelValue.value - 1)\n}\nconst next = (): void => {\n goToValue(modelValue.value + 1)\n}\n\nconst onKeydown = (fn: () => void) => {\n if (props.keyboard === false) return\n fn()\n}\n\nconst onMouseEnter = () => {\n if (props.noHoverPause) return\n pause()\n}\nconst onMouseLeave = () => {\n if (!isRiding.value) return\n resume()\n}\n\nconst {lengthX} = useSwipe(element, {\n passive: true,\n onSwipeStart() {\n if (props.noTouch === true) return\n pause()\n },\n onSwipeEnd() {\n if (props.noTouch === true) return\n const resumeRiding = () => {\n if (isRiding.value === false) return\n resume()\n }\n if (lengthX.value >= touchThresholdNumber.value) {\n next()\n resumeRiding()\n return\n }\n if (lengthX.value <= -touchThresholdNumber.value) {\n prev()\n resumeRiding()\n }\n },\n})\n\nconst onBeforeLeave = () => {\n emit('slide', buildBvCarouselEvent('slide'))\n isTransitioning.value = true\n}\nconst onAfterLeave = () => {\n emit('slid', buildBvCarouselEvent('slid'))\n isTransitioning.value = false\n}\n// carousel-item class is removed from the slide during the transition,\n// as is included within enter classes.\n// The first slide recovers carousel-item class,\nconst onAfterEnter = (el: Readonly<Element>) => {\n if (modelValue.value !== 0) {\n el.classList.add('carousel-item')\n }\n}\nconst onEnter = (el: Readonly<Element>) => {\n slideInterval.value = slideValues.value?.find((slid) => slid.$el === el)?._interval ?? null\n}\n\nonKeyStroke(\n 'ArrowLeft',\n () => {\n onKeydown(prev)\n },\n {target: element}\n)\nonKeyStroke(\n 'ArrowRight',\n () => {\n onKeydown(next)\n },\n {target: element}\n)\n\nwatch(\n () => props.ride,\n () => {\n rideStarted.value = false\n }\n)\n\nwatch(isHovering, (newValue) => {\n if (newValue) {\n onMouseEnter()\n return\n }\n onMouseLeave()\n})\n\nconst onClickPrev = (event: MouseEvent) => {\n emit('click:prev', event)\n if (event.defaultPrevented) return\n prev()\n}\nconst onClickNext = (event: MouseEvent) => {\n emit('click:next', event)\n if (event.defaultPrevented) return\n next()\n}\n\ndefineExpose({\n next,\n pause,\n prev,\n resume,\n})\n\nprovide(carouselInjectionKey, {\n background: toRef(() => props.background),\n width: toRef(() => props.imgWidth),\n height: toRef(() => props.imgHeight),\n})\n</script>\n","import type {Slot, VNode} from 'vue'\n\nexport const getSlotElements = (slot: Slot | undefined, filterBy: string): VNode[] =>\n (slot?.() ?? [])\n .reduce((arr: VNode[], slot: VNode) => {\n if (typeof slot.type === 'symbol') {\n arr = arr.concat(slot.children as unknown as VNode)\n } else {\n arr.push(slot)\n }\n return arr\n }, [])\n .filter((child) => (child.type as {__name: string} | undefined)?.__name === filterBy)\n","<template>\n <div class=\"carousel-item\" :style=\"computedStyle\">\n <slot name=\"img\">\n <BImg\n class=\"d-block w-100\"\n :alt=\"props.imgAlt\"\n :srcset=\"props.imgSrcset\"\n :src=\"props.imgSrc\"\n :width=\"props.imgWidth || parentData?.width.value\"\n :height=\"props.imgHeight || parentData?.height.value\"\n :blank=\"props.imgBlank\"\n :blank-color=\"props.imgBlankColor\"\n />\n </slot>\n <component\n :is=\"props.contentTag\"\n v-if=\"hasContent\"\n class=\"carousel-caption\"\n :class=\"computedContentClasses\"\n >\n <component :is=\"props.captionTag\" v-if=\"hasCaption\">\n <slot name=\"caption\">\n \n <span v-if=\"props.captionHtml\" v-html=\"props.captionHtml\" />\n <span v-else>{{ props.caption }}</span>\n </slot>\n </component>\n <component :is=\"props.textTag\" v-if=\"hasText\">\n <slot name=\"text\">\n \n <span v-if=\"props.textHtml\" v-html=\"props.textHtml\" />\n <span v-else>{{ props.text }}</span>\n </slot>\n </component>\n <slot />\n </component>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type CSSProperties, inject, toRef} from 'vue'\nimport type {BCarouselSlideProps} from '../../types/ComponentProps'\nimport {carouselInjectionKey} from '../../utils/keys'\nimport BImg from '../BImg/BImg.vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {isEmptySlot} from '../../utils/dom'\n\nconst _props = withDefaults(defineProps<BCarouselSlideProps>(), {\n background: undefined,\n caption: undefined,\n captionHtml: undefined,\n captionTag: 'h3',\n contentTag: 'div',\n contentVisibleUp: undefined,\n id: undefined,\n imgAlt: undefined,\n imgBlank: false,\n imgBlankColor: 'transparent',\n imgHeight: undefined,\n imgSrc: undefined,\n imgSrcset: undefined,\n imgWidth: undefined,\n interval: undefined,\n text: undefined,\n textHtml: undefined,\n textTag: 'p',\n})\nconst props = useDefaults(_props, 'BCarouselSlide')\n\nconst slots = defineSlots<{\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n caption?: (props: Record<string, never>) => any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n default?: (props: Record<string, never>) => any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n img?: (props: Record<string, never>) => any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n text?: (props: Record<string, never>) => any\n}>()\n\nconst parentData = inject(carouselInjectionKey, null)\n\nconst hasText = computed(() => props.text || props.textHtml || !isEmptySlot(slots.text))\nconst hasCaption = computed(() => props.caption || props.captionHtml || !isEmptySlot(slots.caption))\nconst hasContent = computed(() => hasText.value || hasCaption.value || !isEmptySlot(slots.default))\n\nconst computedStyle = computed<CSSProperties>(() => ({\n background: `${\n props.background || parentData?.background.value || 'rgb(171, 171, 171)'\n } none repeat scroll 0% 0%`,\n}))\n\nconst computedContentClasses = computed(() => ({\n 'd-none': props.contentVisibleUp !== undefined,\n [`d-${props.contentVisibleUp}-block`]: props.contentVisibleUp !== undefined,\n}))\n\ndefineExpose({\n _interval: toRef(() => props.interval),\n})\n</script>\n"],"names":["_props","__props","props","useDefaults","emit","__emit","slots","_useSlots","computedId","useId","id","modelValue","_useModel","slideValues","ref","touchThresholdNumber","useToNumber","touchThreshold","slideInterval","onMounted","value","_b","_a","find","slid","$el","style","display","_interval","intervalNumber","interval","isTransitioning","rideStarted","direction","relatedTarget","element","previousModelValue","isHovering","useElementHover","enterClasses","computed","leaveClasses","pause","resume","useIntervalFn","rideReverse","prev","next","immediate","ride","isRiding","slides","getSlotElements","slot","default","filterBy","reduce","arr","type","concat","children","push","filter","child","__name","computedClasses","fade","buildBvCarouselEvent","event","BvCarouselEvent","componentId","cancelable","target","from","to","goToValue","length","noWrap","onKeydown","fn","keyboard","lengthX","useSwipe","passive","onSwipeStart","noTouch","onSwipeEnd","resumeRiding","onBeforeLeave","onAfterLeave","onAfterEnter","el","classList","add","onEnter","index$1","onKeyStroke","vue","watch","newValue","noHoverPause","onClickPrev","defaultPrevented","onClickNext","__expose","provide","carouselInjectionKey","background","toRef","width","imgWidth","height","imgHeight","parentData","inject","hasText","text","textHtml","isEmptySlot","hasCaption","caption","captionHtml","hasContent","computedStyle","computedContentClasses","contentVisibleUp"],"mappings":"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"}

package/dist/BCloseButton.vue_vue_type_script_setup_true_lang-B9g9XRA_.mjs ADDED Viewed

@@ -0,0 +1,30 @@
+import { defineComponent, openBlock, createElementBlock, unref } from "vue";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+const _hoisted_1 = ["type", "disabled", "aria-label"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BCloseButton",
+  props: {
+    ariaLabel: { default: "Close" },
+    disabled: { type: Boolean, default: false },
+    type: { default: "button" }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BCloseButton");
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: unref(props).type,
+        class: "btn-close",
+        disabled: unref(props).disabled,
+        "aria-label": unref(props).ariaLabel,
+        onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+      }, null, 8, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=BCloseButton.vue_vue_type_script_setup_true_lang-B9g9XRA_.mjs.map

package/dist/BCloseButton.vue_vue_type_script_setup_true_lang-B9g9XRA_.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BCloseButton.vue_vue_type_script_setup_true_lang-B9g9XRA_.mjs","sources":["../src/components/BButton/BCloseButton.vue"],"sourcesContent":["<template>\n <button\n :type=\"props.type\"\n class=\"btn-close\"\n :disabled=\"props.disabled\"\n :aria-label=\"props.ariaLabel\"\n @click=\"emit('click', $event)\"\n />\n</template>\n\n<script setup lang=\"ts\">\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCloseButtonProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BCloseButtonProps>(), {\n ariaLabel: 'Close',\n disabled: false,\n type: 'button',\n})\nconst props = useDefaults(_props, 'BCloseButton')\n\nconst emit = defineEmits<{\n click: [value: MouseEvent]\n}>()\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AAcA,UAAM,SAAS;AAKT,UAAA,QAAQ,YAAY,QAAQ,cAAc;AAEhD,UAAM,OAAO;;;;;;;;;;;;"}

package/dist/BCloseButton.vue_vue_type_script_setup_true_lang-CiJc3utn.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("vue"),t=require("./useDefaults-Cd8OVIUI.js"),l=["type","disabled","aria-label"],a=e.defineComponent({__name:"BCloseButton",props:{ariaLabel:{default:"Close"},disabled:{type:Boolean,default:!1},type:{default:"button"}},emits:["click"],setup(a,{emit:s}){const n=a,u=t.useDefaults(n,"BCloseButton"),o=s;return(t,a)=>(e.openBlock(),e.createElementBlock("button",{type:e.unref(u).type,class:"btn-close",disabled:e.unref(u).disabled,"aria-label":e.unref(u).ariaLabel,onClick:a[0]\|\|(a[0]=e=>o("click",e))},null,8,l))}});exports._sfc_main=a;
2	+ //# sourceMappingURL=BCloseButton.vue_vue_type_script_setup_true_lang-CiJc3utn.js.map

package/dist/BCloseButton.vue_vue_type_script_setup_true_lang-CiJc3utn.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BCloseButton.vue_vue_type_script_setup_true_lang-CiJc3utn.js","sources":["../src/components/BButton/BCloseButton.vue"],"sourcesContent":["<template>\n <button\n :type=\"props.type\"\n class=\"btn-close\"\n :disabled=\"props.disabled\"\n :aria-label=\"props.ariaLabel\"\n @click=\"emit('click', $event)\"\n />\n</template>\n\n<script setup lang=\"ts\">\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BCloseButtonProps} from '../../types/ComponentProps'\n\nconst _props = withDefaults(defineProps<BCloseButtonProps>(), {\n ariaLabel: 'Close',\n disabled: false,\n type: 'button',\n})\nconst props = useDefaults(_props, 'BCloseButton')\n\nconst emit = defineEmits<{\n click: [value: MouseEvent]\n}>()\n</script>\n"],"names":["_props","__props","props","useDefaults","emit","__emit"],"mappings":"0RAcA,MAAMA,EAASC,EAKTC,EAAQC,EAAAA,YAAYH,EAAQ,gBAE5BI,EAAOC"}

package/dist/BCol.vue_vue_type_script_setup_true_lang-BWBBWz6b.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("vue"),o=require("./getClasses-BgAeHHtu.js"),l=require("./useDefaults-Cd8OVIUI.js"),t=e.defineComponent({__name:"BCol",props:{alignSelf:{default:void 0},tag:{default:"div"},order:{default:void 0},offset:{default:void 0},cols:{default:void 0},col:{type:Boolean,default:!1},offsetSm:{default:void 0},offsetMd:{default:void 0},offsetLg:{default:void 0},offsetXl:{default:void 0},offsetXxl:{default:void 0},orderSm:{default:void 0},orderMd:{default:void 0},orderLg:{default:void 0},orderXl:{default:void 0},orderXxl:{default:void 0},sm:{type:[Boolean,Number,String],default:!1},md:{type:[Boolean,Number,String],default:!1},lg:{type:[Boolean,Number,String],default:!1},xl:{type:[Boolean,Number,String],default:!1},xxl:{type:[Boolean,Number,String],default:!1}},setup(t){const f=t,d=l.useDefaults(f,"BCol"),r=e.computed((()=>[...o.getClasses({sm:d.sm,md:d.md,lg:d.lg,xl:d.xl,xxl:d.xxl},["sm","md","lg","xl","xxl"],"col"),...o.getClasses({order:d.order,orderLg:d.orderLg,orderMd:d.orderMd,orderSm:d.orderSm,orderXl:d.orderXl,orderXxl:d.orderXxl},["order","orderLg","orderMd","orderSm","orderXl","orderXxl"],"order"),...o.getClasses({offset:d.offset,offsetLg:d.offsetLg,offsetMd:d.offsetMd,offsetSm:d.offsetSm,offsetXl:d.offsetXl,offsetXxl:d.offsetXxl},["offset","offsetLg","offsetMd","offsetSm","offsetXl","offsetXxl"],"offset")])),s=e.computed((()=>[r.value,{col:d.col\|\|!r.value.some((e=>e.startsWith("col-")))&&!d.cols,[`col-${d.cols}`]:void 0!==d.cols,[`offset-${d.offset}`]:void 0!==d.offset,[`order-${d.order}`]:void 0!==d.order,[`align-self-${d.alignSelf}`]:void 0!==d.alignSelf}]));return(o,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d).tag),{class:e.normalizeClass(s.value)},{default:e.withCtx((()=>[e.renderSlot(o.$slots,"default")])),_:3},8,["class"]))}});exports._sfc_main=t;
2	+ //# sourceMappingURL=BCol.vue_vue_type_script_setup_true_lang-BWBBWz6b.js.map

package/dist/BCol.vue_vue_type_script_setup_true_lang-BWBBWz6b.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BCol.vue_vue_type_script_setup_true_lang-BWBBWz6b.js","sources":["../src/components/BContainer/BCol.vue"],"sourcesContent":["<template>\n <component :is=\"props.tag\" :class=\"computedClasses\">\n <slot />\n </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BColProps} from '../../types/ComponentProps'\nimport {getClasses} from '../../utils/getClasses'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BColProps>(), {\n alignSelf: undefined,\n col: false,\n cols: undefined,\n offset: undefined,\n order: undefined,\n tag: 'div',\n lg: false,\n md: false,\n sm: false,\n xl: false,\n xxl: false,\n offsetLg: undefined,\n offsetMd: undefined,\n offsetSm: undefined,\n offsetXl: undefined,\n offsetXxl: undefined,\n orderLg: undefined,\n orderMd: undefined,\n orderSm: undefined,\n orderXl: undefined,\n orderXxl: undefined,\n})\n\nconst props = useDefaults(_props, 'BCol')\n\ndefineSlots<{\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n default?: (props: Record<string, never>) => any\n}>()\n\nconst classList = computed(() => [\n ...getClasses(\n {\n sm: props.sm,\n md: props.md,\n lg: props.lg,\n xl: props.xl,\n xxl: props.xxl,\n },\n ['sm', 'md', 'lg', 'xl', 'xxl'],\n 'col'\n ),\n ...getClasses(\n {\n order: props.order,\n orderLg: props.orderLg,\n orderMd: props.orderMd,\n orderSm: props.orderSm,\n orderXl: props.orderXl,\n orderXxl: props.orderXxl,\n },\n ['order', 'orderLg', 'orderMd', 'orderSm', 'orderXl', 'orderXxl'],\n 'order'\n ),\n ...getClasses(\n {\n offset: props.offset,\n offsetLg: props.offsetLg,\n offsetMd: props.offsetMd,\n offsetSm: props.offsetSm,\n offsetXl: props.offsetXl,\n offsetXxl: props.offsetXxl,\n },\n ['offset', 'offsetLg', 'offsetMd', 'offsetSm', 'offsetXl', 'offsetXxl'],\n 'offset'\n ),\n])\n\nconst computedClasses = computed(() => [\n classList.value,\n {\n col: props.col || (!classList.value.some((v) => v.startsWith('col-')) && !props.cols),\n [`col-${props.cols}`]: props.cols !== undefined,\n [`offset-${props.offset}`]: props.offset !== undefined,\n [`order-${props.order}`]: props.order !== undefined,\n [`align-self-${props.alignSelf}`]: props.alignSelf !== undefined,\n },\n])\n</script>\n"],"names":["_props","__props","props","useDefaults","classList","computed","getClasses","sm","md","lg","xl","xxl","order","orderLg","orderMd","orderSm","orderXl","orderXxl","offset","offsetLg","offsetMd","offsetSm","offsetXl","offsetXxl","computedClasses","value","col","some","v","startsWith","cols","alignSelf"],"mappings":"0xBAYA,MAAMA,EAASC,EAwBTC,EAAQC,EAAAA,YAAYH,EAAQ,QAO5BI,EAAYC,EAAAA,UAAS,IAAM,IAC5BC,EAAAA,WACD,CACEC,GAAIL,EAAMK,GACVC,GAAIN,EAAMM,GACVC,GAAIP,EAAMO,GACVC,GAAIR,EAAMQ,GACVC,IAAKT,EAAMS,KAEb,CAAC,KAAM,KAAM,KAAM,KAAM,OACzB,UAECL,EAAAA,WACD,CACEM,MAAOV,EAAMU,MACbC,QAASX,EAAMW,QACfC,QAASZ,EAAMY,QACfC,QAASb,EAAMa,QACfC,QAASd,EAAMc,QACfC,SAAUf,EAAMe,UAElB,CAAC,QAAS,UAAW,UAAW,UAAW,UAAW,YACtD,YAECX,EAAAA,WACD,CACEY,OAAQhB,EAAMgB,OACdC,SAAUjB,EAAMiB,SAChBC,SAAUlB,EAAMkB,SAChBC,SAAUnB,EAAMmB,SAChBC,SAAUpB,EAAMoB,SAChBC,UAAWrB,EAAMqB,WAEnB,CAAC,SAAU,WAAY,WAAY,WAAY,WAAY,aAC3D,aAIEC,EAAkBnB,EAAAA,UAAS,IAAM,CACrCD,EAAUqB,MACV,CACEC,IAAKxB,EAAMwB,MAAStB,EAAUqB,MAAME,MAAMC,GAAMA,EAAEC,WAAW,YAAa3B,EAAM4B,KAChF,CAAC,OAAO5B,EAAM4B,aAAwB,IAAf5B,EAAM4B,KAC7B,CAAC,UAAU5B,EAAMgB,eAA4B,IAAjBhB,EAAMgB,OAClC,CAAC,SAAShB,EAAMU,cAA0B,IAAhBV,EAAMU,MAChC,CAAC,cAAcV,EAAM6B,kBAAkC,IAApB7B,EAAM6B"}

package/dist/BCol.vue_vue_type_script_setup_true_lang-DlKSUEf4.mjs ADDED Viewed

@@ -0,0 +1,94 @@
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot } from "vue";
+import { g as getClasses } from "./getClasses-CsgNQabU.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BCol",
+  props: {
+    alignSelf: { default: void 0 },
+    tag: { default: "div" },
+    order: { default: void 0 },
+    offset: { default: void 0 },
+    cols: { default: void 0 },
+    col: { type: Boolean, default: false },
+    offsetSm: { default: void 0 },
+    offsetMd: { default: void 0 },
+    offsetLg: { default: void 0 },
+    offsetXl: { default: void 0 },
+    offsetXxl: { default: void 0 },
+    orderSm: { default: void 0 },
+    orderMd: { default: void 0 },
+    orderLg: { default: void 0 },
+    orderXl: { default: void 0 },
+    orderXxl: { default: void 0 },
+    sm: { type: [Boolean, Number, String], default: false },
+    md: { type: [Boolean, Number, String], default: false },
+    lg: { type: [Boolean, Number, String], default: false },
+    xl: { type: [Boolean, Number, String], default: false },
+    xxl: { type: [Boolean, Number, String], default: false }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BCol");
+    const classList = computed(() => [
+      ...getClasses(
+        {
+          sm: props.sm,
+          md: props.md,
+          lg: props.lg,
+          xl: props.xl,
+          xxl: props.xxl
+        },
+        ["sm", "md", "lg", "xl", "xxl"],
+        "col"
+      ),
+      ...getClasses(
+        {
+          order: props.order,
+          orderLg: props.orderLg,
+          orderMd: props.orderMd,
+          orderSm: props.orderSm,
+          orderXl: props.orderXl,
+          orderXxl: props.orderXxl
+        },
+        ["order", "orderLg", "orderMd", "orderSm", "orderXl", "orderXxl"],
+        "order"
+      ),
+      ...getClasses(
+        {
+          offset: props.offset,
+          offsetLg: props.offsetLg,
+          offsetMd: props.offsetMd,
+          offsetSm: props.offsetSm,
+          offsetXl: props.offsetXl,
+          offsetXxl: props.offsetXxl
+        },
+        ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXxl"],
+        "offset"
+      )
+    ]);
+    const computedClasses = computed(() => [
+      classList.value,
+      {
+        col: props.col || !classList.value.some((v) => v.startsWith("col-")) && !props.cols,
+        [`col-${props.cols}`]: props.cols !== void 0,
+        [`offset-${props.offset}`]: props.offset !== void 0,
+        [`order-${props.order}`]: props.order !== void 0,
+        [`align-self-${props.alignSelf}`]: props.alignSelf !== void 0
+      }
+    ]);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), {
+        class: normalizeClass(computedClasses.value)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=BCol.vue_vue_type_script_setup_true_lang-DlKSUEf4.mjs.map

package/dist/BCol.vue_vue_type_script_setup_true_lang-DlKSUEf4.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BCol.vue_vue_type_script_setup_true_lang-DlKSUEf4.mjs","sources":["../src/components/BContainer/BCol.vue"],"sourcesContent":["<template>\n <component :is=\"props.tag\" :class=\"computedClasses\">\n <slot />\n </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BColProps} from '../../types/ComponentProps'\nimport {getClasses} from '../../utils/getClasses'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BColProps>(), {\n alignSelf: undefined,\n col: false,\n cols: undefined,\n offset: undefined,\n order: undefined,\n tag: 'div',\n lg: false,\n md: false,\n sm: false,\n xl: false,\n xxl: false,\n offsetLg: undefined,\n offsetMd: undefined,\n offsetSm: undefined,\n offsetXl: undefined,\n offsetXxl: undefined,\n orderLg: undefined,\n orderMd: undefined,\n orderSm: undefined,\n orderXl: undefined,\n orderXxl: undefined,\n})\n\nconst props = useDefaults(_props, 'BCol')\n\ndefineSlots<{\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n default?: (props: Record<string, never>) => any\n}>()\n\nconst classList = computed(() => [\n ...getClasses(\n {\n sm: props.sm,\n md: props.md,\n lg: props.lg,\n xl: props.xl,\n xxl: props.xxl,\n },\n ['sm', 'md', 'lg', 'xl', 'xxl'],\n 'col'\n ),\n ...getClasses(\n {\n order: props.order,\n orderLg: props.orderLg,\n orderMd: props.orderMd,\n orderSm: props.orderSm,\n orderXl: props.orderXl,\n orderXxl: props.orderXxl,\n },\n ['order', 'orderLg', 'orderMd', 'orderSm', 'orderXl', 'orderXxl'],\n 'order'\n ),\n ...getClasses(\n {\n offset: props.offset,\n offsetLg: props.offsetLg,\n offsetMd: props.offsetMd,\n offsetSm: props.offsetSm,\n offsetXl: props.offsetXl,\n offsetXxl: props.offsetXxl,\n },\n ['offset', 'offsetLg', 'offsetMd', 'offsetSm', 'offsetXl', 'offsetXxl'],\n 'offset'\n ),\n])\n\nconst computedClasses = computed(() => [\n classList.value,\n {\n col: props.col || (!classList.value.some((v) => v.startsWith('col-')) && !props.cols),\n [`col-${props.cols}`]: props.cols !== undefined,\n [`offset-${props.offset}`]: props.offset !== undefined,\n [`order-${props.order}`]: props.order !== undefined,\n [`align-self-${props.alignSelf}`]: props.alignSelf !== undefined,\n },\n])\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAM,SAAS;AAwBT,UAAA,QAAQ,YAAY,QAAQ,MAAM;AAOlC,UAAA,YAAY,SAAS,MAAM;AAAA,MAC/B,GAAG;AAAA,QACD;AAAA,UACE,IAAI,MAAM;AAAA,UACV,IAAI,MAAM;AAAA,UACV,IAAI,MAAM;AAAA,UACV,IAAI,MAAM;AAAA,UACV,KAAK,MAAM;AAAA,QACb;AAAA,QACA,CAAC,MAAM,MAAM,MAAM,MAAM,KAAK;AAAA,QAC9B;AAAA,MACF;AAAA,MACA,GAAG;AAAA,QACD;AAAA,UACE,OAAO,MAAM;AAAA,UACb,SAAS,MAAM;AAAA,UACf,SAAS,MAAM;AAAA,UACf,SAAS,MAAM;AAAA,UACf,SAAS,MAAM;AAAA,UACf,UAAU,MAAM;AAAA,QAClB;AAAA,QACA,CAAC,SAAS,WAAW,WAAW,WAAW,WAAW,UAAU;AAAA,QAChE;AAAA,MACF;AAAA,MACA,GAAG;AAAA,QACD;AAAA,UACE,QAAQ,MAAM;AAAA,UACd,UAAU,MAAM;AAAA,UAChB,UAAU,MAAM;AAAA,UAChB,UAAU,MAAM;AAAA,UAChB,UAAU,MAAM;AAAA,UAChB,WAAW,MAAM;AAAA,QACnB;AAAA,QACA,CAAC,UAAU,YAAY,YAAY,YAAY,YAAY,WAAW;AAAA,QACtE;AAAA,MACF;AAAA,IAAA,CACD;AAEK,UAAA,kBAAkB,SAAS,MAAM;AAAA,MACrC,UAAU;AAAA,MACV;AAAA,QACE,KAAK,MAAM,OAAQ,CAAC,UAAU,MAAM,KAAK,CAAC,MAAM,EAAE,WAAW,MAAM,CAAC,KAAK,CAAC,MAAM;AAAA,QAChF,CAAC,OAAO,MAAM,IAAI,EAAE,GAAG,MAAM,SAAS;AAAA,QACtC,CAAC,UAAU,MAAM,MAAM,EAAE,GAAG,MAAM,WAAW;AAAA,QAC7C,CAAC,SAAS,MAAM,KAAK,EAAE,GAAG,MAAM,UAAU;AAAA,QAC1C,CAAC,cAAc,MAAM,SAAS,EAAE,GAAG,MAAM,cAAc;AAAA,MACzD;AAAA,IAAA,CACD;;;;;;;;;;;;;"}

package/dist/BCollapse.vue_vue_type_script_setup_true_lang-DPNRuAQK.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("vue"),l=require("./useDefaults-Cd8OVIUI.js"),a=require("./useId-z7cQCT28.js"),t=require("./index-CnY1um_J.js"),o=require("./keys-BgAe7wbu.js"),i=require("./classes-CXBJXuVd.js"),s=require("./dom-C-F8jHop.js"),u=e.defineComponent({inheritAttrs:!1,__name:"BCollapse",props:e.mergeModels({horizontal:{type:Boolean,default:!1},id:{default:void 0},isNav:{type:Boolean,default:!1},skipAnimation:{type:Boolean,default:!1},tag:{default:"div"},toggle:{type:Boolean,default:!1},visible:{type:Boolean,default:!1}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:e.mergeModels(["hidden","hide","hide-prevented","show","show-prevented","shown"],["update:modelValue"]),setup(u,{expose:n,emit:r}){const v=u,d=l.useDefaults(v,"BCollapse"),c=r,h=(e,l={})=>new i.BvTriggerableEvent(e,{cancelable:!1,target:m.value\|\|null,relatedTarget:null,trigger:null,...l,componentId:g.value}),p=e.useModel(u,"modelValue"),g=a.useId((()=>d.id),"collapse"),m=e.ref(null),f=e.ref(!1),y=e.ref(p.value),w=e.computed((()=>({show:y.value,"navbar-collapse":d.isNav,collapsing:f.value,closing:y.value&&!p.value,"collapse-horizontal":d.horizontal}))),k=()=>{p.value=!1},T=()=>{p.value=!0},x=()=>{p.value=!p.value},B=e.computed((()=>({toggle:x,show:T,hide:k,id:g.value,visible:p.value})));let b,P,z=d.skipAnimation;return e.watch(p,(()=>{p.value?(()=>{const l=h("show",{cancelable:!0});c("show",l),l.defaultPrevented?c("show-prevented"):(clearTimeout(P),clearTimeout(b),y.value=!0,z\|\|(f.value=!0,e.nextTick((()=>{null!==m.value&&(d.horizontal?m.value.style.width=`${m.value.scrollWidth}px`:m.value.style.height=`${m.value.scrollHeight}px`,b=setTimeout((()=>{f.value=!1,c("shown"),null!==m.value&&(m.value.style.height="",m.value.style.width="")}),s.getTransitionDelay(m.value)))}))))})():(()=>{const l=h("hide",{cancelable:!0});c("hide",l),l.defaultPrevented?c("hide-prevented"):(clearTimeout(b),clearTimeout(P),null!==m.value&&(z?y.value=!1:(f.value?(m.value.style.height="",m.value.style.width=""):d.horizontal?m.value.style.width=`${m.value.scrollWidth}px`:m.value.style.height=`${m.value.scrollHeight}px`,m.value.offsetHeight,f.value=!0,e.nextTick((()=>{null!==m.value&&(m.value.style.height="",m.value.style.width="",P=setTimeout((()=>{y.value=!1,f.value=!1,c("hidden")}),s.getTransitionDelay(m.value)))})))))})()})),e.onMounted((()=>{null!==m.value&&!p.value&&d.toggle&&e.nextTick((()=>{p.value=!0}))})),e.watch((()=>d.skipAnimation),(e=>{z=e})),d.visible&&(z=!0,p.value=!0,e.nextTick((()=>{z=d.skipAnimation}))),e.watch((()=>d.visible),(l=>{z=!0,l?T():k(),e.nextTick((()=>{z=d.skipAnimation}))})),t.useEventListener(m,"bv-toggle",(()=>{p.value=!p.value})),n({hide:k,isNav:d.isNav,show:T,toggle:x,visible:e.readonly(y)}),e.provide(o.collapseInjectionKey,{id:g,hide:k,show:T,toggle:x,visible:e.readonly(y),isNav:e.toRef((()=>d.isNav))}),(l,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(l.$slots,"header",e.normalizeProps(e.guardReactiveProps(B.value))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d).tag),e.mergeProps({id:e.unref(g),ref_key:"element",ref:m,class:["collapse",w.value],"is-nav":e.unref(d).isNav},l.$attrs),{default:e.withCtx((()=>[e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps(B.value)))])),_:3},16,["id","class","is-nav"])),e.renderSlot(l.$slots,"footer",e.normalizeProps(e.guardReactiveProps(B.value)))],64))}});exports._sfc_main=u;
2	+ //# sourceMappingURL=BCollapse.vue_vue_type_script_setup_true_lang-DPNRuAQK.js.map

package/dist/BCollapse.vue_vue_type_script_setup_true_lang-DPNRuAQK.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BCollapse.vue_vue_type_script_setup_true_lang-DPNRuAQK.js","sources":["../src/components/BCollapse/BCollapse.vue"],"sourcesContent":["<template>\n <slot name=\"header\" v-bind=\"sharedSlots\" />\n <component\n :is=\"props.tag\"\n :id=\"computedId\"\n ref=\"element\"\n class=\"collapse\"\n :class=\"computedClasses\"\n :is-nav=\"props.isNav\"\n v-bind=\"$attrs\"\n >\n <slot v-bind=\"sharedSlots\" />\n </component>\n <slot name=\"footer\" v-bind=\"sharedSlots\" />\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, nextTick, onMounted, provide, readonly, ref, toRef, watch} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {useEventListener} from '@vueuse/core'\nimport {collapseInjectionKey} from '../../utils/keys'\nimport type {BCollapseProps} from '../../types/ComponentProps'\nimport {BvTriggerableEvent} from '../../utils'\nimport {getTransitionDelay} from '../../utils/dom'\n\ndefineOptions({\n inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<Omit<BCollapseProps, 'modelValue'>>(), {\n horizontal: false,\n id: undefined,\n isNav: false,\n skipAnimation: false,\n tag: 'div',\n toggle: false,\n visible: false,\n})\n\nconst props = useDefaults(_props, 'BCollapse')\n\nconst emit = defineEmits<{\n 'hidden': []\n 'hide': [value: BvTriggerableEvent]\n 'hide-prevented': []\n 'show': [value: BvTriggerableEvent]\n 'show-prevented': []\n 'shown': []\n}>()\n\ntype SharedSlotsData = {\n hide: () => void\n id: string\n show: () => void\n toggle: () => void\n visible: boolean\n}\n\ndefineSlots<{\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n default?: (props: SharedSlotsData) => any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n footer?: (props: SharedSlotsData) => any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n header?: (props: SharedSlotsData) => any\n}>()\n\nconst buildTriggerableEvent = (\n type: string,\n opts: Readonly<Partial<BvTriggerableEvent>> = {}\n): BvTriggerableEvent =>\n new BvTriggerableEvent(type, {\n cancelable: false,\n target: element.value || null,\n relatedTarget: null,\n trigger: null,\n ...opts,\n componentId: computedId.value,\n })\n\nconst modelValue = defineModel<Exclude<BCollapseProps['modelValue'], undefined>>({\n default: false,\n})\n\nconst computedId = useId(() => props.id, 'collapse')\n\nconst element = ref<HTMLElement | null>(null)\nconst isCollapsing = ref(false)\nconst showRef = ref(modelValue.value)\n\nconst computedClasses = computed(() => ({\n 'show': showRef.value,\n 'navbar-collapse': props.isNav,\n 'collapsing': isCollapsing.value,\n 'closing': showRef.value && !modelValue.value,\n 'collapse-horizontal': props.horizontal,\n}))\n\nconst hide = () => {\n modelValue.value = false\n}\nconst show = () => {\n modelValue.value = true\n}\nconst toggleFn = () => {\n modelValue.value = !modelValue.value\n}\n\nconst sharedSlots = computed<SharedSlotsData>(() => ({\n toggle: toggleFn,\n show,\n hide,\n id: computedId.value,\n visible: modelValue.value,\n}))\n\nlet revealTimeout: ReturnType<typeof setTimeout> | undefined\nlet hideTimeout: ReturnType<typeof setTimeout> | undefined\nlet _skipAnimation = props.skipAnimation\n\nconst reveal = () => {\n const event = buildTriggerableEvent('show', {cancelable: true})\n emit('show', event)\n if (event.defaultPrevented) {\n emit('show-prevented')\n return\n }\n clearTimeout(hideTimeout)\n clearTimeout(revealTimeout)\n showRef.value = true\n if (_skipAnimation) return\n isCollapsing.value = true\n nextTick(() => {\n if (element.value === null) return\n if (props.horizontal) {\n element.value.style.width = `${element.value.scrollWidth}px`\n } else {\n element.value.style.height = `${element.value.scrollHeight}px`\n }\n revealTimeout = setTimeout(() => {\n isCollapsing.value = false\n emit('shown')\n if (element.value === null) return\n element.value.style.height = ''\n element.value.style.width = ''\n }, getTransitionDelay(element.value))\n })\n}\n\nconst hideFn = () => {\n const event = buildTriggerableEvent('hide', {cancelable: true})\n emit('hide', event)\n if (event.defaultPrevented) {\n emit('hide-prevented')\n return\n }\n clearTimeout(revealTimeout)\n clearTimeout(hideTimeout)\n if (element.value === null) return\n if (_skipAnimation) {\n showRef.value = false\n return\n }\n if (isCollapsing.value) {\n element.value.style.height = ``\n element.value.style.width = ``\n // return\n } else {\n if (props.horizontal) {\n element.value.style.width = `${element.value.scrollWidth}px`\n } else {\n element.value.style.height = `${element.value.scrollHeight}px`\n }\n }\n // element.value.style.height = `${element.value.scrollHeight}px`\n element.value.offsetHeight // force reflow\n isCollapsing.value = true\n nextTick(() => {\n if (element.value === null) return\n element.value.style.height = ``\n element.value.style.width = ``\n hideTimeout = setTimeout(() => {\n showRef.value = false\n isCollapsing.value = false\n emit('hidden')\n }, getTransitionDelay(element.value))\n })\n}\n\nwatch(modelValue, () => {\n modelValue.value ? reveal() : hideFn()\n})\n\nonMounted(() => {\n if (element.value === null) return\n if (!modelValue.value && props.toggle) {\n nextTick(() => {\n modelValue.value = true\n })\n }\n})\n\nwatch(\n () => props.skipAnimation,\n (newval) => {\n _skipAnimation = newval\n }\n)\n\nif (props.visible) {\n _skipAnimation = true\n modelValue.value = true\n nextTick(() => {\n _skipAnimation = props.skipAnimation\n })\n}\n\nwatch(\n () => props.visible,\n (newval) => {\n _skipAnimation = true\n newval ? show() : hide()\n nextTick(() => {\n _skipAnimation = props.skipAnimation\n })\n }\n)\n\nuseEventListener(element, 'bv-toggle', () => {\n modelValue.value = !modelValue.value\n})\n\ndefineExpose({\n hide,\n isNav: props.isNav,\n show,\n toggle: toggleFn,\n visible: readonly(showRef),\n})\n\nprovide(collapseInjectionKey, {\n id: computedId,\n hide,\n show,\n toggle: toggleFn,\n visible: readonly(showRef),\n isNav: toRef(() => props.isNav),\n})\n</script>\n"],"names":["_props","__props","props","useDefaults","emit","__emit","buildTriggerableEvent","type","opts","BvTriggerableEvent","cancelable","target","element","value","relatedTarget","trigger","componentId","computedId","modelValue","_useModel","useId","id","ref","isCollapsing","showRef","computedClasses","computed","show","isNav","collapsing","closing","horizontal","hide","toggleFn","sharedSlots","toggle","visible","revealTimeout","hideTimeout","_skipAnimation","skipAnimation","vue","watch","event","defaultPrevented","clearTimeout","nextTick","style","width","scrollWidth","height","scrollHeight","setTimeout","getTransitionDelay","reveal","offsetHeight","hideFn","onMounted","newval","__expose","readonly","provide","collapseInjectionKey","toRef"],"mappings":"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"}

package/dist/BCollapse.vue_vue_type_script_setup_true_lang-DQFE_wBf.mjs ADDED Viewed

@@ -0,0 +1,211 @@
+import { defineComponent, mergeModels, useModel, ref, computed, watch, onMounted, nextTick, readonly, provide, toRef, openBlock, createElementBlock, Fragment, renderSlot, normalizeProps, guardReactiveProps, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx } from "vue";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { u as useId } from "./useId-BrAgQfKM.mjs";
+import { c as useEventListener } from "./index-DngH9Pjm.mjs";
+import { c as collapseInjectionKey } from "./keys-CLEaYsGj.mjs";
+import { a as BvTriggerableEvent } from "./classes-IC0yVJlq.mjs";
+import { g as getTransitionDelay } from "./dom-B-SQyhbA.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "BCollapse",
+  props: /* @__PURE__ */ mergeModels({
+    horizontal: { type: Boolean, default: false },
+    id: { default: void 0 },
+    isNav: { type: Boolean, default: false },
+    skipAnimation: { type: Boolean, default: false },
+    tag: { default: "div" },
+    toggle: { type: Boolean, default: false },
+    visible: { type: Boolean, default: false }
+  }, {
+    "modelValue": { type: Boolean, ...{
+      default: false
+    } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["hidden", "hide", "hide-prevented", "show", "show-prevented", "shown"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BCollapse");
+    const emit = __emit;
+    const buildTriggerableEvent = (type, opts = {}) => new BvTriggerableEvent(type, {
+      cancelable: false,
+      target: element.value || null,
+      relatedTarget: null,
+      trigger: null,
+      ...opts,
+      componentId: computedId.value
+    });
+    const modelValue = useModel(__props, "modelValue");
+    const computedId = useId(() => props.id, "collapse");
+    const element = ref(null);
+    const isCollapsing = ref(false);
+    const showRef = ref(modelValue.value);
+    const computedClasses = computed(() => ({
+      "show": showRef.value,
+      "navbar-collapse": props.isNav,
+      "collapsing": isCollapsing.value,
+      "closing": showRef.value && !modelValue.value,
+      "collapse-horizontal": props.horizontal
+    }));
+    const hide = () => {
+      modelValue.value = false;
+    };
+    const show = () => {
+      modelValue.value = true;
+    };
+    const toggleFn = () => {
+      modelValue.value = !modelValue.value;
+    };
+    const sharedSlots = computed(() => ({
+      toggle: toggleFn,
+      show,
+      hide,
+      id: computedId.value,
+      visible: modelValue.value
+    }));
+    let revealTimeout;
+    let hideTimeout;
+    let _skipAnimation = props.skipAnimation;
+    const reveal = () => {
+      const event = buildTriggerableEvent("show", { cancelable: true });
+      emit("show", event);
+      if (event.defaultPrevented) {
+        emit("show-prevented");
+        return;
+      }
+      clearTimeout(hideTimeout);
+      clearTimeout(revealTimeout);
+      showRef.value = true;
+      if (_skipAnimation) return;
+      isCollapsing.value = true;
+      nextTick(() => {
+        if (element.value === null) return;
+        if (props.horizontal) {
+          element.value.style.width = `${element.value.scrollWidth}px`;
+        } else {
+          element.value.style.height = `${element.value.scrollHeight}px`;
+        }
+        revealTimeout = setTimeout(() => {
+          isCollapsing.value = false;
+          emit("shown");
+          if (element.value === null) return;
+          element.value.style.height = "";
+          element.value.style.width = "";
+        }, getTransitionDelay(element.value));
+      });
+    };
+    const hideFn = () => {
+      const event = buildTriggerableEvent("hide", { cancelable: true });
+      emit("hide", event);
+      if (event.defaultPrevented) {
+        emit("hide-prevented");
+        return;
+      }
+      clearTimeout(revealTimeout);
+      clearTimeout(hideTimeout);
+      if (element.value === null) return;
+      if (_skipAnimation) {
+        showRef.value = false;
+        return;
+      }
+      if (isCollapsing.value) {
+        element.value.style.height = ``;
+        element.value.style.width = ``;
+      } else {
+        if (props.horizontal) {
+          element.value.style.width = `${element.value.scrollWidth}px`;
+        } else {
+          element.value.style.height = `${element.value.scrollHeight}px`;
+        }
+      }
+      element.value.offsetHeight;
+      isCollapsing.value = true;
+      nextTick(() => {
+        if (element.value === null) return;
+        element.value.style.height = ``;
+        element.value.style.width = ``;
+        hideTimeout = setTimeout(() => {
+          showRef.value = false;
+          isCollapsing.value = false;
+          emit("hidden");
+        }, getTransitionDelay(element.value));
+      });
+    };
+    watch(modelValue, () => {
+      modelValue.value ? reveal() : hideFn();
+    });
+    onMounted(() => {
+      if (element.value === null) return;
+      if (!modelValue.value && props.toggle) {
+        nextTick(() => {
+          modelValue.value = true;
+        });
+      }
+    });
+    watch(
+      () => props.skipAnimation,
+      (newval) => {
+        _skipAnimation = newval;
+      }
+    );
+    if (props.visible) {
+      _skipAnimation = true;
+      modelValue.value = true;
+      nextTick(() => {
+        _skipAnimation = props.skipAnimation;
+      });
+    }
+    watch(
+      () => props.visible,
+      (newval) => {
+        _skipAnimation = true;
+        newval ? show() : hide();
+        nextTick(() => {
+          _skipAnimation = props.skipAnimation;
+        });
+      }
+    );
+    useEventListener(element, "bv-toggle", () => {
+      modelValue.value = !modelValue.value;
+    });
+    __expose({
+      hide,
+      isNav: props.isNav,
+      show,
+      toggle: toggleFn,
+      visible: readonly(showRef)
+    });
+    provide(collapseInjectionKey, {
+      id: computedId,
+      hide,
+      show,
+      toggle: toggleFn,
+      visible: readonly(showRef),
+      isNav: toRef(() => props.isNav)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps(sharedSlots.value))),
+        (openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), mergeProps({
+          id: unref(computedId),
+          ref_key: "element",
+          ref: element,
+          class: ["collapse", computedClasses.value],
+          "is-nav": unref(props).isNav
+        }, _ctx.$attrs), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(sharedSlots.value)))
+          ]),
+          _: 3
+        }, 16, ["id", "class", "is-nav"])),
+        renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps(sharedSlots.value)))
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=BCollapse.vue_vue_type_script_setup_true_lang-DQFE_wBf.mjs.map

package/dist/BCollapse.vue_vue_type_script_setup_true_lang-DQFE_wBf.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BCollapse.vue_vue_type_script_setup_true_lang-DQFE_wBf.mjs","sources":["../src/components/BCollapse/BCollapse.vue"],"sourcesContent":["<template>\n <slot name=\"header\" v-bind=\"sharedSlots\" />\n <component\n :is=\"props.tag\"\n :id=\"computedId\"\n ref=\"element\"\n class=\"collapse\"\n :class=\"computedClasses\"\n :is-nav=\"props.isNav\"\n v-bind=\"$attrs\"\n >\n <slot v-bind=\"sharedSlots\" />\n </component>\n <slot name=\"footer\" v-bind=\"sharedSlots\" />\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, nextTick, onMounted, provide, readonly, ref, toRef, watch} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport {useEventListener} from '@vueuse/core'\nimport {collapseInjectionKey} from '../../utils/keys'\nimport type {BCollapseProps} from '../../types/ComponentProps'\nimport {BvTriggerableEvent} from '../../utils'\nimport {getTransitionDelay} from '../../utils/dom'\n\ndefineOptions({\n inheritAttrs: false,\n})\n\nconst _props = withDefaults(defineProps<Omit<BCollapseProps, 'modelValue'>>(), {\n horizontal: false,\n id: undefined,\n isNav: false,\n skipAnimation: false,\n tag: 'div',\n toggle: false,\n visible: false,\n})\n\nconst props = useDefaults(_props, 'BCollapse')\n\nconst emit = defineEmits<{\n 'hidden': []\n 'hide': [value: BvTriggerableEvent]\n 'hide-prevented': []\n 'show': [value: BvTriggerableEvent]\n 'show-prevented': []\n 'shown': []\n}>()\n\ntype SharedSlotsData = {\n hide: () => void\n id: string\n show: () => void\n toggle: () => void\n visible: boolean\n}\n\ndefineSlots<{\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n default?: (props: SharedSlotsData) => any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n footer?: (props: SharedSlotsData) => any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n header?: (props: SharedSlotsData) => any\n}>()\n\nconst buildTriggerableEvent = (\n type: string,\n opts: Readonly<Partial<BvTriggerableEvent>> = {}\n): BvTriggerableEvent =>\n new BvTriggerableEvent(type, {\n cancelable: false,\n target: element.value || null,\n relatedTarget: null,\n trigger: null,\n ...opts,\n componentId: computedId.value,\n })\n\nconst modelValue = defineModel<Exclude<BCollapseProps['modelValue'], undefined>>({\n default: false,\n})\n\nconst computedId = useId(() => props.id, 'collapse')\n\nconst element = ref<HTMLElement | null>(null)\nconst isCollapsing = ref(false)\nconst showRef = ref(modelValue.value)\n\nconst computedClasses = computed(() => ({\n 'show': showRef.value,\n 'navbar-collapse': props.isNav,\n 'collapsing': isCollapsing.value,\n 'closing': showRef.value && !modelValue.value,\n 'collapse-horizontal': props.horizontal,\n}))\n\nconst hide = () => {\n modelValue.value = false\n}\nconst show = () => {\n modelValue.value = true\n}\nconst toggleFn = () => {\n modelValue.value = !modelValue.value\n}\n\nconst sharedSlots = computed<SharedSlotsData>(() => ({\n toggle: toggleFn,\n show,\n hide,\n id: computedId.value,\n visible: modelValue.value,\n}))\n\nlet revealTimeout: ReturnType<typeof setTimeout> | undefined\nlet hideTimeout: ReturnType<typeof setTimeout> | undefined\nlet _skipAnimation = props.skipAnimation\n\nconst reveal = () => {\n const event = buildTriggerableEvent('show', {cancelable: true})\n emit('show', event)\n if (event.defaultPrevented) {\n emit('show-prevented')\n return\n }\n clearTimeout(hideTimeout)\n clearTimeout(revealTimeout)\n showRef.value = true\n if (_skipAnimation) return\n isCollapsing.value = true\n nextTick(() => {\n if (element.value === null) return\n if (props.horizontal) {\n element.value.style.width = `${element.value.scrollWidth}px`\n } else {\n element.value.style.height = `${element.value.scrollHeight}px`\n }\n revealTimeout = setTimeout(() => {\n isCollapsing.value = false\n emit('shown')\n if (element.value === null) return\n element.value.style.height = ''\n element.value.style.width = ''\n }, getTransitionDelay(element.value))\n })\n}\n\nconst hideFn = () => {\n const event = buildTriggerableEvent('hide', {cancelable: true})\n emit('hide', event)\n if (event.defaultPrevented) {\n emit('hide-prevented')\n return\n }\n clearTimeout(revealTimeout)\n clearTimeout(hideTimeout)\n if (element.value === null) return\n if (_skipAnimation) {\n showRef.value = false\n return\n }\n if (isCollapsing.value) {\n element.value.style.height = ``\n element.value.style.width = ``\n // return\n } else {\n if (props.horizontal) {\n element.value.style.width = `${element.value.scrollWidth}px`\n } else {\n element.value.style.height = `${element.value.scrollHeight}px`\n }\n }\n // element.value.style.height = `${element.value.scrollHeight}px`\n element.value.offsetHeight // force reflow\n isCollapsing.value = true\n nextTick(() => {\n if (element.value === null) return\n element.value.style.height = ``\n element.value.style.width = ``\n hideTimeout = setTimeout(() => {\n showRef.value = false\n isCollapsing.value = false\n emit('hidden')\n }, getTransitionDelay(element.value))\n })\n}\n\nwatch(modelValue, () => {\n modelValue.value ? reveal() : hideFn()\n})\n\nonMounted(() => {\n if (element.value === null) return\n if (!modelValue.value && props.toggle) {\n nextTick(() => {\n modelValue.value = true\n })\n }\n})\n\nwatch(\n () => props.skipAnimation,\n (newval) => {\n _skipAnimation = newval\n }\n)\n\nif (props.visible) {\n _skipAnimation = true\n modelValue.value = true\n nextTick(() => {\n _skipAnimation = props.skipAnimation\n })\n}\n\nwatch(\n () => props.visible,\n (newval) => {\n _skipAnimation = true\n newval ? show() : hide()\n nextTick(() => {\n _skipAnimation = props.skipAnimation\n })\n }\n)\n\nuseEventListener(element, 'bv-toggle', () => {\n modelValue.value = !modelValue.value\n})\n\ndefineExpose({\n hide,\n isNav: props.isNav,\n show,\n toggle: toggleFn,\n visible: readonly(showRef),\n})\n\nprovide(collapseInjectionKey, {\n id: computedId,\n hide,\n show,\n toggle: toggleFn,\n visible: readonly(showRef),\n isNav: toRef(() => props.isNav),\n})\n</script>\n"],"names":["_useModel"],"mappings":"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"}

package/dist/BContainer.vue_vue_type_script_setup_true_lang-CYHKrkpb.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("vue"),t=require("./useDefaults-Cd8OVIUI.js"),u=e.defineComponent({__name:"BContainer",props:{fluid:{type:[Boolean,String],default:!1},gutterX:{default:void 0},gutterY:{default:void 0},tag:{default:"div"}},setup(u){const n=u,o=t.useDefaults(n,"BContainer"),r=e.computed((()=>({container:!1===o.fluid,"container-fluid":!0===o.fluid,[`container-${o.fluid}`]:"string"==typeof o.fluid,[`gx-${o.gutterX}`]:void 0!==o.gutterX,[`gy-${o.gutterY}`]:void 0!==o.gutterY})));return(t,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o).tag),{class:e.normalizeClass(r.value)},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default")])),_:3},8,["class"]))}});exports._sfc_main=u;
2	+ //# sourceMappingURL=BContainer.vue_vue_type_script_setup_true_lang-CYHKrkpb.js.map

package/dist/BContainer.vue_vue_type_script_setup_true_lang-CYHKrkpb.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BContainer.vue_vue_type_script_setup_true_lang-CYHKrkpb.js","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":["_props","__props","props","useDefaults","computedClasses","computed","container","fluid","gutterX","gutterY"],"mappings":"oPAWA,MAAMA,EAASC,EAMTC,EAAQC,EAAAA,YAAYH,EAAQ,cAE5BI,EAAkBC,EAAAA,UAAS,KAAO,CACtCC,WAA2B,IAAhBJ,EAAMK,MACjB,mBAAqC,IAAhBL,EAAMK,MAC3B,CAAC,aAAaL,EAAMK,SAAiC,iBAAhBL,EAAMK,MAC3C,CAAC,MAAML,EAAMM,gBAA8B,IAAlBN,EAAMM,QAC/B,CAAC,MAAMN,EAAMO,gBAA8B,IAAlBP,EAAMO"}

package/dist/BContainer.vue_vue_type_script_setup_true_lang-CvOVtSLy.mjs ADDED Viewed

@@ -0,0 +1,36 @@
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot } from "vue";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BContainer",
+  props: {
+    fluid: { type: [Boolean, String], default: false },
+    gutterX: { default: void 0 },
+    gutterY: { default: void 0 },
+    tag: { default: "div" }
+  },
+  setup(__props) {
+    const _props = __props;
+    const props = useDefaults(_props, "BContainer");
+    const computedClasses = computed(() => ({
+      container: props.fluid === false,
+      [`container-fluid`]: props.fluid === true,
+      [`container-${props.fluid}`]: typeof props.fluid === "string",
+      [`gx-${props.gutterX}`]: props.gutterX !== void 0,
+      [`gy-${props.gutterY}`]: props.gutterY !== void 0
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), {
+        class: normalizeClass(computedClasses.value)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=BContainer.vue_vue_type_script_setup_true_lang-CvOVtSLy.mjs.map