bootstrap-vue-next 0.45.0 → 0.45.1

package/dist/BAlert-Dk3rgEOI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BAlert-Dk3rgEOI.js","names":[],"sources":["../src/components/BAlert/BAlert.vue","../src/components/BAlert/BAlert.vue"],"sourcesContent":["<template>\n  <Transition\n    v-if=\"renderRef || contentShowing\"\n    v-bind=\"transitionProps\"\n    :appear=\"!!modelValue || props.visible\"\n  >\n    <div\n      v-show=\"isAlertVisible\"\n      :id=\"props.id\"\n      ref=\"_element\"\n      class=\"alert\"\n      :class=\"[props.alertClass, computedClasses]\"\n      tabindex=\"0\"\n      :role=\"!isAlertVisible ? undefined : props.isStatus ? 'status' : 'alert'\"\n      :aria-live=\"!isAlertVisible ? undefined : props.isStatus ? 'polite' : 'assertive'\"\n      :aria-atomic=\"!isAlertVisible ? undefined : true\"\n    >\n      <component\n        :is=\"props.headerTag\"\n        v-if=\"contentShowing && (slots.title || props.title)\"\n        class=\"alert-heading d-flex gap-2\"\n        :class=\"props.headerClass\"\n      >\n        <slot name=\"title\" v-bind=\"sharedSlots\">\n          <span>\n            {{ props.title }}\n          </span>\n        </slot>\n        <template v-if=\"props.dismissible\">\n          <BButton\n            v-if=\"slots.close || props.closeContent\"\n            :class=\"[props.closeClass]\"\n            class=\"ms-auto ps-1 btn-close-custom\"\n            :variant=\"props.closeVariant\"\n            @click.stop.prevent=\"hide('close')\"\n          >\n            <slot name=\"close\" v-bind=\"sharedSlots\">\n              {{ props.closeContent }}\n            </slot>\n          </BButton>\n          <BCloseButton\n            v-else\n            :aria-label=\"props.closeLabel\"\n            :class=\"[props.closeClass]\"\n            @click.stop.prevent=\"hide('close')\"\n          />\n        </template>\n      </component>\n      <template v-if=\"contentShowing && (slots.default || props.body)\">\n        <div class=\"d-flex gap-2\">\n          <component\n            :is=\"computedTag\"\n            class=\"alert-body\"\n            :class=\"props.bodyClass\"\n            v-bind=\"computedLinkProps\"\n            @click=\"computedLink && props.dismissible ? hide() : () => {}\"\n          >\n            <slot v-bind=\"sharedSlots\">\n              {{ props.body }}\n            </slot>\n          </component>\n\n          <template v-if=\"props.dismissible && !(slots.title || props.title)\">\n            <BButton\n              v-if=\"slots.close || props.closeContent\"\n              :class=\"[props.closeClass]\"\n              class=\"ms-auto btn-close-custom\"\n              :variant=\"props.closeVariant\"\n              @click.stop.prevent=\"hide('close')\"\n            >\n              <slot name=\"close\" v-bind=\"sharedSlots\">\n                {{ props.closeContent }}\n              </slot>\n            </BButton>\n            <BCloseButton\n              v-else\n              :aria-label=\"props.closeLabel\"\n              :class=\"[props.closeClass]\"\n              @click.stop.prevent=\"hide('close')\"\n            />\n          </template>\n        </div>\n      </template>\n      <BProgress\n        v-if=\"typeof modelValue === 'number' && props.progressProps !== undefined\"\n        :animated=\"props.progressProps.animated\"\n        :precision=\"props.progressProps.precision\"\n        :show-progress=\"props.progressProps.showProgress\"\n        :show-value=\"props.progressProps.showValue\"\n        :striped=\"props.progressProps.striped\"\n        :variant=\"props.progressProps.variant\"\n        :max=\"modelValue\"\n        :value=\"remainingMs\"\n        height=\"4px\"\n      />\n    </div>\n  </Transition>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type EmitFn, useTemplateRef, watch, watchEffect} from 'vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport type {BAlertEmits, BAlertProps, BAlertSlots, ShowHideSlotsData} from '../../types'\nimport BCloseButton from '../BButton/BCloseButton.vue'\nimport BLink from '../BLink/BLink.vue'\nimport BProgress from '../BProgress/BProgress.vue'\nimport {useCountdown} from '../../composables/useCountdown'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useCountdownHover} from '../../composables/useCountdownHover'\nimport {useId} from '../../composables/useId'\nimport {useShowHide} from '../../composables/useShowHide'\nimport BButton from '../BButton/BButton.vue'\n\nconst _props = withDefaults(defineProps<Omit<BAlertProps, 'modelValue'>>(), {\n  bgVariant: null,\n  body: undefined,\n  bodyClass: undefined,\n  closeClass: undefined,\n  closeContent: undefined,\n  closeLabel: 'Close',\n  closeVariant: 'secondary',\n  dismissible: false,\n  headerClass: undefined,\n  headerTag: 'div',\n  id: undefined,\n  initialAnimation: false,\n  interval: 'requestAnimationFrame',\n  isStatus: false,\n  lazy: false,\n  noFade: false,\n  noHoverPause: false,\n  noResumeOnHoverLeave: false,\n  progressProps: undefined,\n  unmountLazy: false,\n  showOnPause: true,\n  show: false,\n  solid: false,\n  textVariant: null,\n  title: undefined,\n  alertClass: undefined,\n  transProps: undefined,\n  visible: false,\n  // Link props\n  // All others use defaults\n  noRel: undefined,\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  stretched: false,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  variant: 'info',\n})\nconst props = useDefaults(_props, 'BAlert')\nconst emit = defineEmits<BAlertEmits>()\nconst slots = defineSlots<BAlertSlots>()\n\nconst element = useTemplateRef('_element')\n\nconst modelValue = defineModel<Exclude<BAlertProps['modelValue'], undefined>>({default: false})\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst computedId = useId(() => props.id, 'alert')\n\nconst {\n  showRef,\n  renderRef,\n  hide,\n  toggle,\n  show,\n  buildTriggerableEvent,\n  computedNoAnimation,\n  isVisible,\n  transitionProps,\n  contentShowing,\n} = useShowHide(modelValue, props, emit as EmitFn, element, computedId)\n\n// TODO solid is never used\nconst countdownLength = computed(() =>\n  typeof modelValue.value === 'boolean' ? 0 : modelValue.value\n)\n\nconst {\n  isActive,\n  pause,\n  restart,\n  resume,\n  stop,\n  isPaused,\n  value: remainingMs,\n} = useCountdown(countdownLength, props.interval, {\n  immediate: typeof modelValue.value === 'number' && !!modelValue.value,\n})\nuseCountdownHover(\n  element,\n  {\n    noHoverPause: () => props.noHoverPause || typeof modelValue.value !== 'number',\n    noResumeOnHoverLeave: () => props.noResumeOnHoverLeave || typeof modelValue.value !== 'number',\n    modelValueIgnoresHover: () => typeof modelValue.value === 'boolean',\n  },\n  {pause, resume}\n)\n\nwatchEffect(() => {\n  emit('close-countdown', remainingMs.value)\n})\n\nconst computedTag = computed(() => (computedLink.value ? BLink : 'div'))\n\nconst isAlertVisible = computed(\n  () => showRef.value || isActive.value || (props.showOnPause && isPaused.value)\n)\n\n// const colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  // colorClasses.value,\n  {\n    [`alert-${props.variant}`]: props.variant !== null,\n    'alert-dismissible': props.dismissible && !(slots.close || props.closeContent),\n    'show': isVisible.value,\n    'fade': !computedNoAnimation.value,\n  },\n])\n\nwatch(modelValue, (newValue) => {\n  if (typeof newValue === 'number') {\n    const event = buildTriggerableEvent('show', {cancelable: true, trigger: 'model'})\n    emit('show', event)\n    if (event.defaultPrevented) {\n      emit('show-prevented', buildTriggerableEvent('show-prevented'))\n    } else {\n      restart()\n    }\n  }\n})\n\n// isActive in the composable will cause the alert to hide when the countdown is done\nwatch(isActive, (newValue) => {\n  if (newValue === false && isPaused.value === false) {\n    hide()\n    modelValue.value = 0\n    stop()\n  }\n})\nconst sharedSlots = computed<ShowHideSlotsData>(() => ({\n  toggle,\n  show,\n  hide,\n  id: computedId.value,\n  visible: showRef.value,\n  active: isActive.value,\n}))\n\ndefineExpose({\n  show,\n  hide,\n  toggle,\n  pause,\n  restart,\n  resume,\n  stop,\n})\n</script>\n","<template>\n  <Transition\n    v-if=\"renderRef || contentShowing\"\n    v-bind=\"transitionProps\"\n    :appear=\"!!modelValue || props.visible\"\n  >\n    <div\n      v-show=\"isAlertVisible\"\n      :id=\"props.id\"\n      ref=\"_element\"\n      class=\"alert\"\n      :class=\"[props.alertClass, computedClasses]\"\n      tabindex=\"0\"\n      :role=\"!isAlertVisible ? undefined : props.isStatus ? 'status' : 'alert'\"\n      :aria-live=\"!isAlertVisible ? undefined : props.isStatus ? 'polite' : 'assertive'\"\n      :aria-atomic=\"!isAlertVisible ? undefined : true\"\n    >\n      <component\n        :is=\"props.headerTag\"\n        v-if=\"contentShowing && (slots.title || props.title)\"\n        class=\"alert-heading d-flex gap-2\"\n        :class=\"props.headerClass\"\n      >\n        <slot name=\"title\" v-bind=\"sharedSlots\">\n          <span>\n            {{ props.title }}\n          </span>\n        </slot>\n        <template v-if=\"props.dismissible\">\n          <BButton\n            v-if=\"slots.close || props.closeContent\"\n            :class=\"[props.closeClass]\"\n            class=\"ms-auto ps-1 btn-close-custom\"\n            :variant=\"props.closeVariant\"\n            @click.stop.prevent=\"hide('close')\"\n          >\n            <slot name=\"close\" v-bind=\"sharedSlots\">\n              {{ props.closeContent }}\n            </slot>\n          </BButton>\n          <BCloseButton\n            v-else\n            :aria-label=\"props.closeLabel\"\n            :class=\"[props.closeClass]\"\n            @click.stop.prevent=\"hide('close')\"\n          />\n        </template>\n      </component>\n      <template v-if=\"contentShowing && (slots.default || props.body)\">\n        <div class=\"d-flex gap-2\">\n          <component\n            :is=\"computedTag\"\n            class=\"alert-body\"\n            :class=\"props.bodyClass\"\n            v-bind=\"computedLinkProps\"\n            @click=\"computedLink && props.dismissible ? hide() : () => {}\"\n          >\n            <slot v-bind=\"sharedSlots\">\n              {{ props.body }}\n            </slot>\n          </component>\n\n          <template v-if=\"props.dismissible && !(slots.title || props.title)\">\n            <BButton\n              v-if=\"slots.close || props.closeContent\"\n              :class=\"[props.closeClass]\"\n              class=\"ms-auto btn-close-custom\"\n              :variant=\"props.closeVariant\"\n              @click.stop.prevent=\"hide('close')\"\n            >\n              <slot name=\"close\" v-bind=\"sharedSlots\">\n                {{ props.closeContent }}\n              </slot>\n            </BButton>\n            <BCloseButton\n              v-else\n              :aria-label=\"props.closeLabel\"\n              :class=\"[props.closeClass]\"\n              @click.stop.prevent=\"hide('close')\"\n            />\n          </template>\n        </div>\n      </template>\n      <BProgress\n        v-if=\"typeof modelValue === 'number' && props.progressProps !== undefined\"\n        :animated=\"props.progressProps.animated\"\n        :precision=\"props.progressProps.precision\"\n        :show-progress=\"props.progressProps.showProgress\"\n        :show-value=\"props.progressProps.showValue\"\n        :striped=\"props.progressProps.striped\"\n        :variant=\"props.progressProps.variant\"\n        :max=\"modelValue\"\n        :value=\"remainingMs\"\n        height=\"4px\"\n      />\n    </div>\n  </Transition>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, type EmitFn, useTemplateRef, watch, watchEffect} from 'vue'\nimport {useBLinkHelper} from '../../composables/useBLinkHelper'\nimport type {BAlertEmits, BAlertProps, BAlertSlots, ShowHideSlotsData} from '../../types'\nimport BCloseButton from '../BButton/BCloseButton.vue'\nimport BLink from '../BLink/BLink.vue'\nimport BProgress from '../BProgress/BProgress.vue'\nimport {useCountdown} from '../../composables/useCountdown'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useCountdownHover} from '../../composables/useCountdownHover'\nimport {useId} from '../../composables/useId'\nimport {useShowHide} from '../../composables/useShowHide'\nimport BButton from '../BButton/BButton.vue'\n\nconst _props = withDefaults(defineProps<Omit<BAlertProps, 'modelValue'>>(), {\n  bgVariant: null,\n  body: undefined,\n  bodyClass: undefined,\n  closeClass: undefined,\n  closeContent: undefined,\n  closeLabel: 'Close',\n  closeVariant: 'secondary',\n  dismissible: false,\n  headerClass: undefined,\n  headerTag: 'div',\n  id: undefined,\n  initialAnimation: false,\n  interval: 'requestAnimationFrame',\n  isStatus: false,\n  lazy: false,\n  noFade: false,\n  noHoverPause: false,\n  noResumeOnHoverLeave: false,\n  progressProps: undefined,\n  unmountLazy: false,\n  showOnPause: true,\n  show: false,\n  solid: false,\n  textVariant: null,\n  title: undefined,\n  alertClass: undefined,\n  transProps: undefined,\n  visible: false,\n  // Link props\n  // All others use defaults\n  noRel: undefined,\n  active: undefined,\n  activeClass: undefined,\n  disabled: undefined,\n  exactActiveClass: undefined,\n  href: undefined,\n  icon: undefined,\n  opacity: undefined,\n  opacityHover: undefined,\n  stretched: false,\n  rel: undefined,\n  replace: undefined,\n  routerComponentName: undefined,\n  target: undefined,\n  to: undefined,\n  underlineOffset: undefined,\n  underlineOffsetHover: undefined,\n  underlineOpacity: undefined,\n  underlineOpacityHover: undefined,\n  underlineVariant: undefined,\n  // End link props\n  variant: 'info',\n})\nconst props = useDefaults(_props, 'BAlert')\nconst emit = defineEmits<BAlertEmits>()\nconst slots = defineSlots<BAlertSlots>()\n\nconst element = useTemplateRef('_element')\n\nconst modelValue = defineModel<Exclude<BAlertProps['modelValue'], undefined>>({default: false})\nconst {computedLink, computedLinkProps} = useBLinkHelper(props)\n\nconst computedId = useId(() => props.id, 'alert')\n\nconst {\n  showRef,\n  renderRef,\n  hide,\n  toggle,\n  show,\n  buildTriggerableEvent,\n  computedNoAnimation,\n  isVisible,\n  transitionProps,\n  contentShowing,\n} = useShowHide(modelValue, props, emit as EmitFn, element, computedId)\n\n// TODO solid is never used\nconst countdownLength = computed(() =>\n  typeof modelValue.value === 'boolean' ? 0 : modelValue.value\n)\n\nconst {\n  isActive,\n  pause,\n  restart,\n  resume,\n  stop,\n  isPaused,\n  value: remainingMs,\n} = useCountdown(countdownLength, props.interval, {\n  immediate: typeof modelValue.value === 'number' && !!modelValue.value,\n})\nuseCountdownHover(\n  element,\n  {\n    noHoverPause: () => props.noHoverPause || typeof modelValue.value !== 'number',\n    noResumeOnHoverLeave: () => props.noResumeOnHoverLeave || typeof modelValue.value !== 'number',\n    modelValueIgnoresHover: () => typeof modelValue.value === 'boolean',\n  },\n  {pause, resume}\n)\n\nwatchEffect(() => {\n  emit('close-countdown', remainingMs.value)\n})\n\nconst computedTag = computed(() => (computedLink.value ? BLink : 'div'))\n\nconst isAlertVisible = computed(\n  () => showRef.value || isActive.value || (props.showOnPause && isPaused.value)\n)\n\n// const colorClasses = useColorVariantClasses(props)\nconst computedClasses = computed(() => [\n  // colorClasses.value,\n  {\n    [`alert-${props.variant}`]: props.variant !== null,\n    'alert-dismissible': props.dismissible && !(slots.close || props.closeContent),\n    'show': isVisible.value,\n    'fade': !computedNoAnimation.value,\n  },\n])\n\nwatch(modelValue, (newValue) => {\n  if (typeof newValue === 'number') {\n    const event = buildTriggerableEvent('show', {cancelable: true, trigger: 'model'})\n    emit('show', event)\n    if (event.defaultPrevented) {\n      emit('show-prevented', buildTriggerableEvent('show-prevented'))\n    } else {\n      restart()\n    }\n  }\n})\n\n// isActive in the composable will cause the alert to hide when the countdown is done\nwatch(isActive, (newValue) => {\n  if (newValue === false && isPaused.value === false) {\n    hide()\n    modelValue.value = 0\n    stop()\n  }\n})\nconst sharedSlots = computed<ShowHideSlotsData>(() => ({\n  toggle,\n  show,\n  hide,\n  id: computedId.value,\n  visible: showRef.value,\n  active: isActive.value,\n}))\n\ndefineExpose({\n  show,\n  hide,\n  toggle,\n  pause,\n  restart,\n  resume,\n  stop,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuKA,MAAM,QAAQ,oBAAA,YAtDC,SAsDmB,SAAQ;EAC1C,MAAM,OAAO;EACb,MAAM,SAAA,GAAA,IAAA,WAAQ;EAEd,MAAM,WAAA,GAAA,IAAA,gBAAyB,WAAU;EAEzC,MAAM,cAAA,GAAA,IAAA,UAAuE,SAAA,aAAiB;EAC9F,MAAM,EAAC,cAAc,sBAAqB,cAAA,eAAe,MAAK;EAE9D,MAAM,aAAa,cAAA,YAAY,MAAM,IAAI,QAAO;EAEhD,MAAM,EACJ,SACA,WACA,MACA,QACA,MACA,uBACA,qBACA,WACA,iBACA,mBACE,oBAAA,YAAY,YAAY,OAAO,MAAgB,SAAS,WAAU;EAOtE,MAAM,EACJ,UACA,OACA,SACA,QACA,MACA,UACA,OAAO,gBACL,0BAAA,cAAA,GAAA,IAAA,gBAXF,OAAO,WAAW,UAAU,YAAY,IAAI,WAAW,MACzD,EAUkC,MAAM,UAAU,EAChD,WAAW,OAAO,WAAW,UAAU,YAAY,CAAC,CAAC,WAAW,OACjE,CAAA;AACD,4BAAA,kBACE,SACA;GACE,oBAAoB,MAAM,gBAAgB,OAAO,WAAW,UAAU;GACtE,4BAA4B,MAAM,wBAAwB,OAAO,WAAW,UAAU;GACtF,8BAA8B,OAAO,WAAW,UAAU;GAC3D,EACD;GAAC;GAAO;GAAM,CAChB;AAEA,GAAA,GAAA,IAAA,mBAAkB;AAChB,QAAK,mBAAmB,YAAY,MAAK;IAC1C;EAED,MAAM,eAAA,GAAA,IAAA,gBAA8B,aAAa,QAAQ,cAAA,gBAAQ,MAAM;EAEvE,MAAM,kBAAA,GAAA,IAAA,gBACE,QAAQ,SAAS,SAAS,SAAU,MAAM,eAAe,SAAS,MAC1E;EAGA,MAAM,mBAAA,GAAA,IAAA,gBAAiC,CAErC;IACG,SAAS,MAAM,YAAY,MAAM,YAAY;GAC9C,qBAAqB,MAAM,eAAe,EAAE,MAAM,SAAS,MAAM;GACjE,QAAQ,UAAU;GAClB,QAAQ,CAAC,oBAAoB;GAC9B,CACF,CAAA;AAED,GAAA,GAAA,IAAA,OAAM,aAAa,aAAa;AAC9B,OAAI,OAAO,aAAa,UAAU;IAChC,MAAM,QAAQ,sBAAsB,QAAQ;KAAC,YAAY;KAAM,SAAS;KAAQ,CAAA;AAChF,SAAK,QAAQ,MAAK;AAClB,QAAI,MAAM,iBACR,MAAK,kBAAkB,sBAAsB,iBAAiB,CAAA;QAE9D,UAAQ;;IAGb;AAGD,GAAA,GAAA,IAAA,OAAM,WAAW,aAAa;AAC5B,OAAI,aAAa,SAAS,SAAS,UAAU,OAAO;AAClD,UAAK;AACL,eAAW,QAAQ;AACnB,UAAK;;IAER;EACD,MAAM,eAAA,GAAA,IAAA,iBAAiD;GACrD;GACA;GACA;GACA,IAAI,WAAW;GACf,SAAS,QAAQ;GACjB,QAAQ,SAAS;GAClB,EAAC;AAEF,WAAa;GACX;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA;;yBAjRS,UAAS,KAAA,GAAA,IAAA,OAAI,eAAc,KAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,aA8FtB,IAAA,aAAA,GAAA,IAAA,YAAA,EAAA,KAAA,GAAA,GAAA,GAAA,IAAA,OA7FH,gBAAe,EAAA,EACtB,QAAM,CAAA,CAAI,WAAA,UAAA,GAAA,IAAA,OAAc,MAAK,CAAC,SAAA,CAAA,EAAA;oCA2FzB,EAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,oBAAA,OAAA;KAvFH,KAAA,GAAA,IAAA,OAAI,MAAK,CAAC;KACX,KAAI;KACJ,QAAA,GAAA,IAAA,gBAAK,CAAC,SAAO,EAAA,GAAA,IAAA,OACJ,MAAK,CAAC,YAAY,gBAAA,MAAe,CAAA,CAAA;KAC1C,UAAS;KACR,MAAI,CAAG,eAAA,QAAiB,KAAA,KAAA,GAAA,IAAA,OAAY,MAAK,CAAC,WAAQ,WAAA;KAClD,aAAS,CAAG,eAAA,QAAiB,KAAA,KAAA,GAAA,IAAA,OAAY,MAAK,CAAC,WAAQ,WAAA;KACvD,eAAW,CAAG,eAAA,QAAiB,KAAA,IAAS;;oBAIjC,eAAc,KAAK,MAAM,UAAA,GAAA,IAAA,OAAS,MAAK,CAAC,WAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,cAAA,GAAA,IAAA,0BAAA,GAAA,IAAA,OADzC,MAAK,CAAC,UAAS,EAAA;;MAEpB,QAAA,GAAA,IAAA,gBAAK,CAAC,+BAAA,GAAA,IAAA,OACE,MAAK,CAAC,YAAW,CAAA;;sCAMlB,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,oBAJoB,YAAA,MAAW,CAAA,QAI/B,EAAA,GAAA,IAAA,oBADE,QAAA,OAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,OADF,MAAK,CAAC,MAAK,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA,IAAA,OAGF,MAAK,CAAC,gBAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,oBAkBX,IAAA,UAAA,EAAA,KAAA,GAAA,EAAA,CAhBD,MAAM,UAAA,GAAA,IAAA,OAAS,MAAK,CAAC,iBAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,aASnB,gBAAA,iBAAA;;OARP,QAAA,GAAA,IAAA,gBAAK,CAAA,EAAA,GAAA,IAAA,OAAG,MAAK,CAAC,WAAU,EACnB,gCAA+B,CAAA;OACpC,UAAA,GAAA,IAAA,OAAS,MAAK,CAAC;OACf,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,IAAA,gBAAA,YAAA,GAAA,IAAA,OAAe,KAAI,CAAA,QAAA,EAAA,CAAA,QAAA,UAAA,CAAA;;uCAIlB,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,oBAFoB,YAAA,MAAW,CAAA,QAE/B,EAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,OADF,MAAK,CAAC,aAAY,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;iFAQvB,qBAAA,sBAAA;;OAHC,eAAA,GAAA,IAAA,OAAY,MAAK,CAAC;OAClB,QAAA,GAAA,IAAA,gBAAK,EAAA,GAAA,IAAA,OAAG,MAAK,CAAC,WAAU,CAAA;OACxB,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,IAAA,gBAAA,YAAA,GAAA,IAAA,OAAe,KAAI,CAAA,QAAA,EAAA,CAAA,QAAA,UAAA,CAAA;;;;oBAIf,eAAc,KAAK,MAAM,YAAA,GAAA,IAAA,OAAW,MAAK,CAAC,UAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,oBAiClD,OAhCN,YAgCM,GAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,cAAA,GAAA,IAAA,yBA9BG,YAAA,MAAW,GAAA,GAAA,IAAA,YASN,EARV,OAAK,CAAC,eAAA,GAAA,IAAA,OACE,MAAK,CAAC,UAAS,EAAA,GAAA,GAAA,IAAA,OACf,kBAAiB,EAAA,EACxB,SAAK,OAAA,OAAA,OAAA,MAAA,YAAA,GAAA,IAAA,OAAE,aAAY,KAAA,GAAA,IAAA,OAAI,MAAK,CAAC,eAAA,GAAA,IAAA,OAAc,KAAI,EAAA,SAAA,KAAA,CAAA,EAAA;sCAIzC,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,YAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,oBAFO,YAAA,MAAW,CAAA,QAElB,EAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,OADF,MAAK,CAAC,KAAI,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;wCAID,MAAK,CAAC,eAAW,EAAM,MAAM,UAAA,GAAA,IAAA,OAAS,MAAK,CAAC,WAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,oBAkBjD,IAAA,UAAA,EAAA,KAAA,GAAA,EAAA,CAhBD,MAAM,UAAA,GAAA,IAAA,OAAS,MAAK,CAAC,iBAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,aASnB,gBAAA,iBAAA;;MARP,QAAA,GAAA,IAAA,gBAAK,CAAA,EAAA,GAAA,IAAA,OAAG,MAAK,CAAC,WAAU,EACnB,2BAA0B,CAAA;MAC/B,UAAA,GAAA,IAAA,OAAS,MAAK,CAAC;MACf,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,IAAA,gBAAA,YAAA,GAAA,IAAA,OAAe,KAAI,CAAA,QAAA,EAAA,CAAA,QAAA,UAAA,CAAA;;sCAIlB,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,GAAA,IAAA,iBAAA,GAAA,IAAA,oBAFoB,YAAA,MAAW,CAAA,QAE/B,EAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,kBAAA,GAAA,IAAA,OADF,MAAK,CAAC,aAAY,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;gFAQvB,qBAAA,sBAAA;;MAHC,eAAA,GAAA,IAAA,OAAY,MAAK,CAAC;MAClB,QAAA,GAAA,IAAA,gBAAK,EAAA,GAAA,IAAA,OAAG,MAAK,CAAC,WAAU,CAAA;MACxB,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,IAAA,gBAAA,YAAA,GAAA,IAAA,OAAe,KAAI,CAAA,QAAA,EAAA,CAAA,QAAA,UAAA,CAAA;;YAMlB,WAAA,UAAU,aAAA,GAAA,IAAA,OAAiB,MAAK,CAAC,kBAAkB,KAAA,MAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,aAUhE,kBAAA,mBAAA;;MATC,WAAA,GAAA,IAAA,OAAU,MAAK,CAAC,cAAc;MAC9B,YAAA,GAAA,IAAA,OAAW,MAAK,CAAC,cAAc;MAC/B,kBAAA,GAAA,IAAA,OAAe,MAAK,CAAC,cAAc;MACnC,eAAA,GAAA,IAAA,OAAY,MAAK,CAAC,cAAc;MAChC,UAAA,GAAA,IAAA,OAAS,MAAK,CAAC,cAAc;MAC7B,UAAA,GAAA,IAAA,OAAS,MAAK,CAAC,cAAc;MAC7B,KAAK,WAAA;MACL,QAAA,GAAA,IAAA,OAAO,YAAW;MACnB,QAAO;;;;;;;;;;;qCAtFD,eAAA,MAAc,CAAA,CAAA,CAAA,CAAA"}

