bootstrap-vue-next
Version:
Seamless integration of Vue 3, Bootstrap 5, and TypeScript for modern, type-safe UI development
55 lines (54 loc) • 2.29 kB
JavaScript
require("./chunk-CoQrYLCe.js");
const require_keys = require("./keys-durSVUrO.js");
const require_useDefaults = require("./useDefaults-DsLf4iRY.js");
let vue = require("vue");
//#region src/components/BInputGroup/BInputGroup.vue?vue&type=script&setup=true&lang.ts
var _hoisted_1 = {
key: 0,
class: "input-group-text"
};
var _hoisted_2 = {
key: 0,
class: "input-group-text"
};
//#endregion
//#region src/components/BInputGroup/BInputGroup.vue
var BInputGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
__name: "BInputGroup",
props: {
append: { default: void 0 },
id: { default: void 0 },
prepend: { default: void 0 },
size: { default: "md" },
tag: { default: "div" }
},
setup(__props) {
(0, vue.provide)(require_keys.inputGroupKey, true);
const props = require_useDefaults.useDefaults(__props, "BInputGroup");
const computedClasses = (0, vue.computed)(() => ({ [`input-group-${props.size}`]: props.size !== "md" }));
const hasAppend = (0, vue.computed)(() => !!props.append);
const hasPrepend = (0, vue.computed)(() => !!props.prepend);
return (_ctx, _cache) => {
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(props).tag), {
id: (0, vue.unref)(props).id,
class: (0, vue.normalizeClass)(["input-group", computedClasses.value]),
role: "group"
}, {
default: (0, vue.withCtx)(() => [
(0, vue.renderSlot)(_ctx.$slots, "prepend", {}, () => [hasPrepend.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1, [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(props).prepend), 1)])) : (0, vue.createCommentVNode)("", true)]),
(0, vue.renderSlot)(_ctx.$slots, "default"),
(0, vue.renderSlot)(_ctx.$slots, "append", {}, () => [hasAppend.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2, [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(props).append), 1)])) : (0, vue.createCommentVNode)("", true)])
]),
_: 3
}, 8, ["id", "class"]);
};
}
});
//#endregion
Object.defineProperty(exports, "BInputGroup_default", {
enumerable: true,
get: function() {
return BInputGroup_default;
}
});
//# sourceMappingURL=BInputGroup-Duk6Jk0v.js.map