bootstrap-vue-next
Version:
Seamless integration of Vue 3, Bootstrap 5, and TypeScript for modern, type-safe UI development
169 lines (168 loc) • 6.75 kB
JavaScript
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 { 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";
//#region src/utils/positionClasses.ts
var positionClasses = {
"top-start": "top-0 start-0",
"top-center": "top-0 start-50 translate-middle-x",
"top-end": "top-0 end-0",
"middle-start": "top-50 start-0 translate-middle-y",
"middle-center": "top-50 start-50 translate-middle",
"middle-end": "top-50 end-0 translate-middle-y",
"bottom-start": "bottom-0 start-0",
"bottom-center": "bottom-0 start-50 translate-middle-x",
"bottom-end": "bottom-0 end-0"
};
//#endregion
//#region src/components/BApp/BOrchestrator.vue
var BOrchestrator_default = /* @__PURE__ */ defineComponent({
__name: "BOrchestrator",
props: {
noPopovers: {
type: Boolean,
default: false
},
noToasts: {
type: Boolean,
default: false
},
noModals: {
type: Boolean,
default: false
},
appendToast: {
type: Boolean,
default: false
},
teleportTo: {},
filter: {
type: Function,
default: () => true
}
},
setup(__props) {
function setEventOk(event) {
event.ok = event.trigger === "ok" ? true : event.trigger === "cancel" ? false : null;
}
const props = __props;
const orchestratorRegistry = inject(orchestratorRegistryKey, null);
if (orchestratorRegistry) {
if (!orchestratorRegistry._isOrchestratorInstalled.value) orchestratorRegistry._isOrchestratorInstalled.value = true;
} else if (process.env.NODE_ENV === "development") console.warn("[BOrchestrator] The orchestrator registry not found. Please use BApp, useRegistry or provide the plugin.");
watch(() => props.appendToast, (value) => {
if (orchestratorRegistry && value !== void 0) orchestratorRegistry._isToastAppend.value = value;
}, { immediate: true });
const ComputedPositionClasses = computed(() => {
const positionsActive = items.value?.reduce((acc, item) => {
if (item.position) acc[item.position] = true;
return acc;
}, {});
const classes = {};
for (const position in positionClasses) if (positionsActive?.[position]) classes[position] = {
class: `${positionClasses[position]} toast-container position-fixed p-3`,
style: "width: calc(var(--bs-toast-max-width, 350px) + var(--bs-toast-padding-x, 1rem) * 2)"
};
if (positionsActive?.["modal"]) classes["modal"] = {
class: "",
style: ""
};
if (positionsActive?.["popover"]) classes["popover"] = {
class: "",
style: ""
};
return classes;
});
const items = computed(() => {
return (orchestratorRegistry?.store.value ?? []).filter((el) => !props.noPopovers || el.type !== "popover").filter((el) => !props.noToasts || el.type !== "toast").filter((el) => !props.noModals || el.type !== "modal").filter(props.filter);
});
return (_ctx, _cache) => {
return openBlock(), createBlock(ConditionalTeleport_default, {
to: __props.teleportTo,
disabled: !__props.teleportTo
}, {
default: withCtx(() => [createElementVNode("div", mergeProps({ class: "orchestrator-container" }, _ctx.$attrs), [(openBlock(true), createElementBlock(Fragment, null, renderList(ComputedPositionClasses.value, (value, key) => {
return openBlock(), createElementBlock("div", {
key,
class: normalizeClass(value.class),
style: normalizeStyle(value.style)
}, [createVNode(TransitionGroup, { name: items.value?.filter((el) => el.position === key)?.some((el) => el.type === "toast") ? "b-list" : void 0 }, {
default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(items.value?.filter((el) => el.position === key) || [], ({ _self, type, position, slots, promise, options, _component, ...val }) => {
return openBlock(), createElementBlock("span", { key: _self }, [(openBlock(), createBlock(resolveDynamicComponent(_component), mergeProps({ ref_for: true }, val, {
ref_for: true,
ref: (ref) => promise.value.ref = ref,
"initial-animation": "",
"teleport-disabled": true,
onHide: (e) => {
setEventOk(e);
val.onHide?.(e);
if (e.defaultPrevented) return;
promise.stop?.();
if (options?.resolveOnHide) promise.resolve(e);
},
onHidden: (e) => {
setEventOk(e);
val.onHidden?.(e);
if (e.defaultPrevented) return;
if (!options?.resolveOnHide) promise.resolve(e);
if (!options?.keep) promise.value.destroy?.();
}
}), createSlots({ _: 2 }, [renderList(slots, (comp, slot) => {
return {
name: slot,
fn: withCtx((scope) => [(openBlock(), createBlock(resolveDynamicComponent(comp), mergeProps({ ref_for: true }, scope), null, 16))])
};
})]), 1040, ["onHide", "onHidden"]))]);
}), 128))]),
_: 2
}, 1032, ["name"])], 6);
}), 128))], 16)]),
_: 1
}, 8, ["to", "disabled"]);
};
}
});
//#endregion
//#region src/components/BApp/BApp.vue
var BApp_default = /* @__PURE__ */ defineComponent({
inheritAttrs: false,
__name: "BApp",
props: {
defaults: { default: void 0 },
mergeDefaults: {
type: [Boolean, Function],
default: false
},
teleportTo: { default: void 0 },
noOrchestrator: {
type: Boolean,
default: false
},
appendToast: {
type: Boolean,
default: false
},
rtl: {
type: [Boolean, Object],
default: false
}
},
setup(__props) {
const props = __props;
useProvideDefaults(toRef(() => props.defaults), props.mergeDefaults);
useRegistry(props.rtl);
if (!props.noOrchestrator) useOrchestratorRegistry();
return (_ctx, _cache) => {
return openBlock(), createElementBlock(Fragment, null, [!__props.noOrchestrator ? (openBlock(), createBlock(BOrchestrator_default, {
key: 0,
"append-toast": __props.appendToast,
"teleport-to": __props.teleportTo
}, null, 8, ["append-toast", "teleport-to"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(_ctx.$attrs)))], 64);
};
}
});
//#endregion
export { BOrchestrator_default as n, BApp_default as t };
//# sourceMappingURL=BApp-DJWC2mB8.mjs.map