@mouseless/baked 1.0.2 → 1.1.0

package/dist/runtime/components/Select.vue

@@ -1,40 +1,39 @@
 <template>
-  <div
-    v-if="loading"
-    class="min-w-40"
-  >
-    <Skeleton class="min-h-10" />
-  </div>
-  <FloatLabel
-    v-else-if="data"
-    variant="on"
-  >
-    <Select
-      v-model="selected"
-      v-bind="$attrs"
-      :input-id="path"
-      :options="data"
-      :placeholder="label"
-      :show-clear
-      class="hide-placeholder"
-    >
-      <template #value="slotProps">
-        <span>
-          {{ getValueLabel(slotProps) }}
-        </span>
-      </template>
-      <template #option="slotProps">
-        <span>{{ getOptionLabel(slotProps) }}</span>
-      </template>
-    </Select>
-    <label for="period">{{ l(label) }}</label>
-  </FloatLabel>
+  <AwaitLoading>
+    <template #loading>
+      <div class="min-w-40">
+        <Skeleton class="min-h-10" />
+      </div>
+    </template>
+    <FloatLabel variant="on">
+      <Select
+        v-bind="$attrs"
+        v-model="selected"
+        :input-id="path"
+        :options="data"
+        :placeholder="l(label)"
+        :show-clear
+        class="hide-placeholder w-full"
+      >
+        <template #value="slotProps">
+          <span>
+            {{ getValueLabel(slotProps) }}
+          </span>
+        </template>
+        <template #option="slotProps">
+          <span>{{ getOptionLabel(slotProps) }}</span>
+        </template>
+      </Select>
+      <label :for="path">{{ l(label) }}</label>
+    </FloatLabel>
+  </AwaitLoading>
 </template>
 
 <script setup>
 import { ref, watch } from "vue";
 import { FloatLabel, Select, Skeleton } from "primevue";
 import { useContext, useUiStates, useLocalization } from "#imports";
+import { AwaitLoading } from "#components";
 const context = useContext();
 const { localize: l } = useLocalization();
 const { value: { selectStates } } = useUiStates();
@@ -43,10 +42,8 @@ const { schema, data } = defineProps({
   data: { type: null, required: true }
 });
 const model = defineModel({ type: null, required: true });
-const { label, localizeLabel, optionLabel, optionValue, showClear, selectionPageContextKey, stateful } = schema;
-const loading = context.injectLoading();
+const { label, localizeLabel, optionLabel, optionValue, showClear, stateful } = schema;
 const path = context.injectPath();
-const page = context.injectPage();
 const selected = ref();
 watch(
   [() => data, () => model.value],
@@ -75,23 +72,11 @@ function setModel(selected2) {
     selectStates[path] = selectedValue;
   }
 }
