@maketribe/ms-app 3.2.46 → 4.0.0-alpha.2

package/dist/esm/components/data-model/data-table/data-table.js

@@ -1,100 +0,0 @@
-import { defineComponent, ref, computed, reactive, unref, watch, provide, withDirectives, createVNode, resolveDirective } from "vue";
-import { DataTable as DataTable$1, TableColumn } from "@maketribe/dm";
-import { dataTableProps } from "./data-table-options.js";
-import { DATA_TABLE_CONTEXT_KEY } from "./token.js";
-import { MKTableView } from "./views/table-view/index.js";
-import { useRouter } from "vue-router";
-import "./composables/use-column.js";
-import { useQueryParams } from "./composables/use-query-params.js";
-const DataTable = /* @__PURE__ */ defineComponent({
-  name: "MKDataTable",
-  props: dataTableProps,
-  setup(props, {
-    slots
-  }) {
-    useRouter();
-    let _dataTable = null;
-    const dataTableEl = ref(null);
-    const dataTable = computed(() => {
-      if (props.dataTable instanceof DataTable$1) {
-        return props.dataTable;
-      }
-      if (!_dataTable) {
-        _dataTable = reactive(new DataTable$1({
-          name: props.name,
-          primaryKey: props.primaryKey,
-          pageSize: props.pageSize ?? 20,
-          interfaceURL: {
-            list: props.listInterfaceURL || "",
-            delete: props.deleteInterfaceURL || ""
-          }
-        }));
-      }
-      return _dataTable;
-    });
-    const loading = computed(() => unref(dataTable).loading);
-    watch(computed(() => props.enableQueryParams), (enableQueryParams) => {
-      if (enableQueryParams) {
-        unref(dataTable).enableQueryParams();
-      } else {
-        unref(dataTable).disableQueryParams();
-      }
-    }, {
-      immediate: true
-    });
-    watch(dataTable, async (dataTable2) => {
-      if (props.autoLoad) {
-        dataTable2.load();
-      }
-      let columns = unref(dataTable2).getColumns();
-      const extractColumnConfig = props.columns.filter((config) => columns.findIndex((column) => column.name === config.name) === -1);
-      const extractColumn = extractColumnConfig.map((config) => new TableColumn({
-        visible: true,
-        ...config
-      }));
-      columns = [...extractColumn, ...columns];
-      let sortedColumns = [];
-      for (const columnConfig of props.columns) {
-        const column = columns.find((column2) => column2.name === columnConfig.name);
-        sortedColumns.push(column);
-      }
-      const _columns = columns.filter((column) => sortedColumns.findIndex((item) => item.name === column.name) === -1);
-      sortedColumns = [...sortedColumns, ..._columns];
-      dataTable2.setColumns(sortedColumns);
-      await dataTable2.init();
-    }, {
-      immediate: true
-    });
-    useQueryParams(dataTable);
-    watch(computed(() => unref(dataTable).dataFilter), (dataFilter) => {
-      unref(dataTable).afterInitdEvent.on(() => {
-        if (dataFilter.getColumns().length === 0) {
-          dataFilter.setReady();
-        }
-      });
-    }, {
-      immediate: true
-    });
-    provide(DATA_TABLE_CONTEXT_KEY, reactive({
-      dataTable,
-      el: dataTableEl
-    }));
-    return () => {
-      var _a;
-      return withDirectives(createVNode("div", {
-        "class": "mk-data-table",
-        "ref": (el) => {
-          dataTableEl.value = el;
-        }
-      }, [((_a = slots.default) == null ? void 0 : _a.call(slots, {
-        dataTable: unref(dataTable)
-      })) || createVNode(MKTableView, {
-        "dataTable": unref(dataTable)
-      }, null)]), [[resolveDirective("loading"), unref(loading)]]);
-    };
-  }
-});
-export {
-  DataTable as default
-};
-//# sourceMappingURL=data-table.js.map

