@pequity/squirrel 6.0.12 → 6.0.14

package/dist/cjs/useInputClasses.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const inputClassesShared = require("./inputClassesShared.js");
+const inputClasses = require("./inputClasses.js");
 const vue = require("vue");
 const defaults = {
   size: vue.ref("md"),
@@ -13,29 +13,30 @@ const defaults = {
 function useInputClasses(props) {
   const opts = { ...defaults, ...vue.toRefs(props) };
   const { size, errorMsg, required, rounded, prefix, suffix } = opts;
-  const inputClasses = vue.computed(() => {
-    const base = `${inputClassesShared.INPUT_BASE} ${inputClassesShared.INPUT_SIZES[size.value]}`;
-    const spacingLeft = prefix.value ? inputClassesShared.SPACING_PREFIX[size.value] : inputClassesShared.SPACING_LEFT[size.value];
-    const spacingRight = suffix.value ? inputClassesShared.SPACING_SUFFIX[size.value] : inputClassesShared.SPACING_RIGHT[size.value];
-    const res = `${base} ${spacingLeft} ${spacingRight} ${errorMsg.value ? inputClassesShared.INPUT_ERROR : inputClassesShared.INPUT_NORMAL}${rounded.value ? " rounded-full" : ""}`;
-    return res;
-  });
-  const labelClasses = vue.computed(() => {
-    const base = `${inputClassesShared.LABEL_BASE} ${inputClassesShared.LABEL_SIZES[size.value]}`;
-    const res = required.value ? `${base} ${inputClassesShared.LABEL_REQUIRED}` : base;
-    return res;
+  const allClasses = vue.computed(() => {
+    const { input, label, errorMessage } = inputClasses.inputClasses({
+      size: size.value,
+      prefix: prefix.value,
+      suffix: suffix.value,
+      required: required.value,
+      error: !!errorMsg.value,
+      rounded: rounded.value
+    });
+    return { input: input(), label: label(), errorMessage: errorMessage() };
   });
+  const inputClasses$1 = vue.computed(() => allClasses.value.input);
+  const labelClasses = vue.computed(() => allClasses.value.label);
+  const errorMsgClasses = vue.computed(() => allClasses.value.errorMessage);
   const selectClasses = vue.computed(() => {
-    const res = `${inputClasses.value.replace(` ${inputClassesShared.SPACING_RIGHT[size.value]}`, "")} ${inputClassesShared.SELECT_BASE} ${inputClassesShared.SELECT_ARROW} ${inputClassesShared.SELECT_SIZES[size.value]}`;
-    return res;
+    const { input } = inputClasses.selectClasses({ size: size.value, required: required.value, error: !!errorMsg.value });
+    return input();
   });
   const textareaClasses = vue.computed(() => {
-    const res = `${inputClasses.value} ${inputClassesShared.TEXTAREA_BASE}`;
-    return res;
+    const { input } = inputClasses.textareaClasses({ required: required.value, error: !!errorMsg.value });
+    return input();
   });
-  const errorMsgClasses = vue.ref(inputClassesShared.ERROR_MSG);
   return {
-    inputClasses,
+    inputClasses: inputClasses$1,
     labelClasses,
     selectClasses,
     textareaClasses,