@apia/table2-controller 4.0.102 → 5.0.1

package/dist/data/head/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","sources":["../../../src/data/head/Column.ts"],"sourcesContent":["import { TSortType } from '@apia/util';\r\nimport { Cell, type CellState } from '../primitive/Cell';\r\n\r\nexport type ColumnState<T extends ColumnState<any> = ColumnState<any>> =\r\n  CellState<T> & {\r\n    asAdditional?: boolean;\r\n    sortable?: boolean;\r\n    sortState?: TSortType;\r\n    showInAccordionTitle?: boolean;\r\n    adjustWidthToTitle?: boolean;\r\n  };\r\n\r\nexport class Column extends Cell<ColumnState> {\r\n  constructor(state: ColumnState) {\r\n    super(state);\r\n  }\r\n\r\n  public get asAdditional() {\r\n    return !!this.state.asAdditional;\r\n  }\r\n\r\n  public get isHidden() {\r\n    return !!this.state.isHidden;\r\n  }\r\n\r\n  /**\r\n   * A visible column is that which is not additional nor hidden.\r\n   */\r\n  public get isVisible() {\r\n    return !this.asAdditional && !this.isHidden;\r\n  }\r\n\r\n  public sort(order?: ColumnState['sortState']) {\r\n    order = order ?? (this.getState('sortState') === 'ASC' ? 'DESC' : 'ASC');\r\n\r\n    this.setState('sortState', order);\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAYO,MAAM,eAAe,IAAA,CAAkB;AAAA,EAC5C,YAAY,KAAA,EAAoB;AAC9B,IAAA,KAAA,CAAM,KAAK,CAAA;AAAA;AACb,EAEA,IAAW,YAAA,GAAe;AACxB,IAAA,OAAO,CAAC,CAAC,IAAA,CAAK,KAAA,CAAM,YAAA;AAAA;AACtB,EAEA,IAAW,QAAA,GAAW;AACpB,IAAA,OAAO,CAAC,CAAC,IAAA,CAAK,KAAA,CAAM,QAAA;AAAA;AACtB;AAAA;AAAA;AAAA,EAKA,IAAW,SAAA,GAAY;AACrB,IAAA,OAAO,CAAC,IAAA,CAAK,YAAA,IAAgB,CAAC,IAAA,CAAK,QAAA;AAAA;AACrC,EAEO,KAAK,KAAA,EAAkC;AAC5C,IAAA,KAAA,GAAQ,UAAU,IAAA,CAAK,QAAA,CAAS,WAAW,CAAA,KAAM,QAAQ,MAAA,GAAS,KAAA,CAAA;AAElE,IAAA,IAAA,CAAK,QAAA,CAAS,aAAa,KAAK,CAAA;AAAA;AAEpC;;;;"}

package/dist/data/head/Columns.d.ts

@@ -0,0 +1,16 @@
+import { Row, RowProperties } from '../primitive/Row.js';
+import { Column, ColumnState } from './Column.js';
+
+declare class Columns extends Row {
+    protected properties?: Omit<RowProperties, "id"> | undefined;
+    columns: Map<string, Column>;
+    constructor(id: string, properties?: Omit<RowProperties, "id"> | undefined);
+    buildColumnsRow(columns: ColumnState[]): void;
+    getColumn(name: string): Column;
+    getColumns(): Column[];
+    getAdditionalColumns(): Column[];
+    getShownColumns(): Column[];
+}
+
+export { Columns };
+//# sourceMappingURL=Columns.d.ts.map

package/dist/data/head/Columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Columns.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/data/head/Columns.js

@@ -0,0 +1,57 @@
+import { Row } from '../primitive/Row.js';
+import { Column } from './Column.js';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, key + "" , value);
+  return value;
+};
+class Columns extends Row {
+  constructor(id, properties) {
+    super(id, {
+      ...properties,
+      cells: properties?.cells || [],
+      isSelectable: false
+    });
+    this.properties = properties;
+    __publicField(this, "columns", /* @__PURE__ */ new Map());
+  }
+  buildColumnsRow(columns) {
+    const incoming = new Set(columns.map((c) => c.colName));
+    for (const key of this.columns.keys()) {
+      if (!incoming.has(key)) {
+        this.columns.delete(key);
+      }
+    }
+    let i = 0;
+    for (const column of columns) {
+      if (!this.columns.has(column.colName)) {
+        this.columns.set(column.colName, new Column(column));
+      } else {
+        this.columns.get(column.colName)?.updateState(column);
+      }
+      const currentColumn = this.columns.get(column.colName);
+      if (currentColumn.isVisible) {
+        this.state.cells[i++] = currentColumn;
+        this.attachCell(currentColumn);
+      }
+    }
+    this.state.cells.length = i;
+  }
+  getColumn(name) {
+    return this.getCellByColumnName(name) ?? this.columns.get(name);
+  }
+  getColumns() {
+    return Array.from(this.columns.values());
+  }
+  getAdditionalColumns() {
+    return this.getColumns().filter((c) => c.asAdditional);
+  }
+  getShownColumns() {
+    return this.cells ?? [];
+  }
+}
+
+export { Columns };
+//# sourceMappingURL=Columns.js.map

