bootstrap-vue-next
Version:
Seamless integration of Vue 3, Bootstrap 5, and TypeScript for modern, type-safe UI development
28 lines (27 loc) • 1.38 kB
JavaScript
require("./chunk-CoQrYLCe.js");
let vue = require("vue");
//#region src/composables/useRadiusElementClasses.ts
var useRadiusElementClasses = (obj) => {
const resolveRadiusElement = (value, str) => {
const strValue = str === null ? "" : `-${str}`;
return value === "circle" ? `rounded${strValue}-circle` : value === "pill" ? `rounded${strValue}-pill` : typeof value === "number" || value === "0" || value === "1" || value === "2" || value === "3" || value === "4" || value === "5" ? `rounded${strValue}-${value}` : value === "none" ? `rounded${strValue}-0` : value === "sm" ? `rounded${strValue}-1` : value === "lg" ? `rounded${strValue}-5` : `rounded${strValue}`;
};
return (0, vue.computed)(() => {
const props = (0, vue.toValue)(obj);
return {
[`${resolveRadiusElement(props.rounded, null)}`]: !!props.rounded,
[`${resolveRadiusElement(props.roundedTop, "top")}`]: !!props.roundedTop,
[`${resolveRadiusElement(props.roundedBottom, "bottom")}`]: !!props.roundedBottom,
[`${resolveRadiusElement(props.roundedStart, "start")}`]: !!props.roundedStart,
[`${resolveRadiusElement(props.roundedEnd, "end")}`]: !!props.roundedEnd
};
});
};
//#endregion
Object.defineProperty(exports, "useRadiusElementClasses", {
enumerable: true,
get: function() {
return useRadiusElementClasses;
}
});
//# sourceMappingURL=useRadiusElementClasses-C13_PhPM.js.map