package/dist/{BApp-DJWC2mB8.mjs → BApp-CIu-zI8K.mjs}

@@ -1,6 +1,6 @@
 import { _ as orchestratorRegistryKey } from "./keys-CQKrwmvN.mjs";
 import { useOrchestratorRegistry } from "./src/composables/orchestratorShared/index.mjs";
-import { t as ConditionalTeleport_default } from "./ConditionalTeleport-BNsziElf.mjs";
+import { t as ConditionalTeleport_default } from "./ConditionalTeleport-B4KYZIM6.mjs";
 import { useProvideDefaults } from "./src/composables/useProvideDefaults/index.mjs";
 import { useRegistry } from "./src/composables/useRegistry/index.mjs";
 import { Fragment, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, inject, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, renderList, renderSlot, resolveDynamicComponent, toRef, watch, withCtx } from "vue";
@@ -166,4 +166,4 @@ var BApp_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BOrchestrator_default as n, BApp_default as t };
 
-//# sourceMappingURL=BApp-DJWC2mB8.mjs.map
+//# sourceMappingURL=BApp-CIu-zI8K.mjs.map

package/dist/BApp-CIu-zI8K.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BApp-CIu-zI8K.mjs","names":["$attrs","$attrs"],"sources":["../src/utils/positionClasses.ts","../src/components/BApp/BOrchestrator.vue","../src/components/BApp/BOrchestrator.vue","../src/components/BApp/BApp.vue","../src/components/BApp/BApp.vue"],"sourcesContent":["import type {ContainerPosition} from '../types/Alignment'\n\nexport const positionClasses = {\n  'top-start': 'top-0 start-0',\n  'top-center': 'top-0 start-50 translate-middle-x',\n  'top-end': 'top-0 end-0',\n  'middle-start': 'top-50 start-0 translate-middle-y',\n  'middle-center': 'top-50 start-50 translate-middle',\n  'middle-end': 'top-50 end-0 translate-middle-y',\n  'bottom-start': 'bottom-0 start-0',\n  'bottom-center': 'bottom-0 start-50 translate-middle-x',\n  'bottom-end': 'bottom-0 end-0',\n} as const satisfies Record<ContainerPosition, string>\n","<template>\n  <ConditionalTeleport :to=\"teleportTo\" :disabled=\"!teleportTo\">\n    <div class=\"orchestrator-container\" v-bind=\"$attrs\">\n      <div\n        v-for=\"(value, key) in ComputedPositionClasses\"\n        :key=\"key\"\n        :class=\"value.class\"\n        :style=\"value.style\"\n      >\n        <TransitionGroup\n          :name=\"\n            items?.filter((el) => el.position === key)?.some((el) => el.type === 'toast')\n              ? 'b-list'\n              : undefined\n          \"\n        >\n          <!-- eslint-disable vue/no-unused-vars -->\n          <span\n            v-for=\"{\n              _self,\n              type,\n              position,\n              slots,\n              promise,\n              options,\n              _component,\n              ...val\n            } in items?.filter((el) => el.position === key) || []\"\n            :key=\"_self\"\n          >\n            <component\n              :is=\"_component\"\n              v-bind=\"val\"\n              :ref=\"(ref: ComponentPublicInstance) => (promise.value.ref = ref)\"\n              initial-animation\n              :teleport-disabled=\"true\"\n              @hide=\"\n                (e: BvTriggerableEvent) => {\n                  setEventOk(e)\n                  val.onHide?.(e)\n                  if (e.defaultPrevented) {\n                    return\n                  }\n                  promise.stop?.()\n                  if (options?.resolveOnHide) {\n                    promise.resolve(e)\n                  }\n                }\n              \"\n              @hidden=\"\n                (e: BvTriggerableEvent) => {\n                  setEventOk(e)\n                  val.onHidden?.(e)\n                  if (e.defaultPrevented) {\n                    return\n                  }\n                  if (!options?.resolveOnHide) {\n                    promise.resolve(e)\n                  }\n                  if (!options?.keep) {\n                    promise.value.destroy?.()\n                  }\n                }\n              \"\n            >\n              <template v-for=\"(comp, slot) in slots\" #[slot]=\"scope\" :key=\"slot\">\n                <component :is=\"comp\" v-bind=\"scope\" />\n              </template>\n            </component>\n          </span>\n        </TransitionGroup>\n      </div>\n    </div>\n  </ConditionalTeleport>\n</template>\n\n<script setup lang=\"ts\">\nimport {type ComponentPublicInstance, computed, inject, watch} from 'vue'\nimport {orchestratorRegistryKey} from '../../utils/keys'\nimport {positionClasses} from '../../utils/positionClasses'\nimport type {BvTriggerableEvent} from '../../utils'\nimport type {BOrchestratorProps} from '../../types'\nimport ConditionalTeleport from '../ConditionalTeleport.vue'\n\nfunction setEventOk(event: BvTriggerableEvent): void {\n  event.ok = event.trigger === 'ok' ? true : event.trigger === 'cancel' ? false : null\n}\n\nconst props = withDefaults(defineProps<BOrchestratorProps>(), {\n  noPopovers: false,\n  noToasts: false,\n  noModals: false,\n  appendToast: false,\n  filter: () => true,\n})\n\nconst orchestratorRegistry = inject(orchestratorRegistryKey, null)\n\nif (orchestratorRegistry) {\n  if (!orchestratorRegistry._isOrchestratorInstalled.value) {\n    orchestratorRegistry._isOrchestratorInstalled.value = true\n  }\n} else {\n  if (process.env.NODE_ENV === 'development') {\n    console.warn(\n      '[BOrchestrator] The orchestrator registry not found. Please use BApp, useRegistry or provide the plugin.'\n    )\n  }\n}\n\nwatch(\n  () => props.appendToast,\n  (value) => {\n    if (orchestratorRegistry && value !== undefined) {\n      orchestratorRegistry._isToastAppend.value = value\n    }\n  },\n  {immediate: true}\n)\n\nconst ComputedPositionClasses = computed(() => {\n  const positionsActive = items.value?.reduce(\n    (acc, item) => {\n      if (item.position) {\n        acc[item.position] = true\n      }\n      return acc\n    },\n    {} as Record<string, boolean>\n  )\n  const classes: Record<string, {class: string; style: string}> = {}\n  for (const position in positionClasses) {\n    if (positionsActive?.[position]) {\n      classes[position] = {\n        class: `${\n          positionClasses[position as keyof typeof positionClasses]\n        } toast-container position-fixed p-3`,\n        style:\n          'width: calc(var(--bs-toast-max-width, 350px) + var(--bs-toast-padding-x, 1rem) * 2)',\n      }\n    }\n  }\n  if (positionsActive?.['modal']) {\n    classes['modal'] = {\n      class: '',\n      style: '',\n    }\n  }\n  if (positionsActive?.['popover']) {\n    classes['popover'] = {\n      class: '',\n      style: '',\n    }\n  }\n  return classes\n})\n\nconst items = computed(() => {\n  const store = orchestratorRegistry?.store.value ?? []\n  return store\n    .filter((el) => !props.noPopovers || el.type !== 'popover')\n    .filter((el) => !props.noToasts || el.type !== 'toast')\n    .filter((el) => !props.noModals || el.type !== 'modal')\n    .filter(props.filter)\n})\n</script>\n","<template>\n  <ConditionalTeleport :to=\"teleportTo\" :disabled=\"!teleportTo\">\n    <div class=\"orchestrator-container\" v-bind=\"$attrs\">\n      <div\n        v-for=\"(value, key) in ComputedPositionClasses\"\n        :key=\"key\"\n        :class=\"value.class\"\n        :style=\"value.style\"\n      >\n        <TransitionGroup\n          :name=\"\n            items?.filter((el) => el.position === key)?.some((el) => el.type === 'toast')\n              ? 'b-list'\n              : undefined\n          \"\n        >\n          <!-- eslint-disable vue/no-unused-vars -->\n          <span\n            v-for=\"{\n              _self,\n              type,\n              position,\n              slots,\n              promise,\n              options,\n              _component,\n              ...val\n            } in items?.filter((el) => el.position === key) || []\"\n            :key=\"_self\"\n          >\n            <component\n              :is=\"_component\"\n              v-bind=\"val\"\n              :ref=\"(ref: ComponentPublicInstance) => (promise.value.ref = ref)\"\n              initial-animation\n              :teleport-disabled=\"true\"\n              @hide=\"\n                (e: BvTriggerableEvent) => {\n                  setEventOk(e)\n                  val.onHide?.(e)\n                  if (e.defaultPrevented) {\n                    return\n                  }\n                  promise.stop?.()\n                  if (options?.resolveOnHide) {\n                    promise.resolve(e)\n                  }\n                }\n              \"\n              @hidden=\"\n                (e: BvTriggerableEvent) => {\n                  setEventOk(e)\n                  val.onHidden?.(e)\n                  if (e.defaultPrevented) {\n                    return\n                  }\n                  if (!options?.resolveOnHide) {\n                    promise.resolve(e)\n                  }\n                  if (!options?.keep) {\n                    promise.value.destroy?.()\n                  }\n                }\n              \"\n            >\n              <template v-for=\"(comp, slot) in slots\" #[slot]=\"scope\" :key=\"slot\">\n                <component :is=\"comp\" v-bind=\"scope\" />\n              </template>\n            </component>\n          </span>\n        </TransitionGroup>\n      </div>\n    </div>\n  </ConditionalTeleport>\n</template>\n\n<script setup lang=\"ts\">\nimport {type ComponentPublicInstance, computed, inject, watch} from 'vue'\nimport {orchestratorRegistryKey} from '../../utils/keys'\nimport {positionClasses} from '../../utils/positionClasses'\nimport type {BvTriggerableEvent} from '../../utils'\nimport type {BOrchestratorProps} from '../../types'\nimport ConditionalTeleport from '../ConditionalTeleport.vue'\n\nfunction setEventOk(event: BvTriggerableEvent): void {\n  event.ok = event.trigger === 'ok' ? true : event.trigger === 'cancel' ? false : null\n}\n\nconst props = withDefaults(defineProps<BOrchestratorProps>(), {\n  noPopovers: false,\n  noToasts: false,\n  noModals: false,\n  appendToast: false,\n  filter: () => true,\n})\n\nconst orchestratorRegistry = inject(orchestratorRegistryKey, null)\n\nif (orchestratorRegistry) {\n  if (!orchestratorRegistry._isOrchestratorInstalled.value) {\n    orchestratorRegistry._isOrchestratorInstalled.value = true\n  }\n} else {\n  if (process.env.NODE_ENV === 'development') {\n    console.warn(\n      '[BOrchestrator] The orchestrator registry not found. Please use BApp, useRegistry or provide the plugin.'\n    )\n  }\n}\n\nwatch(\n  () => props.appendToast,\n  (value) => {\n    if (orchestratorRegistry && value !== undefined) {\n      orchestratorRegistry._isToastAppend.value = value\n    }\n  },\n  {immediate: true}\n)\n\nconst ComputedPositionClasses = computed(() => {\n  const positionsActive = items.value?.reduce(\n    (acc, item) => {\n      if (item.position) {\n        acc[item.position] = true\n      }\n      return acc\n    },\n    {} as Record<string, boolean>\n  )\n  const classes: Record<string, {class: string; style: string}> = {}\n  for (const position in positionClasses) {\n    if (positionsActive?.[position]) {\n      classes[position] = {\n        class: `${\n          positionClasses[position as keyof typeof positionClasses]\n        } toast-container position-fixed p-3`,\n        style:\n          'width: calc(var(--bs-toast-max-width, 350px) + var(--bs-toast-padding-x, 1rem) * 2)',\n      }\n    }\n  }\n  if (positionsActive?.['modal']) {\n    classes['modal'] = {\n      class: '',\n      style: '',\n    }\n  }\n  if (positionsActive?.['popover']) {\n    classes['popover'] = {\n      class: '',\n      style: '',\n    }\n  }\n  return classes\n})\n\nconst items = computed(() => {\n  const store = orchestratorRegistry?.store.value ?? []\n  return store\n    .filter((el) => !props.noPopovers || el.type !== 'popover')\n    .filter((el) => !props.noToasts || el.type !== 'toast')\n    .filter((el) => !props.noModals || el.type !== 'modal')\n    .filter(props.filter)\n})\n</script>\n","<template>\n  <BOrchestrator v-if=\"!noOrchestrator\" :append-toast=\"appendToast\" :teleport-to=\"teleportTo\" />\n  <slot v-bind=\"$attrs\" />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BAppProps} from '../../types'\nimport BOrchestrator from './BOrchestrator.vue'\nimport {useProvideDefaults} from '../../composables/useProvideDefaults'\nimport {useRegistry} from '../../composables/useRegistry'\nimport {useOrchestratorRegistry} from '../../composables/orchestratorShared'\nimport {toRef} from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<BAppProps>(), {\n  appendToast: false,\n  teleportTo: undefined,\n  defaults: undefined,\n  mergeDefaults: false,\n  noOrchestrator: false,\n  rtl: false,\n})\n\nuseProvideDefaults(\n  toRef(() => props.defaults),\n  props.mergeDefaults\n)\nuseRegistry(props.rtl)\nif (!props.noOrchestrator) {\n  useOrchestratorRegistry()\n}\n</script>\n","<template>\n  <BOrchestrator v-if=\"!noOrchestrator\" :append-toast=\"appendToast\" :teleport-to=\"teleportTo\" />\n  <slot v-bind=\"$attrs\" />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BAppProps} from '../../types'\nimport BOrchestrator from './BOrchestrator.vue'\nimport {useProvideDefaults} from '../../composables/useProvideDefaults'\nimport {useRegistry} from '../../composables/useRegistry'\nimport {useOrchestratorRegistry} from '../../composables/orchestratorShared'\nimport {toRef} from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<BAppProps>(), {\n  appendToast: false,\n  teleportTo: undefined,\n  defaults: undefined,\n  mergeDefaults: false,\n  noOrchestrator: false,\n  rtl: false,\n})\n\nuseProvideDefaults(\n  toRef(() => props.defaults),\n  props.mergeDefaults\n)\nuseRegistry(props.rtl)\nif (!props.noOrchestrator) {\n  useOrchestratorRegistry()\n}\n</script>\n"],"mappings":"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"}