package/dist/esm/components/data-model/data-table/data-table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-table.js","sources":["../../../../../src/components/data-model/data-table/data-table.tsx"],"sourcesContent":["import { DataTable, TableColumn } from \"@maketribe/dm\";\r\nimport {\r\n  computed,\r\n  defineComponent,\r\n  provide,\r\n  reactive,\r\n  ref,\r\n  Ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport { dataTableProps } from \"./data-table-options\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"./token\";\r\nimport MKTableView from \"./views/table-view\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { useQueryParams } from \"./composables\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataTable\",\r\n  props: dataTableProps,\r\n  setup(props, { slots }) {\r\n    const router = useRouter();\r\n\r\n    let _dataTable: DataTable | null = null;\r\n\r\n    const dataTableEl: Ref<HTMLElement | null> = ref(null);\r\n\r\n    const dataTable = computed(() => {\r\n      if (props.dataTable instanceof DataTable) {\r\n        return props.dataTable;\r\n      }\r\n\r\n      if (!_dataTable) {\r\n        _dataTable = reactive(\r\n          new DataTable({\r\n            name: props.name!,\r\n            primaryKey: props.primaryKey,\r\n            pageSize: props.pageSize ?? 20,\r\n            interfaceURL: {\r\n              list: props.listInterfaceURL || \"\",\r\n              delete: props.deleteInterfaceURL || \"\",\r\n            },\r\n          })\r\n        ) as DataTable;\r\n      }\r\n\r\n      return _dataTable;\r\n    });\r\n\r\n    const loading = computed(() => unref(dataTable).loading);\r\n\r\n    watch(\r\n      computed(() => props.enableQueryParams),\r\n      (enableQueryParams) => {\r\n        if (enableQueryParams) {\r\n          unref(dataTable).enableQueryParams();\r\n        } else {\r\n          unref(dataTable).disableQueryParams();\r\n        }\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    watch(\r\n      dataTable,\r\n      async (dataTable) => {\r\n        if (props.autoLoad) {\r\n          dataTable.load();\r\n        }\r\n\r\n        let columns = unref(dataTable).getColumns();\r\n\r\n        const extractColumnConfig = props.columns.filter(\r\n          (config) =>\r\n            columns.findIndex((column) => column.name === config.name) === -1\r\n        );\r\n\r\n        const extractColumn = extractColumnConfig.map(\r\n          (config) => new TableColumn({ visible: true, ...config })\r\n        );\r\n\r\n        columns = [...extractColumn, ...columns];\r\n\r\n        let sortedColumns: TableColumn[] = [];\r\n        for (const columnConfig of props.columns) {\r\n          const column = columns.find(\r\n            (column) => column.name === columnConfig.name\r\n          )!;\r\n\r\n          sortedColumns.push(column);\r\n        }\r\n\r\n        const _columns = columns.filter(\r\n          (column) =>\r\n            sortedColumns.findIndex((item) => item.name === column.name) === -1\r\n        );\r\n\r\n        sortedColumns = [...sortedColumns, ..._columns];\r\n\r\n        dataTable.setColumns(sortedColumns);\r\n\r\n        await dataTable.init();\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    useQueryParams(dataTable);\r\n\r\n    watch(\r\n      computed(() => unref(dataTable).dataFilter),\r\n      (dataFilter) => {\r\n        unref(dataTable).afterInitdEvent.on(() => {\r\n          if (dataFilter.getColumns().length === 0) {\r\n            dataFilter.setReady();\r\n          }\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    provide(DATA_TABLE_CONTEXT_KEY, reactive({ dataTable, el: dataTableEl }));\r\n\r\n    return () => {\r\n      return (\r\n        <div\r\n          class=\"mk-data-table\"\r\n          v-loading={unref(loading)}\r\n          ref={(el: any) => {\r\n            dataTableEl.value = el;\r\n          }}\r\n        >\r\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\r\n            <MKTableView dataTable={unref(dataTable)} />\r\n          )}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","dataTableProps","setup","slots","useRouter","_dataTable","dataTableEl","ref","dataTable","computed","DataTable","reactive","primaryKey","pageSize","interfaceURL","list","listInterfaceURL","delete","deleteInterfaceURL","loading","unref","watch","enableQueryParams","disableQueryParams","immediate","autoLoad","load","columns","getColumns","extractColumnConfig","filter","config","findIndex","column","extractColumn","map","TableColumn","visible","sortedColumns","columnConfig","find","push","_columns","item","setColumns","init","useQueryParams","dataFilter","afterInitdEvent","on","length","setReady","provide","DATA_TABLE_CONTEXT_KEY","el","_withDirectives","_createVNode","value","default","MKTableView","_resolveDirective"],"mappings":"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"}

package/dist/esm/components/data-model/data-table/index.js

@@ -1,26 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import DataTable from "./data-table.js";
-import { MKDataTableColumn } from "./data-table-column/index.js";
-import { DataTableEmits, dataTableEmits, dataTableProps } from "./data-table-options.js";
-import { MKTable } from "./views/table/index.js";
-import { MKTableTree } from "./views/table-tree/index.js";
-import { MKTree } from "./views/tree/index.js";
-import { MKTableView } from "./views/table-view/index.js";
-import { MKTreeView } from "./views/tree-view/index.js";
-const MKDataTable = withInstall(DataTable, {
-  MKDataTableColumn
-});
-export {
-  DataTableEmits,
-  MKDataTable,
-  MKDataTableColumn,
-  MKTable,
-  MKTableTree,
-  MKTableView,
-  MKTree,
-  MKTreeView,
-  dataTableEmits,
-  dataTableProps,
-  MKDataTable as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/components/data-model/data-table/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-table/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport DataTable from \"./data-table\";\r\nimport { MKDataTableColumn } from \"./data-table-column\";\r\n\r\nexport const MKDataTable = withInstall(DataTable, {\r\n  MKDataTableColumn,\r\n});\r\n\r\nexport default MKDataTable;\r\n\r\nexport * from \"./data-table-column\";\r\nexport * from \"./data-table-options\";\r\n\r\nexport * from \"./views\";\r\n"],"names":[],"mappings":";;;;;;;;;AAIa,MAAA,cAAc,YAAY,WAAW;AAAA,EAChD;AACF,CAAC;"}

package/dist/esm/components/data-model/data-table/token.js

@@ -1,7 +0,0 @@
-const DATA_TABLE_CONTEXT_KEY = Symbol(
-  "dataTableContextKey"
-);
-export {
-  DATA_TABLE_CONTEXT_KEY
-};
-//# sourceMappingURL=token.js.map

package/dist/esm/components/data-model/data-table/token.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-table/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\n\r\nexport interface DataTableContext {\r\n  dataTable: DataTable;\r\n  el: HTMLElement | null\r\n}\r\n\r\nexport const DATA_TABLE_CONTEXT_KEY: InjectionKey<DataTableContext> = Symbol(\r\n  \"dataTableContextKey\"\r\n);\r\n"],"names":[],"mappings":"AAQO,MAAM,yBAAyD;AAAA,EACpE;AACF;"}

package/dist/esm/components/data-model/data-table/views/table/index.js

@@ -1,10 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import Table from "./table.js";
-import { tableProps } from "./table-options.js";
-const MKTable = withInstall(Table);
-export {
-  MKTable,
-  MKTable as default,
-  tableProps
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/components/data-model/data-table/views/table/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport Table from \"./table\";\r\n\r\nexport const MKTable = withInstall(Table);\r\n\r\nexport default MKTable;\r\n\r\nexport * from \"./table-options\";\r\n"],"names":[],"mappings":";;;AAGa,MAAA,UAAU,YAAY,KAAK;"}

package/dist/esm/components/data-model/data-table/views/table/table-options.js