-function getValueOf(option) {
-  return optionValue ? option?.[optionValue] : option;
-}
 function setSelected(value) {
   if (!data) {
     return;
   }
   selected.value = optionValue ? data.filter((o) => o[optionValue] === value)[0] : value;
-  if (selectionPageContextKey) {
-    for (const currentValue of data.map(getValueOf)) {
-      setPageContext(currentValue, false);
-    }
-    const selectedValue = getValueOf(selected.value);
-    if (selectedValue !== void 0) {
-      setPageContext(selectedValue, true);
-    }
-  }
   if (stateful) {
     const selectedValue = optionValue ? selected.value?.[optionValue] : selected.value;
     if (model.value !== selectedValue) {
@@ -99,10 +84,6 @@ function setSelected(value) {
     }
   }
 }
-function setPageContext(key, value) {
-  page[`${selectionPageContextKey}:${key}`] = value;
-  page[`!${selectionPageContextKey}:${key}`] = !value;
-}
 </script>
 
 <style>

package/dist/runtime/components/Select.vue.d.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>;

package/dist/runtime/components/SelectButton.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>;

package/dist/runtime/components/SelectButton.vue

@@ -1,28 +1,31 @@
 <template>
-  <div
-    v-if="loading"
-    class="min-w-60"
-  >
-    <Skeleton class="min-h-10" />
-  </div>
-  <SelectButton
-    v-else-if="data"
-    v-model="selected"
-    :options="data"
-    :allow-empty
-    :data-key="optionValue"
-    :pt="{ pcToggleButton: { root: { class: 'text-[length:inherit]' } } }"
-  >
-    <template #option="slotProps">
-      <span>{{ getOptionLabel(slotProps) }}</span>
+  <AwaitLoading>
+    <template #loading>
+      <div class="min-w-60">
+        <Skeleton class="min-h-10" />
+      </div>
     </template>
-  </SelectButton>
+    <SelectButton
+      v-if="data"
+      v-model="selected"
+      :options="data"
+      :allow-empty
+      :data-key="optionValue"
+      :option-label
+      :pt="{ pcToggleButton: { root: { class: 'text-[length:inherit]' } } }"
+    >
+      <template #option="slotProps">
+        <span>{{ getOptionLabel(slotProps) }}</span>
+      </template>
+    </SelectButton>
+  </AwaitLoading>
 </template>
 
 <script setup>
 import { ref, watch } from "vue";
 import { SelectButton, Skeleton } from "primevue";
 import { useContext, useLocalization, useUiStates } from "#imports";
+import { AwaitLoading } from "#components";
 const context = useContext();
 const { localize: l } = useLocalization();
 const { value: { selectButtonStates } } = useUiStates();
@@ -31,10 +34,8 @@ const { schema, data } = defineProps({
   data: { type: null, required: true }
 });
 const model = defineModel({ type: null, required: true });
-const { allowEmpty = false, localizeLabel, optionLabel, optionValue, stateful, selectionPageContextKey } = schema;
-const loading = context.injectLoading();
+const { allowEmpty = false, localizeLabel, optionLabel, optionValue, stateful } = schema;
 const path = context.injectPath();
-const page = context.injectPage();
 const selected = ref();
 watch(
   [() => data, () => model.value],
@@ -59,23 +60,11 @@ function setModel(selected2) {
     selectButtonStates[path] = selectedValue;
   }
 }
-function getValueOf(option) {
-  return optionValue ? option?.[optionValue] : option;
-}
 function setSelected(value) {
   if (!data) {
     return;
   }
   selected.value = optionValue ? data.filter((o) => o[optionValue] === value)[0] : value;
-  if (selectionPageContextKey) {
-    for (const currentValue of data.map(getValueOf)) {
-      setPageContext(currentValue, false);
-    }
-    const selectedValue = getValueOf(selected.value);
-    if (selectedValue !== void 0) {
-      setPageContext(selectedValue, true);
-    }
-  }
   if (stateful) {
     const selectedValue = optionValue ? selected.value?.[optionValue] : selected.value;
     if (model.value !== selectedValue) {
@@ -83,10 +72,6 @@ function setSelected(value) {
     }
   }
 }
-function setPageContext(key, value) {
-  page[`${selectionPageContextKey}:${key}`] = value;
-  page[`!${selectionPageContextKey}:${key}`] = !value;
-}
 </script>
 
 <style>

package/dist/runtime/components/SelectButton.vue.d.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>;

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

@@ -4,17 +4,27 @@ 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;
+    };
+    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>;
 type __VLS_Slots = {
     footer?: ((props: {}) => any) | undefined;
 } & {
     footer?: ((props: {}) => any) | undefined;
 };
-declare const __VLS_props: {
-    readonly schema: any;
-    readonly data: any;
-};

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

@@ -4,17 +4,27 @@ 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;
+    };
+    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>;
 type __VLS_Slots = {
     footer?: ((props: {}) => any) | undefined;
 } & {
     footer?: ((props: {}) => any) | undefined;
 };