package/dist/{BApp-DaM0UKIg.js → BApp-cBKQc5Dd.js}

@@ -1,7 +1,7 @@
 require("./chunk-CoQrYLCe.js");
 const require_keys = require("./keys-durSVUrO.js");
 const require_src_composables_orchestratorShared_index = require("./src/composables/orchestratorShared/index.umd.js");
-const require_ConditionalTeleport = require("./ConditionalTeleport-BJZk6HAx.js");
+const require_ConditionalTeleport = require("./ConditionalTeleport-BDWcebyD.js");
 const require_src_composables_useProvideDefaults_index = require("./src/composables/useProvideDefaults/index.umd.js");
 const require_src_composables_useRegistry_index = require("./src/composables/useRegistry/index.umd.js");
 let vue = require("vue");
@@ -178,4 +178,4 @@ Object.defineProperty(exports, "BOrchestrator_default", {
 	}
 });
 
-//# sourceMappingURL=BApp-DaM0UKIg.js.map
+//# sourceMappingURL=BApp-cBKQc5Dd.js.map

package/dist/BApp-cBKQc5Dd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BApp-cBKQc5Dd.js","names":["$attrs","$attrs"],"sources":["../src/utils/positionClasses.ts","../src/components/BApp/BOrchestrator.vue","../src/components/BApp/BOrchestrator.vue","../src/components/BApp/BApp.vue","../src/components/BApp/BApp.vue"],"sourcesContent":["import type {ContainerPosition} from '../types/Alignment'\n\nexport const positionClasses = {\n  'top-start': 'top-0 start-0',\n  'top-center': 'top-0 start-50 translate-middle-x',\n  'top-end': 'top-0 end-0',\n  'middle-start': 'top-50 start-0 translate-middle-y',\n  'middle-center': 'top-50 start-50 translate-middle',\n  'middle-end': 'top-50 end-0 translate-middle-y',\n  'bottom-start': 'bottom-0 start-0',\n  'bottom-center': 'bottom-0 start-50 translate-middle-x',\n  'bottom-end': 'bottom-0 end-0',\n} as const satisfies Record<ContainerPosition, string>\n","<template>\n  <ConditionalTeleport :to=\"teleportTo\" :disabled=\"!teleportTo\">\n    <div class=\"orchestrator-container\" v-bind=\"$attrs\">\n      <div\n        v-for=\"(value, key) in ComputedPositionClasses\"\n        :key=\"key\"\n        :class=\"value.class\"\n        :style=\"value.style\"\n      >\n        <TransitionGroup\n          :name=\"\n            items?.filter((el) => el.position === key)?.some((el) => el.type === 'toast')\n              ? 'b-list'\n              : undefined\n          \"\n        >\n          <!-- eslint-disable vue/no-unused-vars -->\n          <span\n            v-for=\"{\n              _self,\n              type,\n              position,\n              slots,\n              promise,\n              options,\n              _component,\n              ...val\n            } in items?.filter((el) => el.position === key) || []\"\n            :key=\"_self\"\n          >\n            <component\n              :is=\"_component\"\n              v-bind=\"val\"\n              :ref=\"(ref: ComponentPublicInstance) => (promise.value.ref = ref)\"\n              initial-animation\n              :teleport-disabled=\"true\"\n              @hide=\"\n                (e: BvTriggerableEvent) => {\n                  setEventOk(e)\n                  val.onHide?.(e)\n                  if (e.defaultPrevented) {\n                    return\n                  }\n                  promise.stop?.()\n                  if (options?.resolveOnHide) {\n                    promise.resolve(e)\n                  }\n                }\n              \"\n              @hidden=\"\n                (e: BvTriggerableEvent) => {\n                  setEventOk(e)\n                  val.onHidden?.(e)\n                  if (e.defaultPrevented) {\n                    return\n                  }\n                  if (!options?.resolveOnHide) {\n                    promise.resolve(e)\n                  }\n                  if (!options?.keep) {\n                    promise.value.destroy?.()\n                  }\n                }\n              \"\n            >\n              <template v-for=\"(comp, slot) in slots\" #[slot]=\"scope\" :key=\"slot\">\n                <component :is=\"comp\" v-bind=\"scope\" />\n              </template>\n            </component>\n          </span>\n        </TransitionGroup>\n      </div>\n    </div>\n  </ConditionalTeleport>\n</template>\n\n<script setup lang=\"ts\">\nimport {type ComponentPublicInstance, computed, inject, watch} from 'vue'\nimport {orchestratorRegistryKey} from '../../utils/keys'\nimport {positionClasses} from '../../utils/positionClasses'\nimport type {BvTriggerableEvent} from '../../utils'\nimport type {BOrchestratorProps} from '../../types'\nimport ConditionalTeleport from '../ConditionalTeleport.vue'\n\nfunction setEventOk(event: BvTriggerableEvent): void {\n  event.ok = event.trigger === 'ok' ? true : event.trigger === 'cancel' ? false : null\n}\n\nconst props = withDefaults(defineProps<BOrchestratorProps>(), {\n  noPopovers: false,\n  noToasts: false,\n  noModals: false,\n  appendToast: false,\n  filter: () => true,\n})\n\nconst orchestratorRegistry = inject(orchestratorRegistryKey, null)\n\nif (orchestratorRegistry) {\n  if (!orchestratorRegistry._isOrchestratorInstalled.value) {\n    orchestratorRegistry._isOrchestratorInstalled.value = true\n  }\n} else {\n  if (process.env.NODE_ENV === 'development') {\n    console.warn(\n      '[BOrchestrator] The orchestrator registry not found. Please use BApp, useRegistry or provide the plugin.'\n    )\n  }\n}\n\nwatch(\n  () => props.appendToast,\n  (value) => {\n    if (orchestratorRegistry && value !== undefined) {\n      orchestratorRegistry._isToastAppend.value = value\n    }\n  },\n  {immediate: true}\n)\n\nconst ComputedPositionClasses = computed(() => {\n  const positionsActive = items.value?.reduce(\n    (acc, item) => {\n      if (item.position) {\n        acc[item.position] = true\n      }\n      return acc\n    },\n    {} as Record<string, boolean>\n  )\n  const classes: Record<string, {class: string; style: string}> = {}\n  for (const position in positionClasses) {\n    if (positionsActive?.[position]) {\n      classes[position] = {\n        class: `${\n          positionClasses[position as keyof typeof positionClasses]\n        } toast-container position-fixed p-3`,\n        style:\n          'width: calc(var(--bs-toast-max-width, 350px) + var(--bs-toast-padding-x, 1rem) * 2)',\n      }\n    }\n  }\n  if (positionsActive?.['modal']) {\n    classes['modal'] = {\n      class: '',\n      style: '',\n    }\n  }\n  if (positionsActive?.['popover']) {\n    classes['popover'] = {\n      class: '',\n      style: '',\n    }\n  }\n  return classes\n})\n\nconst items = computed(() => {\n  const store = orchestratorRegistry?.store.value ?? []\n  return store\n    .filter((el) => !props.noPopovers || el.type !== 'popover')\n    .filter((el) => !props.noToasts || el.type !== 'toast')\n    .filter((el) => !props.noModals || el.type !== 'modal')\n    .filter(props.filter)\n})\n</script>\n","<template>\n  <ConditionalTeleport :to=\"teleportTo\" :disabled=\"!teleportTo\">\n    <div class=\"orchestrator-container\" v-bind=\"$attrs\">\n      <div\n        v-for=\"(value, key) in ComputedPositionClasses\"\n        :key=\"key\"\n        :class=\"value.class\"\n        :style=\"value.style\"\n      >\n        <TransitionGroup\n          :name=\"\n            items?.filter((el) => el.position === key)?.some((el) => el.type === 'toast')\n              ? 'b-list'\n              : undefined\n          \"\n        >\n          <!-- eslint-disable vue/no-unused-vars -->\n          <span\n            v-for=\"{\n              _self,\n              type,\n              position,\n              slots,\n              promise,\n              options,\n              _component,\n              ...val\n            } in items?.filter((el) => el.position === key) || []\"\n            :key=\"_self\"\n          >\n            <component\n              :is=\"_component\"\n              v-bind=\"val\"\n              :ref=\"(ref: ComponentPublicInstance) => (promise.value.ref = ref)\"\n              initial-animation\n              :teleport-disabled=\"true\"\n              @hide=\"\n                (e: BvTriggerableEvent) => {\n                  setEventOk(e)\n                  val.onHide?.(e)\n                  if (e.defaultPrevented) {\n                    return\n                  }\n                  promise.stop?.()\n                  if (options?.resolveOnHide) {\n                    promise.resolve(e)\n                  }\n                }\n              \"\n              @hidden=\"\n                (e: BvTriggerableEvent) => {\n                  setEventOk(e)\n                  val.onHidden?.(e)\n                  if (e.defaultPrevented) {\n                    return\n                  }\n                  if (!options?.resolveOnHide) {\n                    promise.resolve(e)\n                  }\n                  if (!options?.keep) {\n                    promise.value.destroy?.()\n                  }\n                }\n              \"\n            >\n              <template v-for=\"(comp, slot) in slots\" #[slot]=\"scope\" :key=\"slot\">\n                <component :is=\"comp\" v-bind=\"scope\" />\n              </template>\n            </component>\n          </span>\n        </TransitionGroup>\n      </div>\n    </div>\n  </ConditionalTeleport>\n</template>\n\n<script setup lang=\"ts\">\nimport {type ComponentPublicInstance, computed, inject, watch} from 'vue'\nimport {orchestratorRegistryKey} from '../../utils/keys'\nimport {positionClasses} from '../../utils/positionClasses'\nimport type {BvTriggerableEvent} from '../../utils'\nimport type {BOrchestratorProps} from '../../types'\nimport ConditionalTeleport from '../ConditionalTeleport.vue'\n\nfunction setEventOk(event: BvTriggerableEvent): void {\n  event.ok = event.trigger === 'ok' ? true : event.trigger === 'cancel' ? false : null\n}\n\nconst props = withDefaults(defineProps<BOrchestratorProps>(), {\n  noPopovers: false,\n  noToasts: false,\n  noModals: false,\n  appendToast: false,\n  filter: () => true,\n})\n\nconst orchestratorRegistry = inject(orchestratorRegistryKey, null)\n\nif (orchestratorRegistry) {\n  if (!orchestratorRegistry._isOrchestratorInstalled.value) {\n    orchestratorRegistry._isOrchestratorInstalled.value = true\n  }\n} else {\n  if (process.env.NODE_ENV === 'development') {\n    console.warn(\n      '[BOrchestrator] The orchestrator registry not found. Please use BApp, useRegistry or provide the plugin.'\n    )\n  }\n}\n\nwatch(\n  () => props.appendToast,\n  (value) => {\n    if (orchestratorRegistry && value !== undefined) {\n      orchestratorRegistry._isToastAppend.value = value\n    }\n  },\n  {immediate: true}\n)\n\nconst ComputedPositionClasses = computed(() => {\n  const positionsActive = items.value?.reduce(\n    (acc, item) => {\n      if (item.position) {\n        acc[item.position] = true\n      }\n      return acc\n    },\n    {} as Record<string, boolean>\n  )\n  const classes: Record<string, {class: string; style: string}> = {}\n  for (const position in positionClasses) {\n    if (positionsActive?.[position]) {\n      classes[position] = {\n        class: `${\n          positionClasses[position as keyof typeof positionClasses]\n        } toast-container position-fixed p-3`,\n        style:\n          'width: calc(var(--bs-toast-max-width, 350px) + var(--bs-toast-padding-x, 1rem) * 2)',\n      }\n    }\n  }\n  if (positionsActive?.['modal']) {\n    classes['modal'] = {\n      class: '',\n      style: '',\n    }\n  }\n  if (positionsActive?.['popover']) {\n    classes['popover'] = {\n      class: '',\n      style: '',\n    }\n  }\n  return classes\n})\n\nconst items = computed(() => {\n  const store = orchestratorRegistry?.store.value ?? []\n  return store\n    .filter((el) => !props.noPopovers || el.type !== 'popover')\n    .filter((el) => !props.noToasts || el.type !== 'toast')\n    .filter((el) => !props.noModals || el.type !== 'modal')\n    .filter(props.filter)\n})\n</script>\n","<template>\n  <BOrchestrator v-if=\"!noOrchestrator\" :append-toast=\"appendToast\" :teleport-to=\"teleportTo\" />\n  <slot v-bind=\"$attrs\" />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BAppProps} from '../../types'\nimport BOrchestrator from './BOrchestrator.vue'\nimport {useProvideDefaults} from '../../composables/useProvideDefaults'\nimport {useRegistry} from '../../composables/useRegistry'\nimport {useOrchestratorRegistry} from '../../composables/orchestratorShared'\nimport {toRef} from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<BAppProps>(), {\n  appendToast: false,\n  teleportTo: undefined,\n  defaults: undefined,\n  mergeDefaults: false,\n  noOrchestrator: false,\n  rtl: false,\n})\n\nuseProvideDefaults(\n  toRef(() => props.defaults),\n  props.mergeDefaults\n)\nuseRegistry(props.rtl)\nif (!props.noOrchestrator) {\n  useOrchestratorRegistry()\n}\n</script>\n","<template>\n  <BOrchestrator v-if=\"!noOrchestrator\" :append-toast=\"appendToast\" :teleport-to=\"teleportTo\" />\n  <slot v-bind=\"$attrs\" />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BAppProps} from '../../types'\nimport BOrchestrator from './BOrchestrator.vue'\nimport {useProvideDefaults} from '../../composables/useProvideDefaults'\nimport {useRegistry} from '../../composables/useRegistry'\nimport {useOrchestratorRegistry} from '../../composables/orchestratorShared'\nimport {toRef} from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<BAppProps>(), {\n  appendToast: false,\n  teleportTo: undefined,\n  defaults: undefined,\n  mergeDefaults: false,\n  noOrchestrator: false,\n  rtl: false,\n})\n\nuseProvideDefaults(\n  toRef(() => props.defaults),\n  props.mergeDefaults\n)\nuseRegistry(props.rtl)\nif (!props.noOrchestrator) {\n  useOrchestratorRegistry()\n}\n</script>\n"],"mappings":"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"}