@@ -1,34 +0,0 @@
-import { DataTable } from "@maketribe/dm";
-import { buildProps } from "@maketribe/utils";
-const tableProps = buildProps({
-  dataTable: {
-    type: DataTable
-  },
-  getList: {
-    type: Function,
-    default: (dataTable) => dataTable.getList()
-  },
-  lazy: {
-    type: Boolean,
-    default: false
-  },
-  treeProps: {
-    type: Object,
-    default: () => ({ children: "children", hasChildren: "hasChildren" })
-  },
-  load: {
-    type: Function,
-    default: null
-  },
-  rowKey: {
-    type: String
-  },
-  defaultExpandAll: {
-    type: Boolean,
-    default: false
-  }
-});
-export {
-  tableProps
-};
-//# sourceMappingURL=table-options.js.map

package/dist/esm/components/data-model/data-table/views/table/table-options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/table-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const tableProps = buildProps({\r\n  dataTable: {\r\n    type: DataTable<any>,\r\n  },\r\n  getList: {\r\n    type: Function,\r\n    default: (dataTable: DataTable<any>): any[] => dataTable.getList(),\r\n  },\r\n  lazy: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  treeProps: {\r\n    type: Object,\r\n    default: () => ({ children: \"children\", hasChildren: \"hasChildren\" }),\r\n  },\r\n  load: {\r\n    type: Function,\r\n    default: null,\r\n  },\r\n  rowKey: {\r\n    type: String,\r\n  },\r\n  defaultExpandAll: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n\r\nexport type TableProps = ExtractPropTypes<typeof tableProps>;\r\n"],"names":[],"mappings":";;AAIO,MAAM,aAAa,WAAW;AAAA,EACnC,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS,CAAC,cAAqC,UAAU,QAAQ;AAAA,EACnE;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS,OAAO,EAAE,UAAU,YAAY,aAAa,cAAc;AAAA,EACrE;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;"}

package/dist/esm/components/data-model/data-table/views/table/table.js

@@ -1,157 +0,0 @@
-import { defineComponent, computed, inject, ref, unref, onMounted, watch, nextTick, createVNode } from "vue";
-import { ElTableColumn, ElTable, ElEmpty } from "element-plus";
-import { isEqual } from "lodash-es";
-import { MKDataTableColumn } from "../../data-table-column/index.js";
-import { tableProps } from "./table-options.js";
-import { DATA_TABLE_CONTEXT_KEY } from "../../token.js";
-import Sortable from "sortablejs";
-import { OrderType } from "@maketribe/request";
-const Table = /* @__PURE__ */ defineComponent({
-  name: "MKTable",
-  props: tableProps,
-  setup(props, {
-    slots
-  }) {
-    computed(() => {
-      return props.treeProps;
-    });
-    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);
-    const dataTableEl = computed(() => (dataTableContext == null ? void 0 : dataTableContext.el) ?? null);
-    const tableEl = ref(null);
-    const dataTable = computed(() => props.dataTable ?? dataTableContext.dataTable);
-    const rowKey = computed(() => props.rowKey || unref(dataTable).primaryKey);
-    const list = computed(() => props.getList(unref(dataTable)));
-    const selectionColumn = computed(() => unref(dataTable).selectionColumn);
-    const handleSortChange = ({
-      column,
-      prop,
-      order
-    }) => {
-      let orderType = null;
-      if (order === "descending") {
-        orderType = OrderType.DESC;
-      } else if (order === "ascending") {
-        orderType = OrderType.ASC;
-      }
-      unref(dataTable).sorter.setColumnSort(prop, orderType);
-    };
-    let allowChangeSelection = true;
-    const handleSelectionChange = (items) => {
-      if (allowChangeSelection) {
-        unref(dataTable).setSelection(items.map((item) => item[unref(dataTable).primaryKey]));
-      }
-    };
-    onMounted(() => {
-      const _tableEl = unref(tableEl);
-      watch(list, (list2, _, onCleanup) => {
-        onCleanup(watch(computed(() => unref(dataTable).getSelection()), async (selections) => {
-          const primaryKey = unref(dataTable).primaryKey;
-          const tableSelections = _tableEl.getSelectionRows().map((item2) => item2[primaryKey]).sort();
-          if (isEqual(selections, tableSelections)) {
-            return;
-          }
-          allowChangeSelection = false;
-          _tableEl.clearSelection();
-          await nextTick();
-          const selectedRows = list2.filter((item2) => selections.includes(item2[primaryKey]));
-          for (var item of selectedRows) {
-            _tableEl.toggleRowSelection(item, true);
-          }
-          allowChangeSelection = true;
-        }, {
-          immediate: true
-        }));
-      });
-      watch(dataTableEl, (el, _, onCleanup) => {
-        if (!el) {
-          return;
-        }
-        var sortableInstance = Sortable.create(el.querySelector("tbody"), {
-          handle: ".mk-column-sort__drag",
-          animation: 300,
-          onEnd: (event) => {
-            const newIndex = event.newIndex;
-            const oldIndx = event.oldIndex;
-            if (oldIndx === newIndex) {
-              return;
-            }
-            const sourceItem = unref(dataTable).getList()[oldIndx];
-            let dropItem = unref(dataTable).getList()[newIndex];
-            let sortAction = oldIndx > newIndex ? 1 : 2;
-            unref(dataTable).moveTarget(sourceItem, dropItem, sortAction);
-          }
-        });
-        onCleanup(() => {
-          sortableInstance.destroy();
-        });
-      }, {
-        immediate: true
-      });
-    });
-    return () => {
-      const columns = unref(dataTable).getColumns().filter((column) => column.visible && column.name).map((column) => {
-        var _a;
-        const columnProps = {
-          prop: column.name,
-          label: column.label,
-          width: column.width,
-          minWidth: column.minWidth,
-          fixed: column.fixed,
-          align: column.align || "center",
-          reserveSelection: true,
-          type: column.type || "default",
-          sortable: column.sortable
-        };
-        if (!column.visible) {
-          return null;
-        }
-        return ((_a = slots[`col-${column.name}`]) == null ? void 0 : _a.call(slots)) ?? createVNode(ElTableColumn, columnProps, {
-          default: (scope) => {
-            var _a2;
-            let children = (_a2 = slots[`col-${column.name}-content`]) == null ? void 0 : _a2.call(slots, {
-              $index: scope.$index,
-              row: scope.row,
-              column,
-              dataTable: unref(dataTable)
-            });
-            if (children) {
-              return children;
-            }
-            return createVNode(MKDataTableColumn, {
-              "column": column,
-              "row": scope.row,
-              "index": scope.$index
-            }, null);
-          }
-        });
-      });
-      return createVNode(ElTable, {
-        "data": unref(list),
-        "row-key": unref(rowKey),
-        "onSort-change": handleSortChange,
-        "ref": (el) => tableEl.value = el,
-        "show-overflow-tooltip": true,
-        "border": true,
-        "stripe": true,
-        "lazy": props.lazy,
-        "load": props.load,
-        "onSelection-change": handleSelectionChange,
-        "defaultExpandAll": props.defaultExpandAll
-      }, {
-        default: () => [unref(selectionColumn).visible ? createVNode(ElTableColumn, {
-          "type": unref(selectionColumn).type ?? "selection",
-          "width": unref(selectionColumn).width,
-          "fixed": unref(selectionColumn).fixed
-        }, null) : null, columns],
-        empty: () => {
-          var _a;
-          return ((_a = slots.empty) == null ? void 0 : _a.call(slots)) || createVNode(ElEmpty, null, null);
-        }
-      });
-    };
-  }
-});
-export {
-  Table as default
-};
-//# sourceMappingURL=table.js.map

package/dist/esm/components/data-model/data-table/views/table/table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/table.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  onMounted,\r\n  ref,\r\n  Ref,\r\n  unref,\r\n  watch,\r\n  nextTick,\r\n  inject,\r\n} from \"vue\";\r\nimport { Column, ElEmpty, ElTable, ElTableColumn } from \"element-plus\";\r\nimport { isEqual } from \"lodash-es\";\r\nimport MKDataTableColumn from \"../../data-table-column\";\r\nimport { tableProps } from \"./table-options\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\r\nimport Sortable from \"sortablejs\";\r\nimport { OrderType } from \"@maketribe/request\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTable\",\r\n  props: tableProps,\r\n  setup(props, { slots }) {\r\n    const treeProps = computed(() => {\r\n      return props.treeProps;\r\n    });\r\n\r\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\r\n\r\n    const dataTableEl = computed(() => dataTableContext?.el ?? null);\r\n\r\n    const tableEl: Ref<InstanceType<typeof ElTable> | null> = ref(null);\r\n\r\n    const dataTable = computed(\r\n      () => props.dataTable ?? dataTableContext!.dataTable\r\n    );\r\n\r\n    const rowKey = computed(() => props.rowKey || unref(dataTable).primaryKey);\r\n\r\n    const list = computed(() => props.getList(unref(dataTable)));\r\n\r\n    const selectionColumn = computed(() => unref(dataTable).selectionColumn);\r\n\r\n    type SortChangeEvent = { column: Column; prop: string; order: string };\r\n\r\n    const handleSortChange = ({ column, prop, order }: SortChangeEvent) => {\r\n      let orderType: OrderType | null = null;\r\n\r\n      if (order === \"descending\") {\r\n        orderType = OrderType.DESC;\r\n      } else if (order === \"ascending\") {\r\n        orderType = OrderType.ASC;\r\n      }\r\n\r\n      unref(dataTable).sorter.setColumnSort(prop, orderType);\r\n    };\r\n\r\n    let allowChangeSelection = true;\r\n\r\n    const handleSelectionChange = (items: any[]) => {\r\n      if (allowChangeSelection) {\r\n        unref(dataTable).setSelection(\r\n          items.map((item) => item[unref(dataTable).primaryKey])\r\n        );\r\n      }\r\n    };\r\n\r\n    onMounted(() => {\r\n      const _tableEl = unref(tableEl)!;\r\n\r\n      watch(list, (list, _, onCleanup) => {\r\n        onCleanup(\r\n          watch(\r\n            computed(() => unref(dataTable).getSelection()),\r\n            async (selections) => {\r\n              const primaryKey = unref(dataTable).primaryKey;\r\n\r\n              const tableSelections = _tableEl\r\n                .getSelectionRows()\r\n                .map((item: any) => item[primaryKey])\r\n                .sort();\r\n\r\n              if (isEqual(selections, tableSelections)) {\r\n                return;\r\n              }\r\n\r\n              allowChangeSelection = false;\r\n\r\n              _tableEl.clearSelection();\r\n\r\n              await nextTick();\r\n\r\n              const selectedRows = list.filter((item: any) =>\r\n                selections.includes(item[primaryKey])\r\n              );\r\n\r\n              for (var item of selectedRows) {\r\n                _tableEl.toggleRowSelection(item, true);\r\n              }\r\n\r\n              allowChangeSelection = true;\r\n            },\r\n            {\r\n              immediate: true,\r\n            }\r\n          )\r\n        );\r\n      });\r\n\r\n      watch(\r\n        dataTableEl,\r\n        (el, _, onCleanup) => {\r\n          if (!el) {\r\n            return;\r\n          }\r\n          var sortableInstance = Sortable.create(el.querySelector(\"tbody\")!, {\r\n            handle: \".mk-column-sort__drag\",\r\n            animation: 300,\r\n            onEnd: (event) => {\r\n              const newIndex = event.newIndex!;\r\n              const oldIndx = event.oldIndex!;\r\n\r\n              if (oldIndx === newIndex) {\r\n                return;\r\n              }\r\n\r\n              const sourceItem = unref(dataTable).getList()[oldIndx];\r\n              let dropItem = unref(dataTable).getList()[newIndex];\r\n              let sortAction = oldIndx > newIndex ? 1 : 2;\r\n\r\n              unref(dataTable).moveTarget(sourceItem, dropItem, sortAction);\r\n\r\n            },\r\n          });\r\n\r\n          onCleanup(() => {\r\n            sortableInstance.destroy();\r\n          });\r\n        },\r\n        { immediate: true }\r\n      );\r\n    });\r\n\r\n    return () => {\r\n      const columns = unref(dataTable)\r\n        .getColumns()\r\n        .filter((column) => column.visible && column.name)\r\n        .map((column) => {\r\n          const columnProps: Record<string, any> = {\r\n            prop: column.name,\r\n            label: column.label,\r\n            width: column.width,\r\n            minWidth: column.minWidth,\r\n            fixed: column.fixed,\r\n            align: column.align || \"center\",\r\n            reserveSelection: true,\r\n            type: column.type || \"default\",\r\n            sortable: column.sortable,\r\n          };\r\n\r\n          if (!column.visible) {\r\n            return null;\r\n          }\r\n\r\n          return (\r\n            slots[`col-${column.name}`]?.() ?? (\r\n              <ElTableColumn\r\n                {...columnProps}\r\n                v-slots={{\r\n                  default: (scope: {\r\n                    $index: number;\r\n                    row: any;\r\n                    column: any;\r\n                  }) => {\r\n                    let children = slots[`col-${column.name}-content`]?.({\r\n                      $index: scope.$index,\r\n                      row: scope.row,\r\n                      column: column,\r\n                      dataTable: unref(dataTable),\r\n                    });\r\n\r\n                    if (children) {\r\n                      return children;\r\n                    }\r\n\r\n                    return (\r\n                      <MKDataTableColumn\r\n                        column={column}\r\n                        row={scope.row}\r\n                        index={scope.$index}\r\n                      />\r\n                    );\r\n                  },\r\n                }}\r\n              />\r\n            )\r\n          );\r\n        });\r\n\r\n      return (\r\n        <ElTable\r\n          data={unref(list)}\r\n          row-key={unref(rowKey)}\r\n          onSort-change={handleSortChange}\r\n          ref={(el: any) =>\r\n            (tableEl.value = el as InstanceType<typeof ElTable>)\r\n          }\r\n          show-overflow-tooltip\r\n          border\r\n          stripe\r\n          lazy={props.lazy}\r\n          load={props.load as any}\r\n          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\r\n          onSelection-change={handleSelectionChange}\r\n          defaultExpandAll={props.defaultExpandAll}\r\n        >\r\n          {unref(selectionColumn).visible ? (\r\n            <ElTableColumn\r\n              type={unref(selectionColumn).type ?? \"selection\"}\r\n              width={unref(selectionColumn).width}\r\n              fixed={unref(selectionColumn).fixed}\r\n            />\r\n          ) : null}\r\n          {columns}\r\n        </ElTable>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","tableProps","setup","slots","computed","treeProps","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTableEl","el","tableEl","ref","dataTable","rowKey","unref","primaryKey","list","getList","selectionColumn","handleSortChange","column","prop","order","orderType","OrderType","DESC","ASC","sorter","setColumnSort","allowChangeSelection","handleSelectionChange","items","setSelection","map","item","onMounted","_tableEl","watch","_","onCleanup","getSelection","selections","tableSelections","getSelectionRows","sort","isEqual","clearSelection","nextTick","selectedRows","filter","includes","toggleRowSelection","immediate","sortableInstance","Sortable","create","querySelector","handle","animation","onEnd","event","newIndex","oldIndx","oldIndex","sourceItem","dropItem","sortAction","moveTarget","destroy","columns","getColumns","visible","columnProps","label","width","minWidth","fixed","align","reserveSelection","type","sortable","_createVNode","ElTableColumn","default","scope","children","$index","row","MKDataTableColumn","ElTable","value","lazy","load","defaultExpandAll","empty","ElEmpty"],"mappings":"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"}