package/dist/data/head/Columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Columns.js","sources":["../../../src/data/head/Columns.ts"],"sourcesContent":["import { Row, type RowProperties } from '../primitive/Row';\r\nimport { Column, type ColumnState } from './Column';\r\n\r\nexport class Columns extends Row {\r\n  columns: Map<string, Column> = new Map();\r\n\r\n  constructor(\r\n    id: string,\r\n    protected properties?: Omit<RowProperties, 'id'>,\r\n  ) {\r\n    super(id, {\r\n      ...properties,\r\n      cells: properties?.cells || [],\r\n      isSelectable: false,\r\n    });\r\n  }\r\n\r\n  buildColumnsRow(columns: ColumnState[]) {\r\n    // Track incoming column names\r\n    const incoming = new Set(columns.map((c) => c.colName));\r\n\r\n    // Remove columns that are no longer present\r\n    for (const key of this.columns.keys()) {\r\n      if (!incoming.has(key)) {\r\n        this.columns.delete(key);\r\n      }\r\n    }\r\n\r\n    let i = 0;\r\n\r\n    for (const column of columns) {\r\n      if (!this.columns.has(column.colName)) {\r\n        this.columns.set(column.colName, new Column(column));\r\n      } else {\r\n        this.columns.get(column.colName)?.updateState(column);\r\n      }\r\n\r\n      const currentColumn = this.columns.get(column.colName) as Column;\r\n      if (currentColumn.isVisible) {\r\n        this.state.cells[i++] = currentColumn;\r\n        this.attachCell(currentColumn);\r\n      }\r\n    }\r\n    this.state.cells.length = i;\r\n  }\r\n\r\n  getColumn(name: string) {\r\n    return (this.getCellByColumnName(name) as Column) ?? this.columns.get(name);\r\n  }\r\n\r\n  getColumns() {\r\n    return Array.from(this.columns.values());\r\n  }\r\n\r\n  getAdditionalColumns() {\r\n    return this.getColumns().filter((c) => c.asAdditional);\r\n  }\r\n\r\n  getShownColumns() {\r\n    return (this.cells ?? []) as Column[];\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;AAGO,MAAM,gBAAgB,GAAA,CAAI;AAAA,EAG/B,WAAA,CACE,IACU,UAAA,EACV;AACA,IAAA,KAAA,CAAM,EAAA,EAAI;AAAA,MACR,GAAG,UAAA;AAAA,MACH,KAAA,EAAO,UAAA,EAAY,KAAA,IAAS,EAAC;AAAA,MAC7B,YAAA,EAAc;AAAA,KACf,CAAA;AANS,IAAA,IAAA,CAAA,UAAA,GAAA,UAAA;AAJZ,IAAA,aAAA,CAAA,IAAA,EAAA,SAAA,sBAAmC,GAAA,EAAI,CAAA;AAAA;AAWvC,EAEA,gBAAgB,OAAA,EAAwB;AAEtC,IAAA,MAAM,QAAA,GAAW,IAAI,GAAA,CAAI,OAAA,CAAQ,IAAI,CAAC,CAAA,KAAM,CAAA,CAAE,OAAO,CAAC,CAAA;AAGtD,IAAA,KAAA,MAAW,GAAA,IAAO,IAAA,CAAK,OAAA,CAAQ,IAAA,EAAK,EAAG;AACrC,MAAA,IAAI,CAAC,QAAA,CAAS,GAAA,CAAI,GAAG,CAAA,EAAG;AACtB,QAAA,IAAA,CAAK,OAAA,CAAQ,OAAO,GAAG,CAAA;AAAA;AACzB;AAGF,IAAA,IAAI,CAAA,GAAI,CAAA;AAER,IAAA,KAAA,MAAW,UAAU,OAAA,EAAS;AAC5B,MAAA,IAAI,CAAC,IAAA,CAAK,OAAA,CAAQ,GAAA,CAAI,MAAA,CAAO,OAAO,CAAA,EAAG;AACrC,QAAA,IAAA,CAAK,QAAQ,GAAA,CAAI,MAAA,CAAO,SAAS,IAAI,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,OACrD,MAAO;AACL,QAAA,IAAA,CAAK,QAAQ,GAAA,CAAI,MAAA,CAAO,OAAO,CAAA,EAAG,YAAY,MAAM,CAAA;AAAA;AAGtD,MAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,OAAA,CAAQ,GAAA,CAAI,OAAO,OAAO,CAAA;AACrD,MAAA,IAAI,cAAc,SAAA,EAAW;AAC3B,QAAA,IAAA,CAAK,KAAA,CAAM,KAAA,CAAM,CAAA,EAAG,CAAA,GAAI,aAAA;AACxB,QAAA,IAAA,CAAK,WAAW,aAAa,CAAA;AAAA;AAC/B;AAEF,IAAA,IAAA,CAAK,KAAA,CAAM,MAAM,MAAA,GAAS,CAAA;AAAA;AAC5B,EAEA,UAAU,IAAA,EAAc;AACtB,IAAA,OAAQ,KAAK,mBAAA,CAAoB,IAAI,KAAgB,IAAA,CAAK,OAAA,CAAQ,IAAI,IAAI,CAAA;AAAA;AAC5E,EAEA,UAAA,GAAa;AACX,IAAA,OAAO,KAAA,CAAM,IAAA,CAAK,IAAA,CAAK,OAAA,CAAQ,QAAQ,CAAA;AAAA;AACzC,EAEA,oBAAA,GAAuB;AACrB,IAAA,OAAO,KAAK,UAAA,EAAW,CAAE,OAAO,CAAC,CAAA,KAAM,EAAE,YAAY,CAAA;AAAA;AACvD,EAEA,eAAA,GAAkB;AAChB,IAAA,OAAQ,IAAA,CAAK,SAAS,EAAC;AAAA;AAE3B;;;;"}

package/dist/data/head/Filters.d.ts

@@ -0,0 +1,20 @@
+import { Row, RowProperties } from '../primitive/Row.js';
+import { Filter, FilterState } from '../filter/Filter.js';
+import { TableHead } from './TableHead.js';
+
+declare class Filters extends Row {
+    protected properties?: Omit<RowProperties, "id"> | undefined;
+    filters: Map<string, Filter<any>>;
+    private buildFilterFromDefinition;
+    constructor(id: string, properties?: Omit<RowProperties, "id"> | undefined);
+    buildFilters(filters: Omit<FilterState, 'colName'>[]): boolean;
+    getAdditionalFilters(): Filter<any>[];
+    getCells(): Filter<string>[];
+    getContainer(): TableHead;
+    get(name: string): Filter<any> | undefined;
+    getAll(): Filter<any>[];
+    getFiltersInTable(): Filter<any>[];
+}
+
+export { Filters };
+//# sourceMappingURL=Filters.d.ts.map

package/dist/data/head/Filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/data/head/Filters.js

@@ -0,0 +1,132 @@
+import { arrayOrArray } from '@apia/util';
+import { Row } from '../primitive/Row.js';
+import { Filter } from '../filter/Filter.js';
+import { NullFilter } from './NullFilter.js';
+import { DateFilter } from '../filter/DateFilter.js';
+import { DateRangeFilter } from '../filter/DateRangeFilter.js';
+import { DateTimeRangeFilter } from '../filter/DateTimeRangeFilter.js';
+import { ComboFilter } from '../filter/ComboFilter.js';
+import { makeObservable, observable } from 'mobx';
+import { AdditionalCell } from '../primitive/AdditionalCell.js';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, key + "" , value);
+  return value;
+};
+class Filters extends Row {
+  constructor(id, properties) {
+    super(id, {
+      ...properties,
+      cells: properties?.cells || [],
+      isSelectable: false
+    });
+    this.properties = properties;
+    __publicField(this, "filters", /* @__PURE__ */ new Map());
+    makeObservable(this, { filters: observable });
+  }
+  buildFilterFromDefinition(def) {
+    switch (def.type) {
+      case "COMBO":
+        return new ComboFilter(def);
+      case "DATE":
+        return new DateFilter(def);
+      case "DATERANGE":
+        return new DateRangeFilter(def);
+      case "DATEHOURRANGE":
+        return new DateTimeRangeFilter(def);
+      default:
+        if (def.valueType === "NUMBER") {
+          return new Filter(def, (val) => {
+            if (def.showAsInteger && val !== "") {
+              const parsed = Math.trunc(Number(val));
+              return parsed.toString();
+            } else {
+              return val;
+            }
+          });
+        } else {
+          return new Filter(def);
+        }
+    }
+  }
+  buildFilters(filters) {
+    let hasFiltersInRow = false;
+    const columns = arrayOrArray(
+      this.getContainer().getHeaderRow()?.getShownColumns()
+    );
+    this.setState("cells", []);
+    this.filters.clear();
+    for (let i = 0; i < columns.length; i++) {
+      const column = columns[i];
+      const filter = filters.find(
+        (c) => c.columnName === column.getState("colName") && !c.asAdditional
+      );
+      if (filter) {
+        const currentFilterCell = this.cells.find(
+          (c) => c.getColumnName() === column.getColumnName()
+        );
+        const filterCell = currentFilterCell ?? this.buildFilterFromDefinition({
+          ...filter,
+          colName: filter.columnName
+        });
+        this.filters.set(filter.name, filterCell);
+        if (!currentFilterCell) {
+          filterCell.updateState(filter);
+          this.addCell(filterCell);
+        } else {
+          currentFilterCell.updateState(filter);
+        }
+        hasFiltersInRow = true;
+        filter.added = true;
+      } else {
+        if (!this.cells.find(
+          (c) => c.getColumnName() === column.getColumnName()
+        ) && !(column instanceof AdditionalCell)) {
+          this.addCell(new NullFilter(column.getColumnName()));
+        }
+      }
+    }
+    for (const filter of filters) {
+      if (!filter.added) {
+        const filterCell = this.filters.get(filter.name) ?? this.buildFilterFromDefinition({
+          ...filter,
+          colName: filter.columnName
+        });
+        filterCell.updateState({
+          ...filter,
+          asAdditional: filter.asAdditional ? filter.asAdditional : this.getContainer().getHeaderRow()?.columns.get(filter.columnName ?? "") ? filter.asAdditional : true
+        });
+        filterCell.setTable(this.table);
+        this.filters.set(filter.name, filterCell);
+      }
+    }
+    return hasFiltersInRow;
+  }
+  getAdditionalFilters() {
+    return this.getAll().filter(
+      (c) => c.getState("asAdditional") || this.getContainer().getHeaderRow()?.columns.get(c.getState("colName"))?.asAdditional || !c.getState("asAdditional") && !this.getContainer().getHeaderRow()?.columns.get(c.getState("colName"))
+    );
+  }
+  getCells() {
+    return this.cells.map((c) => c);
+  }
+  getContainer() {
+    return this.container;
+  }
+  get(name) {
+    return this.filters.get(name);
+  }
+  getAll() {
+    return Array.from(this.filters.values());
+  }
+  getFiltersInTable() {
+    return this.getAll().filter((f) => {
+      return !(f.getState("asAdditional") || this.getContainer().getHeaderRow()?.columns.get(f.getState("colName"))?.isVisible === false);
+    });
+  }
+}
+
+export { Filters };
+//# sourceMappingURL=Filters.js.map