package/dist/BAspect-BULTO240.js.map

@@ -1 +1 @@
-{"version":3,"file":"BAspect-BULTO240.js","names":[],"sources":["../src/components/BAspect/BAspect.vue","../src/components/BAspect/BAspect.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" class=\"b-aspect d-flex\">\n    <div :style=\"{paddingBottom: computedPadding, height: 0}\" class=\"b-aspect-sizer flex-grow-1\" />\n    <div class=\"b-aspect-content flex-grow-1 w-100 mw-100\" style=\"margin-left: -100%\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BAspectProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAspectProps>(), {\n  tag: 'div',\n  aspect: '1:1',\n})\nconst props = useDefaults(_props, 'BAspect')\n\nconst computedPadding = computed(() => {\n  const aspect = String(props.aspect)\n  let ratio\n  if (/^\\d+(\\.\\d*)?[/:x]\\d+(\\.\\d*)?$/.test(aspect)) {\n    const [width = 1, height = 1] = aspect.split(/[/:x]/).map((v) => Number.parseFloat(v) || 1)\n    ratio = width / height\n  } else {\n    ratio = Number.parseFloat(aspect) || 1\n  }\n  return `${100 / Math.abs(ratio)}%`\n})\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"b-aspect d-flex\">\n    <div :style=\"{paddingBottom: computedPadding, height: 0}\" class=\"b-aspect-sizer flex-grow-1\" />\n    <div class=\"b-aspect-content flex-grow-1 w-100 mw-100\" style=\"margin-left: -100%\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BAspectProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAspectProps>(), {\n  tag: 'div',\n  aspect: '1:1',\n})\nconst props = useDefaults(_props, 'BAspect')\n\nconst computedPadding = computed(() => {\n  const aspect = String(props.aspect)\n  let ratio\n  if (/^\\d+(\\.\\d*)?[/:x]\\d+(\\.\\d*)?$/.test(aspect)) {\n    const [width = 1, height = 1] = aspect.split(/[/:x]/).map((v) => Number.parseFloat(v) || 1)\n    ratio = width / height\n  } else {\n    ratio = Number.parseFloat(aspect) || 1\n  }\n  return `${100 / Math.abs(ratio)}%`\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ,oBAAA,YAJC,SAImB,UAAS;EAE3C,MAAM,mBAAA,GAAA,IAAA,gBAAiC;GACrC,MAAM,SAAS,OAAO,MAAM,OAAM;GAClC,IAAI;AACJ,OAAI,gCAAgC,KAAK,OAAO,EAAE;IAChD,MAAM,CAAC,QAAQ,GAAG,SAAS,KAAK,OAAO,MAAM,QAAQ,CAAC,KAAK,MAAM,OAAO,WAAW,EAAE,IAAI,EAAC;AAC1F,YAAQ,QAAQ;SAEhB,SAAQ,OAAO,WAAW,OAAO,IAAI;AAEvC,UAAO,GAAG,MAAM,KAAK,IAAI,MAAM,CAAC;IACjC;;qGA7BiB,MAAK,CAAC,IAAG,EAAA,EAAE,OAAM,mBAAiB,EAAA;oCAC+C,EAAA,GAAA,IAAA,oBAAA,OAAA;KAAzF,QAAA,GAAA,IAAA,gBAAK;MAAA,eAAkB,gBAAA;MAAe,QAAA;MAAA,CAAA;KAAc,OAAM;6CAG1D,OAFN,YAEM,EAAA,GAAA,IAAA,YADI,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"BAspect-BULTO240.js","names":[],"sources":["../src/components/BAspect/BAspect.vue","../src/components/BAspect/BAspect.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" class=\"b-aspect d-flex\">\n    <div :style=\"{paddingBottom: computedPadding, height: 0}\" class=\"b-aspect-sizer flex-grow-1\" />\n    <div class=\"b-aspect-content flex-grow-1 w-100 mw-100\" style=\"margin-left: -100%\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BAspectProps, BAspectSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAspectProps>(), {\n  tag: 'div',\n  aspect: '1:1',\n})\nconst props = useDefaults(_props, 'BAspect')\ndefineSlots<BAspectSlots>()\n\nconst computedPadding = computed(() => {\n  const aspect = String(props.aspect)\n  let ratio\n  if (/^\\d+(\\.\\d*)?[/:x]\\d+(\\.\\d*)?$/.test(aspect)) {\n    const [width = 1, height = 1] = aspect.split(/[/:x]/).map((v) => Number.parseFloat(v) || 1)\n    ratio = width / height\n  } else {\n    ratio = Number.parseFloat(aspect) || 1\n  }\n  return `${100 / Math.abs(ratio)}%`\n})\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"b-aspect d-flex\">\n    <div :style=\"{paddingBottom: computedPadding, height: 0}\" class=\"b-aspect-sizer flex-grow-1\" />\n    <div class=\"b-aspect-content flex-grow-1 w-100 mw-100\" style=\"margin-left: -100%\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BAspectProps, BAspectSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAspectProps>(), {\n  tag: 'div',\n  aspect: '1:1',\n})\nconst props = useDefaults(_props, 'BAspect')\ndefineSlots<BAspectSlots>()\n\nconst computedPadding = computed(() => {\n  const aspect = String(props.aspect)\n  let ratio\n  if (/^\\d+(\\.\\d*)?[/:x]\\d+(\\.\\d*)?$/.test(aspect)) {\n    const [width = 1, height = 1] = aspect.split(/[/:x]/).map((v) => Number.parseFloat(v) || 1)\n    ratio = width / height\n  } else {\n    ratio = Number.parseFloat(aspect) || 1\n  }\n  return `${100 / Math.abs(ratio)}%`\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ,oBAAA,YAJC,SAImB,UAAS;EAG3C,MAAM,mBAAA,GAAA,IAAA,gBAAiC;GACrC,MAAM,SAAS,OAAO,MAAM,OAAM;GAClC,IAAI;AACJ,OAAI,gCAAgC,KAAK,OAAO,EAAE;IAChD,MAAM,CAAC,QAAQ,GAAG,SAAS,KAAK,OAAO,MAAM,QAAQ,CAAC,KAAK,MAAM,OAAO,WAAW,EAAE,IAAI,EAAC;AAC1F,YAAQ,QAAQ;SAEhB,SAAQ,OAAO,WAAW,OAAO,IAAI;AAEvC,UAAO,GAAG,MAAM,KAAK,IAAI,MAAM,CAAC;IACjC;;qGA9BiB,MAAK,CAAC,IAAG,EAAA,EAAE,OAAM,mBAAiB,EAAA;oCAC+C,EAAA,GAAA,IAAA,oBAAA,OAAA;KAAzF,QAAA,GAAA,IAAA,gBAAK;MAAA,eAAkB,gBAAA;MAAe,QAAA;MAAA,CAAA;KAAc,OAAM;6CAG1D,OAFN,YAEM,EAAA,GAAA,IAAA,YADI,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/BAspect-CwokVvvn.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BAspect-CwokVvvn.mjs","names":[],"sources":["../src/components/BAspect/BAspect.vue","../src/components/BAspect/BAspect.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" class=\"b-aspect d-flex\">\n    <div :style=\"{paddingBottom: computedPadding, height: 0}\" class=\"b-aspect-sizer flex-grow-1\" />\n    <div class=\"b-aspect-content flex-grow-1 w-100 mw-100\" style=\"margin-left: -100%\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BAspectProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAspectProps>(), {\n  tag: 'div',\n  aspect: '1:1',\n})\nconst props = useDefaults(_props, 'BAspect')\n\nconst computedPadding = computed(() => {\n  const aspect = String(props.aspect)\n  let ratio\n  if (/^\\d+(\\.\\d*)?[/:x]\\d+(\\.\\d*)?$/.test(aspect)) {\n    const [width = 1, height = 1] = aspect.split(/[/:x]/).map((v) => Number.parseFloat(v) || 1)\n    ratio = width / height\n  } else {\n    ratio = Number.parseFloat(aspect) || 1\n  }\n  return `${100 / Math.abs(ratio)}%`\n})\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"b-aspect d-flex\">\n    <div :style=\"{paddingBottom: computedPadding, height: 0}\" class=\"b-aspect-sizer flex-grow-1\" />\n    <div class=\"b-aspect-content flex-grow-1 w-100 mw-100\" style=\"margin-left: -100%\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BAspectProps} from '../../types/ComponentProps'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAspectProps>(), {\n  tag: 'div',\n  aspect: '1:1',\n})\nconst props = useDefaults(_props, 'BAspect')\n\nconst computedPadding = computed(() => {\n  const aspect = String(props.aspect)\n  let ratio\n  if (/^\\d+(\\.\\d*)?[/:x]\\d+(\\.\\d*)?$/.test(aspect)) {\n    const [width = 1, height = 1] = aspect.split(/[/:x]/).map((v) => Number.parseFloat(v) || 1)\n    ratio = width / height\n  } else {\n    ratio = Number.parseFloat(aspect) || 1\n  }\n  return `${100 / Math.abs(ratio)}%`\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ,YAJC,SAImB,UAAS;EAE3C,MAAM,kBAAkB,eAAe;GACrC,MAAM,SAAS,OAAO,MAAM,OAAM;GAClC,IAAI;AACJ,OAAI,gCAAgC,KAAK,OAAO,EAAE;IAChD,MAAM,CAAC,QAAQ,GAAG,SAAS,KAAK,OAAO,MAAM,QAAQ,CAAC,KAAK,MAAM,OAAO,WAAW,EAAE,IAAI,EAAC;AAC1F,YAAQ,QAAQ;SAEhB,SAAQ,OAAO,WAAW,OAAO,IAAI;AAEvC,UAAO,GAAG,MAAM,KAAK,IAAI,MAAM,CAAC;IACjC;;uBA7BC,YAKY,wBALI,MAAA,MAAK,CAAC,IAAG,EAAA,EAAE,OAAM,mBAAiB,EAAA;2BAC+C,CAA/F,mBAA+F,OAAA;KAAzF,OAAK,eAAA;MAAA,eAAkB,gBAAA;MAAe,QAAA;MAAA,CAAA;KAAc,OAAM;iBAChE,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"BAspect-CwokVvvn.mjs","names":[],"sources":["../src/components/BAspect/BAspect.vue","../src/components/BAspect/BAspect.vue"],"sourcesContent":["<template>\n  <component :is=\"props.tag\" class=\"b-aspect d-flex\">\n    <div :style=\"{paddingBottom: computedPadding, height: 0}\" class=\"b-aspect-sizer flex-grow-1\" />\n    <div class=\"b-aspect-content flex-grow-1 w-100 mw-100\" style=\"margin-left: -100%\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BAspectProps, BAspectSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAspectProps>(), {\n  tag: 'div',\n  aspect: '1:1',\n})\nconst props = useDefaults(_props, 'BAspect')\ndefineSlots<BAspectSlots>()\n\nconst computedPadding = computed(() => {\n  const aspect = String(props.aspect)\n  let ratio\n  if (/^\\d+(\\.\\d*)?[/:x]\\d+(\\.\\d*)?$/.test(aspect)) {\n    const [width = 1, height = 1] = aspect.split(/[/:x]/).map((v) => Number.parseFloat(v) || 1)\n    ratio = width / height\n  } else {\n    ratio = Number.parseFloat(aspect) || 1\n  }\n  return `${100 / Math.abs(ratio)}%`\n})\n</script>\n","<template>\n  <component :is=\"props.tag\" class=\"b-aspect d-flex\">\n    <div :style=\"{paddingBottom: computedPadding, height: 0}\" class=\"b-aspect-sizer flex-grow-1\" />\n    <div class=\"b-aspect-content flex-grow-1 w-100 mw-100\" style=\"margin-left: -100%\">\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BAspectProps, BAspectSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\n\nconst _props = withDefaults(defineProps<BAspectProps>(), {\n  tag: 'div',\n  aspect: '1:1',\n})\nconst props = useDefaults(_props, 'BAspect')\ndefineSlots<BAspectSlots>()\n\nconst computedPadding = computed(() => {\n  const aspect = String(props.aspect)\n  let ratio\n  if (/^\\d+(\\.\\d*)?[/:x]\\d+(\\.\\d*)?$/.test(aspect)) {\n    const [width = 1, height = 1] = aspect.split(/[/:x]/).map((v) => Number.parseFloat(v) || 1)\n    ratio = width / height\n  } else {\n    ratio = Number.parseFloat(aspect) || 1\n  }\n  return `${100 / Math.abs(ratio)}%`\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ,YAJC,SAImB,UAAS;EAG3C,MAAM,kBAAkB,eAAe;GACrC,MAAM,SAAS,OAAO,MAAM,OAAM;GAClC,IAAI;AACJ,OAAI,gCAAgC,KAAK,OAAO,EAAE;IAChD,MAAM,CAAC,QAAQ,GAAG,SAAS,KAAK,OAAO,MAAM,QAAQ,CAAC,KAAK,MAAM,OAAO,WAAW,EAAE,IAAI,EAAC;AAC1F,YAAQ,QAAQ;SAEhB,SAAQ,OAAO,WAAW,OAAO,IAAI;AAEvC,UAAO,GAAG,MAAM,KAAK,IAAI,MAAM,CAAC;IACjC;;uBA9BC,YAKY,wBALI,MAAA,MAAK,CAAC,IAAG,EAAA,EAAE,OAAM,mBAAiB,EAAA;2BAC+C,CAA/F,mBAA+F,OAAA;KAAzF,OAAK,eAAA;MAAA,eAAkB,gBAAA;MAAe,QAAA;MAAA,CAAA;KAAc,OAAM;iBAChE,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/{BAutocomplete-4CFl6XQR.js → BAutocomplete-B1qC2xDb.js}

@@ -1,18 +1,19 @@
 require("./chunk-CoQrYLCe.js");
-const require_dist = require("./dist-BJ15ThEs.js");
+const require_dist = require("./dist-DiXKLh_W.js");
 const require_useDefaults = require("./useDefaults-DsLf4iRY.js");
 const require_useId = require("./useId-DHrBgM7P.js");
-const require_BButton = require("./BButton-Bw4HgpsF.js");
-const require_VisuallyHidden = require("./VisuallyHidden-DaN947I0.js");
-const require_useForwardExpose = require("./useForwardExpose-DrJOy0jY.js");
-const require_PopperContent = require("./PopperContent-CSwv2Fih.js");
-const require_useKbd = require("./useKbd-ZZushx7D.js");
-const require_VisuallyHiddenInput = require("./VisuallyHiddenInput-Biq4Qv5j.js");
-const require_useStateClass = require("./useStateClass-CJ24hpkn.js");
+const require_BCloseButton = require("./BCloseButton-fw5ONnhr.js");
+const require_BButton = require("./BButton-Dr-RadYQ.js");
+const require_VisuallyHidden = require("./VisuallyHidden-Cx0phlXT.js");
+const require_useForwardExpose = require("./useForwardExpose-BpZJluPs.js");
+const require_PopperContent = require("./PopperContent-BS_eKjzD.js");
+const require_useKbd = require("./useKbd-sqDCJtXL.js");
+const require_VisuallyHiddenInput = require("./VisuallyHiddenInput-BNrInt6d.js");
+const require_BInputGroup = require("./BInputGroup-BAC-B_UM.js");
 const require_useAriaInvalid = require("./useAriaInvalid-CHHPHNLU.js");
-const require_BInputGroup = require("./BInputGroup-DTP5Vf1f.js");
-const require_BFormTag = require("./BFormTag-C7B-bX72.js");
-const require_useFormSelect = require("./useFormSelect-CiIMUolC.js");
+const require_BFormInput = require("./BFormInput-DNuvqbFQ.js");
+const require_BFormTag = require("./BFormTag-Bsy6Znok.js");
+const require_useFormSelect = require("./useFormSelect-CjAziZpu.js");
 let vue = require("vue");
 //#region ../../node_modules/.pnpm/ohash@2.0.11/node_modules/ohash/dist/shared/ohash.D__AXeF1.mjs
 function serialize(o) {
@@ -1969,17 +1970,7 @@ var ComboboxViewport_default = /* @__PURE__ */ (0, vue.defineComponent)({
 //#endregion
 //#region src/components/BAutocomplete/BAutocomplete.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { key: 0 };
-var _hoisted_2 = [
-	"id",
-	"disabled",
-	"form",
-	"placeholder",
-	"readonly",
-	"required",
-	"autocomplete",
-	"aria-invalid",
-	"aria-required"
-];
+var _hoisted_2 = { class: "b-autocomplete-input-wrapper" };
 //#endregion
 //#region src/components/BAutocomplete/BAutocomplete.vue
 var BAutocomplete_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -2023,6 +2014,10 @@ var BAutocomplete_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: false
 		},
 		name: { default: void 0 },
+		noClearButton: {
+			type: Boolean,
+			default: false
+		},
 		noToggle: {
 			type: Boolean,
 			default: false
@@ -2082,28 +2077,46 @@ var BAutocomplete_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"update:open",
 		"update:search"
 	]),
-	setup(__props, { emit: __emit }) {
+	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = require_useDefaults.useDefaults(__props, "BAutocomplete");
 		const emit = __emit;
+		const _input = (0, vue.useTemplateRef)("_input");
 		const modelValue = (0, vue.useModel)(__props, "modelValue");
 		const isOpen = (0, vue.useModel)(__props, "open");
 		const searchTerm = (0, vue.useModel)(__props, "search");
 		const pendingDelete = (0, vue.ref)(false);
-		const computedId = require_useId.useId(() => props.id);
-		const stateClass = require_useStateClass.useStateClass(() => props.state ?? null);
-		const computedAriaInvalid = require_useAriaInvalid.useAriaInvalid(() => props.ariaInvalid, () => props.state ?? null);
-		const inputClasses = (0, vue.computed)(() => [stateClass.value, {
-			"form-control": !props.plaintext,
-			"form-control-plaintext": props.plaintext,
-			[`form-control-${props.size}`]: !!props.size
-		}]);
+		const computedId = require_useId.useId(() => props.id, "autocomplete");
 		const { normalizedOptions } = require_useFormSelect.useFormSelect(() => props.options, props);
+		const singleSelectedLabelCache = (0, vue.ref)(null);
+		const getLookupKey = (val) => {
+			if (props.by && typeof props.by === "string" && val !== null && typeof val === "object") {
+				const byVal = val?.[props.by];
+				return byVal === void 0 ? void 0 : `by:${String(byVal)}`;
+			}
+			if (val !== null && val !== void 0 && typeof val !== "object") return `value:${String(val)}`;
+		};
+		const cacheSingleSelectedLabel = (val, text) => {
+			const key = getLookupKey(val);
+			if (!key) return;
+			singleSelectedLabelCache.value = {
+				key,
+				text: String(text ?? "")
+			};
+		};
+		if (!props.multiple && modelValue.value !== null && modelValue.value !== void 0 && searchTerm.value !== "") cacheSingleSelectedLabel(modelValue.value, searchTerm.value);
 		const findOptionText = (val) => {
 			const match = normalizedOptions.value.find((opt) => {
 				if (props.by && typeof props.by === "string") return opt.value?.[props.by] === val?.[props.by];
 				return opt.value === val;
 			});
-			return match ? String(match.text) : String(val);
+			if (match) {
+				const resolvedText = String(match.text);
+				cacheSingleSelectedLabel(val, resolvedText);
+				return resolvedText;
+			}
+			const lookupKey = getLookupKey(val);
+			if (lookupKey && singleSelectedLabelCache.value?.key === lookupKey) return singleSelectedLabelCache.value.text;
+			return String(val);
 		};
 		const filteredOptions = (0, vue.computed)(() => {
 			const filterText = searchTerm.value;
@@ -2118,9 +2131,11 @@ var BAutocomplete_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return findOptionText(val);
 		};
 		const hasSelection = (0, vue.computed)(() => {
-			if (!modelValue.value) return false;
-			return Array.isArray(modelValue.value) ? modelValue.value.length > 0 : true;
+			const currentValue = modelValue.value;
+			if (Array.isArray(currentValue)) return currentValue.length > 0;
+			return currentValue !== null && currentValue !== void 0;
 		});
+		const computedAriaInvalid = require_useAriaInvalid.useAriaInvalid(() => props.ariaInvalid, () => props.state);
 		const selectedOptions = (0, vue.computed)(() => {
 			if (!props.multiple || !modelValue.value) return [];
 			return (Array.isArray(modelValue.value) ? modelValue.value : [modelValue.value]).map((val) => normalizedOptions.value.find((opt) => {
@@ -2140,8 +2155,17 @@ var BAutocomplete_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (val !== null && val !== void 0 && typeof val !== "object") return String(val);
 			return index;
 		};
-		const isLastSelectedOption = (_opt, index) => {
-			return index === selectedOptions.value.length - 1;
+		const isLastSelectedOption = (_opt, index) => index === selectedOptions.value.length - 1;
+		const showClearButton = (0, vue.computed)(() => !props.required && !props.noClearButton && !props.disabled && !props.readonly && hasSelection.value);
+		const clearSelection = () => {
+			modelValue.value = props.multiple ? [] : void 0;
+			searchTerm.value = "";
+			singleSelectedLabelCache.value = null;
+			_input.value?.focus();
+		};
+		const onOptionSelect = (option) => {
+			cacheSingleSelectedLabel(option.value, String(option.text));
+			_input.value?.focus();
 		};
 		const resetPendingDelete = () => {
 			pendingDelete.value = false;
@@ -2161,12 +2185,34 @@ var BAutocomplete_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			}
 			if (pendingDelete.value) resetPendingDelete();
 		};
+		const comboboxInputProps = (0, vue.computed)(() => ({
+			"id": computedId.value,
+			"disabled": props.disabled,
+			"form": props.form || void 0,
+			"placeholder": props.placeholder,
+			"readonly": props.readonly || props.plaintext,
+			"required": props.required || void 0,
+			"autocomplete": props.autocomplete || void 0,
+			"plaintext": props.plaintext,
+			"size": props.size,
+			"state": props.state,
+			"aria-invalid": computedAriaInvalid.value,
+			"aria-required": props.required || void 0,
+			"onBlur": (event) => emit("blur", event),
+			"onFocus": (event) => emit("focus", event),
+			"onKeydown": (event) => onInputKeydown(event)
+		}));
+		__expose({
+			blur: () => _input.value?.blur(),
+			element: (0, vue.computed)(() => _input.value?.element?.value ?? null),
+			focus: () => _input.value?.focus()
+		});
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ComboboxRoot_default), {
 				modelValue: modelValue.value,
-				"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => modelValue.value = $event),
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event),
 				open: isOpen.value,
-				"onUpdate:open": _cache[4] || (_cache[4] = ($event) => isOpen.value = $event),
+				"onUpdate:open": _cache[2] || (_cache[2] = ($event) => isOpen.value = $event),
 				multiple: (0, vue.unref)(props).multiple,
 				disabled: (0, vue.unref)(props).disabled,
 				name: (0, vue.unref)(props).name,
@@ -2186,7 +2232,10 @@ var BAutocomplete_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"as-child": "",
 							disabled: (0, vue.unref)(props).disabled
 						}, {
-							default: (0, vue.withCtx)(() => [(0, vue.createVNode)(require_BButton.BButton_default, {
+							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "toggle", {
+								isOpen: isOpen.value,
+								disabled: (0, vue.unref)(props).disabled
+							}, () => [(0, vue.createVNode)(require_BButton.BButton_default, {
 								class: "b-autocomplete-trigger",
 								disabled: (0, vue.unref)(props).disabled
 							}, {
@@ -2197,12 +2246,12 @@ var BAutocomplete_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									fill: "currentColor",
 									viewBox: "0 0 16 16",
 									class: (0, vue.normalizeClass)(["b-autocomplete-chevron", { "b-autocomplete-chevron-open": isOpen.value }])
-								}, [..._cache[5] || (_cache[5] = [(0, vue.createElementVNode)("path", {
+								}, [..._cache[3] || (_cache[3] = [(0, vue.createElementVNode)("path", {
 									"fill-rule": "evenodd",
 									d: "M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"
 								}, null, -1)])], 2))])]),
 								_: 3
-							}, 8, ["disabled"])]),
+							}, 8, ["disabled"])])]),
 							_: 3
 						}, 8, ["disabled"])) : (0, vue.createCommentVNode)("", true)]),
 						default: (0, vue.withCtx)(() => [(0, vue.unref)(props).multiple && hasSelection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
@@ -2241,29 +2290,24 @@ var BAutocomplete_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								key: optionKey(opt, i),
 								class: (0, vue.normalizeClass)({ "text-body-tertiary": pendingDelete.value && !isLastSelectedOption(opt, i) })
 							}, [(0, vue.createTextVNode)((0, vue.toDisplayString)(opt.text), 1), i < selectedOptions.value.length - 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1, ",\xA0")) : (0, vue.createCommentVNode)("", true)], 2);