package/dist/esm/components/data-model/data-table/views/table-tree/index.js

@@ -1,10 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import TableTree from "./table-tree.js";
-import { tableTreeProps } from "./table-tree-options.js";
-const MKTableTree = withInstall(TableTree);
-export {
-  MKTableTree,
-  MKTableTree as default,
-  tableTreeProps
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/components/data-model/data-table/views/table-tree/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-tree/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport TableTree from \"./table-tree\";\r\n\r\nexport const MKTableTree = withInstall(TableTree);\r\n\r\nexport default MKTableTree;\r\n\r\nexport * from \"./table-tree-options\";\r\n"],"names":[],"mappings":";;;AAGa,MAAA,cAAc,YAAY,SAAS;"}

package/dist/esm/components/data-model/data-table/views/table-tree/table-tree-options.js

@@ -1,15 +0,0 @@
-import { DataTree } from "@maketribe/dm";
-import { buildProps } from "@maketribe/utils";
-const tableTreeProps = buildProps({
-  dataTree: {
-    type: DataTree
-  },
-  defaultExpandAll: {
-    type: Boolean,
-    default: false
-  }
-});
-export {
-  tableTreeProps
-};
-//# sourceMappingURL=table-tree-options.js.map

package/dist/esm/components/data-model/data-table/views/table-tree/table-tree-options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-tree-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-tree/table-tree-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { DataTree } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const tableTreeProps = buildProps({\r\n  dataTree: {\r\n    type: DataTree<any>,\r\n  },\r\n  defaultExpandAll: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n\r\nexport type TableTreeProps = ExtractPropTypes<typeof tableTreeProps>;\r\n"],"names":[],"mappings":";;AAIO,MAAM,iBAAiB,WAAW;AAAA,EACvC,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;"}

package/dist/esm/components/data-model/data-table/views/table-tree/table-tree.js

@@ -1,49 +0,0 @@
-import { defineComponent, inject, computed, unref, createVNode } from "vue";
-import { tableTreeProps } from "./table-tree-options.js";
-import { MKTable } from "../table/index.js";
-import { DATA_TABLE_CONTEXT_KEY } from "../../token.js";
-const TableTree = /* @__PURE__ */ defineComponent({
-  name: "MKTableTree",
-  props: tableTreeProps,
-  setup(props, {
-    slots
-  }) {
-    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);
-    const dataTree = computed(() => props.dataTree ?? dataTableContext.dataTable);
-    window.dataTree = dataTree;
-    const treeProps = computed(() => {
-      const _dataTree = unref(dataTree);
-      return {
-        children: _dataTree.props.children,
-        hasChildren: "hasChildren"
-      };
-    });
-    const lazy = computed(() => unref(dataTree).lazy);
-    const handleLoad = async (row, node, resolve) => {
-      if (!unref(dataTree).lazy) {
-        resolve(row.children);
-        return;
-      }
-      await row.load();
-      resolve(row.children);
-    };
-    const getList = (dataTree2) => {
-      return dataTree2.children;
-    };
-    return () => {
-      return createVNode(MKTable, {
-        "dataTable": unref(dataTree),
-        "getList": getList,
-        "rowKey": "primaryValue",
-        "tree-props": unref(treeProps),
-        "load": handleLoad,
-        "lazy": unref(lazy),
-        "default-expand-all": props.defaultExpandAll
-      }, slots);
-    };
-  }
-});
-export {
-  TableTree as default
-};
-//# sourceMappingURL=table-tree.js.map

package/dist/esm/components/data-model/data-table/views/table-tree/table-tree.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-tree.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-tree/table-tree.tsx"],"sourcesContent":["import { computed, defineComponent, inject, onMounted, unref } from \"vue\";\r\nimport { TreeNode } from \"element-plus\";\r\nimport { tableTreeProps } from \"./table-tree-options\";\r\nimport { DataTree, DataTreeNode } from \"@maketribe/dm\";\r\nimport { MKTable } from \"../table\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTableTree\",\r\n  props: tableTreeProps,\r\n  setup(props, { slots }) {\r\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\r\n\r\n    const dataTree = computed(\r\n      () => props.dataTree ?? (dataTableContext!.dataTable as DataTree)\r\n    );\r\n\r\n    (window as any).dataTree = dataTree;\r\n\r\n    const treeProps = computed(() => {\r\n      const _dataTree = unref(dataTree);\r\n\r\n      return { children: _dataTree.props.children, hasChildren: \"hasChildren\" };\r\n    });\r\n\r\n    const lazy = computed(() => unref(dataTree).lazy);\r\n\r\n    const handleLoad = async (\r\n      row: DataTreeNode,\r\n      node: TreeNode,\r\n      resolve: Function\r\n    ) => {\r\n      if (!unref(dataTree).lazy) {\r\n        resolve(row.children);\r\n        return;\r\n      }\r\n\r\n      await row.load();\r\n\r\n      resolve(row.children);\r\n    };\r\n\r\n    const getList = (dataTree: DataTree<any>) => {\r\n      return dataTree.children;\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <MKTable\r\n          dataTable={unref(dataTree)}\r\n          getList={getList}\r\n          rowKey=\"primaryValue\"\r\n          tree-props={unref(treeProps)}\r\n          load={handleLoad}\r\n          lazy={unref(lazy)}\r\n          v-slots={slots}\r\n          default-expand-all={props.defaultExpandAll}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","tableTreeProps","setup","slots","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTree","computed","dataTable","window","treeProps","_dataTree","unref","children","hasChildren","lazy","handleLoad","row","node","resolve","load","getList","_createVNode","MKTable","defaultExpandAll"],"mappings":";;;;AAOA,MAAeA,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,WAAWC,SACf,MAAMR,MAAMO,YAAaH,iBAAkBK,SAC7C;AAECC,WAAeH,WAAWA;AAE3B,UAAMI,YAAYH,SAAS,MAAM;AAC/B,YAAMI,YAAYC,MAAMN,QAAQ;AAEhC,aAAO;AAAA,QAAEO,UAAUF,UAAUZ,MAAMc;AAAAA,QAAUC,aAAa;AAAA;IAC5D,CAAC;AAED,UAAMC,OAAOR,SAAS,MAAMK,MAAMN,QAAQ,EAAES,IAAI;AAEhD,UAAMC,aAAa,OACjBC,KACAC,MACAC,YACG;AACH,UAAI,CAACP,MAAMN,QAAQ,EAAES,MAAM;AACzBI,gBAAQF,IAAIJ,QAAQ;AACpB;AAAA,MACF;AAEA,YAAMI,IAAIG;AAEVD,cAAQF,IAAIJ,QAAQ;AAAA;AAGtB,UAAMQ,UAAWf,CAAAA,cAA4B;AAC3C,aAAOA,UAASO;AAAAA;AAGlB,WAAO,MAAM;AACX,aAAAS,YAAAC,SAAA;AAAA,QAAA,aAEeX,MAAMN,QAAQ;AAAA,QAAC,WACjBe;AAAAA,QAAO,UAAA;AAAA,QAAA,cAEJT,MAAMF,SAAS;AAAA,QAAC,QACtBM;AAAAA,QAAU,QACVJ,MAAMG,IAAI;AAAA,QAAC,sBAEGhB,MAAMyB;AAAAA,MAAgB,GADjCtB,KAAK;AAAA;EAKtB;AACF,CAAC;"}

