@mouseless/baked 1.0.2 → 1.1.0

package/dist/runtime/components/NavLink.vue

@@ -1,30 +1,44 @@
 <template>
-  <Skeleton
-    v-if="loading"
-    height="1.5rem"
-  />
-  <Button
-    v-else-if="data"
-    as="router-link"
-    link
-    :label="l(text)"
-    :to
-  />
+  <AwaitLoading :skeleton="{ height: '1.5rem' }">
+    <Button
+      :icon
+      :label="data"
+      :to
+      as="router-link"
+      link
+      class="m-0 p-0"
+    />
+  </AwaitLoading>
 </template>
 
 <script setup>
-import { computed } from "vue";
-import { Button, Skeleton } from "primevue";
-import { useContext, useFormat, useLocalization } from "#imports";
+import { computed, onMounted, ref } from "vue";
+import { Button } from "primevue";
+import { useContext, useDataFetcher, usePathBuilder } from "#imports";
+import { AwaitLoading } from "#components";
 const context = useContext();
-const { format } = useFormat();
-const { localize: l } = useLocalization();
+const dataFetcher = useDataFetcher();
+const pathBuilder = usePathBuilder();
 const { schema, data } = defineProps({
   schema: { type: null, required: true },
   data: { type: null, required: true }
 });
-const { path, idProp, textProp } = schema;
-const loading = context.injectLoading();
-const to = computed(() => format(path, [data[idProp]]));
-const text = computed(() => data[textProp]);
+const { icon, path, query: queryData, params: paramsData } = schema;
+const contextData = context.injectContextData();
+const query = ref(queryData ? dataFetcher.get({ data: queryData, contextData }) : null);
+const shouldLoadQuery = queryData ? dataFetcher.shouldLoad(queryData.type) : false;
+const params = ref(paramsData ? dataFetcher.get({ data: paramsData, contextData }) : null);
+const shouldLoadParams = paramsData ? dataFetcher.shouldLoad(paramsData.type) : false;
+const to = computed(() => ({
+  path: params.value ? pathBuilder.build(path, params.value, { forRoute: true }) : path,
+  query: query.value
+}));
+onMounted(async () => {
+  if (shouldLoadQuery) {
+    query.value = await dataFetcher.fetch({ data: queryData, contextData });
+  }
+  if (shouldLoadParams) {
+    params.value = await dataFetcher.fetch({ data: paramsData, contextData });
+  }
+});
 </script>

package/dist/runtime/components/NavLink.vue.d.ts

