@mouseless/baked 1.7.0 → 1.7.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@mouseless/baked",
   "configKey": "baked",
-  "version": "1.7.0",
+  "version": "1.7.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/components/Contents.vue

@@ -9,7 +9,7 @@
     <div
       class="
         w-full
-        grid grid-cols-1 items-start gap-4
+        grid grid-cols-1 items-start content-start gap-4
         lg:grid-cols-2
       "
     >
@@ -25,7 +25,7 @@
     <div
       v-if="sideContents.length"
       class="
-        w-[30rem] gap-2 flex flex-col
+        w-[30rem] gap-2 flex flex-col mt-2
         max-md:w-full
         max-lg:w-80
       "

package/dist/runtime/components/FormPage.vue

@@ -57,6 +57,7 @@
             <div
               v-if="inputGroups.length > 0"
               class="
+                b-input-groups
                 grid grid-cols-2 grid-flow-col
                 gap-4 items-start
                 max-md:flex max-md:flex-col
@@ -69,7 +70,7 @@
                 class="w-full flex gap-4 max-md:flex-col"
                 :class="{
                   'col-span-2': inputGroup.wide,
-                  'reset-min-w': inputGroup.inputs.length > 1
+                  'b-input-group reset-min-w': inputGroup.inputs.length > 1
                 }"
               >
                 <Inputs

package/dist/runtime/components/SimpleForm.vue

@@ -43,6 +43,11 @@
           @submit="() => visible = false"
         />
         <Button
+          v-tooltip.top="{
+            disabled: !showValidationSummary,
+            value: messages,
+            pt: { text: 'text-sm' }
+          }"
           :schema="submit"
           :ready
           @submit="execute"
@@ -57,9 +62,15 @@
     <div
       v-bind="$attrs"
       class="flex flex-col gap-4"
-      :class="{ 'gap-8': !horizontal }"
+      :class="[
+        { 'gap-8': !horizontal },
+        { 'horizontal': horizontal }
+      ]"
     >
-      <h2 class="font-bold text-xl truncate">
+      <h2
+        v-if="alwaysShowTitle"
+        class="font-bold text-xl truncate"
+      >
         {{ l(title) }}
       </h2>
       <div
@@ -84,7 +95,10 @@
           :schema="submit"
           :ready
           class="min-w-min"
-          :class="{ 'mt-4': !horizontal && inputs.length }"
+          :class="[
+            { 'mt-4': !horizontal && inputs.length },
+            { 'text-nowrap self-start': horizontal }
+          ]"
           @submit="$emit('submit', model)"
         />
         <ErrorPopover ref="errorPopoverRef">
@@ -107,7 +121,7 @@ const { schema } = defineProps({
   schema: { type: null, required: true }
 });
 const emit = defineEmits(["submit"]);
-const { dialogOptions, inputs, horizontal, submit, title, validations = [], showValidationSummary = false } = schema;
+const { alwaysShowTitle, dialogOptions, inputs, horizontal, submit, title, validations = [], showValidationSummary } = schema;
 const model = ref({});
 const readyData = ref({});
 const submitted = ref(false);
@@ -148,3 +162,7 @@ function emitSubmit() {
   }
 }
 </script>
+
+<style scoped>
+.horizontal :has(.p-iftalabel) .p-button[data-p=large]{@apply mt-1}.horizontal :has(.p-iftalabel) .p-button:not([data-p=large]){@apply mt-2}
+</style>

package/dist/runtime/composables/useConstraintEvaluator.js

@@ -39,6 +39,8 @@ function Composable() {
 
 function Is() {
   async function evaluate({ constraint, value }) {
+    if(constraint["null"]) { return value == null; }
+
     return constraint.is === value;
   }
 
@@ -49,10 +51,12 @@ function Is() {
 
 function IsNot() {
   async function evaluate({ constraint, value }) {
+    if(constraint["null"]) { return value != null; }
+
     return constraint.isNot !== value;
   }
 
   return {
     evaluate
   };
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mouseless/baked",
-  "version": "1.7.0",
+  "version": "1.7.2",
   "description": "Baked is an opinionated framework for .NET and Vue. This is the UI package of Baked project.",
   "keywords": [
     "baked",