package/dist/esm/components/data-model/data-table/views/table-view/classify-search/classify-search-item/classify-search-item-options.js

@@ -1,29 +0,0 @@
-import { buildProps } from "@maketribe/utils";
-const classifySearchItemProps = buildProps({
-  modelValue: { type: null },
-  label: { type: String },
-  labelWidth: { type: String },
-  multiple: {
-    type: Boolean,
-    default: false
-  },
-  options: {
-    type: Array
-  },
-  formatOptions: {
-    type: Function,
-    default: (item) => {
-      const value = item.value ?? item.id ?? item.name;
-      const label = item.label ?? item.desc ?? item.title ?? item.name;
-      return { value, label };
-    }
-  }
-});
-const classifySearchItemEmits = {
-  "update:model-value": (modelValue) => true
-};
-export {
-  classifySearchItemEmits,
-  classifySearchItemProps
-};
-//# sourceMappingURL=classify-search-item-options.js.map

package/dist/esm/components/data-model/data-table/views/table-view/classify-search/classify-search-item/classify-search-item-options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"classify-search-item-options.js","sources":["../../../../../../../../../src/components/data-model/data-table/views/table-view/classify-search/classify-search-item/classify-search-item-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const classifySearchItemProps = buildProps({\r\n  modelValue: { type: null },\r\n  label: { type: String },\r\n  labelWidth: { type: String },\r\n  multiple: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  options: {\r\n    type: Array,\r\n  },\r\n  formatOptions: {\r\n    type: Function,\r\n    default: (item: any) => {\r\n      const value = item.value ?? item.id ?? item.name;\r\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\r\n\r\n      return { value, label };\r\n    },\r\n  },\r\n});\r\n\r\nexport type ClassifySearchItemProps = ExtractPropTypes<\r\n  typeof classifySearchItemProps\r\n>;\r\n\r\nexport const classifySearchItemEmits = {\r\n  \"update:model-value\": (modelValue: any) => true,\r\n};\r\n\r\nexport type ClassifySearchItemEmits = typeof classifySearchItemEmits;\r\n"],"names":[],"mappings":";AAGO,MAAM,0BAA0B,WAAW;AAAA,EAChD,YAAY,EAAE,MAAM,KAAK;AAAA,EACzB,OAAO,EAAE,MAAM,OAAO;AAAA,EACtB,YAAY,EAAE,MAAM,OAAO;AAAA,EAC3B,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,CAAC,SAAc;AACtB,YAAM,QAAQ,KAAK,SAAS,KAAK,MAAM,KAAK;AAC5C,YAAM,QAAQ,KAAK,SAAS,KAAK,QAAQ,KAAK,SAAS,KAAK;AAErD,aAAA,EAAE,OAAO;IAClB;AAAA,EACF;AACF,CAAC;AAMM,MAAM,0BAA0B;AAAA,EACrC,sBAAsB,CAAC,eAAoB;AAC7C;"}