-declare const __VLS_props: {
-    readonly schema: any;
-    readonly data: any;
-};

package/dist/runtime/components/SideMenuItem.d.vue.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>;
-    item: Record<string, any>;
-    path: string;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_props: {
-    readonly item: Record<string, any>;
-    readonly path: string;
-};
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/SideMenuItem.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>;
-    item: Record<string, any>;
-    path: string;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_props: {
-    readonly item: Record<string, any>;
-    readonly path: string;
-};
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,17 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+}>> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/SimpleForm.vue

@@ -0,0 +1,108 @@
+<template>
+  <template v-if="dialogOptions">
+    <Button
+      :schema="dialogOptions.open"
+      v-bind="$attrs"
+      @click="visible = true"
+    />
+    <Dialog
+      v-model:visible="visible"
+      :header="l(title)"
+      :style="{ width: 'min(700px, 90vw)' }"
+      :pt="{
+        header: !dialogOptions.message && inputs.length > 0 ? 'pb-0' : '',
+        content: 'flex flex-col gap-8'
+      }"
+      closable
+      modal
+      dismissable-mask
+      :draggable="false"
+      @after-hide="emitSubmit"
+    >
+      <div v-if="dialogOptions.message">
+        {{ l(dialogOptions.message) }}
+      </div>
+      <div
+        v-if="inputs.length > 0"
+        class="flex flex-col gap-4"
+        :class="{ 'pt-[--p-dialog-header-padding]': !dialogOptions.message }"
+      >
+        <Inputs
+          v-if="inputs"
+          :inputs
+          input-class="w-full"
+          @ready="onReady"
+          @changed="onChanged"
+        />
+      </div>
+      <template #footer>
+        <Button
+          :schema="dialogOptions.cancel"
+          @submit="() => visible = false"
+        />
+        <Button
+          :schema="submit"
+          :ready
+          @submit="execute"
+        />
+      </template>
+    </Dialog>
+  </template>
+  <template v-else>
+    <div
+      v-bind="$attrs"
+      class="flex flex-col gap-8"
+    >
+      <h1 class="font-bold text-xl truncate">
+        {{ l(title) }}
+      </h1>
+      <div class="flex flex-col gap-4">
+        <Inputs
+          v-if="inputs"
+          :inputs
+          input-class="w-full"
+          @ready="onReady"
+          @changed="onChanged"
+        />
+      </div>
+      <Button
+        :schema="submit"
+        :ready
+        @submit="$emit('submit', formData)"
+      />
+    </div>
+  </template>
+</template>
+
+<script setup>
+import { ref } from "vue";
+import { Dialog } from "primevue";
+import { useLocalization } from "#imports";
+import { Button, Inputs } from "#components";
+const { localize: l } = useLocalization();
+const { schema } = defineProps({
+  schema: { type: null, required: true }
+});
+const emit = defineEmits(["submit"]);
+const { dialogOptions, inputs, submit, title } = schema;
+const formData = ref({});
+const ready = ref(inputs.length === 0);
+const submitted = ref(false);
+const visible = ref(false);
+function onReady(value) {
+  ready.value = value;
+}
+function onChanged({ values }) {
+  formData.value = values;
+}
+function execute() {
+  submitted.value = true;
+  visible.value = false;
+}
+function emitSubmit() {
+  if (submitted.value) {
+    submitted.value = false;
+    emit("submit", formData.value);
+  }
+}
+</script>

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

@@ -0,0 +1,17 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+}>> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,13 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: 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>;

package/dist/runtime/components/SimplePage.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="flex flex-col gap-8">
+    <Bake
+      name="title"
+      :descriptor="title"
+    />
+    <div class="flex justify-center">
+      <Contents :contents />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { Contents } from "#components";
+const { schema } = defineProps({
+  schema: { type: null, required: true }
+});
+const { title, contents } = schema;
+</script>