@oscarpalmer/tabela 0.11.0 → 0.13.0

package/dist/body.component-_VDOpJhV.d.mts

@@ -0,0 +1,10 @@
+import { t as BodyElements } from "./body.model-2iwsovAV.mjs";
+
+//#region src/components/body.component.d.ts
+declare class BodyComponent {
+  readonly elements: BodyElements;
+  constructor();
+  destroy(): void;
+}
+//#endregion
+export { BodyComponent as t };

package/dist/body.model-2iwsovAV.d.mts

@@ -0,0 +1,7 @@
+//#region src/models/body.model.d.ts
+type BodyElements = {
+  faker: HTMLDivElement;
+  group: HTMLDivElement;
+};
+//#endregion
+export { BodyElements as t };

package/dist/column.component-Bx46r3JI.d.mts

@@ -0,0 +1,16 @@
+import { n as TabelaColumn, t as Column } from "./column.model-D-aw4EU4.mjs";
+
+//#region src/components/column.component.d.ts
+declare class ColumnComponent {
+  elements: ColumnElements;
+  options: Column;
+  constructor(column: TabelaColumn);
+  destroy(): void;
+}
+type ColumnElements = {
+  content: HTMLDivElement;
+  sorter: HTMLDivElement;
+  wrapper: HTMLDivElement;
+};
+//#endregion
+export { ColumnComponent as t };

package/dist/column.model-D-aw4EU4.d.mts

@@ -0,0 +1,16 @@
+//#region src/models/column.model.d.ts
+type Column = {
+  field: string;
+  title: string;
+  type: TabelaColumnType;
+  width: number;
+};
+type TabelaColumn = {
+  field: string;
+  title: string;
+  type: TabelaColumnType;
+  width?: number;
+};
+type TabelaColumnType = 'boolean' | 'date' | 'date-time' | 'number' | 'string' | 'time';
+//#endregion
+export { TabelaColumn as n, TabelaColumnType as r, Column as t };

package/dist/components/body.component.d.mts

@@ -0,0 +1,2 @@
+import { t as BodyComponent } from "../body.component-_VDOpJhV.mjs";
+export { BodyComponent };

package/dist/components/{body.component.js → body.component.mjs}

