@mapomodule/form 2.0.0-beta.0 → 2.0.0-beta.10

package/dist/runtime/components/fields/MapoDateTimeField.vue

@@ -0,0 +1,159 @@
+<script setup>
+import { computed, ref } from "vue";
+import {
+  parseDateTime,
+  CalendarDateTime,
+  today,
+  getLocalTimeZone
+} from "@internationalized/date";
+import { useI18n } from "vue-i18n";
+const props = defineProps({
+  modelValue: { type: null, required: true },
+  descriptor: { type: Object, required: true },
+  errors: { type: Array, required: false },
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+const { t } = useI18n();
+const open = ref(false);
+const tzMode = computed(() => props.descriptor.attrs?.tz ?? "naive");
+const calendarValue = computed(() => {
+  const v = props.modelValue;
+  if (!v) return void 0;
+  try {
+    if (tzMode.value === "utc") {
+      const d = new Date(v);
+      if (Number.isNaN(d.getTime())) return void 0;
+      return new CalendarDateTime(
+        d.getFullYear(),
+        d.getMonth() + 1,
+        d.getDate(),
+        d.getHours(),
+        d.getMinutes(),
+        d.getSeconds()
+      );
+    }
+    const clean = v.replace(/Z$/, "").replace(/[+-]\d{2}:\d{2}$/, "").split(".")[0];
+    return parseDateTime(clean);
+  } catch {
+    return void 0;
+  }
+});
+function emitFromCalendar(v) {
+  if (tzMode.value === "utc") {
+    const d = new Date(v.year, v.month - 1, v.day, v.hour, v.minute, 0, 0);
+    emit("update:modelValue", d.toISOString());
+    return;
+  }
+  emit("update:modelValue", v.toString());
+}
+const displayLabel = computed(() => {
+  const v = calendarValue.value;
+  if (!v) return t("mapo.dateField.selectDateTime");
+  const date = `${String(v.day).padStart(2, "0")}/${String(v.month).padStart(2, "0")}/${v.year}`;
+  const time = `${String(v.hour).padStart(2, "0")}:${String(v.minute).padStart(2, "0")}`;
+  return `${date} ${time}`;
+});
+const timeHour = computed(() => calendarValue.value?.hour ?? 0);
+const timeMinute = computed(() => calendarValue.value?.minute ?? 0);
+function onDateSelect(date) {
+  const d = date;
+  if (!d) {
+    emit("update:modelValue", null);
+    return;
+  }
+  const h = calendarValue.value?.hour ?? 0;
+  const m = calendarValue.value?.minute ?? 0;
+  const merged = new CalendarDateTime(d.year, d.month, d.day, h, m);
+  emitFromCalendar(merged);
+}
+function onTimeChange(part, val) {
+  const n = Math.max(
+    0,
+    Math.min(part === "hour" ? 23 : 59, parseInt(val) || 0)
+  );
+  const base = calendarValue.value ?? (() => {
+    const t2 = today(getLocalTimeZone());
+    return new CalendarDateTime(t2.year, t2.month, t2.day, 0, 0);
+  })();
+  const merged = part === "hour" ? new CalendarDateTime(base.year, base.month, base.day, n, base.minute) : new CalendarDateTime(base.year, base.month, base.day, base.hour, n);
+  emitFromCalendar(merged);
+}
+function clear() {
+  emit("update:modelValue", null);
+  open.value = false;
+}
+</script>
+
+<template>
+  <UPopover v-model:open="open" :disabled="readonly || disabled">
+    <UButton
+      variant="outline"
+      color="neutral"
+      icon="i-lucide-calendar"
+      trailing
+      class="w-full justify-between font-normal"
+      :class="{
+  'opacity-50 cursor-not-allowed': readonly || disabled,
+  'ring-2 ring-red-500': errors?.length
+}"
+      :disabled="readonly || disabled"
+    >
+      <span
+        :class="
+  calendarValue ? 'text-gray-900 dark:text-white' : 'text-gray-400'
+"
+      >
+        {{ displayLabel }}
+      </span>
+    </UButton>
+
+    <template #content>
+      <div class="p-3 space-y-3">
+        <UCalendar
+          :model-value="calendarValue"
+          @update:model-value="onDateSelect"
+        />
+
+        <!-- Time picker -->
+        <div
+          class="flex items-center gap-2 border-t border-gray-200 dark:border-gray-700 pt-3"
+        >
+          <UIcon name="i-lucide-clock" class="text-gray-400 shrink-0" />
+          <div class="flex items-center gap-1">
+            <UInput
+              type="number"
+              :model-value="timeHour"
+              min="0"
+              max="23"
+              class="w-14 text-center"
+              @update:model-value="
+  (v) => onTimeChange('hour', String(v))
+"
+            />
+            <span class="text-gray-500 font-medium">:</span>
+            <UInput
+              type="number"
+              :model-value="timeMinute"
+              min="0"
+              max="59"
+              class="w-14 text-center"
+              @update:model-value="
+  (v) => onTimeChange('minute', String(v))
+"
+            />
+          </div>
+          <UButton
+            variant="ghost"
+            color="neutral"
+            size="xs"
+            icon="i-lucide-x"
+            class="ml-auto"
+            @click="clear"
+          />
+        </div>
+      </div>
+    </template>
+  </UPopover>
+</template>

package/dist/runtime/components/fields/MapoDateTimeField.vue.d.ts

@@ -0,0 +1,17 @@
+import type { DateDescriptor } from "../../types/index.js";
+/** Datetime field with configurable naive/UTC serialisation semantics. */
+type __VLS_Props = {
+    modelValue: unknown;
+    descriptor: DateDescriptor;
+    errors?: string[];
+    readonly?: boolean;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=MapoDateTimeField.vue.d.ts.map

package/dist/runtime/components/fields/MapoDateTimeField.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapoDateTimeField.vue.d.ts","sourceRoot":"","sources":["../../../../src/runtime/components/fields/MapoDateTimeField.vue"],"names":[],"mappings":"AA6MA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,0EAA0E;AAC1E,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,cAAc,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAgWF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/runtime/components/fields/MapoEnhancedMediaField.vue

@@ -0,0 +1,130 @@
+<script setup>
+import { ref, computed } from "vue";
+import { useI18n } from "vue-i18n";
+import { useMediaManager } from "../../composables/useMediaManager.js";
+const props = defineProps({
+  modelValue: { type: null, required: true },
+  descriptor: { type: Object, required: true },
+  errors: { type: Array, required: false },
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+const { t } = useI18n();
+const dialogOpen = ref(false);
+const { MediaDialog, available } = useMediaManager();
+const current = computed(
+  () => props.modelValue?.media ?? null
+);
+const altValue = computed({
+  get: () => props.modelValue?.alt ?? "",
+  set: (v) => emit("update:modelValue", {
+    ...props.modelValue ?? { media: null },
+    alt: v
+  })
+});
+const captionValue = computed({
+  get: () => props.modelValue?.caption ?? "",
+  set: (v) => emit("update:modelValue", {
+    ...props.modelValue ?? { media: null },
+    caption: v
+  })
+});
+const mime = computed(() => props.descriptor.attrs?.mime);
+function onConfirm(selection) {
+  const media = Array.isArray(selection) ? selection[0] ?? null : selection;
+  emit("update:modelValue", {
+    ...props.modelValue ?? {},
+    media,
+    alt: props.modelValue?.alt ?? media?.alt_text ?? "",
+    caption: props.modelValue?.caption ?? ""
+  });
+}
+function clear() {
+  emit("update:modelValue", null);
+}
+</script>
+
+<template>
+  <div class="mapo-enhanced-media-field space-y-3">
+    <MapoMediaUnavailable v-if="!available" />
+
+    <template v-else>
+      <div class="flex gap-3">
+        <!-- Preview -->
+        <div class="shrink-0">
+          <div
+            class="flex size-24 cursor-pointer items-center justify-center overflow-hidden rounded-lg border-2 border-dashed transition-colors"
+            :class="
+  current ? 'border-default' : 'border-accented hover:border-primary'
+"
+            @click="!readonly && !disabled && (dialogOpen = true)"
+          >
+            <MapoMediaPreview v-if="current" :media="current" size="md" />
+            <div v-else class="flex flex-col items-center gap-1 text-dimmed">
+              <UIcon name="i-lucide-image-plus" class="size-7" />
+              <span class="text-[10px]">{{ t("mapo.select") }}</span>
+            </div>
+          </div>
+        </div>
+
+        <!-- Metadata fields -->
+        <div class="flex-1 space-y-2">
+          <div v-if="current" class="flex items-start justify-between gap-2">
+            <p class="truncate text-xs text-muted">
+              {{ current.title || current.file?.split("/").pop() }}
+            </p>
+            <div class="flex gap-1">
+              <UButton
+                v-if="!readonly && !disabled"
+                icon="i-lucide-refresh-cw"
+                size="xs"
+                variant="ghost"
+                color="neutral"
+                :title="t('mapo.change')"
+                @click="dialogOpen = true"
+              />
+              <UButton
+                v-if="!readonly && !disabled"
+                icon="i-lucide-x"
+                size="xs"
+                variant="ghost"
+                color="neutral"
+                :title="t('mapo.remove')"
+                @click="clear"
+              />
+            </div>
+          </div>
+
+          <UInput
+            v-model="altValue"
+            size="sm"
+            :placeholder="t('mapo.enhancedMediaField.altText')"
+            :disabled="readonly || disabled || !current"
+          />
+          <UInput
+            v-model="captionValue"
+            size="sm"
+            :placeholder="t('mapo.enhancedMediaField.caption')"
+            :disabled="readonly || disabled || !current"
+          />
+        </div>
+      </div>
+
+      <!-- Dialog -->
+      <component
+        :is="MediaDialog"
+        v-model="dialogOpen"
+        selection-mode="single"
+        :mime="mime"
+        :selected="current"
+        @confirm="onConfirm"
+      />
+    </template>
+
+    <!-- Errors -->
+    <p v-for="err in errors" :key="err" class="text-xs text-error" role="alert">
+      {{ err }}
+    </p>
+  </div>
+</template>

package/dist/runtime/components/fields/MapoEnhancedMediaField.vue.d.ts

@@ -0,0 +1,16 @@
+import type { EnhancedMediaDescriptor, EnhancedMediaValue } from "../../types/index.js";
+type __VLS_Props = {
+    modelValue: EnhancedMediaValue | null | undefined;
+    descriptor: EnhancedMediaDescriptor;
+    errors?: string[];
+    readonly?: boolean;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: EnhancedMediaValue | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: EnhancedMediaValue | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=MapoEnhancedMediaField.vue.d.ts.map

package/dist/runtime/components/fields/MapoEnhancedMediaField.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapoEnhancedMediaField.vue.d.ts","sourceRoot":"","sources":["../../../../src/runtime/components/fields/MapoEnhancedMediaField.vue"],"names":[],"mappings":"AA8JA,OAAO,KAAK,EACV,uBAAuB,EACvB,kBAAkB,EAEnB,MAAM,sBAAsB,CAAC;AAG9B,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,CAAC;IAClD,UAAU,EAAE,uBAAuB,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA+UF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/runtime/components/fields/MapoFileField.vue

@@ -0,0 +1,99 @@
+<script setup>
+import { ref, computed } from "vue";
+import { useI18n } from "vue-i18n";
+const props = defineProps({
+  modelValue: { type: null, required: true },
+  descriptor: { type: Object, required: true },
+  errors: { type: Array, required: false },
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+const { t } = useI18n();
+const inputRef = ref(null);
+const currentFileName = computed(() => {
+  if (props.modelValue instanceof File) return props.modelValue.name;
+  if (typeof props.modelValue === "string" && props.modelValue)
+    return props.modelValue.split("/").pop() ?? props.modelValue;
+  return null;
+});
+const previewUrl = computed(() => {
+  if (props.modelValue instanceof File) {
+    if (props.modelValue.type.startsWith("image/"))
+      return URL.createObjectURL(props.modelValue);
+  }
+  if (typeof props.modelValue === "string" && props.modelValue) {
+    const ext = props.modelValue.split(".").pop()?.toLowerCase() ?? "";
+    if (["jpg", "jpeg", "png", "gif", "webp", "svg", "avif"].includes(ext))
+      return props.modelValue;
+  }
+  return null;
+});
+function onFileChange(e) {
+  const file = e.target.files?.[0] ?? null;
+  emit("update:modelValue", file);
+}
+function clear() {
+  emit("update:modelValue", null);
+  if (inputRef.value) inputRef.value.value = "";
+}
+const hasError = computed(() => (props.errors?.length ?? 0) > 0);
+const accept = computed(
+  () => props.descriptor.attrs?.accept ?? void 0
+);
+</script>
+
+<template>
+  <div class="mapo-file-field space-y-2">
+    <!-- Current file preview -->
+    <div
+      v-if="currentFileName"
+      class="flex items-center gap-2 rounded border px-3 py-2 text-sm"
+      :class="
+  hasError ? 'border-red-300 bg-red-50' : 'border-gray-200 bg-gray-50'
+"
+    >
+      <img
+        v-if="previewUrl"
+        :src="previewUrl"
+        class="h-8 w-8 rounded object-cover shrink-0"
+        alt=""
+      />
+      <UIcon
+        v-else
+        name="i-lucide-file"
+        class="size-4 shrink-0 text-gray-400"
+      />
+      <span class="flex-1 truncate text-gray-700">{{ currentFileName }}</span>
+      <UButton
+        v-if="!readonly && !disabled"
+        size="xs"
+        variant="ghost"
+        color="neutral"
+        icon="i-lucide-x"
+        :aria-label="t('mapo.fileField.removeFile')"
+        @click="clear"
+      />
+    </div>
+
+    <!-- File input -->
+    <UInput
+      v-if="!readonly && !disabled"
+      ref="inputRef"
+      type="file"
+      :accept="accept"
+      :color="hasError ? 'error' : void 0"
+      :aria-invalid="hasError ? 'true' : void 0"
+      @change="onFileChange"
+    />
+
+    <p
+      v-for="err in errors"
+      :key="err"
+      class="text-sm text-red-500"
+      role="alert"
+    >
+      {{ err }}
+    </p>
+  </div>
+</template>

package/dist/runtime/components/fields/MapoFileField.vue.d.ts

@@ -0,0 +1,16 @@
+import type { FileDescriptor } from "../../types/index.js";
+type __VLS_Props = {
+    modelValue: unknown;
+    descriptor: FileDescriptor;
+    errors?: string[];
+    readonly?: boolean;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: File | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: File | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=MapoFileField.vue.d.ts.map

package/dist/runtime/components/fields/MapoFileField.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapoFileField.vue.d.ts","sourceRoot":"","sources":["../../../../src/runtime/components/fields/MapoFileField.vue"],"names":[],"mappings":"AAiHA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,cAAc,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA6MF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/runtime/components/fields/MapoFksField.vue

@@ -0,0 +1,122 @@
+<script setup>
+import { ref, computed, watch, onMounted } from "vue";
+import { useI18n } from "vue-i18n";
+import { useNuxtApp } from "#app";
+import { debounce } from "@mapomodule/utils";
+const props = defineProps({
+  modelValue: { type: null, required: true },
+  descriptor: { type: Object, required: true },
+  errors: { type: Array, required: false },
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+const { t } = useI18n();
+const attrs = computed(() => props.descriptor.attrs);
+const isMultiple = computed(
+  () => props.descriptor.type === "m2m" || !!attrs.value.multiple
+);
+const itemText = computed(() => attrs.value.itemText ?? "name");
+const itemValue = computed(() => attrs.value.itemValue ?? "id");
+const items = ref([]);
+const isLoading = ref(false);
+const searchTerm = ref("");
+const $mapoFetch = useNuxtApp().$mapoFetch;
+async function fetchItems(query) {
+  isLoading.value = true;
+  try {
+    const rawEndpoint = attrs.value.endpoint;
+    const endpoint = rawEndpoint.startsWith("/") || rawEndpoint.startsWith("http") ? rawEndpoint : `/${rawEndpoint}`;
+    const url = query ? `${endpoint}${endpoint.includes("?") ? "&" : "?"}search=${encodeURIComponent(query)}` : endpoint;
+    const data = await ($mapoFetch ?? $fetch)(url);
+    const raw = Array.isArray(data) ? data : data.results ?? [];
+    items.value = raw;
+  } catch {
+    items.value = [];
+  } finally {
+    isLoading.value = false;
+  }
+}
+const debouncedFetch = debounce(fetchItems, 300);
+onMounted(() => fetchItems(""));
+watch(searchTerm, (q) => debouncedFetch(q));
+const internalValue = computed({
+  get: () => props.modelValue,
+  set: (val) => emit("update:modelValue", val)
+});
+const placeholder = computed(
+  () => isMultiple.value ? t("mapo.fksField.searchSelect") : t("mapo.search")
+);
+function getLabel(item) {
+  if (item !== null && item !== void 0 && typeof item !== "object") {
+    const found = items.value.find((i) => i[itemValue.value] === item);
+    return found ? String(found[itemText.value] ?? item) : String(item);
+  }
+  if (!item || typeof item !== "object") return "";
+  return String(item[itemText.value] ?? "");
+}
+function getItemKey(item) {
+  if (item !== null && item !== void 0 && typeof item !== "object")
+    return item;
+  return item?.[itemValue.value];
+}
+</script>
+
+<template>
+  <USelectMenu
+    v-model="internalValue"
+    v-model:search-term="searchTerm"
+    :items="items"
+    :label-key="itemText"
+    :value-key="attrs.returnObject === false ? itemValue : void 0"
+    :by="attrs.returnObject !== false ? itemValue : void 0"
+    :multiple="isMultiple"
+    :loading="isLoading"
+    :ignore-filter="true"
+    :placeholder="placeholder"
+    :readonly="readonly"
+    :disabled="disabled"
+    :highlight="!!errors?.length"
+    clear
+  >
+    <!-- Chips for multi-selection -->
+    <template
+      v-if="isMultiple && Array.isArray(internalValue) && internalValue.length"
+      #default
+    >
+      <div class="flex flex-wrap gap-1 py-0.5">
+        <UBadge
+          v-for="item in internalValue"
+          :key="String(getItemKey(item))"
+          variant="soft"
+          color="primary"
+          class="cursor-default"
+        >
+          {{ getLabel(item) }}
+          <UButton
+            v-if="!readonly && !disabled"
+            size="xs"
+            variant="ghost"
+            color="primary"
+            icon="i-lucide-x"
+            class="-mr-1 ml-0.5 h-3.5 w-3.5"
+            @click.stop="
+  internalValue = internalValue.filter(
+    (i) => getItemKey(i) !== getItemKey(item)
+  )
+"
+          />
+        </UBadge>
+      </div>
+    </template>
+
+    <!-- Empty state -->
+    <template #empty>
+      <span class="text-sm text-gray-500">
+        {{
+          searchTerm ? t("mapo.fksField.noResults") : t("mapo.fksField.noItems")
+        }}
+      </span>
+    </template>
+  </USelectMenu>
+</template>

package/dist/runtime/components/fields/MapoFksField.vue.d.ts

@@ -0,0 +1,16 @@
+import type { FksDescriptor } from "../../types/index.js";
+type __VLS_Props = {
+    modelValue: unknown;
+    descriptor: FksDescriptor;
+    errors?: string[];
+    readonly?: boolean;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=MapoFksField.vue.d.ts.map

package/dist/runtime/components/fields/MapoFksField.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapoFksField.vue.d.ts","sourceRoot":"","sources":["../../../../src/runtime/components/fields/MapoFksField.vue"],"names":[],"mappings":"AAmKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAiQF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}