@liujitcn/kratos-admin-bi 0.0.0-stage → 0.1.6

package/dist/package/declarations/src/components/BiSourceModelDialog.vue.js

@@ -0,0 +1,2118 @@
+/// <reference types="../../../../../node_modules/.pnpm/@vue+language-core@3.3.13/node_modules/@vue/language-core/types/template-helpers.d.ts" />
+/// <reference types="../../../../../node_modules/.pnpm/@vue+language-core@3.3.13/node_modules/@vue/language-core/types/props-fallback.d.ts" />
+import { computed, nextTick, ref, useId, watch } from "vue";
+import { VueFlow, Handle, MarkerType, Panel, Position, useVueFlow } from "@vue-flow/core";
+import { Background } from "@vue-flow/background";
+import { Controls } from "@vue-flow/controls";
+import { MiniMap } from "@vue-flow/minimap";
+import { CirclePlus, DataAnalysis, Delete } from "@element-plus/icons-vue";
+import { t } from "@liujitcn/kratos-admin-core";
+import { defBiQueryService } from "../api/bi/admin/v1/bi_query";
+import { defBiSourceService } from "../api/bi/admin/v1/bi_source";
+import { formatSourceModelLayout } from "./source-model-layout";
+import "@vue-flow/core/dist/style.css";
+import "@vue-flow/controls/dist/style.css";
+import "@vue-flow/minimap/dist/style.css";
+const { defineProps, defineEmits, } = {};
+const props = defineProps();
+const emit = defineEmits();
+const open = computed({ get: () => props.modelValue, set: value => emit("update:modelValue", value) });
+const flowId = `bi-source-model-${useId()}`;
+const { fitView, updateNodeInternals, viewportHelper } = useVueFlow(flowId);
+const loading = ref(false);
+const saving = ref(false);
+const previewing = ref(false);
+const step = ref(0);
+const tableFilter = ref("");
+const schemaTables = ref([]);
+const model = ref(emptyModel());
+const selectedRelationIndex = ref(-1);
+const savedModelSnapshot = ref("");
+const modelSaved = computed(() => savedModelSnapshot.value !== "" && savedModelSnapshot.value === JSON.stringify(model.value));
+const previewResult = ref();
+const selectedTables = computed(() => schemaTables.value.filter(table => model.value.tables.some(item => item.key === table.key)));
+const filteredTables = computed(() => schemaTables.value.filter(table => `${table.schema_name}.${schemaLabel(table)}`.toLowerCase().includes(tableFilter.value.toLowerCase())));
+const selectedRelation = computed(() => model.value.relations[selectedRelationIndex.value]);
+const nodes = computed(() => selectedTables.value.map((table, index) => {
+    const saved = model.value.tables.find(item => item.key === table.key);
+    const incoming = model.value.relations.find(relation => relation.right_table === table.key);
+    const targetPosition = incoming && (modelTable(incoming.left_table)?.x ?? 0) > (saved?.x ?? 0) ? Position.Right : Position.Left;
+    const outgoing = model.value.relations.map((relation, relationIndex) => ({
+        relation,
+        relationIndex,
+        position: (modelTable(relation.right_table)?.x ?? 0) < (saved?.x ?? 0) ? Position.Left : Position.Right
+    })).filter(({ relation }) => relation.left_table === table.key)
+        .sort((left, right) => (modelTable(left.relation.right_table)?.y ?? 0) - (modelTable(right.relation.right_table)?.y ?? 0));
+    return {
+        id: table.key,
+        type: "table",
+        position: { x: saved?.x ?? 80 + (index % 3) * 330, y: saved?.y ?? 60 + Math.floor(index / 3) * 290 },
+        data: {
+            key: table.key,
+            name: table.name,
+            schema_name: table.schema_name,
+            targetPosition,
+            handles: outgoing.length ? outgoing.map(handle => {
+                const siblings = outgoing.filter(item => item.position === handle.position);
+                return { id: `relation-${handle.relationIndex}`, top: (siblings.indexOf(handle) + 1) * 100 / (siblings.length + 1), position: handle.position };
+            }) : [{ id: "out", top: 50, position: targetPosition === Position.Right ? Position.Left : Position.Right }]
+        }
+    };
+}));
+const edges = computed(() => model.value.relations.map((relation, index) => ({
+    id: `relation-${index}`,
+    source: relation.left_table,
+    target: relation.right_table,
+    sourceHandle: `relation-${index}`,
+    targetHandle: "in",
+    type: "default",
+    selected: selectedRelationIndex.value === index,
+    label: `${schemaLabel(tableFor(relation.left_table)?.columns.find(column => column.name === relation.left_column), relation.left_column || "?")} → ${schemaLabel(tableFor(relation.right_table)?.columns.find(column => column.name === relation.right_column), relation.right_column || "?")}`,
+    markerEnd: MarkerType.ArrowClosed,
+    interactionWidth: 20,
+    style: { stroke: selectedRelationIndex.value === index ? "var(--el-color-primary)" : "var(--el-text-color-placeholder)" },
+    labelStyle: { fill: "var(--el-text-color-regular)", fontSize: 12 },
+    labelBgStyle: { fill: "var(--el-bg-color)", stroke: "var(--el-border-color-lighter)" },
+    labelBgPadding: [6, 4],
+    labelBgBorderRadius: 4
+})));
+const previewRows = computed(() => previewResult.value?.rows.map(row => Object.fromEntries(row.values.map((value, index) => [`value_${index}`, value]))) ?? []);
+watch(() => props.modelValue, visible => {
+    if (visible)
+        void loadModel();
+});
+watch(model, () => { previewResult.value = undefined; }, { deep: true });
+watch(nodes, async () => {
+    await nextTick();
+    updateNodeInternals();
+}, { flush: "post" });
+/** 初始化数据库结构和已保存的语义模型。 */
+async function loadModel() {
+    if (!props.source)
+        return;
+    loading.value = true;
+    step.value = 0;
+    savedModelSnapshot.value = "";
+    previewResult.value = undefined;
+    try {
+        const result = await defBiSourceService.ListBiSourceTables({ id: props.source.id });
+        schemaTables.value = result.tables ?? [];
+        model.value = readStoredModel(props.source.schema_json);
+        if (!model.value.tables.length)
+            model.value = emptyModel();
+        savedModelSnapshot.value = props.source.model_configured ? JSON.stringify(model.value) : "";
+    }
+    catch (cause) {
+        ElMessage.error(cause instanceof Error ? cause.message : t("bi.query.error"));
+    }
+    finally {
+        loading.value = false;
+    }
+}
+/** 将数据库中保存的 JSON 转换为前端模型。 */
+function readStoredModel(value) {
+    try {
+        const stored = JSON.parse(value);
+        return {
+            base_table: stored.baseTable ?? "",
+            tables: (stored.tables ?? []).map(table => ({ key: table.key, tenant_column: table.tenantColumn ?? table.tenant_column ?? "", x: table.x ?? 0, y: table.y ?? 0 })),
+            relations: (stored.relations ?? []).map(relation => ({
+                left_table: relation.leftTable ?? relation.left_table ?? "",
+                left_column: relation.leftColumn ?? relation.left_column ?? "",
+                right_table: relation.rightTable ?? relation.right_table ?? "",
+                right_column: relation.rightColumn ?? relation.right_column ?? "",
+                join_type: relation.joinType ?? relation.join_type ?? "left"
+            })),
+            dimensions: (stored.dimensions ?? []).map(dimension => ({ ...dimension, filterable: dimension.filterable ?? false })),
+            measures: (stored.measures ?? []).map(measure => ({ ...measure, aggregations: measure.aggregations ?? [] }))
+        };
+    }
+    catch {
+        return emptyModel();
+    }
+}
+/** 创建空语义模型。 */
+function emptyModel() {
+    return { base_table: "", tables: [], relations: [], dimensions: [], measures: [] };
+}
+/** 判断表是否已加入模型。 */
+function isSelected(key) {
+    return model.value.tables.some(table => table.key === key);
+}
+/** 更换事实表时仅保留仍属于新事实表的指标。 */
+function setBaseTable(key) {
+    model.value.base_table = key;
+    model.value.measures = model.value.measures.filter(measure => measure.table === key);
+}
+/** 查询模型表节点以编辑租户隔离字段。 */
+function modelTable(key) {
+    return model.value.tables.find(table => table.key === key);
+}
+/** 更新表的租户隔离字段。 */
+function setTenantColumn(key, column) {
+    const table = modelTable(key);
+    if (table)
+        table.tenant_column = column;
+}
+/** 加入或移除建模表并清理失效的关系和字段。 */
+function toggleTable(table, selected) {
+    if (selected) {
+        if (model.value.tables.length >= 8)
+            return;
+        const tenantColumn = table.columns.find(column => column.name === "tenant_id")?.name ?? "";
+        model.value.tables.push({ key: table.key, tenant_column: tenantColumn, x: 80 + (model.value.tables.length % 3) * 330, y: 60 + Math.floor(model.value.tables.length / 3) * 290 });
+        if (!model.value.base_table)
+            model.value.base_table = table.key;
+        return;
+    }
+    model.value.tables = model.value.tables.filter(item => item.key !== table.key);
+    model.value.relations = model.value.relations.filter(item => item.left_table !== table.key && item.right_table !== table.key);
+    model.value.dimensions = model.value.dimensions.filter(item => item.table !== table.key);
+    model.value.measures = model.value.measures.filter(item => item.table !== table.key);
+    if (model.value.base_table === table.key)
+        model.value.base_table = model.value.tables[0]?.key ?? "";
+    selectedRelationIndex.value = -1;
+}
+/** 查询指定表的发现结构。 */
+function tableFor(key) {
+    return schemaTables.value.find(table => table.key === key);
+}
+/** 表和字段展示注释，选择值仍使用原始英文标识。 */
+function schemaLabel(item, name = item?.name ?? "") {
+    return item?.comment ? `${name}（${item.comment}）` : name;
+}
+/** 返回维度表中可作为多对一目标的唯一字段。 */
+function uniqueColumns(key) {
+    return tableFor(key)?.columns.filter(column => column.unique) ?? [];
+}
+/** 按数据库字段类型推导 BI 展示类型。 */
+function fieldType(table, column) {
+    const value = tableFor(table)?.columns.find(item => item.name === column)?.data_type.toLowerCase() ?? "";
+    if (/int|decimal|numeric|real|double|float/.test(value))
+        return "number";
+    if (/date|time/.test(value))
+        return "date";
+    return "string";
+}
+/** 返回当前度量字段可用的聚合函数。 */
+function aggregationOptions(column) {
+    return fieldType(model.value.base_table, column) === "number" ? ["count", "sum", "avg", "min", "max"] : ["count"];
+}
+/** 为新增度量选择默认聚合方式。 */
+function defaultAggregations(column) {
+    return fieldType(model.value.base_table, column) === "number" ? ["sum"] : ["count"];
+}
+/** 增加一条语义维度。 */
+function addDimension() {
+    const table = selectedTables.value[0];
+    const column = table?.columns[0];
+    if (!table || !column)
+        return;
+    const code = semanticCode(table.name, column.name, model.value.dimensions.length);
+    model.value.dimensions.push({ code, name: column.name, type: fieldType(table.key, column.name), table: table.key, column: column.name, filterable: true });
+}
+/** 增加一条事实表指标。 */
+function addMeasure() {
+    const table = tableFor(model.value.base_table);
+    const column = table?.columns.find(item => fieldType(table.key, item.name) === "number") ?? table?.columns[0];
+    if (!table || !column)
+        return;
+    const code = semanticCode(table.name, column.name, model.value.measures.length);
+    model.value.measures.push({ code, name: column.name, type: "number", table: table.key, column: column.name, aggregations: defaultAggregations(column.name) });
+}
+/** 生成合法且稳定的语义字段编码。 */
+function semanticCode(table, column, index) {
+    const prefix = `${table}_${column}`.toLowerCase().replace(/[^a-z0-9_]/g, "_");
+    let suffix = index + 1;
+    let code = `${prefix}_${suffix}`;
+    while ([...model.value.dimensions, ...model.value.measures].some(field => field.code === code)) {
+        code = `${prefix}_${++suffix}`;
+    }
+    return code;
+}
+/** 拖动画布连接点后创建一条待配置关系。 */
+function connectTables(connection) {
+    const source = connection.source;
+    const target = connection.target;
+    if (!source || !target || source === target || model.value.relations.some(item => item.right_table === target))
+        return;
+    let leftTable = source;
+    let rightTable = target;
+    const sourceReachable = reachableFromBase(source);
+    const targetReachable = reachableFromBase(target);
+    if (targetReachable && !sourceReachable)
+        [leftTable, rightTable] = [target, source];
+    else if (sourceReachable && targetReachable)
+        return;
+    model.value.relations.push({ left_table: leftTable, left_column: "", right_table: rightTable, right_column: "", join_type: "left" });
+    selectedRelationIndex.value = model.value.relations.length - 1;
+    void layoutGraph();
+}
+/** 判断表是否已经从事实表连通。 */
+function reachableFromBase(key) {
+    const reachable = new Set([model.value.base_table]);
+    for (let changed = true; changed;) {
+        changed = false;
+        for (const relation of model.value.relations) {
+            if (reachable.has(relation.left_table) && !reachable.has(relation.right_table)) {
+                reachable.add(relation.right_table);
+                changed = true;
+            }
+        }
+    }
+    return reachable.has(key);
+}
+/** 选择画布关系并打开其配置。 */
+function selectRelation({ edge }) {
+    selectedRelationIndex.value = Number(edge.id.replace("relation-", ""));
+}
+/** 删除当前选中的关系。 */
+function removeRelation() {
+    if (selectedRelationIndex.value < 0)
+        return;
+    model.value.relations.splice(selectedRelationIndex.value, 1);
+    selectedRelationIndex.value = -1;
+}
+/** 将画布节点坐标保存到语义模型。 */
+function moveTable({ node }) {
+    const table = model.value.tables.find(item => item.key === node.id);
+    if (!table)
+        return;
+    table.x = Math.round(node.position.x);
+    table.y = Math.round(node.position.y);
+}
+/** 整理表关系布局后适配画布视口。 */
+async function layoutGraph() {
+    formatSourceModelLayout(model.value);
+    await nextTick();
+    fitGraph();
+}
+/** 初始化或恢复画布视口。 */
+function fitGraph() {
+    if (viewportHelper.value.viewportInitialized)
+        void fitView({ padding: 0.18, maxZoom: 1 });
+}
+/** 校验当前步骤后进入下一步。 */
+function nextStep() {
+    if (step.value === 0 && (!model.value.base_table || selectedTables.value.length === 0)) {
+        ElMessage.warning(t("bi.source.model.validation.select_tables"));
+        return;
+    }
+    if (step.value === 0)
+        formatSourceModelLayout(model.value);
+    step.value++;
+}
+/** 保存关系模型并启用数据源。 */
+async function saveModel() {
+    if (!props.source)
+        return;
+    saving.value = true;
+    try {
+        const result = await defBiSourceService.SaveBiSourceModel({ id: props.source.id, model: model.value });
+        savedModelSnapshot.value = JSON.stringify(model.value);
+        previewResult.value = undefined;
+        emit("saved", result);
+        ElMessage.success(t("bi.source.model.message.saved"));
+    }
+    catch (cause) {
+        ElMessage.error(cause instanceof Error ? cause.message : t("bi.query.error"));
+    }
+    finally {
+        saving.value = false;
+    }
+}
+/** 使用一个维度和指标预览已保存模型。 */
+async function previewModel() {
+    if (!props.source || !modelSaved.value || !model.value.measures.length)
+        return;
+    previewing.value = true;
+    try {
+        const dimension = model.value.dimensions[0];
+        const measure = model.value.measures[0];
+        previewResult.value = await defBiQueryService.PreviewBiQuery({ query: {
+                source_code: props.source.code,
+                dimensions: dimension ? [dimension.code] : [],
+                measures: [{ code: measure.code, aggregation: measure.aggregations[0] ?? "count" }],
+                filters: [],
+                limit: 10,
+                time_range: undefined,
+                orders: []
+            } });
+    }
+    catch (cause) {
+        ElMessage.error(cause instanceof Error ? cause.message : t("bi.query.error"));
+    }
+    finally {
+        previewing.value = false;
+    }
+}
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_components;
+let __VLS_intrinsics;
+let __VLS_directives;
+void __VLS_ctx, __VLS_components, __VLS_intrinsics, __VLS_directives;
+// @ts-ignore
+__VLS_withDotValue(step, {});
+// @ts-ignore
+__VLS_withDotValue(model, {});
+// @ts-ignore
+__VLS_withDotValue(filteredTables, {});
+// @ts-ignore
+__VLS_withDotValue(selectedTables, {});
+// @ts-ignore
+__VLS_withDotValue(selectedRelationIndex, {});
+// @ts-ignore
+__VLS_withDotValue(selectedRelation, {});
+// @ts-ignore
+__VLS_withDotValue(previewResult, {});
+// @ts-ignore
+__VLS_withDotValue(open, {});
+// @ts-ignore
+__VLS_withDotValue(modelSaved, {});
+void {};
+/** @type {__VLS_StyleScopedClasses['source-model__table-info']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__table-info']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__table-info']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__selection-count']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__relations']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__node']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__node']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__node']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__node']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__node']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__node-columns']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__node-columns']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__node-columns']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__relations']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__relations']} */ ;
+/** @type {__VLS_StyleScopedClasses['vue-flow__edge-path']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__relations']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__relations']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__relations']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__relations']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__relation-heading']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__semantic-section']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__preview']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__semantic-section']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__preview']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__preview']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__table-toolbar']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__relations']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__table-row']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__table-info']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__relations']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__tenant-select']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__relations']} */ ;
+/** @type {__VLS_StyleScopedClasses['vue-flow']} */ ;
+/** @type {__VLS_StyleScopedClasses['source-model__relation-panel']} */ ;
+let __VLS_0;
+/** @ts-ignore @type { | typeof __VLS_components.elDialog | typeof __VLS_components.ElDialog | typeof __VLS_components['el-dialog'] | typeof __VLS_components.elDialog | typeof __VLS_components.ElDialog | typeof __VLS_components['el-dialog']} */
+elDialog;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent1(__VLS_0, new __VLS_0({
+    // @ts-ignore
+    modelValue: (open.value), title: (__VLS_ctx.source?.name || __VLS_unwrap(t, {})('bi.source.model.title')), width: "min(1440px, 96vw)", top: "3vh", destroyOnClose: true, ...{ class: "bi-source-model-dialog" },
+}));
+const __VLS_2 = __VLS_1({
+    modelValue: (open.value),
+    title: (__VLS_ctx.source?.name || __VLS_unwrap(t, {})('bi.source.model.title')),
+    width: "min(1440px, 96vw)",
+    top: "3vh",
+    destroyOnClose: true,
+    ...{ class: "bi-source-model-dialog" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+/** @type {__VLS_StyleScopedClasses['bi-source-model-dialog']} */ ;
+const { default: __VLS_5 } = __VLS_nonNull(__VLS_3.slots);
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "source-model" },
+});
+__VLS_asFunctionalDirective(__VLS_directives.vLoading, {})(__VLS_nonNull(null), { ...__VLS_directiveBindingRestFields, value: (__VLS_unwrap(loading, {})), }, __VLS_nonNull(null), __VLS_nonNull(null));
+/** @type {__VLS_StyleScopedClasses['source-model']} */ ;
+let __VLS_6;
+/** @ts-ignore @type { | typeof __VLS_components.elSteps | typeof __VLS_components.ElSteps | typeof __VLS_components['el-steps'] | typeof __VLS_components.elSteps | typeof __VLS_components.ElSteps | typeof __VLS_components['el-steps']} */
+elSteps;
+// @ts-ignore
+const __VLS_7 = __VLS_asFunctionalComponent1(__VLS_6, new __VLS_6({
+    // @ts-ignore
+    active: (step.value), finishStatus: "success", alignCenter: true,
+}));
+const __VLS_8 = __VLS_7({
+    active: (step.value),
+    finishStatus: "success",
+    alignCenter: true,
+}, ...__VLS_functionalComponentArgsRest(__VLS_7));
+const { default: __VLS_11 } = __VLS_nonNull(__VLS_9.slots);
+let __VLS_12;
+/** @ts-ignore @type { | typeof __VLS_components.elStep | typeof __VLS_components.ElStep | typeof __VLS_components['el-step']} */
+elStep;
+// @ts-ignore
+const __VLS_13 = __VLS_asFunctionalComponent1(__VLS_12, new __VLS_12({
+    // @ts-ignore
+    title: (__VLS_unwrap(t, {})('bi.source.model.step.tables')),
+}));
+const __VLS_14 = __VLS_13({
+    title: (__VLS_unwrap(t, {})('bi.source.model.step.tables')),
+}, ...__VLS_functionalComponentArgsRest(__VLS_13));
+let __VLS_17;
+/** @ts-ignore @type { | typeof __VLS_components.elStep | typeof __VLS_components.ElStep | typeof __VLS_components['el-step']} */
+elStep;
+// @ts-ignore
+const __VLS_18 = __VLS_asFunctionalComponent1(__VLS_17, new __VLS_17({
+    // @ts-ignore
+    title: (__VLS_unwrap(t, {})('bi.source.model.step.relations')),
+}));
+const __VLS_19 = __VLS_18({
+    title: (__VLS_unwrap(t, {})('bi.source.model.step.relations')),
+}, ...__VLS_functionalComponentArgsRest(__VLS_18));
+let __VLS_22;
+/** @ts-ignore @type { | typeof __VLS_components.elStep | typeof __VLS_components.ElStep | typeof __VLS_components['el-step']} */
+elStep;
+// @ts-ignore
+const __VLS_23 = __VLS_asFunctionalComponent1(__VLS_22, new __VLS_22({
+    // @ts-ignore
+    title: (__VLS_unwrap(t, {})('bi.source.model.step.fields')),
+}));
+const __VLS_24 = __VLS_23({
+    title: (__VLS_unwrap(t, {})('bi.source.model.step.fields')),
+}, ...__VLS_functionalComponentArgsRest(__VLS_23));
+// @ts-ignore
+[open, source, t, t, t, t, vLoading, loading, step,];
+var __VLS_9;
+if (step.value === 0) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.section, __VLS_intrinsics.section)({
+        ...{ class: "source-model__tables" },
+    });
+    /** @type {__VLS_StyleScopedClasses['source-model__tables']} */ ;
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "source-model__table-toolbar" },
+    });
+    /** @type {__VLS_StyleScopedClasses['source-model__table-toolbar']} */ ;
+    let __VLS_27;
+    /** @ts-ignore @type { | typeof __VLS_components.elInput | typeof __VLS_components.ElInput | typeof __VLS_components['el-input']} */
+    elInput;
+    // @ts-ignore
+    const __VLS_28 = __VLS_asFunctionalComponent1(__VLS_27, new __VLS_27({
+        // @ts-ignore
+        modelValue: (__VLS_unwrap(tableFilter, {})), clearable: true, placeholder: (__VLS_unwrap(t, {})('bi.source.model.search_tables')),
+    }));
+    const __VLS_29 = __VLS_28({
+        modelValue: (__VLS_unwrap(tableFilter, {})),
+        clearable: true,
+        placeholder: (__VLS_unwrap(t, {})('bi.source.model.search_tables')),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_28));
+    let __VLS_32;
+    /** @ts-ignore @type { | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select'] | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select']} */
+    elSelect;
+    // @ts-ignore
+    const __VLS_33 = __VLS_asFunctionalComponent1(__VLS_32, new __VLS_32({
+        // @ts-ignore
+        ...{ 'onUpdate:modelValue': {} }, modelValue: (model.value.base_table), placeholder: (__VLS_unwrap(t, {})('bi.source.model.field.base_table')), disabled: (model.value.relations.length > 0),
+    }));
+    const __VLS_34 = __VLS_33({
+        ...{ 'onUpdate:modelValue': {} },
+        modelValue: (model.value.base_table),
+        placeholder: (__VLS_unwrap(t, {})('bi.source.model.field.base_table')),
+        disabled: (model.value.relations.length > 0),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_33));
+    let __VLS_37;
+    const __VLS_38 = {
+        /** @type {typeof __VLS_37.'update:modelValue'} */
+        'onUpdate:modelValue': // @ts-ignore
+        (...[$event]) => {
+            void $event;
+            if (!(step.value === 0))
+                throw 0;
+            return (setBaseTable(String($event ?? '')));
+            // @ts-ignore
+            [t, t, step, tableFilter, model, model,];
+        },
+    };
+    void __VLS_38;
+    const { default: __VLS_39 } = __VLS_nonNull(__VLS_35.slots);
+    const __VLS_40 = __VLS_tryAsConstant((selectedTables.value));
+    for (const [table] of __VLS_vFor(__VLS_nonNull(__VLS_40))) {
+        let __VLS_41;
+        /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+        elOption;
+        // @ts-ignore
+        const __VLS_42 = __VLS_asFunctionalComponent1(__VLS_41, new __VLS_41({
+            // @ts-ignore
+            key: (table.key), label: (schemaLabel(table)), value: (table.key),
+        }));
+        const __VLS_43 = __VLS_42({
+            key: (table.key),
+            label: (schemaLabel(table)),
+            value: (table.key),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_42));
+        // @ts-ignore
+        [selectedTables,];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_35;
+    var __VLS_36;
+    let __VLS_46;
+    /** @ts-ignore @type { | typeof __VLS_components.elScrollbar | typeof __VLS_components.ElScrollbar | typeof __VLS_components['el-scrollbar'] | typeof __VLS_components.elScrollbar | typeof __VLS_components.ElScrollbar | typeof __VLS_components['el-scrollbar']} */
+    elScrollbar;
+    // @ts-ignore
+    const __VLS_47 = __VLS_asFunctionalComponent1(__VLS_46, new __VLS_46({
+        // @ts-ignore
+        ...{ class: "source-model__table-list" },
+    }));
+    const __VLS_48 = __VLS_47({
+        ...{ class: "source-model__table-list" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_47));
+    /** @type {__VLS_StyleScopedClasses['source-model__table-list']} */ ;
+    const { default: __VLS_51 } = __VLS_nonNull(__VLS_49.slots);
+    const __VLS_52 = __VLS_tryAsConstant((filteredTables.value));
+    for (const [table] of __VLS_vFor(__VLS_nonNull(__VLS_52))) {
+        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+            key: (table.key),
+            ...{ class: "source-model__table-row" },
+        });
+        /** @type {__VLS_StyleScopedClasses['source-model__table-row']} */ ;
+        let __VLS_53;
+        /** @ts-ignore @type { | typeof __VLS_components.elCheckbox | typeof __VLS_components.ElCheckbox | typeof __VLS_components['el-checkbox']} */
+        elCheckbox;
+        // @ts-ignore
+        const __VLS_54 = __VLS_asFunctionalComponent1(__VLS_53, new __VLS_53({
+            // @ts-ignore
+            ...{ 'onChange': {} }, modelValue: (isSelected(table.key)), disabled: (!isSelected(table.key) && model.value.tables.length >= 8),
+        }));
+        const __VLS_55 = __VLS_54({
+            ...{ 'onChange': {} },
+            modelValue: (isSelected(table.key)),
+            disabled: (!isSelected(table.key) && model.value.tables.length >= 8),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_54));
+        let __VLS_58;
+        const __VLS_59 = {
+            /** @type {typeof __VLS_58.change} */
+            onChange: // @ts-ignore
+            (...[$event]) => {
+                void $event;
+                if (!(step.value === 0))
+                    throw 0;
+                return (toggleTable(table, Boolean($event)));
+                // @ts-ignore
+                [model, filteredTables,];
+            },
+        };
+        void __VLS_59;
+        var __VLS_56;
+        var __VLS_57;
+        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+            ...{ class: "source-model__table-info" },
+        });
+        /** @type {__VLS_StyleScopedClasses['source-model__table-info']} */ ;
+        __VLS_asFunctionalElement1(__VLS_intrinsics.strong, __VLS_intrinsics.strong)({
+            title: (schemaLabel(table)),
+        });
+        (schemaLabel(table));
+        __VLS_asFunctionalElement1(__VLS_intrinsics.small, __VLS_intrinsics.small)({});
+        (table.schema_name);
+        (table.columns.length);
+        (__VLS_unwrap(t, {})('bi.source.model.fields_count'));
+        if (isSelected(table.key)) {
+            let __VLS_60;
+            /** @ts-ignore @type { | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select'] | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select']} */
+            elSelect;
+            // @ts-ignore
+            const __VLS_61 = __VLS_asFunctionalComponent1(__VLS_60, new __VLS_60({
+                // @ts-ignore
+                ...{ 'onUpdate:modelValue': {} }, modelValue: (modelTable(table.key)?.tenant_column ?? ''), clearable: true, size: "small", ...{ class: "source-model__tenant-select" }, placeholder: (__VLS_unwrap(t, {})('bi.source.model.field.shared_table')),
+            }));
+            const __VLS_62 = __VLS_61({
+                ...{ 'onUpdate:modelValue': {} },
+                modelValue: (modelTable(table.key)?.tenant_column ?? ''),
+                clearable: true,
+                size: "small",
+                ...{ class: "source-model__tenant-select" },
+                placeholder: (__VLS_unwrap(t, {})('bi.source.model.field.shared_table')),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_61));
+            let __VLS_65;
+            const __VLS_66 = {
+                /** @type {typeof __VLS_65.'update:modelValue'} */
+                'onUpdate:modelValue': // @ts-ignore
+                (...[$event]) => {
+                    void $event;
+                    if (!(step.value === 0))
+                        throw 0;
+                    if (!(isSelected(table.key)))
+                        throw 0;
+                    return (setTenantColumn(table.key, String($event ?? '')));
+                    // @ts-ignore
+                    [t, t,];
+                },
+            };
+            void __VLS_66;
+            /** @type {__VLS_StyleScopedClasses['source-model__tenant-select']} */ ;
+            const { default: __VLS_67 } = __VLS_nonNull(__VLS_63.slots);
+            const __VLS_68 = __VLS_tryAsConstant((table.columns));
+            for (const [column] of __VLS_vFor(__VLS_nonNull(__VLS_68))) {
+                let __VLS_69;
+                /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+                elOption;
+                // @ts-ignore
+                const __VLS_70 = __VLS_asFunctionalComponent1(__VLS_69, new __VLS_69({
+                    // @ts-ignore
+                    key: (column.name), label: (schemaLabel(column)), value: (column.name),
+                }));
+                const __VLS_71 = __VLS_70({
+                    key: (column.name),
+                    label: (schemaLabel(column)),
+                    value: (column.name),
+                }, ...__VLS_functionalComponentArgsRest(__VLS_70));
+                // @ts-ignore
+                [];
+            }
+            // @ts-ignore
+            [];
+            var __VLS_63;
+            var __VLS_64;
+        }
+        let __VLS_74;
+        /** @ts-ignore @type { | typeof __VLS_components.elTag | typeof __VLS_components.ElTag | typeof __VLS_components['el-tag'] | typeof __VLS_components.elTag | typeof __VLS_components.ElTag | typeof __VLS_components['el-tag']} */
+        elTag;
+        // @ts-ignore
+        const __VLS_75 = __VLS_asFunctionalComponent1(__VLS_74, new __VLS_74({
+            // @ts-ignore
+            size: "small", effect: "plain",
+        }));
+        const __VLS_76 = __VLS_75({
+            size: "small",
+            effect: "plain",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_75));
+        const { default: __VLS_79 } = __VLS_nonNull(__VLS_77.slots);
+        (table.table_type);
+        // @ts-ignore
+        [];
+        var __VLS_77;
+        // @ts-ignore
+        [];
+    }
+    if (!filteredTables.value.length) {
+        let __VLS_80;
+        /** @ts-ignore @type { | typeof __VLS_components.elEmpty | typeof __VLS_components.ElEmpty | typeof __VLS_components['el-empty']} */
+        elEmpty;
+        // @ts-ignore
+        const __VLS_81 = __VLS_asFunctionalComponent1(__VLS_80, new __VLS_80({
+            // @ts-ignore
+            description: (__VLS_unwrap(t, {})('bi.source.model.tables_empty')),
+        }));
+        const __VLS_82 = __VLS_81({
+            description: (__VLS_unwrap(t, {})('bi.source.model.tables_empty')),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_81));
+    }
+    // @ts-ignore
+    [t, filteredTables,];
+    var __VLS_49;
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "source-model__selection-count" },
+    });
+    /** @type {__VLS_StyleScopedClasses['source-model__selection-count']} */ ;
+    (selectedTables.value.length);
+}
+else if (step.value === 1) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.section, __VLS_intrinsics.section)({
+        ...{ class: "source-model__relations" },
+    });
+    /** @type {__VLS_StyleScopedClasses['source-model__relations']} */ ;
+    let __VLS_85;
+    /** @ts-ignore @type { | typeof __VLS_components.VueFlow | typeof __VLS_components.VueFlow} */
+    VueFlow;
+    // @ts-ignore
+    const __VLS_86 = __VLS_asFunctionalComponent1(__VLS_85, new __VLS_85({
+        // @ts-ignore
+        ...{ 'onConnect': {} }, ...{ 'onEdgeClick': {} }, ...{ 'onNodeDragStop': {} }, ...{ 'onPaneClick': {} }, ...{ 'onInit': {} }, ...{ 'onNodesInitialized': {} }, id: (__VLS_unwrap(flowId, {})), nodes: (__VLS_unwrap(nodes, {})), edges: (__VLS_unwrap(edges, {})), nodesConnectable: (selectedTables.value.length > 1), edgesUpdatable: (false), minZoom: (0.15), maxZoom: (1.6),
+    }));
+    const __VLS_87 = __VLS_86({
+        ...{ 'onConnect': {} },
+        ...{ 'onEdgeClick': {} },
+        ...{ 'onNodeDragStop': {} },
+        ...{ 'onPaneClick': {} },
+        ...{ 'onInit': {} },
+        ...{ 'onNodesInitialized': {} },
+        id: (__VLS_unwrap(flowId, {})),
+        nodes: (__VLS_unwrap(nodes, {})),
+        edges: (__VLS_unwrap(edges, {})),
+        nodesConnectable: (selectedTables.value.length > 1),
+        edgesUpdatable: (false),
+        minZoom: (0.15),
+        maxZoom: (1.6),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_86));
+    let __VLS_90;
+    const __VLS_91 = {
+        /** @type {typeof __VLS_90.connect} */
+        onConnect: (connectTables),
+    };
+    void __VLS_91;
+    const __VLS_92 = {
+        /** @type {typeof __VLS_90.edgeClick} */
+        onEdgeClick: (selectRelation),
+    };
+    void __VLS_92;
+    const __VLS_93 = {
+        /** @type {typeof __VLS_90.nodeDragStop} */
+        onNodeDragStop: (moveTable),
+    };
+    void __VLS_93;
+    const __VLS_94 = {
+        /** @type {typeof __VLS_90.paneClick} */
+        onPaneClick: // @ts-ignore
+        (...[$event]) => {
+            void $event;
+            if (!!(step.value === 0))
+                throw 0;
+            if (!(step.value === 1))
+                throw 0;
+            return (selectedRelationIndex.value = -1);
+            // @ts-ignore
+            [step, selectedTables, selectedTables, flowId, nodes, edges, selectedRelationIndex,];
+        },
+    };
+    void __VLS_94;
+    const __VLS_95 = {
+        /** @type {typeof __VLS_90.init} */
+        onInit: (fitGraph),
+    };
+    void __VLS_95;
+    const __VLS_96 = {
+        /** @type {typeof __VLS_90.nodesInitialized} */
+        onNodesInitialized: (fitGraph),
+    };
+    void __VLS_96;
+    const { default: __VLS_97 } = __VLS_nonNull(__VLS_88.slots);
+    let __VLS_98;
+    /** @ts-ignore @type { | typeof __VLS_components.Background} */
+    Background;
+    // @ts-ignore
+    const __VLS_99 = __VLS_asFunctionalComponent1(__VLS_98, new __VLS_98({
+        // @ts-ignore
+        gap: (20), size: (1), patternColor: "var(--el-border-color-lighter)",
+    }));
+    const __VLS_100 = __VLS_99({
+        gap: (20),
+        size: (1),
+        patternColor: "var(--el-border-color-lighter)",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_99));
+    let __VLS_103;
+    /** @ts-ignore @type { | typeof __VLS_components.Controls} */
+    Controls;
+    // @ts-ignore
+    const __VLS_104 = __VLS_asFunctionalComponent1(__VLS_103, new __VLS_103({
+        // @ts-ignore
+        showInteractive: (false),
+    }));
+    const __VLS_105 = __VLS_104({
+        showInteractive: (false),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_104));
+    let __VLS_108;
+    /** @ts-ignore @type { | typeof __VLS_components.MiniMap} */
+    MiniMap;
+    // @ts-ignore
+    const __VLS_109 = __VLS_asFunctionalComponent1(__VLS_108, new __VLS_108({
+        // @ts-ignore
+        position: "bottom-center", width: (150), height: (90), pannable: true, zoomable: true, nodeColor: "var(--el-color-primary-light-5)", maskColor: "var(--el-fill-color-light)",
+    }));
+    const __VLS_110 = __VLS_109({
+        position: "bottom-center",
+        width: (150),
+        height: (90),
+        pannable: true,
+        zoomable: true,
+        nodeColor: "var(--el-color-primary-light-5)",
+        maskColor: "var(--el-fill-color-light)",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_109));
+    let __VLS_113;
+    /** @ts-ignore @type { | typeof __VLS_components.Panel | typeof __VLS_components.Panel} */
+    Panel;
+    // @ts-ignore
+    const __VLS_114 = __VLS_asFunctionalComponent1(__VLS_113, new __VLS_113({
+        // @ts-ignore
+        position: "top-right",
+    }));
+    const __VLS_115 = __VLS_114({
+        position: "top-right",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_114));
+    const { default: __VLS_118 } = __VLS_nonNull(__VLS_116.slots);
+    let __VLS_119;
+    /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+    elButton;
+    // @ts-ignore
+    const __VLS_120 = __VLS_asFunctionalComponent1(__VLS_119, new __VLS_119({
+        // @ts-ignore
+        ...{ 'onClick': {} }, size: "small",
+    }));
+    const __VLS_121 = __VLS_120({
+        ...{ 'onClick': {} },
+        size: "small",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_120));
+    let __VLS_124;
+    const __VLS_125 = {
+        /** @type {typeof __VLS_124.click} */
+        onClick: (layoutGraph),
+    };
+    void __VLS_125;
+    const { default: __VLS_126 } = __VLS_nonNull(__VLS_122.slots);
+    (__VLS_unwrap(t, {})('bi.source.model.action.auto_layout'));
+    // @ts-ignore
+    [t,];
+    var __VLS_122;
+    var __VLS_123;
+    // @ts-ignore
+    [];
+    var __VLS_116;
+    {
+        const { 'node-table': __VLS_127 } = __VLS_nonNull(__VLS_88.slots);
+        const [{ data }] = __VLS_vSlot(__VLS_nonNull(__VLS_127));
+        __VLS_asFunctionalElement1(__VLS_intrinsics.article, __VLS_intrinsics.article)({
+            ...{ class: "source-model__node" },
+            ...{ class: ({ 'is-base': data.key === model.value.base_table }) },
+        });
+        /** @type {__VLS_StyleScopedClasses['source-model__node']} */ ;
+        /** @type {__VLS_StyleScopedClasses['is-base']} */ ;
+        let __VLS_128;
+        /** @ts-ignore @type { | typeof __VLS_components.Handle} */
+        Handle;
+        // @ts-ignore
+        const __VLS_129 = __VLS_asFunctionalComponent1(__VLS_128, new __VLS_128({
+            // @ts-ignore
+            id: "in", type: "target", position: (data.targetPosition), ...{ style: (data.key === model.value.base_table ? { top: '12px' } : undefined) },
+        }));
+        const __VLS_130 = __VLS_129({
+            id: "in",
+            type: "target",
+            position: (data.targetPosition),
+            ...{ style: (data.key === model.value.base_table ? { top: '12px' } : undefined) },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_129));
+        __VLS_asFunctionalElement1(__VLS_intrinsics.header, __VLS_intrinsics.header)({});
+        __VLS_asFunctionalElement1(__VLS_intrinsics.strong, __VLS_intrinsics.strong)({
+            title: (schemaLabel(tableFor(data.key), data.name)),
+        });
+        (schemaLabel(tableFor(data.key), data.name));
+        if (data.key === model.value.base_table) {
+            let __VLS_133;
+            /** @ts-ignore @type { | typeof __VLS_components.elTag | typeof __VLS_components.ElTag | typeof __VLS_components['el-tag'] | typeof __VLS_components.elTag | typeof __VLS_components.ElTag | typeof __VLS_components['el-tag']} */
+            elTag;
+            // @ts-ignore
+            const __VLS_134 = __VLS_asFunctionalComponent1(__VLS_133, new __VLS_133({
+                // @ts-ignore
+                size: "small", type: "success",
+            }));
+            const __VLS_135 = __VLS_134({
+                size: "small",
+                type: "success",
+            }, ...__VLS_functionalComponentArgsRest(__VLS_134));
+            const { default: __VLS_138 } = __VLS_nonNull(__VLS_136.slots);
+            (__VLS_unwrap(t, {})('bi.source.model.field.base_table'));
+            // @ts-ignore
+            [t, model, model, model,];
+            var __VLS_136;
+        }
+        __VLS_asFunctionalElement1(__VLS_intrinsics.small, __VLS_intrinsics.small)({});
+        (data.schema_name);
+        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+            ...{ class: "source-model__node-columns nodrag nowheel" },
+        });
+        /** @type {__VLS_StyleScopedClasses['source-model__node-columns']} */ ;
+        /** @type {__VLS_StyleScopedClasses['nodrag']} */ ;
+        /** @type {__VLS_StyleScopedClasses['nowheel']} */ ;
+        const __VLS_139 = __VLS_tryAsConstant((tableFor(data.key)?.columns));
+        for (const [column] of __VLS_vFor(__VLS_nonNull(__VLS_139))) {
+            __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+                key: (column.name),
+            });
+            __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({
+                title: (schemaLabel(column)),
+            });
+            (schemaLabel(column));
+            __VLS_asFunctionalElement1(__VLS_intrinsics.small, __VLS_intrinsics.small)({});
+            (column.data_type);
+            // @ts-ignore
+            [];
+        }
+        const __VLS_140 = __VLS_tryAsConstant((data.handles));
+        for (const [handle] of __VLS_vFor(__VLS_nonNull(__VLS_140))) {
+            let __VLS_141;
+            /** @ts-ignore @type { | typeof __VLS_components.Handle} */
+            Handle;
+            // @ts-ignore
+            const __VLS_142 = __VLS_asFunctionalComponent1(__VLS_141, new __VLS_141({
+                // @ts-ignore
+                id: (handle.id), key: (handle.id), type: "source", position: (handle.position), ...{ style: ({ top: `${handle.top}%` }) },
+            }));
+            const __VLS_143 = __VLS_142({
+                id: (handle.id),
+                key: (handle.id),
+                type: "source",
+                position: (handle.position),
+                ...{ style: ({ top: `${handle.top}%` }) },
+            }, ...__VLS_functionalComponentArgsRest(__VLS_142));
+            // @ts-ignore
+            [];
+        }
+        // @ts-ignore
+        [];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_88;
+    var __VLS_89;
+    __VLS_asFunctionalElement1(__VLS_intrinsics.aside, __VLS_intrinsics.aside)({
+        ...{ class: "source-model__relation-panel" },
+    });
+    /** @type {__VLS_StyleScopedClasses['source-model__relation-panel']} */ ;
+    if (selectedRelation.value) {
+        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+            ...{ class: "source-model__relation-heading" },
+        });
+        /** @type {__VLS_StyleScopedClasses['source-model__relation-heading']} */ ;
+        __VLS_asFunctionalElement1(__VLS_intrinsics.strong, __VLS_intrinsics.strong)({});
+        (__VLS_unwrap(t, {})('bi.source.model.field.relation'));
+        let __VLS_146;
+        /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+        elButton;
+        // @ts-ignore
+        const __VLS_147 = __VLS_asFunctionalComponent1(__VLS_146, new __VLS_146({
+            // @ts-ignore
+            ...{ 'onClick': {} }, text: true, type: "danger", icon: (__VLS_unwrap(Delete, {})),
+        }));
+        const __VLS_148 = __VLS_147({
+            ...{ 'onClick': {} },
+            text: true,
+            type: "danger",
+            icon: (__VLS_unwrap(Delete, {})),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_147));
+        let __VLS_151;
+        const __VLS_152 = {
+            /** @type {typeof __VLS_151.click} */
+            onClick: (removeRelation),
+        };
+        void __VLS_152;
+        var __VLS_149;
+        var __VLS_150;
+        let __VLS_153;
+        /** @ts-ignore @type { | typeof __VLS_components.elForm | typeof __VLS_components.ElForm | typeof __VLS_components['el-form'] | typeof __VLS_components.elForm | typeof __VLS_components.ElForm | typeof __VLS_components['el-form']} */
+        elForm;
+        // @ts-ignore
+        const __VLS_154 = __VLS_asFunctionalComponent1(__VLS_153, new __VLS_153({
+            // @ts-ignore
+            labelPosition: "top",
+        }));
+        const __VLS_155 = __VLS_154({
+            labelPosition: "top",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_154));
+        const { default: __VLS_158 } = __VLS_nonNull(__VLS_156.slots);
+        let __VLS_159;
+        /** @ts-ignore @type { | typeof __VLS_components.elFormItem | typeof __VLS_components.ElFormItem | typeof __VLS_components['el-form-item'] | typeof __VLS_components.elFormItem | typeof __VLS_components.ElFormItem | typeof __VLS_components['el-form-item']} */
+        elFormItem;
+        // @ts-ignore
+        const __VLS_160 = __VLS_asFunctionalComponent1(__VLS_159, new __VLS_159({
+            // @ts-ignore
+            label: (schemaLabel(tableFor(selectedRelation.value.left_table), selectedRelation.value.left_table)),
+        }));
+        const __VLS_161 = __VLS_160({
+            label: (schemaLabel(tableFor(selectedRelation.value.left_table), selectedRelation.value.left_table)),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_160));
+        const { default: __VLS_164 } = __VLS_nonNull(__VLS_162.slots);
+        let __VLS_165;
+        /** @ts-ignore @type { | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select'] | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select']} */
+        elSelect;
+        // @ts-ignore
+        const __VLS_166 = __VLS_asFunctionalComponent1(__VLS_165, new __VLS_165({
+            // @ts-ignore
+            modelValue: (selectedRelation.value.left_column), placeholder: (__VLS_unwrap(t, {})('bi.source.model.field.left_column')),
+        }));
+        const __VLS_167 = __VLS_166({
+            modelValue: (selectedRelation.value.left_column),
+            placeholder: (__VLS_unwrap(t, {})('bi.source.model.field.left_column')),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_166));
+        const { default: __VLS_170 } = __VLS_nonNull(__VLS_168.slots);
+        const __VLS_171 = __VLS_tryAsConstant((tableFor(selectedRelation.value.left_table)?.columns));
+        for (const [column] of __VLS_vFor(__VLS_nonNull(__VLS_171))) {
+            let __VLS_172;
+            /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+            elOption;
+            // @ts-ignore
+            const __VLS_173 = __VLS_asFunctionalComponent1(__VLS_172, new __VLS_172({
+                // @ts-ignore
+                key: (column.name), label: (schemaLabel(column)), value: (column.name),
+            }));
+            const __VLS_174 = __VLS_173({
+                key: (column.name),
+                label: (schemaLabel(column)),
+                value: (column.name),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_173));
+            // @ts-ignore
+            [t, t, selectedRelation, selectedRelation, selectedRelation, selectedRelation, selectedRelation, Delete,];
+        }
+        // @ts-ignore
+        [];
+        var __VLS_168;
+        // @ts-ignore
+        [];
+        var __VLS_162;
+        let __VLS_177;
+        /** @ts-ignore @type { | typeof __VLS_components.elFormItem | typeof __VLS_components.ElFormItem | typeof __VLS_components['el-form-item'] | typeof __VLS_components.elFormItem | typeof __VLS_components.ElFormItem | typeof __VLS_components['el-form-item']} */
+        elFormItem;
+        // @ts-ignore
+        const __VLS_178 = __VLS_asFunctionalComponent1(__VLS_177, new __VLS_177({
+            // @ts-ignore
+            label: (schemaLabel(tableFor(selectedRelation.value.right_table), selectedRelation.value.right_table)),
+        }));
+        const __VLS_179 = __VLS_178({
+            label: (schemaLabel(tableFor(selectedRelation.value.right_table), selectedRelation.value.right_table)),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_178));
+        const { default: __VLS_182 } = __VLS_nonNull(__VLS_180.slots);
+        let __VLS_183;
+        /** @ts-ignore @type { | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select'] | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select']} */
+        elSelect;
+        // @ts-ignore
+        const __VLS_184 = __VLS_asFunctionalComponent1(__VLS_183, new __VLS_183({
+            // @ts-ignore
+            modelValue: (selectedRelation.value.right_column), placeholder: (__VLS_unwrap(t, {})('bi.source.model.field.right_unique_column')),
+        }));
+        const __VLS_185 = __VLS_184({
+            modelValue: (selectedRelation.value.right_column),
+            placeholder: (__VLS_unwrap(t, {})('bi.source.model.field.right_unique_column')),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_184));
+        const { default: __VLS_188 } = __VLS_nonNull(__VLS_186.slots);
+        const __VLS_189 = __VLS_tryAsConstant((uniqueColumns(selectedRelation.value.right_table)));
+        for (const [column] of __VLS_vFor(__VLS_nonNull(__VLS_189))) {
+            let __VLS_190;
+            /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+            elOption;
+            // @ts-ignore
+            const __VLS_191 = __VLS_asFunctionalComponent1(__VLS_190, new __VLS_190({
+                // @ts-ignore
+                key: (column.name), label: (schemaLabel(column)), value: (column.name),
+            }));
+            const __VLS_192 = __VLS_191({
+                key: (column.name),
+                label: (schemaLabel(column)),
+                value: (column.name),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_191));
+            // @ts-ignore
+            [t, selectedRelation, selectedRelation, selectedRelation, selectedRelation,];
+        }
+        // @ts-ignore
+        [];
+        var __VLS_186;
+        // @ts-ignore
+        [];
+        var __VLS_180;
+        let __VLS_195;
+        /** @ts-ignore @type { | typeof __VLS_components.elFormItem | typeof __VLS_components.ElFormItem | typeof __VLS_components['el-form-item'] | typeof __VLS_components.elFormItem | typeof __VLS_components.ElFormItem | typeof __VLS_components['el-form-item']} */
+        elFormItem;
+        // @ts-ignore
+        const __VLS_196 = __VLS_asFunctionalComponent1(__VLS_195, new __VLS_195({
+            // @ts-ignore
+            label: (__VLS_unwrap(t, {})('bi.source.model.field.join_type')),
+        }));
+        const __VLS_197 = __VLS_196({
+            label: (__VLS_unwrap(t, {})('bi.source.model.field.join_type')),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_196));
+        const { default: __VLS_200 } = __VLS_nonNull(__VLS_198.slots);
+        let __VLS_201;
+        /** @ts-ignore @type { | typeof __VLS_components.elRadioGroup | typeof __VLS_components.ElRadioGroup | typeof __VLS_components['el-radio-group'] | typeof __VLS_components.elRadioGroup | typeof __VLS_components.ElRadioGroup | typeof __VLS_components['el-radio-group']} */
+        elRadioGroup;
+        // @ts-ignore
+        const __VLS_202 = __VLS_asFunctionalComponent1(__VLS_201, new __VLS_201({
+            // @ts-ignore
+            modelValue: (selectedRelation.value.join_type),
+        }));
+        const __VLS_203 = __VLS_202({
+            modelValue: (selectedRelation.value.join_type),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_202));
+        const { default: __VLS_206 } = __VLS_nonNull(__VLS_204.slots);
+        let __VLS_207;
+        /** @ts-ignore @type { | typeof __VLS_components.elRadioButton | typeof __VLS_components.ElRadioButton | typeof __VLS_components['el-radio-button'] | typeof __VLS_components.elRadioButton | typeof __VLS_components.ElRadioButton | typeof __VLS_components['el-radio-button']} */
+        elRadioButton;
+        // @ts-ignore
+        const __VLS_208 = __VLS_asFunctionalComponent1(__VLS_207, new __VLS_207({
+            // @ts-ignore
+            value: "left",
+        }));
+        const __VLS_209 = __VLS_208({
+            value: "left",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_208));
+        const { default: __VLS_212 } = __VLS_nonNull(__VLS_210.slots);
+        // @ts-ignore
+        [t, selectedRelation,];
+        var __VLS_210;
+        let __VLS_213;
+        /** @ts-ignore @type { | typeof __VLS_components.elRadioButton | typeof __VLS_components.ElRadioButton | typeof __VLS_components['el-radio-button'] | typeof __VLS_components.elRadioButton | typeof __VLS_components.ElRadioButton | typeof __VLS_components['el-radio-button']} */
+        elRadioButton;
+        // @ts-ignore
+        const __VLS_214 = __VLS_asFunctionalComponent1(__VLS_213, new __VLS_213({
+            // @ts-ignore
+            value: "inner",
+        }));
+        const __VLS_215 = __VLS_214({
+            value: "inner",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_214));
+        const { default: __VLS_218 } = __VLS_nonNull(__VLS_216.slots);
+        // @ts-ignore
+        [];
+        var __VLS_216;
+        // @ts-ignore
+        [];
+        var __VLS_204;
+        // @ts-ignore
+        [];
+        var __VLS_198;
+        // @ts-ignore
+        [];
+        var __VLS_156;
+    }
+    else {
+        let __VLS_219;
+        /** @ts-ignore @type { | typeof __VLS_components.elEmpty | typeof __VLS_components.ElEmpty | typeof __VLS_components['el-empty']} */
+        elEmpty;
+        // @ts-ignore
+        const __VLS_220 = __VLS_asFunctionalComponent1(__VLS_219, new __VLS_219({
+            // @ts-ignore
+            description: (__VLS_unwrap(t, {})('bi.source.model.relation_empty')), imageSize: (72),
+        }));
+        const __VLS_221 = __VLS_220({
+            description: (__VLS_unwrap(t, {})('bi.source.model.relation_empty')),
+            imageSize: (72),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_220));
+    }
+}
+else {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.section, __VLS_intrinsics.section)({
+        ...{ class: "source-model__semantics" },
+    });
+    /** @type {__VLS_StyleScopedClasses['source-model__semantics']} */ ;
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "source-model__semantic-section" },
+    });
+    /** @type {__VLS_StyleScopedClasses['source-model__semantic-section']} */ ;
+    __VLS_asFunctionalElement1(__VLS_intrinsics.header, __VLS_intrinsics.header)({});
+    __VLS_asFunctionalElement1(__VLS_intrinsics.strong, __VLS_intrinsics.strong)({});
+    (__VLS_unwrap(t, {})('bi.source.model.field.dimensions'));
+    let __VLS_224;
+    /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+    elButton;
+    // @ts-ignore
+    const __VLS_225 = __VLS_asFunctionalComponent1(__VLS_224, new __VLS_224({
+        // @ts-ignore
+        ...{ 'onClick': {} }, size: "small", icon: (__VLS_unwrap(CirclePlus, {})),
+    }));
+    const __VLS_226 = __VLS_225({
+        ...{ 'onClick': {} },
+        size: "small",
+        icon: (__VLS_unwrap(CirclePlus, {})),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_225));
+    let __VLS_229;
+    const __VLS_230 = {
+        /** @type {typeof __VLS_229.click} */
+        onClick: (addDimension),
+    };
+    void __VLS_230;
+    const { default: __VLS_231 } = __VLS_nonNull(__VLS_227.slots);
+    (__VLS_unwrap(t, {})('bi.source.model.action.add_dimension'));
+    // @ts-ignore
+    [t, t, t, CirclePlus,];
+    var __VLS_227;
+    var __VLS_228;
+    let __VLS_232;
+    /** @ts-ignore @type { | typeof __VLS_components.elTable | typeof __VLS_components.ElTable | typeof __VLS_components['el-table'] | typeof __VLS_components.elTable | typeof __VLS_components.ElTable | typeof __VLS_components['el-table']} */
+    elTable;
+    // @ts-ignore
+    const __VLS_233 = __VLS_asFunctionalComponent1(__VLS_232, new __VLS_232({
+        // @ts-ignore
+        data: (model.value.dimensions), size: "small", border: true,
+    }));
+    const __VLS_234 = __VLS_233({
+        data: (model.value.dimensions),
+        size: "small",
+        border: true,
+    }, ...__VLS_functionalComponentArgsRest(__VLS_233));
+    const { default: __VLS_237 } = __VLS_nonNull(__VLS_235.slots);
+    let __VLS_238;
+    /** @ts-ignore @type { | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column'] | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column']} */
+    elTableColumn;
+    // @ts-ignore
+    const __VLS_239 = __VLS_asFunctionalComponent1(__VLS_238, new __VLS_238({
+        // @ts-ignore
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.code')), minWidth: "135",
+    }));
+    const __VLS_240 = __VLS_239({
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.code')),
+        minWidth: "135",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_239));
+    const { default: __VLS_243 } = __VLS_nonNull(__VLS_241.slots);
+    {
+        const { default: __VLS_244 } = __VLS_nonNull(__VLS_241.slots);
+        const [{ row }] = __VLS_vSlot(__VLS_nonNull(__VLS_244));
+        let __VLS_245;
+        /** @ts-ignore @type { | typeof __VLS_components.elInput | typeof __VLS_components.ElInput | typeof __VLS_components['el-input']} */
+        elInput;
+        // @ts-ignore
+        const __VLS_246 = __VLS_asFunctionalComponent1(__VLS_245, new __VLS_245({
+            // @ts-ignore
+            modelValue: (row.code),
+        }));
+        const __VLS_247 = __VLS_246({
+            modelValue: (row.code),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_246));
+        // @ts-ignore
+        [t, model,];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_241;
+    let __VLS_250;
+    /** @ts-ignore @type { | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column'] | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column']} */
+    elTableColumn;
+    // @ts-ignore
+    const __VLS_251 = __VLS_asFunctionalComponent1(__VLS_250, new __VLS_250({
+        // @ts-ignore
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.display_name')), minWidth: "135",
+    }));
+    const __VLS_252 = __VLS_251({
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.display_name')),
+        minWidth: "135",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_251));
+    const { default: __VLS_255 } = __VLS_nonNull(__VLS_253.slots);
+    {
+        const { default: __VLS_256 } = __VLS_nonNull(__VLS_253.slots);
+        const [{ row }] = __VLS_vSlot(__VLS_nonNull(__VLS_256));
+        let __VLS_257;
+        /** @ts-ignore @type { | typeof __VLS_components.elInput | typeof __VLS_components.ElInput | typeof __VLS_components['el-input']} */
+        elInput;
+        // @ts-ignore
+        const __VLS_258 = __VLS_asFunctionalComponent1(__VLS_257, new __VLS_257({
+            // @ts-ignore
+            modelValue: (row.name),
+        }));
+        const __VLS_259 = __VLS_258({
+            modelValue: (row.name),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_258));
+        // @ts-ignore
+        [t,];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_253;
+    let __VLS_262;
+    /** @ts-ignore @type { | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column'] | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column']} */
+    elTableColumn;
+    // @ts-ignore
+    const __VLS_263 = __VLS_asFunctionalComponent1(__VLS_262, new __VLS_262({
+        // @ts-ignore
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.table')), minWidth: "160",
+    }));
+    const __VLS_264 = __VLS_263({
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.table')),
+        minWidth: "160",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_263));
+    const { default: __VLS_267 } = __VLS_nonNull(__VLS_265.slots);
+    {
+        const { default: __VLS_268 } = __VLS_nonNull(__VLS_265.slots);
+        const [{ row }] = __VLS_vSlot(__VLS_nonNull(__VLS_268));
+        let __VLS_269;
+        /** @ts-ignore @type { | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select'] | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select']} */
+        elSelect;
+        // @ts-ignore
+        const __VLS_270 = __VLS_asFunctionalComponent1(__VLS_269, new __VLS_269({
+            // @ts-ignore
+            ...{ 'onChange': {} }, modelValue: (row.table),
+        }));
+        const __VLS_271 = __VLS_270({
+            ...{ 'onChange': {} },
+            modelValue: (row.table),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_270));
+        let __VLS_274;
+        const __VLS_275 = {
+            /** @type {typeof __VLS_274.change} */
+            onChange: // @ts-ignore
+            (...[$event]) => {
+                void $event;
+                if (!!(step.value === 0))
+                    throw 0;
+                if (!!(step.value === 1))
+                    throw 0;
+                row.column = '';
+                row.type = 'string';
+                // @ts-ignore
+                [t,];
+            },
+        };
+        void __VLS_275;
+        const { default: __VLS_276 } = __VLS_nonNull(__VLS_272.slots);
+        const __VLS_277 = __VLS_tryAsConstant((selectedTables.value));
+        for (const [table] of __VLS_vFor(__VLS_nonNull(__VLS_277))) {
+            let __VLS_278;
+            /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+            elOption;
+            // @ts-ignore
+            const __VLS_279 = __VLS_asFunctionalComponent1(__VLS_278, new __VLS_278({
+                // @ts-ignore
+                key: (table.key), label: (schemaLabel(table)), value: (table.key),
+            }));
+            const __VLS_280 = __VLS_279({
+                key: (table.key),
+                label: (schemaLabel(table)),
+                value: (table.key),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_279));
+            // @ts-ignore
+            [selectedTables,];
+        }
+        // @ts-ignore
+        [];
+        var __VLS_272;
+        var __VLS_273;
+        // @ts-ignore
+        [];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_265;
+    let __VLS_283;
+    /** @ts-ignore @type { | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column'] | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column']} */
+    elTableColumn;
+    // @ts-ignore
+    const __VLS_284 = __VLS_asFunctionalComponent1(__VLS_283, new __VLS_283({
+        // @ts-ignore
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.column')), minWidth: "160",
+    }));
+    const __VLS_285 = __VLS_284({
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.column')),
+        minWidth: "160",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_284));
+    const { default: __VLS_288 } = __VLS_nonNull(__VLS_286.slots);
+    {
+        const { default: __VLS_289 } = __VLS_nonNull(__VLS_286.slots);
+        const [{ row }] = __VLS_vSlot(__VLS_nonNull(__VLS_289));
+        let __VLS_290;
+        /** @ts-ignore @type { | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select'] | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select']} */
+        elSelect;
+        // @ts-ignore
+        const __VLS_291 = __VLS_asFunctionalComponent1(__VLS_290, new __VLS_290({
+            // @ts-ignore
+            ...{ 'onChange': {} }, modelValue: (row.column),
+        }));
+        const __VLS_292 = __VLS_291({
+            ...{ 'onChange': {} },
+            modelValue: (row.column),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_291));
+        let __VLS_295;
+        const __VLS_296 = {
+            /** @type {typeof __VLS_295.change} */
+            onChange: // @ts-ignore
+            (...[$event]) => {
+                void $event;
+                if (!!(step.value === 0))
+                    throw 0;
+                if (!!(step.value === 1))
+                    throw 0;
+                return (row.type = fieldType(row.table, row.column));
+                // @ts-ignore
+                [t,];
+            },
+        };
+        void __VLS_296;
+        const { default: __VLS_297 } = __VLS_nonNull(__VLS_293.slots);
+        const __VLS_298 = __VLS_tryAsConstant((tableFor(row.table)?.columns));
+        for (const [column] of __VLS_vFor(__VLS_nonNull(__VLS_298))) {
+            let __VLS_299;
+            /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+            elOption;
+            // @ts-ignore
+            const __VLS_300 = __VLS_asFunctionalComponent1(__VLS_299, new __VLS_299({
+                // @ts-ignore
+                key: (column.name), label: (schemaLabel(column)), value: (column.name),
+            }));
+            const __VLS_301 = __VLS_300({
+                key: (column.name),
+                label: (schemaLabel(column)),
+                value: (column.name),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_300));
+            // @ts-ignore
+            [];
+        }
+        // @ts-ignore
+        [];
+        var __VLS_293;
+        var __VLS_294;
+        // @ts-ignore
+        [];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_286;
+    let __VLS_304;
+    /** @ts-ignore @type { | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column'] | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column']} */
+    elTableColumn;
+    // @ts-ignore
+    const __VLS_305 = __VLS_asFunctionalComponent1(__VLS_304, new __VLS_304({
+        // @ts-ignore
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.type')), width: "110",
+    }));
+    const __VLS_306 = __VLS_305({
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.type')),
+        width: "110",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_305));
+    const { default: __VLS_309 } = __VLS_nonNull(__VLS_307.slots);
+    {
+        const { default: __VLS_310 } = __VLS_nonNull(__VLS_307.slots);
+        const [{ row }] = __VLS_vSlot(__VLS_nonNull(__VLS_310));
+        (row.type);
+        // @ts-ignore
+        [t,];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_307;
+    let __VLS_311;
+    /** @ts-ignore @type { | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column'] | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column']} */
+    elTableColumn;
+    // @ts-ignore
+    const __VLS_312 = __VLS_asFunctionalComponent1(__VLS_311, new __VLS_311({
+        // @ts-ignore
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.filterable')), width: "115", align: "center",
+    }));
+    const __VLS_313 = __VLS_312({
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.filterable')),
+        width: "115",
+        align: "center",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_312));
+    const { default: __VLS_316 } = __VLS_nonNull(__VLS_314.slots);
+    {
+        const { default: __VLS_317 } = __VLS_nonNull(__VLS_314.slots);
+        const [{ row }] = __VLS_vSlot(__VLS_nonNull(__VLS_317));
+        let __VLS_318;
+        /** @ts-ignore @type { | typeof __VLS_components.elSwitch | typeof __VLS_components.ElSwitch | typeof __VLS_components['el-switch']} */
+        elSwitch;
+        // @ts-ignore
+        const __VLS_319 = __VLS_asFunctionalComponent1(__VLS_318, new __VLS_318({
+            // @ts-ignore
+            modelValue: (row.filterable),
+        }));
+        const __VLS_320 = __VLS_319({
+            modelValue: (row.filterable),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_319));
+        // @ts-ignore
+        [t,];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_314;
+    let __VLS_323;
+    /** @ts-ignore @type { | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column'] | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column']} */
+    elTableColumn;
+    // @ts-ignore
+    const __VLS_324 = __VLS_asFunctionalComponent1(__VLS_323, new __VLS_323({
+        // @ts-ignore
+        width: "64", align: "center",
+    }));
+    const __VLS_325 = __VLS_324({
+        width: "64",
+        align: "center",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_324));
+    const { default: __VLS_328 } = __VLS_nonNull(__VLS_326.slots);
+    {
+        const { default: __VLS_329 } = __VLS_nonNull(__VLS_326.slots);
+        const [{ $index }] = __VLS_vSlot(__VLS_nonNull(__VLS_329));
+        let __VLS_330;
+        /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+        elButton;
+        // @ts-ignore
+        const __VLS_331 = __VLS_asFunctionalComponent1(__VLS_330, new __VLS_330({
+            // @ts-ignore
+            ...{ 'onClick': {} }, text: true, type: "danger", icon: (__VLS_unwrap(Delete, {})),
+        }));
+        const __VLS_332 = __VLS_331({
+            ...{ 'onClick': {} },
+            text: true,
+            type: "danger",
+            icon: (__VLS_unwrap(Delete, {})),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_331));
+        let __VLS_335;
+        const __VLS_336 = {
+            /** @type {typeof __VLS_335.click} */
+            onClick: // @ts-ignore
+            (...[$event]) => {
+                void $event;
+                if (!!(step.value === 0))
+                    throw 0;
+                if (!!(step.value === 1))
+                    throw 0;
+                return (model.value.dimensions.splice($index, 1));
+                // @ts-ignore
+                [model, Delete,];
+            },
+        };
+        void __VLS_336;
+        var __VLS_333;
+        var __VLS_334;
+        // @ts-ignore
+        [];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_326;
+    // @ts-ignore
+    [];
+    var __VLS_235;
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "source-model__semantic-section" },
+    });
+    /** @type {__VLS_StyleScopedClasses['source-model__semantic-section']} */ ;
+    __VLS_asFunctionalElement1(__VLS_intrinsics.header, __VLS_intrinsics.header)({});
+    __VLS_asFunctionalElement1(__VLS_intrinsics.strong, __VLS_intrinsics.strong)({});
+    (__VLS_unwrap(t, {})('bi.source.model.field.measures'));
+    let __VLS_337;
+    /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+    elButton;
+    // @ts-ignore
+    const __VLS_338 = __VLS_asFunctionalComponent1(__VLS_337, new __VLS_337({
+        // @ts-ignore
+        ...{ 'onClick': {} }, size: "small", icon: (__VLS_unwrap(CirclePlus, {})),
+    }));
+    const __VLS_339 = __VLS_338({
+        ...{ 'onClick': {} },
+        size: "small",
+        icon: (__VLS_unwrap(CirclePlus, {})),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_338));
+    let __VLS_342;
+    const __VLS_343 = {
+        /** @type {typeof __VLS_342.click} */
+        onClick: (addMeasure),
+    };
+    void __VLS_343;
+    const { default: __VLS_344 } = __VLS_nonNull(__VLS_340.slots);
+    (__VLS_unwrap(t, {})('bi.source.model.action.add_measure'));
+    // @ts-ignore
+    [t, t, CirclePlus,];
+    var __VLS_340;
+    var __VLS_341;
+    let __VLS_345;
+    /** @ts-ignore @type { | typeof __VLS_components.elTable | typeof __VLS_components.ElTable | typeof __VLS_components['el-table'] | typeof __VLS_components.elTable | typeof __VLS_components.ElTable | typeof __VLS_components['el-table']} */
+    elTable;
+    // @ts-ignore
+    const __VLS_346 = __VLS_asFunctionalComponent1(__VLS_345, new __VLS_345({
+        // @ts-ignore
+        data: (model.value.measures), size: "small", border: true,
+    }));
+    const __VLS_347 = __VLS_346({
+        data: (model.value.measures),
+        size: "small",
+        border: true,
+    }, ...__VLS_functionalComponentArgsRest(__VLS_346));
+    const { default: __VLS_350 } = __VLS_nonNull(__VLS_348.slots);
+    let __VLS_351;
+    /** @ts-ignore @type { | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column'] | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column']} */
+    elTableColumn;
+    // @ts-ignore
+    const __VLS_352 = __VLS_asFunctionalComponent1(__VLS_351, new __VLS_351({
+        // @ts-ignore
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.code')), minWidth: "135",
+    }));
+    const __VLS_353 = __VLS_352({
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.code')),
+        minWidth: "135",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_352));
+    const { default: __VLS_356 } = __VLS_nonNull(__VLS_354.slots);
+    {
+        const { default: __VLS_357 } = __VLS_nonNull(__VLS_354.slots);
+        const [{ row }] = __VLS_vSlot(__VLS_nonNull(__VLS_357));
+        let __VLS_358;
+        /** @ts-ignore @type { | typeof __VLS_components.elInput | typeof __VLS_components.ElInput | typeof __VLS_components['el-input']} */
+        elInput;
+        // @ts-ignore
+        const __VLS_359 = __VLS_asFunctionalComponent1(__VLS_358, new __VLS_358({
+            // @ts-ignore
+            modelValue: (row.code),
+        }));
+        const __VLS_360 = __VLS_359({
+            modelValue: (row.code),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_359));
+        // @ts-ignore
+        [t, model,];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_354;
+    let __VLS_363;
+    /** @ts-ignore @type { | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column'] | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column']} */
+    elTableColumn;
+    // @ts-ignore
+    const __VLS_364 = __VLS_asFunctionalComponent1(__VLS_363, new __VLS_363({
+        // @ts-ignore
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.display_name')), minWidth: "135",
+    }));
+    const __VLS_365 = __VLS_364({
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.display_name')),
+        minWidth: "135",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_364));
+    const { default: __VLS_368 } = __VLS_nonNull(__VLS_366.slots);
+    {
+        const { default: __VLS_369 } = __VLS_nonNull(__VLS_366.slots);
+        const [{ row }] = __VLS_vSlot(__VLS_nonNull(__VLS_369));
+        let __VLS_370;
+        /** @ts-ignore @type { | typeof __VLS_components.elInput | typeof __VLS_components.ElInput | typeof __VLS_components['el-input']} */
+        elInput;
+        // @ts-ignore
+        const __VLS_371 = __VLS_asFunctionalComponent1(__VLS_370, new __VLS_370({
+            // @ts-ignore
+            modelValue: (row.name),
+        }));
+        const __VLS_372 = __VLS_371({
+            modelValue: (row.name),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_371));
+        // @ts-ignore
+        [t,];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_366;
+    let __VLS_375;
+    /** @ts-ignore @type { | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column'] | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column']} */
+    elTableColumn;
+    // @ts-ignore
+    const __VLS_376 = __VLS_asFunctionalComponent1(__VLS_375, new __VLS_375({
+        // @ts-ignore
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.column')), minWidth: "180",
+    }));
+    const __VLS_377 = __VLS_376({
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.column')),
+        minWidth: "180",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_376));
+    const { default: __VLS_380 } = __VLS_nonNull(__VLS_378.slots);
+    {
+        const { default: __VLS_381 } = __VLS_nonNull(__VLS_378.slots);
+        const [{ row }] = __VLS_vSlot(__VLS_nonNull(__VLS_381));
+        let __VLS_382;
+        /** @ts-ignore @type { | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select'] | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select']} */
+        elSelect;
+        // @ts-ignore
+        const __VLS_383 = __VLS_asFunctionalComponent1(__VLS_382, new __VLS_382({
+            // @ts-ignore
+            ...{ 'onChange': {} }, modelValue: (row.column),
+        }));
+        const __VLS_384 = __VLS_383({
+            ...{ 'onChange': {} },
+            modelValue: (row.column),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_383));
+        let __VLS_387;
+        const __VLS_388 = {
+            /** @type {typeof __VLS_387.change} */
+            onChange: // @ts-ignore
+            (...[$event]) => {
+                void $event;
+                if (!!(step.value === 0))
+                    throw 0;
+                if (!!(step.value === 1))
+                    throw 0;
+                row.type = 'number';
+                row.aggregations = defaultAggregations(row.column);
+                // @ts-ignore
+                [t,];
+            },
+        };
+        void __VLS_388;
+        const { default: __VLS_389 } = __VLS_nonNull(__VLS_385.slots);
+        const __VLS_390 = __VLS_tryAsConstant((tableFor(model.value.base_table)?.columns));
+        for (const [column] of __VLS_vFor(__VLS_nonNull(__VLS_390))) {
+            let __VLS_391;
+            /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+            elOption;
+            // @ts-ignore
+            const __VLS_392 = __VLS_asFunctionalComponent1(__VLS_391, new __VLS_391({
+                // @ts-ignore
+                key: (column.name), label: (schemaLabel(column)), value: (column.name),
+            }));
+            const __VLS_393 = __VLS_392({
+                key: (column.name),
+                label: (schemaLabel(column)),
+                value: (column.name),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_392));
+            // @ts-ignore
+            [model,];
+        }
+        // @ts-ignore
+        [];
+        var __VLS_385;
+        var __VLS_386;
+        // @ts-ignore
+        [];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_378;
+    let __VLS_396;
+    /** @ts-ignore @type { | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column'] | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column']} */
+    elTableColumn;
+    // @ts-ignore
+    const __VLS_397 = __VLS_asFunctionalComponent1(__VLS_396, new __VLS_396({
+        // @ts-ignore
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.aggregation')), minWidth: "220",
+    }));
+    const __VLS_398 = __VLS_397({
+        label: (__VLS_unwrap(t, {})('bi.source.model.field.aggregation')),
+        minWidth: "220",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_397));
+    const { default: __VLS_401 } = __VLS_nonNull(__VLS_399.slots);
+    {
+        const { default: __VLS_402 } = __VLS_nonNull(__VLS_399.slots);
+        const [{ row }] = __VLS_vSlot(__VLS_nonNull(__VLS_402));
+        let __VLS_403;
+        /** @ts-ignore @type { | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select'] | typeof __VLS_components.elSelect | typeof __VLS_components.ElSelect | typeof __VLS_components['el-select']} */
+        elSelect;
+        // @ts-ignore
+        const __VLS_404 = __VLS_asFunctionalComponent1(__VLS_403, new __VLS_403({
+            // @ts-ignore
+            modelValue: (row.aggregations), multiple: true, collapseTags: true,
+        }));
+        const __VLS_405 = __VLS_404({
+            modelValue: (row.aggregations),
+            multiple: true,
+            collapseTags: true,
+        }, ...__VLS_functionalComponentArgsRest(__VLS_404));
+        const { default: __VLS_408 } = __VLS_nonNull(__VLS_406.slots);
+        const __VLS_409 = __VLS_tryAsConstant((aggregationOptions(row.column)));
+        for (const [aggregation] of __VLS_vFor(__VLS_nonNull(__VLS_409))) {
+            let __VLS_410;
+            /** @ts-ignore @type { | typeof __VLS_components.elOption | typeof __VLS_components.ElOption | typeof __VLS_components['el-option']} */
+            elOption;
+            // @ts-ignore
+            const __VLS_411 = __VLS_asFunctionalComponent1(__VLS_410, new __VLS_410({
+                // @ts-ignore
+                key: (aggregation), label: (aggregation), value: (aggregation),
+            }));
+            const __VLS_412 = __VLS_411({
+                key: (aggregation),
+                label: (aggregation),
+                value: (aggregation),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_411));
+            // @ts-ignore
+            [t,];
+        }
+        // @ts-ignore
+        [];
+        var __VLS_406;
+        // @ts-ignore
+        [];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_399;
+    let __VLS_415;
+    /** @ts-ignore @type { | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column'] | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column']} */
+    elTableColumn;
+    // @ts-ignore
+    const __VLS_416 = __VLS_asFunctionalComponent1(__VLS_415, new __VLS_415({
+        // @ts-ignore
+        width: "64", align: "center",
+    }));
+    const __VLS_417 = __VLS_416({
+        width: "64",
+        align: "center",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_416));
+    const { default: __VLS_420 } = __VLS_nonNull(__VLS_418.slots);
+    {
+        const { default: __VLS_421 } = __VLS_nonNull(__VLS_418.slots);
+        const [{ $index }] = __VLS_vSlot(__VLS_nonNull(__VLS_421));
+        let __VLS_422;
+        /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+        elButton;
+        // @ts-ignore
+        const __VLS_423 = __VLS_asFunctionalComponent1(__VLS_422, new __VLS_422({
+            // @ts-ignore
+            ...{ 'onClick': {} }, text: true, type: "danger", icon: (__VLS_unwrap(Delete, {})),
+        }));
+        const __VLS_424 = __VLS_423({
+            ...{ 'onClick': {} },
+            text: true,
+            type: "danger",
+            icon: (__VLS_unwrap(Delete, {})),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_423));
+        let __VLS_427;
+        const __VLS_428 = {
+            /** @type {typeof __VLS_427.click} */
+            onClick: // @ts-ignore
+            (...[$event]) => {
+                void $event;
+                if (!!(step.value === 0))
+                    throw 0;
+                if (!!(step.value === 1))
+                    throw 0;
+                return (model.value.measures.splice($index, 1));
+                // @ts-ignore
+                [model, Delete,];
+            },
+        };
+        void __VLS_428;
+        var __VLS_425;
+        var __VLS_426;
+        // @ts-ignore
+        [];
+    }
+    // @ts-ignore
+    [];
+    var __VLS_418;
+    // @ts-ignore
+    [];
+    var __VLS_348;
+    if (previewResult.value) {
+        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+            ...{ class: "source-model__preview" },
+        });
+        /** @type {__VLS_StyleScopedClasses['source-model__preview']} */ ;
+        __VLS_asFunctionalElement1(__VLS_intrinsics.header, __VLS_intrinsics.header)({});
+        __VLS_asFunctionalElement1(__VLS_intrinsics.strong, __VLS_intrinsics.strong)({});
+        (__VLS_unwrap(t, {})('bi.query.result'));
+        __VLS_asFunctionalElement1(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
+        (__VLS_unwrap(t, {})('bi.query.elapsed', { ms: previewResult.value.elapsed_ms }));
+        let __VLS_429;
+        /** @ts-ignore @type { | typeof __VLS_components.elTable | typeof __VLS_components.ElTable | typeof __VLS_components['el-table'] | typeof __VLS_components.elTable | typeof __VLS_components.ElTable | typeof __VLS_components['el-table']} */
+        elTable;
+        // @ts-ignore
+        const __VLS_430 = __VLS_asFunctionalComponent1(__VLS_429, new __VLS_429({
+            // @ts-ignore
+            data: (__VLS_unwrap(previewRows, {})), size: "small", border: true,
+        }));
+        const __VLS_431 = __VLS_430({
+            data: (__VLS_unwrap(previewRows, {})),
+            size: "small",
+            border: true,
+        }, ...__VLS_functionalComponentArgsRest(__VLS_430));
+        const { default: __VLS_434 } = __VLS_nonNull(__VLS_432.slots);
+        const __VLS_435 = __VLS_tryAsConstant((previewResult.value.columns));
+        for (const [column, index] of __VLS_vFor(__VLS_nonNull(__VLS_435))) {
+            let __VLS_436;
+            /** @ts-ignore @type { | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column'] | typeof __VLS_components.elTableColumn | typeof __VLS_components.ElTableColumn | typeof __VLS_components['el-table-column']} */
+            elTableColumn;
+            // @ts-ignore
+            const __VLS_437 = __VLS_asFunctionalComponent1(__VLS_436, new __VLS_436({
+                // @ts-ignore
+                key: (column.code), label: (column.name), minWidth: "130",
+            }));
+            const __VLS_438 = __VLS_437({
+                key: (column.code),
+                label: (column.name),
+                minWidth: "130",
+            }, ...__VLS_functionalComponentArgsRest(__VLS_437));
+            const { default: __VLS_441 } = __VLS_nonNull(__VLS_439.slots);
+            {
+                const { default: __VLS_442 } = __VLS_nonNull(__VLS_439.slots);
+                const [{ row }] = __VLS_vSlot(__VLS_nonNull(__VLS_442));
+                (row[`value_${index}`]);
+                // @ts-ignore
+                [t, t, previewResult, previewResult, previewResult, previewRows,];
+            }
+            // @ts-ignore
+            [];
+            var __VLS_439;
+            // @ts-ignore
+            [];
+        }
+        // @ts-ignore
+        [];
+        var __VLS_432;
+    }
+}
+{
+    const { footer: __VLS_443 } = __VLS_nonNull(__VLS_3.slots);
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "source-model__footer" },
+    });
+    /** @type {__VLS_StyleScopedClasses['source-model__footer']} */ ;
+    let __VLS_444;
+    /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+    elButton;
+    // @ts-ignore
+    const __VLS_445 = __VLS_asFunctionalComponent1(__VLS_444, new __VLS_444({
+        // @ts-ignore
+        ...{ 'onClick': {} },
+    }));
+    const __VLS_446 = __VLS_445({
+        ...{ 'onClick': {} },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_445));
+    let __VLS_449;
+    const __VLS_450 = {
+        /** @type {typeof __VLS_449.click} */
+        onClick: // @ts-ignore
+        (...[$event]) => {
+            void $event;
+            return (open.value = false);
+            // @ts-ignore
+            [open,];
+        },
+    };
+    void __VLS_450;
+    const { default: __VLS_451 } = __VLS_nonNull(__VLS_447.slots);
+    (__VLS_unwrap(t, {})('common.action.cancel'));
+    // @ts-ignore
+    [t,];
+    var __VLS_447;
+    var __VLS_448;
+    if (step.value > 0) {
+        let __VLS_452;
+        /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+        elButton;
+        // @ts-ignore
+        const __VLS_453 = __VLS_asFunctionalComponent1(__VLS_452, new __VLS_452({
+            // @ts-ignore
+            ...{ 'onClick': {} },
+        }));
+        const __VLS_454 = __VLS_453({
+            ...{ 'onClick': {} },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_453));
+        let __VLS_457;
+        const __VLS_458 = {
+            /** @type {typeof __VLS_457.click} */
+            onClick: // @ts-ignore
+            (...[$event]) => {
+                void $event;
+                if (!(step.value > 0))
+                    throw 0;
+                return (step.value--);
+                // @ts-ignore
+                [step, step,];
+            },
+        };
+        void __VLS_458;
+        const { default: __VLS_459 } = __VLS_nonNull(__VLS_455.slots);
+        (__VLS_unwrap(t, {})('bi.source.model.action.previous'));
+        // @ts-ignore
+        [t,];
+        var __VLS_455;
+        var __VLS_456;
+    }
+    if (step.value < 2) {
+        let __VLS_460;
+        /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+        elButton;
+        // @ts-ignore
+        const __VLS_461 = __VLS_asFunctionalComponent1(__VLS_460, new __VLS_460({
+            // @ts-ignore
+            ...{ 'onClick': {} }, type: "primary",
+        }));
+        const __VLS_462 = __VLS_461({
+            ...{ 'onClick': {} },
+            type: "primary",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_461));
+        let __VLS_465;
+        const __VLS_466 = {
+            /** @type {typeof __VLS_465.click} */
+            onClick: (nextStep),
+        };
+        void __VLS_466;
+        const { default: __VLS_467 } = __VLS_nonNull(__VLS_463.slots);
+        (__VLS_unwrap(t, {})('bi.source.model.action.next'));
+        // @ts-ignore
+        [t, step,];
+        var __VLS_463;
+        var __VLS_464;
+    }
+    else {
+        let __VLS_468;
+        /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+        elButton;
+        // @ts-ignore
+        const __VLS_469 = __VLS_asFunctionalComponent1(__VLS_468, new __VLS_468({
+            // @ts-ignore
+            ...{ 'onClick': {} }, type: "primary", loading: (__VLS_unwrap(saving, {})),
+        }));
+        const __VLS_470 = __VLS_469({
+            ...{ 'onClick': {} },
+            type: "primary",
+            loading: (__VLS_unwrap(saving, {})),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_469));
+        let __VLS_473;
+        const __VLS_474 = {
+            /** @type {typeof __VLS_473.click} */
+            onClick: (saveModel),
+        };
+        void __VLS_474;
+        const { default: __VLS_475 } = __VLS_nonNull(__VLS_471.slots);
+        (__VLS_unwrap(t, {})('bi.source.model.action.save'));
+        // @ts-ignore
+        [t, saving,];
+        var __VLS_471;
+        var __VLS_472;
+        let __VLS_476;
+        /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+        elButton;
+        // @ts-ignore
+        const __VLS_477 = __VLS_asFunctionalComponent1(__VLS_476, new __VLS_476({
+            // @ts-ignore
+            ...{ 'onClick': {} }, icon: (__VLS_unwrap(DataAnalysis, {})), disabled: (!modelSaved.value), loading: (__VLS_unwrap(previewing, {})),
+        }));
+        const __VLS_478 = __VLS_477({
+            ...{ 'onClick': {} },
+            icon: (__VLS_unwrap(DataAnalysis, {})),
+            disabled: (!modelSaved.value),
+            loading: (__VLS_unwrap(previewing, {})),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_477));
+        let __VLS_481;
+        const __VLS_482 = {
+            /** @type {typeof __VLS_481.click} */
+            onClick: (previewModel),
+        };
+        void __VLS_482;
+        const { default: __VLS_483 } = __VLS_nonNull(__VLS_479.slots);
+        (__VLS_unwrap(t, {})('bi.source.model.action.preview'));
+        // @ts-ignore
+        [t, DataAnalysis, modelSaved, previewing,];
+        var __VLS_479;
+        var __VLS_480;
+        if (modelSaved.value) {
+            let __VLS_484;
+            /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+            elButton;
+            // @ts-ignore
+            const __VLS_485 = __VLS_asFunctionalComponent1(__VLS_484, new __VLS_484({
+                // @ts-ignore
+                ...{ 'onClick': {} },
+            }));
+            const __VLS_486 = __VLS_485({
+                ...{ 'onClick': {} },
+            }, ...__VLS_functionalComponentArgsRest(__VLS_485));
+            let __VLS_489;
+            const __VLS_490 = {
+                /** @type {typeof __VLS_489.click} */
+                onClick: // @ts-ignore
+                (...[$event]) => {
+                    void $event;
+                    if (!!(step.value < 2))
+                        throw 0;
+                    if (!(modelSaved.value))
+                        throw 0;
+                    return (open.value = false);
+                    // @ts-ignore
+                    [open, modelSaved,];
+                },
+            };
+            void __VLS_490;
+            const { default: __VLS_491 } = __VLS_nonNull(__VLS_487.slots);
+            (__VLS_unwrap(t, {})('bi.source.model.action.done'));
+            // @ts-ignore
+            [t,];
+            var __VLS_487;
+            var __VLS_488;
+        }
+    }
+    // @ts-ignore
+    [];
+}
+// @ts-ignore
+[];
+var __VLS_3;
+// @ts-ignore
+[];
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeEmits: {},
+    __typeProps: {},
+});
+export default {};