package/dist/esm/components/data-model/data-table/views/table-view/classify-search/classify-search-item/classify-search-item.js

@@ -1,75 +0,0 @@
-import { defineComponent, computed, createVNode, unref } from "vue";
-import { ElTag } from "element-plus";
-import { classifySearchItemProps, classifySearchItemEmits } from "./classify-search-item-options.js";
-const TableClassifySearchItem = /* @__PURE__ */ defineComponent({
-  name: "MKTableClassifySearchItem",
-  props: classifySearchItemProps,
-  emits: classifySearchItemEmits,
-  setup(props, {
-    emit
-  }) {
-    const modelValue = computed({
-      get: () => {
-        if (props.multiple) {
-          return Array.isArray(props.modelValue) ? props.modelValue : props.modelValue ? [props.modelValue] : [];
-        }
-        return props.modelValue;
-      },
-      set: (v) => emit("update:model-value", v)
-    });
-    const handleClick = (item) => {
-      let _modelValue = unref(modelValue);
-      if (props.multiple) {
-        const index = _modelValue.findIndex((v) => v === item.value);
-        if (index > -1) {
-          _modelValue.splice(index, 1);
-        } else {
-          _modelValue.push(item.value);
-        }
-        modelValue.value = _modelValue;
-        return;
-      }
-      modelValue.value = (item == null ? void 0 : item.value) ?? null;
-    };
-    const options = computed(() => {
-      if (Array.isArray(props.options)) {
-        return props.options.map((item) => props.formatOptions(item));
-      }
-      return [];
-    });
-    const labelStyle = computed(() => {
-      if (props.labelWidth) {
-        return {
-          width: props.labelWidth
-        };
-      }
-      return {};
-    });
-    return () => {
-      const title = props.label ? createVNode("div", {
-        "class": "mk-classify-search-item-title",
-        "style": unref(labelStyle)
-      }, [props.label]) : null;
-      const tags = unref(options).map((item) => {
-        const isSelect = props.multiple ? unref(modelValue).includes(item.value) : item.value === unref(modelValue);
-        return createVNode(ElTag, {
-          "key": item.value,
-          "effect": isSelect ? "dark" : "light",
-          "onClick": () => handleClick(item),
-          "disable-transitions": true
-        }, {
-          default: () => [item.label]
-        });
-      });
-      return createVNode("div", {
-        "class": "mk-classify-search-item"
-      }, [title, createVNode("div", {
-        "class": "mk-classify-search-item__conditions"
-      }, [tags])]);
-    };
-  }
-});
-export {
-  TableClassifySearchItem as default
-};
-//# sourceMappingURL=classify-search-item.js.map

