bootstrap-vue-next
Version:
Seamless integration of Vue 3, Bootstrap 5, and TypeScript for modern, type-safe UI development
82 lines (81 loc) • 3.11 kB
JavaScript
require("./chunk-CoQrYLCe.js");
const require_useAriaInvalid = require("./useAriaInvalid-BYMq9BBX.js");
const require_useStateClass = require("./useStateClass-Cnvy2Hnm.js");
let vue = require("vue");
//#region src/composables/useFormCheck.ts
var getClasses = (items) => (0, vue.computed)(() => {
const resolvedItems = (0, vue.toValue)(items);
return {
"form-check": !resolvedItems.plain && !resolvedItems.button && resolvedItems.hasDefaultSlot,
"form-check-reverse": resolvedItems.reverse === true,
"form-check-inline": resolvedItems.inline === true,
"form-switch": resolvedItems.switch === true,
[`form-control-${resolvedItems.size}`]: resolvedItems.size !== void 0 && resolvedItems.size !== "md" && !resolvedItems.button
};
});
var getInputClasses = (items) => {
const resolvedItems = (0, vue.readonly)((0, vue.toRef)(items));
const stateClass = require_useStateClass.useStateClass(() => resolvedItems.value.state ?? null);
return (0, vue.computed)(() => [stateClass.value, {
"form-check-input": !resolvedItems.value.plain && !resolvedItems.value.button,
"btn-check": resolvedItems.value.button === true
}]);
};
var getLabelClasses = (items) => (0, vue.computed)(() => {
const resolvedItems = (0, vue.toValue)(items);
return {
"form-check-label": !resolvedItems.plain && !resolvedItems.button,
"btn": resolvedItems.button === true,
[`btn-${resolvedItems.buttonVariant}`]: resolvedItems.button === true && resolvedItems.buttonVariant !== void 0 && resolvedItems.buttonVariant !== null,
[`btn-${resolvedItems.size}`]: resolvedItems.button && resolvedItems.size && resolvedItems.size !== "md"
};
});
var getGroupAttr = (items) => {
const resolvedItems = (0, vue.readonly)((0, vue.toRef)(items));
const computedAriaInvalid = require_useAriaInvalid.useAriaInvalid(() => resolvedItems.value.ariaInvalid, () => resolvedItems.value.state);
return (0, vue.computed)(() => ({
"aria-invalid": computedAriaInvalid.value,
"aria-required": resolvedItems.value.required === true ? true : void 0
}));
};
var getGroupClasses = (items) => (0, vue.computed)(() => {
const resolvedItems = (0, vue.toValue)(items);
return {
"was-validated": resolvedItems.validated === true,
"btn-group": resolvedItems.buttons === true && resolvedItems.stacked === false,
"btn-group-vertical": resolvedItems.stacked === true && resolvedItems.buttons === true,
[`btn-group-${resolvedItems.size}`]: resolvedItems.size !== void 0
};
});
//#endregion
Object.defineProperty(exports, "getClasses", {
enumerable: true,
get: function() {
return getClasses;
}
});
Object.defineProperty(exports, "getGroupAttr", {
enumerable: true,
get: function() {
return getGroupAttr;
}
});
Object.defineProperty(exports, "getGroupClasses", {
enumerable: true,
get: function() {
return getGroupClasses;
}
});
Object.defineProperty(exports, "getInputClasses", {
enumerable: true,
get: function() {
return getInputClasses;
}
});
Object.defineProperty(exports, "getLabelClasses", {
enumerable: true,
get: function() {
return getLabelClasses;
}
});
//# sourceMappingURL=useFormCheck-DXM9Wj2i.js.map