-						}), 128))], 2)) : (0, vue.createCommentVNode)("", true), (0, vue.createVNode)((0, vue.unref)(ComboboxInput_default), {
+						}), 128))], 2)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.createVNode)((0, vue.unref)(ComboboxInput_default), {
 							modelValue: searchTerm.value,
-							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchTerm.value = $event),
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchTerm.value = $event),
 							"as-child": "",
 							"display-value": displayValueFn
 						}, {
-							default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("input", {
-								id: (0, vue.unref)(computedId),
-								class: (0, vue.normalizeClass)(inputClasses.value),
-								disabled: (0, vue.unref)(props).disabled,
-								form: (0, vue.unref)(props).form || void 0,
-								placeholder: (0, vue.unref)(props).placeholder,
-								readonly: (0, vue.unref)(props).readonly || (0, vue.unref)(props).plaintext,
-								required: (0, vue.unref)(props).required || void 0,
-								autocomplete: (0, vue.unref)(props).autocomplete || void 0,
-								"aria-invalid": (0, vue.unref)(computedAriaInvalid),
-								"aria-required": (0, vue.unref)(props).required || void 0,
-								onBlur: _cache[0] || (_cache[0] = ($event) => emit("blur", $event)),
-								onFocus: _cache[1] || (_cache[1] = ($event) => emit("focus", $event)),
-								onKeydownPassive: onInputKeydown
-							}, null, 42, _hoisted_2)]),
-							_: 1
-						}, 8, ["modelValue"])]),
+							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "input", (0, vue.mergeProps)(comboboxInputProps.value, { searchTerm: searchTerm.value }), () => [(0, vue.createVNode)(require_BFormInput.BFormInput_default, (0, vue.mergeProps)({
+								ref_key: "_input",
+								ref: _input,
+								"model-value": searchTerm.value
+							}, comboboxInputProps.value, { class: { "b-autocomplete-input-clearable": showClearButton.value } }), null, 16, ["model-value", "class"])])]),
+							_: 3
+						}, 8, ["modelValue"]), showClearButton.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_BCloseButton.BCloseButton_default, {
+							key: 0,
+							class: "b-autocomplete-clear",
+							"aria-label": "Clear selected value",
+							onClick: (0, vue.withModifiers)(clearSelection, ["stop"])
+						})) : (0, vue.createCommentVNode)("", true)])]),
 						_: 3
 					}, 8, ["size"])]),
 					_: 3