package/dist/esm/components/data-model/data-table/views/table-view/classify-search/classify-search-item/classify-search-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"classify-search-item.js","sources":["../../../../../../../../../src/components/data-model/data-table/views/table-view/classify-search/classify-search-item/classify-search-item.tsx"],"sourcesContent":["import { defineComponent, computed, unref, ComputedRef } from \"vue\";\r\nimport { ElTag } from \"element-plus\";\r\nimport {\r\n  classifySearchItemProps,\r\n  classifySearchItemEmits,\r\n} from \"./classify-search-item-options\";\r\n\r\nexport type DataOptionItem = { value: any; label: string };\r\n\r\nexport default defineComponent({\r\n  name: \"MKTableClassifySearchItem\",\r\n  props: classifySearchItemProps,\r\n  emits: classifySearchItemEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => {\r\n        if (props.multiple) {\r\n          return Array.isArray(props.modelValue)\r\n            ? props.modelValue\r\n            : props.modelValue\r\n            ? [props.modelValue]\r\n            : [];\r\n        }\r\n\r\n        return props.modelValue;\r\n      },\r\n      set: (v: any) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    const handleClick = (item: any) => {\r\n      let _modelValue = unref(modelValue);\r\n      if (props.multiple) {\r\n        const index = _modelValue.findIndex((v: any) => v === item.value);\r\n\r\n        if (index > -1) {\r\n          _modelValue.splice(index, 1);\r\n        } else {\r\n          _modelValue.push(item.value);\r\n        }\r\n\r\n        modelValue.value = _modelValue;\r\n\r\n        return;\r\n      }\r\n\r\n      modelValue.value = item?.value ?? null;\r\n    };\r\n\r\n    const options: ComputedRef<DataOptionItem[]> = computed(() => {\r\n      if (Array.isArray(props.options)) {\r\n        return props.options.map((item) => props.formatOptions(item));\r\n      }\r\n\r\n      return [];\r\n    });\r\n\r\n    const labelStyle: ComputedRef<any> = computed(() => {\r\n      if (props.labelWidth) {\r\n        return { width: props.labelWidth };\r\n      }\r\n\r\n      return {};\r\n    });\r\n\r\n    return () => {\r\n      const title = props.label ? (\r\n        <div class=\"mk-classify-search-item-title\" style={unref(labelStyle)}>\r\n          {props.label}\r\n        </div>\r\n      ) : null;\r\n\r\n      const tags = unref(options).map((item) => {\r\n        const isSelect = props.multiple\r\n          ? unref(modelValue).includes(item.value)\r\n          : item.value === unref(modelValue);\r\n\r\n        return (\r\n          <ElTag\r\n            key={item.value}\r\n            effect={isSelect ? \"dark\" : \"light\"}\r\n            onClick={() => handleClick(item)}\r\n            disable-transitions\r\n          >\r\n            {item.label}\r\n          </ElTag>\r\n        );\r\n      });\r\n\r\n      return (\r\n        <div class=\"mk-classify-search-item\">\r\n          {title}\r\n          <div class=\"mk-classify-search-item__conditions\">{tags}</div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","classifySearchItemProps","emits","classifySearchItemEmits","setup","emit","modelValue","computed","get","multiple","Array","isArray","set","v","handleClick","item","_modelValue","unref","index","findIndex","value","splice","push","options","map","formatOptions","labelStyle","labelWidth","width","title","label","_createVNode","tags","isSelect","includes","ElTag","onClick","default"],"mappings":";;;AASA,MAAeA,0DAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAM;AACT,YAAIR,MAAMS,UAAU;AAClB,iBAAOC,MAAMC,QAAQX,MAAMM,UAAU,IACjCN,MAAMM,aACNN,MAAMM,aACN,CAACN,MAAMM,UAAU,IACjB,CAAA;AAAA,QACN;AAEA,eAAON,MAAMM;AAAAA,MACd;AAAA,MACDM,KAAMC,OAAWR,KAAK,sBAAsBQ,CAAC;AAAA,IAC/C,CAAC;AAED,UAAMC,cAAeC,UAAc;AACjC,UAAIC,cAAcC,MAAMX,UAAU;AAClC,UAAIN,MAAMS,UAAU;AAClB,cAAMS,QAAQF,YAAYG,UAAWN,OAAWA,MAAME,KAAKK,KAAK;AAEhE,YAAIF,QAAQ,IAAI;AACdF,sBAAYK,OAAOH,OAAO,CAAC;AAAA,QAC7B,OAAO;AACLF,sBAAYM,KAAKP,KAAKK,KAAK;AAAA,QAC7B;AAEAd,mBAAWc,QAAQJ;AAEnB;AAAA,MACF;AAEAV,iBAAWc,SAAQL,6BAAMK,UAAS;AAAA;AAGpC,UAAMG,UAAyChB,SAAS,MAAM;AAC5D,UAAIG,MAAMC,QAAQX,MAAMuB,OAAO,GAAG;AAChC,eAAOvB,MAAMuB,QAAQC,IAAKT,UAASf,MAAMyB,cAAcV,IAAI,CAAC;AAAA,MAC9D;AAEA,aAAO;IACT,CAAC;AAED,UAAMW,aAA+BnB,SAAS,MAAM;AAClD,UAAIP,MAAM2B,YAAY;AACpB,eAAO;AAAA,UAAEC,OAAO5B,MAAM2B;AAAAA;MACxB;AAEA,aAAO;IACT,CAAC;AAED,WAAO,MAAM;AACX,YAAME,QAAQ7B,MAAM8B,QAAKC,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,SAC2Bd,MAAMS,UAAU;AAAA,MAAC,GAAA,CAChE1B,MAAM8B,KAAK,CAAA,IAEZ;AAEJ,YAAME,OAAOf,MAAMM,OAAO,EAAEC,IAAKT,UAAS;AACxC,cAAMkB,WAAWjC,MAAMS,WACnBQ,MAAMX,UAAU,EAAE4B,SAASnB,KAAKK,KAAK,IACrCL,KAAKK,UAAUH,MAAMX,UAAU;AAEnC,eAAAyB,YAAAI,OAAA;AAAA,UAAA,OAESpB,KAAKK;AAAAA,UAAK,UACPa,WAAW,SAAS;AAAA,UAAO,WAC1BG,MAAMtB,YAAYC,IAAI;AAAA,UAAC,uBAAA;AAAA,QAAA,GAAA;AAAA,UAAAsB,SAAAA,MAG/BtB,CAAAA,KAAKe,KAAK;AAAA,QAAA,CAAA;AAAA,MAGjB,CAAC;AAED,aAAAC,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAEKF,CAAAA,OAAKE,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAC4CC,IAAI,CAAA,CAAA,CAAA;AAAA;EAI9D;AACF,CAAC;"}

package/dist/esm/components/data-model/data-table/views/table-view/classify-search/classify-search-item/index.js

@@ -1,7 +0,0 @@
-import TableClassifySearchItem from "./classify-search-item.js";
-const MKTableClassifySearchItem = TableClassifySearchItem;
-export {
-  MKTableClassifySearchItem,
-  TableClassifySearchItem as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/components/data-model/data-table/views/table-view/classify-search/classify-search-item/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../../src/components/data-model/data-table/views/table-view/classify-search/classify-search-item/index.ts"],"sourcesContent":["import TableClassifySearchItem from \"./classify-search-item\";\r\n\r\nexport const MKTableClassifySearchItem = TableClassifySearchItem;\r\n\r\nexport default TableClassifySearchItem;\r\n"],"names":[],"mappings":";AAEO,MAAM,4BAA4B;"}