@@ -1,6 +1,8 @@
-import { createElement, createRowGroup } from "../helpers/dom.helpers.js";
+import { CSS_TABELA_FAKER, CSS_TABELA_ROWGROUP_BODY } from "../models/style.model.mjs";
+import { createElement, createRowGroup } from "../helpers/dom.helpers.mjs";
+//#region src/components/body.component.ts
 function createFaker() {
-	return createElement("div", { className: "tabela__faker" }, {}, {});
+	return createElement("div", { className: CSS_TABELA_FAKER });
 }
 var BodyComponent = class {
 	elements = {
@@ -10,7 +12,7 @@ var BodyComponent = class {
 	constructor() {
 		const group = createRowGroup(false);
 		this.elements.group = group;
-		group.className += " tabela__rowgroup--body";
+		group.className += ` ${CSS_TABELA_ROWGROUP_BODY}`;
 		group.tabIndex = 0;
 		group.setAttribute("data-event", "body");
 		group.append(this.elements.faker);
@@ -20,4 +22,5 @@ var BodyComponent = class {
 		this.elements.group = void 0;
 	}
 };
+//#endregion
 export { BodyComponent };

package/dist/components/column.component.d.mts

@@ -0,0 +1,2 @@
+import { t as ColumnComponent } from "../column.component-Bx46r3JI.mjs";
+export { ColumnComponent };

package/dist/components/{column.component.js → column.component.mjs}

@@ -1,14 +1,16 @@
-import { createElement } from "../helpers/dom.helpers.js";
+import { CSS_TABELA_HEADING, CSS_TABELA_HEADING_CONTENT, CSS_TABELA_HEADING_SORTER } from "../models/style.model.mjs";
+import { createElement } from "../helpers/dom.helpers.mjs";
+//#region src/components/column.component.ts
 var ColumnComponent = class {
 	elements;
 	options;
-	constructor(options) {
-		const width = Number.parseInt(getComputedStyle(document.body).fontSize, 10) * (options.width ?? options.title.length * 1.5);
+	constructor(column) {
+		const width = Number.parseInt(getComputedStyle(document.body).fontSize, 10) * (column.width ?? column.title.length * 1.5);
 		this.options = {
-			...options,
+			...column,
 			width
 		};
-		this.elements = createHeading(options.field, options.title, width);
+		this.elements = createHeading(this.options.field, this.options.title, width);
 	}
 	destroy() {
 		this.elements.content.remove();
@@ -20,17 +22,17 @@ var ColumnComponent = class {
 };
 function createHeading(field, title, width) {
 	const wrapper = createElement("div", {
-		className: "tabela__heading",
+		className: CSS_TABELA_HEADING,
 		role: "columnheader"
 	}, {
 		"data-event": "heading",
 		"data-field": field
 	}, { width: `${width}px` });
 	const content = createElement("div", {
-		className: "tabela__heading__content",
+		className: CSS_TABELA_HEADING_CONTENT,
 		textContent: title
-	}, {}, {});
-	const sorter = createElement("div", { className: "tabela__heading__sorter" }, {}, {});
+	});
+	const sorter = createElement("div", { className: CSS_TABELA_HEADING_SORTER });
 	wrapper.append(content, sorter);
 	return {
 		content,
@@ -38,4 +40,5 @@ function createHeading(field, title, width) {
 		wrapper
 	};
 }
+//#endregion
 export { ColumnComponent };

package/dist/components/footer.component.d.mts

@@ -0,0 +1,2 @@
+import { t as FooterComponent } from "../footer.component-Curiab8j.mjs";
+export { FooterComponent };

package/dist/components/{footer.component.js → footer.component.mjs}

@@ -1,4 +1,6 @@
-import { createCell, createRowGroup } from "../helpers/dom.helpers.js";
+import { CSS_TABELA_CELL_FOOTER, CSS_TABELA_ROWGROUP_FOOTER, CSS_TABELA_ROW_FOOTER } from "../models/style.model.mjs";
+import { createCell, createRowGroup } from "../helpers/dom.helpers.mjs";
+//#region src/components/footer.component.ts
 var FooterComponent = class {
 	elements;
 	constructor() {
@@ -8,8 +10,8 @@ var FooterComponent = class {
 			row,
 			cells: []
 		};
-		group.className += " tabela__rowgroup--footer";
-		row.className += " tabela__row--footer";
+		group.className += ` ${CSS_TABELA_ROWGROUP_FOOTER}`;
+		row.className += ` ${CSS_TABELA_ROW_FOOTER}`;
 	}
 	destroy() {
 		this.elements.cells.length = 0;
@@ -23,11 +25,12 @@ var FooterComponent = class {
 		elements.row.innerHTML = "";
 		for (let index = 0; index < length; index += 1) {
 			const cell = createCell(columns[index].options.width ?? 4, false);
-			cell.className += " tabela__cell--footer";
+			cell.className += ` ${CSS_TABELA_CELL_FOOTER}`;
 			cell.innerHTML = "&nbsp;";
 			elements.cells.push(cell);
 			elements.row.append(cell);
 		}
 	}
 };
+//#endregion
 export { FooterComponent };

package/dist/components/group.component.d.mts

@@ -0,0 +1,2 @@
+import { i as updateGroup, n as removeGroup, r as renderGroup, t as GroupComponent } from "../group.component-Cq1YYbfJ.mjs";
+export { GroupComponent, removeGroup, renderGroup, updateGroup };

package/dist/components/group.component.mjs

@@ -0,0 +1,51 @@
+import { CSS_TABELA_ROW, CSS_TABELA_ROW_GROUP } from "../models/style.model.mjs";
+import { createElement } from "../helpers/dom.helpers.mjs";
+import { getString } from "@oscarpalmer/atoms/string";
+//#region src/components/group.component.ts
+var GroupComponent = class {
+	element;
+	expanded = true;
+	filtered = 0;
+	key;
+	selected = 0;
+	total = 0;
+	value;
+	constructor(label, value) {
+		this.label = label;
+		const stringified = getString(value);
+		this.key = `group:${stringified}`;
+		this.value = {
+			stringified,
+			original: value
+		};
+	}
+};
+function removeGroup(group) {
+	if (group.element == null) return;
+	group.element.innerHTML = "";
+	group.element.remove();
+}
+function renderGroup(state, component) {
+	component.element ??= createElement("div", {
+		className: `${CSS_TABELA_ROW} ${CSS_TABELA_ROW_GROUP}`,
+		innerHTML: `<div class="tabela__cell tabela__cell--group" role="cell">
+	<button class="tabela__button tabela__button--group" data-event="group" data-key="tabela_${state.id}_${component.key}" type="button">
+		<span aria-hidden="true"></span>
+		<span>Open/close</span>
+	</button>
+	<p>${component.label}</p>
+	<span class="tabela__group__total">${component.total}</span>
+	<span class="tabela__group__selected">${component.selected === 0 ? "" : component.selected}</span>
+</div>`,
+		role: "row"
+	}, {}, { height: `${state.options.rowHeight}px` });
+}
+function updateGroup(state, component) {
+	if (component.element == null) return;
+	const selected = component.element.querySelector(".tabela__group__selected");
+	const total = component.element.querySelector(".tabela__group__total");
+	if (selected != null) selected.textContent = component.selected === 0 ? "" : String(component.selected);
+	if (total != null) total.textContent = String(component.total);
+}
+//#endregion
+export { GroupComponent, removeGroup, renderGroup, updateGroup };

package/dist/components/header.component.d.mts

@@ -0,0 +1,2 @@
+import { t as HeaderComponent } from "../header.component-BjjlpZIg.mjs";
+export { HeaderComponent };

package/dist/components/{header.component.js → header.component.mjs}

@@ -1,4 +1,6 @@
-import { createRowGroup } from "../helpers/dom.helpers.js";
+import { CSS_TABELA_ROWGROUP_HEADER, CSS_TABELA_ROW_HEADER } from "../models/style.model.mjs";
+import { createRowGroup } from "../helpers/dom.helpers.mjs";
+//#region src/components/header.component.ts
 var HeaderComponent = class {
 	elements;
 	constructor() {
@@ -7,8 +9,8 @@ var HeaderComponent = class {
 			group,
 			row
 		};
-		group.className += " tabela__rowgroup--header";
-		row.className += " tabela__row--header";
+		group.className += ` ${CSS_TABELA_ROWGROUP_HEADER}`;
+		row.className += ` ${CSS_TABELA_ROW_HEADER}`;
 	}
 	destroy() {
 		this.elements.group = void 0;
@@ -19,4 +21,5 @@ var HeaderComponent = class {
 		this.elements.row.append(...columns.map((column) => column.elements.wrapper));
 	}
 };
+//#endregion
 export { HeaderComponent };

package/dist/components/row.component.d.mts

@@ -0,0 +1,2 @@
+import { h as renderRow, m as removeRow, p as RowComponent } from "../group.component-Cq1YYbfJ.mjs";
+export { RowComponent, removeRow, renderRow };

package/dist/components/{row.component.js → row.component.mjs}

@@ -1,5 +1,8 @@
-import { createCell, createRow } from "../helpers/dom.helpers.js";
+import { CSS_TABELA_ROW_BODY, CSS_TABELA_ROW_SELECTED } from "../models/style.model.mjs";
+import { createCell, createRow } from "../helpers/dom.helpers.mjs";
 import { setAttributes } from "@oscarpalmer/toretto/attribute";
+import { getValue } from "@oscarpalmer/atoms/value/handle";
+//#region src/components/row.component.ts
 function removeRow(pool, row) {
 	if (row.element != null) {
 		row.element.innerHTML = "";
@@ -20,20 +23,20 @@ function renderRow(state, row) {
 		"data-active": String(state.managers.navigation.active === row.key),
 		"data-event": "row",
 		"data-key": key,
-		id: `tabela_${state.id}_row_${key}`
+		id: `tabela_${state.id}_${key}`
 	});
-	element.classList.add("tabela__row--body");
-	if (selected) element.classList.add("tabela__row--selected");
-	else element.classList.remove("tabela__row--selected");
+	element.classList.add(CSS_TABELA_ROW_BODY);
+	if (selected) element.classList.add(CSS_TABELA_ROW_SELECTED);
+	else element.classList.remove(CSS_TABELA_ROW_SELECTED);
 	const columns = state.managers.column.items;
 	const { length } = columns;
-	const data = state.managers.data.values.objects.mapped.get(row.key);
+	const data = state.managers.data.state.values.mapped.get(row.key);
 	if (data == null) return;
 	for (let index = 0; index < length; index += 1) {
 		const { options } = columns[index];
 		state.managers.render.pool.cells[options.field] ??= [];
 		const cell = state.managers.render.pool.cells[columns[index].options.field].shift() ?? createCell(options.width);
-		cell.textContent = String(data[options.field]);
+		cell.textContent = String(getValue(data, options.field));
 		row.cells[options.field] = cell;
 		element.append(cell);
 	}
@@ -45,4 +48,5 @@ var RowComponent = class {
 		this.key = key;
 	}
 };
+//#endregion
 export { RowComponent, removeRow, renderRow };

package/dist/filter.model-7ukJrtil.d.mts

@@ -0,0 +1,16 @@
+//#region src/models/filter.model.d.ts
+type TabelaFilter = {
+  add(item: TabelaFilterItem): void;
+  clear(): void;
+  remove(field: string): void;
+  remove(item: TabelaFilterItem): void;
+  set(items: TabelaFilterItem[]): void;
+};
+type TabelaFilterComparison = 'contains' | 'ends-with' | 'equals' | 'greater-than' | 'greater-than-or-equal' | 'less-than' | 'less-than-or-equal' | 'not-contains' | 'not-equals' | 'starts-with';
+type TabelaFilterItem = {
+  comparison: TabelaFilterComparison;
+  field: string;
+  value: unknown;
+};
+//#endregion
+export { TabelaFilterComparison as n, TabelaFilterItem as r, TabelaFilter as t };

package/dist/footer.component-Curiab8j.d.mts

@@ -0,0 +1,12 @@
+import { t as ColumnComponent } from "./column.component-Bx46r3JI.mjs";
+import { t as FooterElements } from "./footer.model-DhqoS6ds.mjs";
+
+//#region src/components/footer.component.d.ts
+declare class FooterComponent {
+  readonly elements: FooterElements;
+  constructor();
+  destroy(): void;
+  update(columns: ColumnComponent[]): void;
+}
+//#endregion
+export { FooterComponent as t };

package/dist/footer.model-DhqoS6ds.d.mts

@@ -0,0 +1,8 @@
+//#region src/models/footer.model.d.ts
+type FooterElements = {
+  cells: HTMLDivElement[];
+  group: HTMLDivElement;
+  row: HTMLDivElement;
+};
+//#endregion
+export { FooterElements as t };

package/dist/group.component-Cq1YYbfJ.d.mts

@@ -0,0 +1,285 @@
+import { t as BodyComponent } from "./body.component-_VDOpJhV.mjs";
+import { n as TabelaColumn } from "./column.model-D-aw4EU4.mjs";
+import { t as ColumnComponent } from "./column.component-Bx46r3JI.mjs";
+import { t as FooterComponent } from "./footer.component-Curiab8j.mjs";
+import { t as GroupValue } from "./group.model-BsKFwHbt.mjs";
+import { t as HeaderComponent } from "./header.component-BjjlpZIg.mjs";
+import { r as TabelaFilterItem } from "./filter.model-7ukJrtil.mjs";
+import { n as TabelaSortDirection, r as TabelaSortItem } from "./sort.model-CauImaLu.mjs";
+import { t as TabelaOptions } from "./tabela.options-RkZvfptB.mjs";
+import { Key, PlainObject } from "@oscarpalmer/atoms/models";
+import { RemovableEventListener } from "@oscarpalmer/toretto/models";
+
+//#region src/managers/column.manager.d.ts
+declare class ColumnManager {
+  state: State;
+  items: ColumnComponent[];
+  constructor(state: State);
+  destroy(): void;
+  get(field: string): ColumnComponent | undefined;
+  remove(field: string): void;
+  remove(fields: string[]): void;
+  set(columns: TabelaColumn[]): void;
+}
+//#endregion
+//#region src/models/data.model.d.ts
+type DataItem = GroupComponent | Key;
+type DataItems = {
+  active?: Array<DataItem>;
+  original: Array<DataItem>;
+};
+type DataState = {
+  items: DataItems;
+  values: DataValues;
+} & State;
+type DataValues = {
+  array: Array<GroupComponent | PlainObject>;
+  mapped: Map<Key, PlainObject>;
+};
+type TabelaData = {
+  add(data: PlainObject[]): void;
+  clear(): void;
+  get(active?: boolean): PlainObject[];
+  remove(keys: Key[]): void;
+  remove(data: PlainObject[]): void;
+  synchronize(data: PlainObject[], remove?: boolean): void;
+  update(data: PlainObject[]): void;
+};
+//#endregion
+//#region src/managers/data.manager.d.ts
+declare class DataManager {
+  handlers: Readonly<{
+    add: (data: PlainObject[]) => undefined;
+    clear: () => undefined;
+    get: (active: boolean | undefined) => PlainObject[];
+    remove: (items: Key[] | PlainObject[]) => undefined;
+    synchronize: (data: PlainObject[], remove: boolean | undefined) => undefined;
+    update: (data: PlainObject[]) => undefined;
+  }>;
+  state: DataState;
+  get items(): DataItem[];
+  get size(): number;
+  constructor(state: State);
+  add(data: PlainObject[], render: boolean): Promise<void>;
+  clear(): void;
+  destroy(): void;
+  get(active?: boolean): PlainObject[];
+  getIndex(item: DataItem): number;
+  remove(items: Array<Key | PlainObject>, render: boolean): Promise<void>;
+  removeItems(items: DataItem[], clear: boolean, render: boolean): Promise<void>;
+  render(): void;
+  set(data: PlainObject[]): void;
+  synchronize(data: PlainObject[], remove?: boolean): Promise<void>;
+  update(data: PlainObject[]): Promise<void>;
+}
+//#endregion
+//#region src/managers/event.manager.d.ts
+declare class EventManager {
+  state: State;
+  constructor(state: State);
+  destroy(): void;
+  onSort(event: MouseEvent, target: HTMLElement): void;
+}
+//#endregion
+//#region src/managers/filter.manager.d.ts
+declare class FilterManager {
+  state: State;
+  handlers: Readonly<{
+    add: (item: TabelaFilterItem) => void;
+    clear: () => void;
+    remove: (value: string | TabelaFilterItem) => void;
+    set: (items: TabelaFilterItem[]) => void;
+  }>;
+  items: Record<string, TabelaFilterItem[]>;
+  constructor(state: State);
+  add(item: TabelaFilterItem): void;
+  clear(): void;
+  destroy(): void;
+  filter(): void;
+  remove(value: string | TabelaFilterItem): void;
+  set(items: TabelaFilterItem[]): void;
+}
+//#endregion
+//#region src/managers/group.manager.d.ts
+declare class GroupManager {
+  state: State;
+  collapsed: Set<Key>;
+  enabled: boolean;
+  field: string;
+  handlers: Readonly<{
+    set: (group?: string) => void;
+  }>;
+  items: GroupComponent[];
+  order: Record<never, number>;
+  constructor(state: State);
+  add(group: GroupComponent): void;
+  clear(): void;
+  destroy(): void;
+  get(value: unknown): GroupComponent | undefined;
+  handle(button: HTMLElement): void;
+  remove(group: GroupComponent): void;
+  set(items: GroupComponent[]): void;
+}
+//#endregion
+//#region src/managers/navigation.manager.d.ts
+declare class NavigationManager {
+  state: State;
+  active: DataItem | undefined;
+  constructor(state: State);
+  destroy(): void;
+  handle(event: KeyboardEvent): void;
+  setActive(item: DataItem | undefined, scroll?: boolean): void;
+}
+//#endregion
+//#region src/models/render.model.d.ts
+type RenderElementPool = {
+  cells: Record<string, HTMLDivElement[]>;
+  rows: HTMLDivElement[];
+};
+type RenderRange = {
+  end: number;
+  start: number;
+};
+type RenderState = {
+  active: boolean;
+  top: number;
+} & State;
+//#endregion
+//#region src/managers/render.manager.d.ts
+declare class RenderManager {
+  fragment: DocumentFragment;
+  listener: RemovableEventListener;
+  pool: RenderElementPool;
+  state: RenderState;
+  visible: Map<number, DataItem>;
+  constructor(state: State);
+  destroy(): void;
+  removeCells(fields: string[]): void;
+  getFragment(): DocumentFragment;
+  update(down: boolean, rerender?: boolean): void;
+}
+//#endregion
+//#region src/components/row.component.d.ts
+declare function removeRow(pool: RenderElementPool, row: RowComponent): void;
+declare function renderRow(state: State, row: RowComponent): void;
+declare class RowComponent {
+  readonly key: Key;
+  cells: Record<string, HTMLDivElement>;
+  element: HTMLDivElement | undefined;
+  constructor(key: Key);
+}
+//#endregion
+//#region src/managers/row.manager.d.ts
+declare class RowManager {
+  state: State;
+  components: Map<Key, RowComponent>;
+  constructor(state: State);
+  clear(): void;
+  destroy(): void;
+  get(key: Key, create: boolean): RowComponent | undefined;
+  has(key: Key): boolean;
+  remove(key: Key): void;
+  removeRow(row: RowComponent): void;
+  update(key: Key): void;
+}
+//#endregion
+//#region src/managers/selection.manager.d.ts
+declare class SelectionManager {
+  state: State;
+  handlers: Readonly<{
+    add: (keys: Key[]) => void;
+    clear: () => void;
+    remove: (keys: Key[]) => void;
+    set: (keys: Key[]) => void;
+    toggle: () => void;
+  }>;
+  items: Set<Key>;
+  last: Key | undefined;
+  constructor(state: State);
+  add(keys: Key[]): void;
+  clear(): void;
+  destroy(): void;
+  handle(event: MouseEvent, target: HTMLElement): void;
+  range(from: Key | HTMLElement, to: Key | HTMLElement): void;
+  remove(keys: Key[]): void;
+  set(keys: Key[]): void;
+  toggle(): void;
+  update(removed: Key[]): void;
+}
+//#endregion
+//#region src/managers/sort.manager.d.ts
+declare class SortManager {
+  state: State;
+  handlers: Readonly<{
+    add: (field: string, direction: TabelaSortDirection | undefined) => void;
+    flip: (field: string) => void;
+    clear: () => void;
+    remove: (field: string) => void;
+    set: (items: TabelaSortItem[]) => void;
+  }>;
+  items: PlainObject[];
+  constructor(state: State);
+  add(field: string, direction?: TabelaSortDirection): void;
+  addOrSet(event: MouseEvent, field: string): void;
+  clear(): void;
+  destroy(): void;
+  flip(field: string): void;
+  remove(field: string): void;
+  removeOrClear(event: MouseEvent, field: string): void;
+  set(items: TabelaSortItem[]): void;
+  sort(): void;
+  toggle(event: MouseEvent, field: string, direction?: string | null): void;
+}
+declare function sortWithGroups(state: State, data: Array<GroupComponent | PlainObject>, sorters: PlainObject[]): Array<GroupComponent | PlainObject>;
+//#endregion
+//#region src/managers/style.manager.d.ts
+declare class StyleManager {
+  readonly state: State;
+  constructor(state: State);
+}
+//#endregion
+//#region src/models/tabela.model.d.ts
+type Components = {
+  body: BodyComponent;
+  footer: FooterComponent;
+  header: HeaderComponent;
+};
+type Managers = {
+  column: ColumnManager;
+  data: DataManager;
+  event: EventManager;
+  filter: FilterManager;
+  group: GroupManager;
+  navigation: NavigationManager;
+  render: RenderManager;
+  row: RowManager;
+  selection: SelectionManager;
+  sort: SortManager;
+  style: StyleManager;
+};
+type State = {
+  components: Components;
+  element: HTMLElement;
+  id: number;
+  key: string;
+  managers: Managers;
+  options: TabelaOptions;
+};
+//#endregion
+//#region src/components/group.component.d.ts
+declare class GroupComponent {
+  readonly label: string;
+  element: HTMLElement | undefined;
+  expanded: boolean;
+  filtered: number;
+  readonly key: string;
+  selected: number;
+  total: number;
+  readonly value: GroupValue;
+  constructor(label: string, value: unknown);
+}
+declare function removeGroup(group: GroupComponent): void;
+declare function renderGroup(state: State, component: GroupComponent): void;
+declare function updateGroup(state: State, component: GroupComponent): void;
+//#endregion
+export { EventManager as C, TabelaData as D, DataState as E, ColumnManager as O, FilterManager as S, DataItem as T, RenderElementPool as _, Components as a, NavigationManager as b, StyleManager as c, SelectionManager as d, RowManager as f, RenderManager as g, renderRow as h, updateGroup as i, SortManager as l, removeRow as m, removeGroup as n, Managers as o, RowComponent as p, renderGroup as r, State as s, GroupComponent as t, sortWithGroups as u, RenderRange as v, DataManager as w, GroupManager as x, RenderState as y };

package/dist/group.model-BsKFwHbt.d.mts

@@ -0,0 +1,10 @@
+//#region src/models/group.model.d.ts
+type GroupValue = {
+  original: unknown;
+  stringified: string;
+};
+type TabelaGroup = {
+  set(group?: string): void;
+};
+//#endregion
+export { TabelaGroup as n, GroupValue as t };

package/dist/header.component-BjjlpZIg.d.mts

@@ -0,0 +1,12 @@
+import { t as ColumnComponent } from "./column.component-Bx46r3JI.mjs";
+import { t as HeaderElements } from "./header.model-DN_KzUCV.mjs";
+
+//#region src/components/header.component.d.ts
+declare class HeaderComponent {
+  readonly elements: HeaderElements;
+  constructor();
+  destroy(): void;
+  update(columns: ColumnComponent[]): void;
+}
+//#endregion
+export { HeaderComponent as t };

package/dist/header.model-DN_KzUCV.d.mts

@@ -0,0 +1,7 @@
+//#region src/models/header.model.d.ts
+type HeaderElements = {
+  group: HTMLDivElement;
+  row: HTMLDivElement;
+};
+//#endregion
+export { HeaderElements as t };