@@ -2285,17 +2329,18 @@ var BAutocomplete_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					}, {
 						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(ComboboxViewport_default), { class: "b-autocomplete-viewport" }, {
 							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(ComboboxEmpty_default), { class: "b-autocomplete-empty" }, {
-								default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "empty", {}, () => [_cache[6] || (_cache[6] = (0, vue.createTextVNode)(" No results found ", -1))])]),
+								default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "empty", {}, () => [_cache[4] || (_cache[4] = (0, vue.createTextVNode)(" No results found ", -1))])]),
 								_: 3
 							}), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(filteredOptions.value, (option, index) => {
 								return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ComboboxItem_default), {
 									key: optionKey(option, index),
 									value: option.value,
 									disabled: option.disabled,
-									class: (0, vue.normalizeClass)(["b-autocomplete-item", "dropdown-item"])
+									class: (0, vue.normalizeClass)(["b-autocomplete-item", "dropdown-item"]),
+									onSelect: ($event) => onOptionSelect(option)
 								}, {
 									default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "option", (0, vue.mergeProps)({ ref_for: true }, option), () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(option.text), 1)]), (0, vue.createVNode)((0, vue.unref)(ComboboxItemIndicator_default), { class: "b-autocomplete-item-indicator" }, {
-										default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "option-indicator", {}, () => [_cache[7] || (_cache[7] = (0, vue.createElementVNode)("svg", {
+										default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "option-indicator", {}, () => [_cache[5] || (_cache[5] = (0, vue.createElementVNode)("svg", {
 											xmlns: "http://www.w3.org/2000/svg",
 											width: "16",
 											height: "16",
@@ -2305,7 +2350,11 @@ var BAutocomplete_default = /* @__PURE__ */ (0, vue.defineComponent)({
 										_: 3
 									})]),
 									_: 2
-								}, 1032, ["value", "disabled"]);
+								}, 1032, [
+									"value",
+									"disabled",
+									"onSelect"
+								]);
 							}), 128))]),
 							_: 3
 						})]),
@@ -2339,4 +2388,4 @@ Object.defineProperty(exports, "BAutocomplete_default", {
 	}
 });
 
-//# sourceMappingURL=BAutocomplete-4CFl6XQR.js.map
+//# sourceMappingURL=BAutocomplete-B1qC2xDb.js.map