package/dist/data/head/Filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.js","sources":["../../../src/data/head/Filters.ts"],"sourcesContent":["import { arrayOrArray } from '@apia/util';\r\nimport { Row, type RowProperties } from '../primitive/Row';\r\nimport { Filter, type FilterState } from '../filter/Filter';\r\nimport type { TableHead } from './TableHead';\r\nimport { NullFilter } from './NullFilter';\r\nimport { DateFilter } from '../filter/DateFilter';\r\nimport { DateRangeFilter } from '../filter/DateRangeFilter';\r\nimport { DateTimeRangeFilter } from '../filter/DateTimeRangeFilter';\r\nimport { ComboFilter } from '../filter';\r\nimport { makeObservable, observable } from 'mobx';\r\nimport { AdditionalCell } from '../primitive/AdditionalCell';\r\n\r\nexport class Filters extends Row {\r\n  filters: Map<string, Filter<any>> = new Map();\r\n\r\n  private buildFilterFromDefinition(def: FilterState<any>) {\r\n    switch (def.type) {\r\n      case 'COMBO':\r\n        return new ComboFilter(def as any);\r\n      case 'DATE':\r\n        return new DateFilter(def);\r\n      case 'DATERANGE':\r\n        return new DateRangeFilter(def as any);\r\n      case 'DATEHOURRANGE':\r\n        return new DateTimeRangeFilter(def as any);\r\n      default:\r\n        if (def.valueType === 'NUMBER') {\r\n          return new Filter(def, (val) => {\r\n            if (def.showAsInteger && val !== '') {\r\n              const parsed = Math.trunc(Number(val));\r\n              return parsed.toString();\r\n            } else {\r\n              return val;\r\n            }\r\n          });\r\n        } else {\r\n          return new Filter(def);\r\n        }\r\n    }\r\n  }\r\n\r\n  constructor(\r\n    id: string,\r\n    protected properties?: Omit<RowProperties, 'id'>,\r\n  ) {\r\n    super(id, {\r\n      ...properties,\r\n      cells: properties?.cells || [],\r\n      isSelectable: false,\r\n    });\r\n    makeObservable(this, { filters: observable });\r\n  }\r\n\r\n  buildFilters(filters: Omit<FilterState, 'colName'>[]) {\r\n    let hasFiltersInRow = false;\r\n\r\n    const columns = arrayOrArray(\r\n      this.getContainer().getHeaderRow()?.getShownColumns(),\r\n    );\r\n\r\n    /**\r\n     * Se comenta y cambia por un clear debido a que en consultas donde las columnas cambian,\r\n     * los filtros y columnas de dichas columnas tampoco llegan en la respuesta, pero tampoco se borran al contruir los filtros nuevos\r\n     *\r\n     * Como viene la estructura entera de la tabla, con los filtros y columnas que se deben ver,\r\n     * se limpian los filtros y columnas existentes y se crean nuevos a partir de los que llegan\r\n     */\r\n    // for (const stored of this.filters.values()) {\r\n    //   if (!filters.find((c) => c.name === stored.getState('name'))) {\r\n    //     this.filters.delete(stored.getState('name'));\r\n    //   }\r\n    // }\r\n    this.setState('cells', []);\r\n    this.filters.clear();\r\n    for (let i = 0; i < columns.length; i++) {\r\n      const column = columns[i];\r\n\r\n      const filter = filters.find(\r\n        (c) => c.columnName === column.getState('colName') && !c.asAdditional,\r\n      );\r\n      if (filter) {\r\n        const currentFilterCell = this.cells.find(\r\n          (c) => c.getColumnName() === column.getColumnName(),\r\n        ) as Filter;\r\n\r\n        const filterCell =\r\n          currentFilterCell ??\r\n          this.buildFilterFromDefinition({\r\n            ...filter,\r\n            colName: filter.columnName!,\r\n          });\r\n        this.filters.set(filter.name, filterCell);\r\n\r\n        if (!currentFilterCell) {\r\n          filterCell.updateState(filter);\r\n          this.addCell(filterCell);\r\n        } else {\r\n          /** Se comenta debido a que en filtros con eventos, por ejemplo un combo que carga otro, si ambos tienen valor pero el primero cambia a vacio,\r\n           * se lanza on change y vuelve el segundo sin opciones y valor vacio, pero aqui el valor nuevo se ignora, manteniendo el previo\r\n           */\r\n          //const { value, ...filterState } = filter;\r\n          currentFilterCell.updateState(filter);\r\n        }\r\n\r\n        hasFiltersInRow = true;\r\n        (filter as any).added = true;\r\n      } else {\r\n        if (\r\n          !this.cells.find(\r\n            (c) => c.getColumnName() === column.getColumnName(),\r\n          ) &&\r\n          !(column instanceof AdditionalCell)\r\n        ) {\r\n          this.addCell(new NullFilter(column.getColumnName()));\r\n        }\r\n      }\r\n    }\r\n\r\n    for (const filter of filters) {\r\n      if (!(filter as any).added) {\r\n        const filterCell =\r\n          this.filters.get(filter.name) ??\r\n          this.buildFilterFromDefinition({\r\n            ...filter,\r\n            colName: filter.columnName!,\r\n          });\r\n\r\n        /**\r\n         * Se comenta debido a que al levantar la estructura de la tabla cuando se lanza un evento de on change\r\n         * el valor se pierde\r\n         */\r\n        // const { value, ...fs } = filter;\r\n        (filterCell as Filter).updateState({\r\n          ...filter,\r\n          asAdditional: filter.asAdditional\r\n            ? filter.asAdditional\r\n            : this.getContainer()\r\n                  .getHeaderRow()\r\n                  ?.columns.get(filter.columnName ?? '')\r\n              ? filter.asAdditional\r\n              : true,\r\n        });\r\n\r\n        filterCell.setTable(this.table);\r\n        this.filters.set(filter.name, filterCell);\r\n      }\r\n    }\r\n\r\n    return hasFiltersInRow;\r\n  }\r\n\r\n  getAdditionalFilters() {\r\n    return this.getAll().filter(\r\n      (c) =>\r\n        c.getState('asAdditional') ||\r\n        this.getContainer().getHeaderRow()?.columns.get(c.getState('colName'))\r\n          ?.asAdditional ||\r\n        (!c.getState('asAdditional') &&\r\n          !this.getContainer()\r\n            .getHeaderRow()\r\n            ?.columns.get(c.getState('colName'))),\r\n    );\r\n  }\r\n\r\n  getCells() {\r\n    return this.cells.map((c) => c as Filter);\r\n  }\r\n\r\n  getContainer() {\r\n    return this.container as TableHead;\r\n  }\r\n\r\n  get(name: string) {\r\n    return this.filters.get(name);\r\n  }\r\n\r\n  getAll() {\r\n    return Array.from(this.filters.values());\r\n  }\r\n\r\n  getFiltersInTable() {\r\n    return this.getAll().filter((f) => {\r\n      return !(\r\n        f.getState('asAdditional') ||\r\n        this.getContainer().getHeaderRow()?.columns.get(f.getState('colName'))\r\n          ?.isVisible === false\r\n      );\r\n    });\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/data/head/NullFilter.js

@@ -0,0 +1,25 @@
+import { Filter } from '../filter/Filter.js';
+
+class NullFilter extends Filter {
+  constructor(colName) {
+    super({ colName });
+  }
+  clear() {
+  }
+  fire(_) {
+  }
+  getValue() {
+    return void 0;
+  }
+  hasValue() {
+    return false;
+  }
+  setValue() {
+  }
+  validate() {
+    return true;
+  }
+}
+
+export { NullFilter };
+//# sourceMappingURL=NullFilter.js.map

package/dist/data/head/NullFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NullFilter.js","sources":["../../../src/data/head/NullFilter.ts"],"sourcesContent":["import { Filter, FilterEvents } from '../filter/Filter';\r\n\r\nexport class NullFilter extends Filter {\r\n  constructor(colName: string) {\r\n    super({ colName } as any);\r\n  }\r\n\r\n  clear() {}\r\n\r\n  fire(_: keyof FilterEvents): void {}\r\n\r\n  getValue() {\r\n    return undefined as any;\r\n  }\r\n\r\n  hasValue() {\r\n    return false;\r\n  }\r\n\r\n  setValue(): void {}\r\n\r\n  validate() {\r\n    return true;\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAmB,MAAA,CAAO;AAAA,EACrC,YAAY,OAAA,EAAiB;AAC3B,IAAA,KAAA,CAAM,EAAE,SAAgB,CAAA;AAAA;AAC1B,EAEA,KAAA,GAAQ;AAAA;AAAC,EAET,KAAK,CAAA,EAA6B;AAAA;AAAC,EAEnC,QAAA,GAAW;AACT,IAAA,OAAO,MAAA;AAAA;AACT,EAEA,QAAA,GAAW;AACT,IAAA,OAAO,KAAA;AAAA;AACT,EAEA,QAAA,GAAiB;AAAA;AAAC,EAElB,QAAA,GAAW;AACT,IAAA,OAAO,IAAA;AAAA;AAEX;;;;"}

package/dist/data/head/TableHead.d.ts

@@ -0,0 +1,26 @@
+import { ColumnState } from './Column.js';
+import { FilterState } from '../filter/Filter.js';
+import { ElementBaseState } from '../primitive/Element.js';
+import { RowsGroup, RowsGroupBaseState } from '../primitive/RowsGroup.js';
+import { TableController } from '../TableController.js';
+import { Columns } from './Columns.js';
+import { Filters } from './Filters.js';
+
+type TableHeadState = ElementBaseState & RowsGroupBaseState & {};
+type TBuildHead = {
+    columns: ColumnState[];
+    filters: Omit<FilterState, 'colName'>[];
+};
+declare class TableHead extends RowsGroup<TableHeadState> {
+    constructor(table: TableController);
+    columnsRow: Columns | null;
+    filtersRow: Filters | null;
+    getHeaderRow(): Columns | undefined;
+    getFiltersRow(): Filters | undefined;
+    getColumns(): Columns | undefined;
+    getFilters(): Filters | undefined;
+    build(data: TBuildHead): void;
+}
+
+export { type TBuildHead, TableHead, type TableHeadState };
+//# sourceMappingURL=TableHead.d.ts.map

package/dist/data/head/TableHead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/data/head/TableHead.js

@@ -0,0 +1,59 @@
+import { RowsGroup } from '../primitive/RowsGroup.js';
+import { Columns } from './Columns.js';
+import { Filters } from './Filters.js';
+import { makeObservable, observable } from 'mobx';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class TableHead extends RowsGroup {
+  constructor(table) {
+    super(table, { rows: [] });
+    __publicField(this, "columnsRow", null);
+    __publicField(this, "filtersRow", null);
+    makeObservable(this, { columnsRow: observable, filtersRow: observable });
+  }
+  getHeaderRow() {
+    return this.rows[0] instanceof Columns ? this.rows[0] : void 0;
+  }
+  getFiltersRow() {
+    return this.rows[1] instanceof Filters ? this.rows[1] : void 0;
+  }
+  getColumns() {
+    return this.columnsRow || void 0;
+  }
+  getFilters() {
+    return this.filtersRow || void 0;
+  }
+  build(data) {
+    if (data.columns.length) {
+      const currentHeaderRow = this.rows[0];
+      if (currentHeaderRow && !(currentHeaderRow instanceof Columns)) {
+        currentHeaderRow.remove();
+      }
+      this.columnsRow = currentHeaderRow ?? new Columns("header");
+      this.columnsRow.setTable(this.table);
+      this.columnsRow.setContainer(this);
+      if (!currentHeaderRow) {
+        this.addRow(this.columnsRow);
+      }
+      this.columnsRow.buildColumnsRow(data.columns);
+    }
+    if (data.filters.length) {
+      const currentFiltersRow = this.getFiltersRow();
+      this.filtersRow = currentFiltersRow ?? new Filters("filters");
+      this.filtersRow.setTable(this.table);
+      this.filtersRow.setContainer(this);
+      const hasFilter = this.filtersRow.buildFilters(data.filters);
+      if (hasFilter && !currentFiltersRow) {
+        this.addRow(this.filtersRow);
+      }
+    }
+  }
+}
+
+export { TableHead };
+//# sourceMappingURL=TableHead.js.map

package/dist/data/head/TableHead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.js","sources":["../../../src/data/head/TableHead.ts"],"sourcesContent":["import type { ColumnState } from './Column';\r\nimport type { FilterState } from '../filter/Filter';\r\nimport type { ElementBaseState } from '../primitive/Element';\r\nimport { RowsGroup, type RowsGroupBaseState } from '../primitive/RowsGroup';\r\nimport type { TableController } from '../TableController';\r\nimport { Columns } from './Columns';\r\nimport { Filters } from './Filters';\r\nimport { makeObservable, observable } from 'mobx';\r\n\r\n// eslint-disable-next-line @typescript-eslint/ban-types\r\nexport type TableHeadState = ElementBaseState & RowsGroupBaseState & {};\r\n\r\nexport type TBuildHead = {\r\n  columns: ColumnState[];\r\n  filters: Omit<FilterState, 'colName'>[];\r\n};\r\n\r\nexport class TableHead extends RowsGroup<TableHeadState> {\r\n  constructor(table: TableController) {\r\n    super(table, { rows: [] });\r\n\r\n    makeObservable(this, { columnsRow: observable, filtersRow: observable });\r\n  }\r\n\r\n  columnsRow: Columns | null = null;\r\n  filtersRow: Filters | null = null;\r\n\r\n  getHeaderRow(): Columns | undefined {\r\n    return this.rows[0] instanceof Columns ? this.rows[0] : undefined;\r\n  }\r\n\r\n  getFiltersRow(): Filters | undefined {\r\n    return this.rows[1] instanceof Filters ? this.rows[1] : undefined;\r\n  }\r\n\r\n  getColumns(): Columns | undefined {\r\n    return this.columnsRow || undefined;\r\n  }\r\n\r\n  getFilters(): Filters | undefined {\r\n    return this.filtersRow || undefined;\r\n  }\r\n\r\n  build(data: TBuildHead) {\r\n    if (data.columns.length) {\r\n      /**\r\n       * Generate main header row\r\n       */\r\n\r\n      const currentHeaderRow = this.rows[0];\r\n\r\n      if (currentHeaderRow && !(currentHeaderRow instanceof Columns)) {\r\n        currentHeaderRow.remove();\r\n      }\r\n\r\n      this.columnsRow = (currentHeaderRow ?? new Columns('header')) as Columns;\r\n      this.columnsRow.setTable(this.table);\r\n      this.columnsRow.setContainer(this);\r\n\r\n      if (!currentHeaderRow) {\r\n        this.addRow(this.columnsRow);\r\n      }\r\n\r\n      this.columnsRow.buildColumnsRow(data.columns);\r\n    }\r\n\r\n    if (data.filters.length) {\r\n      /**\r\n       * Generate filters row\r\n       */\r\n\r\n      const currentFiltersRow = this.getFiltersRow();\r\n      this.filtersRow = currentFiltersRow ?? new Filters('filters');\r\n      this.filtersRow.setTable(this.table);\r\n      this.filtersRow.setContainer(this);\r\n\r\n      const hasFilter = this.filtersRow.buildFilters(data.filters);\r\n      if (hasFilter && !currentFiltersRow) {\r\n        this.addRow(this.filtersRow);\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;;AAiBO,MAAM,kBAAkB,SAAA,CAA0B;AAAA,EACvD,YAAY,KAAA,EAAwB;AAClC,IAAA,KAAA,CAAM,KAAA,EAAO,EAAE,IAAA,EAAM,IAAI,CAAA;AAK3B,IAAA,aAAA,CAAA,IAAA,EAAA,YAAA,EAA6B,IAAA,CAAA;AAC7B,IAAA,aAAA,CAAA,IAAA,EAAA,YAAA,EAA6B,IAAA,CAAA;AAJ3B,IAAA,cAAA,CAAe,MAAM,EAAE,UAAA,EAAY,UAAA,EAAY,UAAA,EAAY,YAAY,CAAA;AAAA;AACzE,EAKA,YAAA,GAAoC;AAClC,IAAA,OAAO,IAAA,CAAK,KAAK,CAAC,CAAA,YAAa,UAAU,IAAA,CAAK,IAAA,CAAK,CAAC,CAAA,GAAI,MAAA;AAAA;AAC1D,EAEA,aAAA,GAAqC;AACnC,IAAA,OAAO,IAAA,CAAK,KAAK,CAAC,CAAA,YAAa,UAAU,IAAA,CAAK,IAAA,CAAK,CAAC,CAAA,GAAI,MAAA;AAAA;AAC1D,EAEA,UAAA,GAAkC;AAChC,IAAA,OAAO,KAAK,UAAA,IAAc,MAAA;AAAA;AAC5B,EAEA,UAAA,GAAkC;AAChC,IAAA,OAAO,KAAK,UAAA,IAAc,MAAA;AAAA;AAC5B,EAEA,MAAM,IAAA,EAAkB;AACtB,IAAA,IAAI,IAAA,CAAK,QAAQ,MAAA,EAAQ;AAKvB,MAAA,MAAM,gBAAA,GAAmB,IAAA,CAAK,IAAA,CAAK,CAAC,CAAA;AAEpC,MAAA,IAAI,gBAAA,IAAoB,EAAE,gBAAA,YAA4B,OAAA,CAAA,EAAU;AAC9D,QAAA,gBAAA,CAAiB,MAAA,EAAO;AAAA;AAG1B,MAAA,IAAA,CAAK,UAAA,GAAc,gBAAA,IAAoB,IAAI,OAAA,CAAQ,QAAQ,CAAA;AAC3D,MAAA,IAAA,CAAK,UAAA,CAAW,QAAA,CAAS,IAAA,CAAK,KAAK,CAAA;AACnC,MAAA,IAAA,CAAK,UAAA,CAAW,aAAa,IAAI,CAAA;AAEjC,MAAA,IAAI,CAAC,gBAAA,EAAkB;AACrB,QAAA,IAAA,CAAK,MAAA,CAAO,KAAK,UAAU,CAAA;AAAA;AAG7B,MAAA,IAAA,CAAK,UAAA,CAAW,eAAA,CAAgB,IAAA,CAAK,OAAO,CAAA;AAAA;AAG9C,IAAA,IAAI,IAAA,CAAK,QAAQ,MAAA,EAAQ;AAKvB,MAAA,MAAM,iBAAA,GAAoB,KAAK,aAAA,EAAc;AAC7C,MAAA,IAAA,CAAK,UAAA,GAAa,iBAAA,IAAqB,IAAI,OAAA,CAAQ,SAAS,CAAA;AAC5D,MAAA,IAAA,CAAK,UAAA,CAAW,QAAA,CAAS,IAAA,CAAK,KAAK,CAAA;AACnC,MAAA,IAAA,CAAK,UAAA,CAAW,aAAa,IAAI,CAAA;AAEjC,MAAA,MAAM,SAAA,GAAY,IAAA,CAAK,UAAA,CAAW,YAAA,CAAa,KAAK,OAAO,CAAA;AAC3D,MAAA,IAAI,SAAA,IAAa,CAAC,iBAAA,EAAmB;AACnC,QAAA,IAAA,CAAK,MAAA,CAAO,KAAK,UAAU,CAAA;AAAA;AAC7B;AACF;AAEJ;;;;"}

package/dist/data/plugins/FocusControllerPlugin/index.d.ts

@@ -0,0 +1,26 @@
+import * as react from 'react';
+import { FocusEvent } from 'react';
+import { Element } from '../../primitive/Element.js';
+import { TableController } from '../../TableController.js';
+import { TablePlugin } from '../TablePlugin.js';
+
+declare class FocusControllerPlugin implements TablePlugin {
+    rootElement: HTMLElement | null;
+    scrollIntoView(rowId: string): void;
+    useElementDomProps(controller: TableController, element: TableController | Element<any>, _context: any): {
+        className: string;
+        onClick: (ev: react.MouseEvent) => void;
+        onKeyDown: (ev: react.KeyboardEvent) => void;
+        onBlur: (ev: FocusEvent) => void;
+        ref: (el: HTMLElement | null) => void;
+    } | {
+        className?: undefined;
+        onClick?: undefined;
+        onKeyDown?: undefined;
+        onBlur?: undefined;
+        ref?: undefined;
+    };
+}
+
+export { FocusControllerPlugin };
+//# sourceMappingURL=index.d.ts.map

package/dist/data/plugins/FocusControllerPlugin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/data/plugins/FocusControllerPlugin/index.js

@@ -0,0 +1,130 @@
+import { useMount, scrollParentIntoElement, disableChildrenFocus, getFocusSelector } from '@apia/util';
+import { useRef } from 'react';
+import { useFocusByClick } from './useFocusByClick.js';
+import { useFocusByKey } from './useFocusByKey.js';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, key + "" , value);
+  return value;
+};
+function getCellElement(focusControllerRef, cell) {
+  return focusControllerRef.querySelector(
+    `tr[data-rowid="${cell.getRow().getState("id")}"] td[data-colname="${cell.getState("colName")}"], tr[data-rowid="${cell.getRow().getState("id")}"] th[data-colname="${cell.getState("colName")}"]`
+  );
+}
+function isVisible(el) {
+  if (!(el instanceof HTMLElement))
+    return false;
+  while (el) {
+    const style = getComputedStyle(el);
+    if (style.display === "none" || style.visibility === "hidden" || style.opacity === "0") {
+      return false;
+    }
+    el = el.parentElement;
+  }
+  return true;
+}
+function scrollIntoRow(row) {
+  if (row) {
+    scrollParentIntoElement(row, 150, 0, 0);
+  }
+}
+function restoreFocus(controller, tableElement, doFocus) {
+  const cell = controller.getFocusedCell();
+  if (cell) {
+    const cellElement = getCellElement(tableElement, cell);
+    if (cellElement) {
+      disableChildrenFocus(tableElement);
+      const widgets = cellElement.querySelectorAll(getFocusSelector());
+      const widget = [...widgets].find((c) => isVisible(c));
+      const focusableElement = widget || cellElement;
+      focusableElement.setAttribute("tabindex", "0");
+      restoreEditionMode(tableElement, cell.getTable().isEditionMode);
+      if (doFocus) {
+        focusableElement.focus();
+      }
+    }
+  }
+}
+function restoreEditionMode(focusController, editionMode) {
+  const focusable = focusController?.querySelector(
+    '[tabindex="0"]'
+  );
+  const cell = focusable?.closest("td, th");
+  if (cell instanceof HTMLElement) {
+    const widgets = cell.querySelectorAll(getFocusSelector());
+    widgets.forEach((widget) => {
+      widget.setAttribute("tabindex", editionMode ? "0" : "-1");
+    });
+    const firstFocusable = [...widgets].find((c) => isVisible(c)) || cell;
+    firstFocusable.setAttribute("tabindex", "0");
+  }
+}
+class FocusControllerPlugin {
+  constructor() {
+    __publicField(this, "rootElement", null);
+  }
+  scrollIntoView(rowId) {
+    const row = this.rootElement?.querySelector(
+      `tr[data-rowid="${rowId}"]`
+    );
+    if (row) {
+      scrollIntoRow(row);
+    }
+  }
+  useElementDomProps(controller, element, _context) {
+    if (element === controller) {
+      const disconnect = useRef(() => {
+      });
+      useMount(() => {
+        const uns1 = controller.on("cellFocus", (ev) => {
+          if (this.rootElement) {
+            restoreFocus(controller, this.rootElement, ev.doFocus);
+          }
+        });
+        const uns2 = controller.on("editionMode", (editionMode) => {
+          if (this.rootElement) {
+            restoreEditionMode(this.rootElement, editionMode);
+          }
+        });
+        const uns3 = controller.on("scrollIntoRow", (row) => {
+          this.scrollIntoView(row.getState("id"));
+        });
+        return () => {
+          uns1();
+          uns2();
+          uns3();
+        };
+      });
+      return {
+        className: "table__focus_controller",
+        onClick: useFocusByClick(controller),
+        onKeyDown: useFocusByKey(controller),
+        onBlur: (ev) => {
+          if (ev.relatedTarget instanceof HTMLElement && ev.relatedTarget.closest(".table__focus_controller") !== this.rootElement) {
+            controller.toggleEditionMode(false);
+          }
+        },
+        ref: (el) => {
+          this.rootElement = el;
+          if (el) {
+            const observer = new MutationObserver(() => {
+              restoreFocus(controller, this.rootElement, false);
+            });
+            disconnect.current?.();
+            observer.observe(el, { subtree: true, childList: true });
+            disconnect.current = () => {
+              observer.disconnect();
+            };
+          }
+        }
+      };
+    }
+    return {};
+  }
+}
+
+export { FocusControllerPlugin, restoreFocus };
+//# sourceMappingURL=index.js.map

package/dist/data/plugins/FocusControllerPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/data/plugins/FocusControllerPlugin/index.tsx"],"sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\r\nimport {\r\n  disableChildrenFocus,\r\n  getFocusSelector,\r\n  scrollParentIntoElement,\r\n  useMount,\r\n} from '@apia/util';\r\nimport type { FocusEvent } from 'react';\r\nimport { useRef } from 'react';\r\nimport type { Element } from '../../primitive/Element';\r\nimport type { TableController } from '../../TableController';\r\nimport type { TablePlugin } from '../TablePlugin';\r\nimport { useFocusByClick } from './useFocusByClick';\r\nimport { useFocusByKey } from './useFocusByKey';\r\nimport type { Cell } from '../../primitive/Cell';\r\n\r\nfunction getCellElement(focusControllerRef: HTMLElement, cell: Cell) {\r\n  return focusControllerRef.querySelector<HTMLTableCellElement>(\r\n    `tr[data-rowid=\"${cell.getRow()!.getState('id')}\"] td[data-colname=\"${cell.getState('colName')}\"], tr[data-rowid=\"${cell.getRow()!.getState('id')}\"] th[data-colname=\"${cell.getState('colName')}\"]`,\r\n  );\r\n}\r\n\r\nfunction isVisible(el: HTMLElement | null) {\r\n  if (!(el instanceof HTMLElement)) return false;\r\n\r\n  // Traverse up the DOM tree\r\n  while (el) {\r\n    const style = getComputedStyle(el);\r\n\r\n    if (\r\n      style.display === 'none' ||\r\n      style.visibility === 'hidden' ||\r\n      style.opacity === '0'\r\n    ) {\r\n      return false;\r\n    }\r\n\r\n    el = el.parentElement;\r\n  }\r\n\r\n  return true;\r\n}\r\n\r\nfunction scrollIntoRow(row: HTMLTableCaptionElement) {\r\n  if (row) {\r\n    scrollParentIntoElement(row, 150, 0, 0);\r\n  }\r\n}\r\n\r\nexport function restoreFocus(\r\n  controller: TableController,\r\n  tableElement: HTMLElement,\r\n  doFocus: boolean,\r\n) {\r\n  const cell = controller.getFocusedCell();\r\n\r\n  if (cell) {\r\n    const cellElement = getCellElement(tableElement, cell);\r\n\r\n    if (cellElement) {\r\n      disableChildrenFocus(tableElement);\r\n      const widgets =\r\n        cellElement.querySelectorAll<HTMLElement>(getFocusSelector());\r\n      const widget = [...widgets].find((c) => isVisible(c));\r\n      const focusableElement = widget || cellElement;\r\n\r\n      focusableElement.setAttribute('tabindex', '0');\r\n      restoreEditionMode(tableElement, cell.getTable().isEditionMode);\r\n      if (doFocus) {\r\n        focusableElement.focus();\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nfunction restoreEditionMode(\r\n  focusController: HTMLElement,\r\n  editionMode: boolean,\r\n) {\r\n  const focusable = focusController?.querySelector(\r\n    '[tabindex=\"0\"]',\r\n  ) as HTMLElement;\r\n  const cell = focusable?.closest('td, th');\r\n  if (cell instanceof HTMLElement) {\r\n    const widgets = cell.querySelectorAll<HTMLElement>(getFocusSelector());\r\n    widgets.forEach((widget) => {\r\n      widget.setAttribute('tabindex', editionMode ? '0' : '-1');\r\n    });\r\n    const firstFocusable = [...widgets].find((c) => isVisible(c)) || cell;\r\n    firstFocusable.setAttribute('tabindex', '0');\r\n  }\r\n}\r\n\r\nexport class FocusControllerPlugin implements TablePlugin {\r\n  rootElement: HTMLElement | null = null;\r\n\r\n  scrollIntoView(rowId: string) {\r\n    const row = this.rootElement?.querySelector(\r\n      `tr[data-rowid=\"${rowId}\"]`,\r\n    ) as HTMLTableRowElement;\r\n\r\n    if (row) {\r\n      scrollIntoRow(row);\r\n    }\r\n  }\r\n\r\n  useElementDomProps(\r\n    controller: TableController,\r\n    element: TableController | Element<any>,\r\n    _context: any,\r\n  ) {\r\n    if (element === controller) {\r\n      const disconnect = useRef(() => {});\r\n\r\n      useMount(() => {\r\n        const uns1 = controller.on('cellFocus', (ev) => {\r\n          if (this.rootElement) {\r\n            restoreFocus(controller, this.rootElement, ev.doFocus);\r\n          }\r\n        });\r\n        const uns2 = controller.on('editionMode', (editionMode) => {\r\n          if (this.rootElement) {\r\n            restoreEditionMode(this.rootElement!, editionMode);\r\n          }\r\n        });\r\n        const uns3 = controller.on('scrollIntoRow', (row) => {\r\n          this.scrollIntoView(row.getState('id'));\r\n        });\r\n\r\n        return () => {\r\n          uns1();\r\n          uns2();\r\n          uns3();\r\n        };\r\n      });\r\n\r\n      return {\r\n        className: 'table__focus_controller',\r\n        onClick: useFocusByClick(controller),\r\n        onKeyDown: useFocusByKey(controller),\r\n        onBlur: (ev: FocusEvent) => {\r\n          if (\r\n            ev.relatedTarget instanceof HTMLElement &&\r\n            ev.relatedTarget.closest('.table__focus_controller') !==\r\n              this.rootElement\r\n          ) {\r\n            controller.toggleEditionMode(false);\r\n          }\r\n        },\r\n        ref: (el: HTMLElement | null) => {\r\n          this.rootElement = el;\r\n          if (el) {\r\n            const observer = new MutationObserver(() => {\r\n              restoreFocus(controller, this.rootElement!, false);\r\n            });\r\n            disconnect.current?.();\r\n            observer.observe(el, { subtree: true, childList: true });\r\n            disconnect.current = () => {\r\n              observer.disconnect();\r\n            };\r\n          }\r\n        },\r\n      };\r\n    }\r\n\r\n    return {};\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}