@@ -1,11 +1,21 @@
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {
-    $props: Partial<typeof __VLS_props>;
-    schema: any;
-    data: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_props: {
-    readonly schema: any;
-    readonly data: any;
-};
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    data: {
+        type: null;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    data: {
+        type: null;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/Number.d.vue.ts

@@ -1,11 +1,13 @@
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {
-    $props: Partial<typeof __VLS_props>;
-    schema: any;
-    data: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_props: {
-    readonly schema: any;
-    readonly data: any;
-};
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/Number.vue

@@ -1,27 +1,22 @@
 <template>
-  <Skeleton
-    v-if="loading"
-    height="1.5rem"
-  />
-  <span
-    v-else-if="data"
-    v-tooltip.bottom="tooltip"
-    class="max-sm:select-none"
-  >{{ display }}</span>
-  <span v-else>-</span>
+  <AwaitLoading :skeleton="{ height: '1.5rem' }">
+    <span
+      v-if="data"
+      v-tooltip.bottom="tooltip"
+      class="max-sm:select-none"
+    >{{ display }}</span>
+    <span v-else>-</span>
+  </AwaitLoading>
 </template>
 
 <script setup>
 import { computed } from "vue";
-import { Skeleton } from "primevue";
-import { useContext, useFormat } from "#imports";
-const context = useContext();
+import { useFormat } from "#imports";
+import { AwaitLoading } from "#components";
 const { asNumber } = useFormat();
 const { data } = defineProps({
-  schema: { type: null, required: true },
   data: { type: null, required: true }
 });
-const loading = context.injectLoading();
 const display = computed(() => asNumber(data));
 const tooltip = computed(() => display.value.shortened ? `${asNumber(data, { shorten: false })}` : null);
 </script>

package/dist/runtime/components/Number.vue.d.ts

@@ -1,11 +1,13 @@
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {
-    $props: Partial<typeof __VLS_props>;
-    schema: any;
-    data: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_props: {
-    readonly schema: any;
-    readonly data: any;
-};
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/Page.vue

@@ -9,16 +9,19 @@
 <script setup>
 import { reactive } from "vue";
 import { useRoute, useRuntimeConfig } from "#app";
-import { useContext, useFormat, useHead, usePages } from "#imports";
+import { useContext, useEvents, useFormat, useHead, usePages } from "#imports";
 import { Bake } from "#components";
 const context = useContext();
+const events = useEvents();
 const { asClasses } = useFormat();
 const pages = usePages();
 const route = useRoute();
 const { public: { components } } = useRuntimeConfig();
 useHead({ title: components?.Page?.title });
-context.providePage(reactive({}));
-const name = route.params?.baked === "" ? "index" : route.params?.baked.join("/");
+context.provideEvents(events.create());
+context.providePageContext(reactive({}));
+const name = route.matched[0].name;
+const className = name.replace("[", "").replace("]", "");
 const descriptor = await pages.fetch(name);
-const classes = [asClasses("page"), asClasses(name, "b-route--")];
+const classes = [asClasses("page"), asClasses(className, "b-route--")];
 </script>

package/dist/runtime/components/PageTitle.d.vue.ts

@@ -4,19 +4,25 @@ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 type __VLS_WithSlots<T, S> = T & (new () => {
     $slots: S;
 });
-declare const __VLS_base: import("vue").DefineComponent<{}, {
-    $props: Partial<typeof __VLS_props>;
-    schema: any;
-    data: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
+    inputs?: ((props: {}) => any) | undefined;
+} & {
     actions?: ((props: {}) => any) | undefined;
+} & {
+    inputs?: ((props: {}) => any) | undefined;
 } & {
     actions?: ((props: {}) => any) | undefined;
 } & {
     extra?: ((props: {}) => any) | undefined;
 };
-declare const __VLS_props: {
-    readonly schema: any;
-    readonly data: any;
-};

package/dist/runtime/components/PageTitle.vue

@@ -57,6 +57,10 @@
         "
       >
         <template v-if="isMd">
+          <slot
+            v-if="$slots.inputs"
+            name="inputs"
+          />
           <Bake
             v-for="action in actions"
             :key="action.schema.name"
@@ -70,15 +74,15 @@
         </template>
         <template v-else>
           <Button
-            v-if="actions?.length > 0 || $slots.actions"
+            v-if="$slots.inputs"
             variant="text"
             icon="pi pi-filter"
             class="lg:hidden"
             rounded
-            @click="togglePopover"
+            @click="togglePopoverInputs"
           />
           <PersistentPopover
-            ref="popover"
+            ref="popoverInputs"
             fixed
           >
             <div
@@ -86,6 +90,30 @@
               flex flex-col flex-start
               justify-between w-full
               gap-4 text-sm px-2 py-2"
+            >
+              <slot
+                v-if="$slots.inputs"
+                name="inputs"
+              />
+            </div>
+          </PersistentPopover>
+          <Button
+            v-if="$slots.actions || actions?.length > 0"
+            variant="text"
+            icon="pi pi-ellipsis-h"
+            class="lg:hidden"
+            rounded
+            @click="togglePopoverActions"
+          />
+          <PersistentPopover
+            ref="popoverActions"
+            fixed
+          >
+            <div
+              class="
+              flex flex-col flex-start
+              justify-between w-full min-w-52
+              gap-4 text-sm px-2 py-2"
             >
               <Bake
                 v-for="action in actions"
@@ -116,11 +144,11 @@ const { isMd } = useBreakpoints();
 const { localize: l } = useLocalization();
 const { public: { components } } = useRuntimeConfig();
 const { schema } = defineProps({
-  schema: { type: null, required: true },
-  data: { type: null, default: null }
+  schema: { type: null, required: true }
 });
 const { title, description, actions } = schema;
-const popover = ref();
+const popoverInputs = ref();
+const popoverActions = ref();
 useHead({
   title: components?.Page?.title ? `${components.Page.title} - ${title}` : title
 });
@@ -161,8 +189,11 @@ function toggleClasses(element, toggle, classes) {
     element.classList.toggle(cls, toggle);
   }
 }
-function togglePopover(event) {
-  popover.value.toggle(event);
+function togglePopoverInputs(event) {
+  popoverInputs.value.toggle(event);
+}
+function togglePopoverActions(event) {
+  popoverActions.value.toggle(event);
 }
 </script>
 

package/dist/runtime/components/PageTitle.vue.d.ts

@@ -4,19 +4,25 @@ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 type __VLS_WithSlots<T, S> = T & (new () => {
     $slots: S;
 });
-declare const __VLS_base: import("vue").DefineComponent<{}, {
-    $props: Partial<typeof __VLS_props>;
-    schema: any;
-    data: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
+    inputs?: ((props: {}) => any) | undefined;
+} & {
     actions?: ((props: {}) => any) | undefined;
+} & {
+    inputs?: ((props: {}) => any) | undefined;
 } & {
     actions?: ((props: {}) => any) | undefined;
 } & {
     extra?: ((props: {}) => any) | undefined;
 };
-declare const __VLS_props: {
-    readonly schema: any;
-    readonly data: any;
-};

package/dist/runtime/components/PersistentPopover.vue

@@ -1,7 +1,7 @@
 <template>
   <Portal :append-to="appendTo">
     <transition
-      name="p-popover"
+      name="p-anchored-overlay"
       v-bind="ptm('transition')"
       @enter="onEnter"
       @leave="onLeave"

package/dist/runtime/components/ProvideParentContext.d.vue.ts

@@ -0,0 +1,28 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+    dataKey: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+    dataKey: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
+};

package/dist/runtime/components/ProvideParentContext.vue

@@ -0,0 +1,14 @@
+<template>
+  <slot />
+</template>
+
+<script setup>
+import { useContext } from "#imports";
+const context = useContext();
+const { data, dataKey } = defineProps({
+  data: { type: null, required: true },
+  dataKey: { type: String, required: true }
+});
+const parentContext = context.injectParentContext();
+context.provideParentContext({ ...parentContext, [dataKey]: data });
+</script>

package/dist/runtime/components/ProvideParentContext.vue.d.ts

@@ -0,0 +1,28 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+    dataKey: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+    dataKey: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
+};

package/dist/runtime/components/Rate.d.vue.ts

@@ -1,11 +1,13 @@
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {
-    $props: Partial<typeof __VLS_props>;
-    schema: any;
-    data: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_props: {
-    readonly schema: any;
-    readonly data: any;
-};
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/Rate.vue

@@ -1,22 +1,17 @@
 <template>
-  <Skeleton
-    v-if="loading"
-    height="1.5rem"
-  />
-  <span v-else-if="data">{{ display }}</span>
-  <span v-else>-</span>
+  <AwaitLoading :skeleton="{ height: '1.5rem' }">
+    <span v-if="data">{{ display }}</span>
+    <span v-else>-</span>
+  </AwaitLoading>
 </template>
 
 <script setup>
 import { computed } from "vue";
-import { Skeleton } from "primevue";
-import { useContext, useFormat } from "#imports";
-const context = useContext();
+import { useFormat } from "#imports";
+import { AwaitLoading } from "#components";
 const { asPercentage } = useFormat();
 const { data } = defineProps({
-  schema: { type: null, required: true },
   data: { type: null, required: true }
 });
-const loading = context.injectLoading();
 const display = computed(() => asPercentage(data));
 </script>

package/dist/runtime/components/Rate.vue.d.ts

@@ -1,11 +1,13 @@
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {
-    $props: Partial<typeof __VLS_props>;
-    schema: any;
-    data: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_props: {
-    readonly schema: any;
-    readonly data: any;
-};
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/Select.d.vue.ts

@@ -1,11 +1,33 @@
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {
-    $props: Partial<typeof __VLS_props>;
-    schema: any;
-    data: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_props: {
-    readonly schema: any;
-    readonly data: any;
-};
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    data: {
+        type: null;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    data: {
+        type: null;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;