@oscarpalmer/tabela 0.12.0 → 0.13.0

package/dist/managers/{render.manager.js → render.manager.mjs}

@@ -1,17 +1,20 @@
-import { GroupComponent, renderGroup } from "../components/group.component.js";
-import { removeRow, renderRow } from "../components/row.component.js";
+import { GroupComponent, renderGroup } from "../components/group.component.mjs";
+import { removeRow, renderRow } from "../components/row.component.mjs";
 import { on } from "@oscarpalmer/toretto/event";
+//#region src/managers/render.manager.ts
 function getRange(state, down) {
-	const { components, managers, options } = state;
-	const { clientHeight, scrollTop } = components.body.elements.group;
-	const { keys } = managers.data;
-	const first = Math.floor(scrollTop / options.rowHeight);
-	const last = Math.min(keys.length - managers.group.collapsed.size - 1, Math.ceil((scrollTop + clientHeight) / options.rowHeight) - 1);
-	const before = Math.ceil(clientHeight / options.rowHeight) * (down ? 1 : 2);
-	const after = Math.ceil(clientHeight / options.rowHeight) * (down ? 2 : 1);
-	const start = Math.max(0, first - before);
+	const { element, managers, options } = state;
+	const { clientHeight, scrollTop } = element;
+	const { items } = managers.data;
+	const firstIndex = Math.floor(scrollTop / options.rowHeight);
+	const lastIndex = items.length - managers.group.collapsed.size - 1;
+	const last = Math.min(lastIndex, Math.ceil((scrollTop + clientHeight) / options.rowHeight) - 1);
+	const visible = clientHeight / options.rowHeight;
+	const before = Math.ceil(visible) * (down ? 1 : 2);
+	const after = Math.ceil(visible) * (down ? 2 : 1);
+	const start = Math.max(0, firstIndex - before);
 	return {
-		end: Math.min(keys.length - managers.group.collapsed.size - 1, last + after),
+		end: Math.min(lastIndex, last + after),
 		start
 	};
 }
@@ -19,7 +22,7 @@ function onScroll() {
 	const { state } = this;
 	if (!state.active) {
 		requestAnimationFrame(() => {
-			const top = state.components.body.elements.group.scrollTop;
+			const top = state.element.scrollTop;
 			this.update(top > state.top);
 			state.active = false;
 			state.top = top;
@@ -37,7 +40,7 @@ var RenderManager = class {
 	state;
 	visible = /* @__PURE__ */ new Map();
 	constructor(state) {
-		this.listener = on(state.components.body.elements.group, "scroll", onScroll.bind(this));
+		this.listener = on(state.element, "scroll", onScroll.bind(this));
 		this.state = {
 			...state,
 			active: false,
@@ -48,6 +51,11 @@ var RenderManager = class {
 		const { listener, pool, visible } = this;
 		listener();
 		visible.clear();
+		const cells = Object.values(pool.cells).flat();
+		let { length } = cells;
+		for (let index = 0; index < length; index += 1) cells[index].remove();
+		length = pool.rows.length;
+		for (let index = 0; index < length; index += 1) pool.rows[index].remove();
 		pool.cells = {};
 		pool.rows = [];
 		this.fragment = void 0;
@@ -62,7 +70,7 @@ var RenderManager = class {
 		for (let index = 0; index < length; index += 1) delete pool.cells[fields[index]];
 		for (const [, key] of visible) {
 			if (key instanceof GroupComponent) continue;
-			const row = state.managers.row.get(key);
+			const row = state.managers.row.get(key, false);
 			if (row == null || row.element == null) continue;
 			for (let index = 0; index < length; index += 1) {
 				row.cells[fields[index]].innerHTML = "";
@@ -92,38 +100,38 @@ var RenderManager = class {
 				}
 				continue;
 			}
-			const row = managers.row.get(key);
+			const row = managers.row.get(key, false);
 			if (remove || row == null || !indices.has(index) || managers.group.collapsed.has(key)) {
 				visible.delete(index);
 				if (row != null) removeRow(pool, row);
 			}
 		}
 		const fragment = this.getFragment();
-		const { keys } = managers.data;
+		const { items } = managers.data;
 		let count = 0;
 		let offset = 0;
 		for (let index = range.start; index <= range.end + offset; index += 1) {
 			if (visible.has(index)) continue;
-			const key = keys[index];
-			if (key instanceof GroupComponent) {
+			const item = items[index];
+			if (item instanceof GroupComponent) {
 				count += 1;
-				renderGroup(state, key);
-				visible.set(index, key);
-				if (key.element != null) {
-					key.element.style.transform = `translateY(${(index - offset) * options.rowHeight}px)`;
-					fragment.append(key.element);
+				renderGroup(state, item);
+				visible.set(index, item);
+				if (item.element != null) {
+					item.element.style.transform = `translateY(${(index - offset) * options.rowHeight}px)`;
+					fragment.append(item.element);
 				}
 				continue;
 			}
-			const row = managers.row.get(key);
+			const row = managers.row.get(item, true);
 			if (row == null) continue;
-			if (managers.group.collapsed.has(key)) {
+			if (managers.group.collapsed.has(item)) {
 				offset += 1;
 				continue;
 			}
 			count += 1;
 			renderRow(state, row);
-			visible.set(index, key);
+			visible.set(index, item);
 			if (row.element != null) {
 				row.element.style.transform = `translateY(${(index - offset) * options.rowHeight}px)`;
 				fragment.append(row.element);
@@ -132,4 +140,5 @@ var RenderManager = class {
 		if (count > 0) components.body.elements.group[down ? "append" : "prepend"](fragment);
 	}
 };
+//#endregion
 export { RenderManager };

package/dist/managers/row.manager.d.mts

@@ -0,0 +1,2 @@
+import { f as RowManager } from "../group.component-Cq1YYbfJ.mjs";
+export { RowManager };

package/dist/managers/{row.manager.js → row.manager.mjs}

@@ -1,20 +1,25 @@
-import { RowComponent, removeRow, renderRow } from "../components/row.component.js";
+import { RowComponent, removeRow, renderRow } from "../components/row.component.mjs";
+//#region src/managers/row.manager.ts
 var RowManager = class {
 	components = /* @__PURE__ */ new Map();
 	constructor(state) {
 		this.state = state;
 	}
+	clear() {
+		const { components } = this;
+		const rows = [...components.values()];
+		const { length } = rows;
+		for (let index = 0; index < length; index += 1) this.removeRow(rows[index]);
+		components.clear();
+	}
 	destroy() {
-		const components = [...this.components.values()];
-		const { length } = components;
-		for (let index = 0; index < length; index += 1) removeRow(this.state.managers.render.pool, components[index]);
-		this.components.clear();
+		this.clear();
 		this.components = void 0;
 		this.state = void 0;
 	}
-	get(key) {
+	get(key, create) {
 		let row = this.components.get(key);
-		if (row == null) {
+		if (row == null && create) {
 			row = new RowComponent(key);
 			this.components.set(key, row);
 		}
@@ -25,14 +30,16 @@ var RowManager = class {
 	}
 	remove(key) {
 		const row = this.components.get(key);
-		if (row != null) {
-			removeRow(this.state.managers.render.pool, row);
-			this.components.delete(key);
-		}
+		if (row != null) this.removeRow(row);
+	}
+	removeRow(row) {
+		if (row.element != null) removeRow(this.state.managers.render.pool, row);
+		this.components.delete(row.key);
 	}
 	update(key) {
 		const row = this.components.get(key);
 		if (row != null) renderRow(this.state, row);
 	}
 };
+//#endregion
 export { RowManager };

package/dist/managers/selection.manager.d.mts

@@ -0,0 +1,2 @@
+import { d as SelectionManager } from "../group.component-Cq1YYbfJ.mjs";
+export { SelectionManager };

package/dist/managers/{selection.manager.js → selection.manager.mjs}

@@ -1,11 +1,13 @@
-import { createElement } from "../helpers/dom.helpers.js";
-import { GroupComponent } from "../components/group.component.js";
-import { getKey } from "../helpers/misc.helpers.js";
-import { dragStyling } from "../helpers/style.helper.js";
+import { CSS_TABELA_ROW_BODY, CSS_TABELA_ROW_SELECTED, CSS_TABELA_SELECTION } from "../models/style.model.mjs";
+import { createElement } from "../helpers/dom.helpers.mjs";
+import { GroupComponent } from "../components/group.component.mjs";
+import { getKey } from "../helpers/misc.helpers.mjs";
+import { preventSelection } from "../helpers/style.helper.mjs";
 import { setAttribute } from "@oscarpalmer/toretto/attribute";
 import { isKey } from "@oscarpalmer/atoms/is";
 import { getPosition, on } from "@oscarpalmer/toretto/event";
 import { findAncestor } from "@oscarpalmer/toretto/find";
+//#region src/managers/selection.manager.ts
 var SelectionManager = class {
 	handlers = Object.freeze({
 		add: (keys) => this.add(keys),
@@ -69,15 +71,15 @@ var SelectionManager = class {
 		const fromKey = keyed ? from : getKey(from.getAttribute("data-key"));
 		const toKey = keyed ? to : getKey(to.getAttribute("data-key"));
 		if (fromKey === toKey) return;
-		const { keys } = state.managers.data;
+		const { items } = state.managers.data;
 		const fromIndex = state.managers.data.getIndex(fromKey);
 		const toIndex = state.managers.data.getIndex(toKey);
 		if (fromIndex === -1 || toIndex === -1) return;
 		const [start, end] = fromIndex < toIndex ? [fromIndex, toIndex] : [toIndex, fromIndex];
 		const selected = [];
 		for (let index = start; index <= end; index += 1) {
-			const key = keys[index];
-			if (!(key instanceof GroupComponent)) selected.push(key);
+			const item = items[index];
+			if (!(item instanceof GroupComponent)) selected.push(item);
 		}
 		if (keyed) this.add(selected);
 		else this.set(selected);
@@ -103,11 +105,12 @@ var SelectionManager = class {
 	}
 	toggle() {
 		const { items, state } = this;
-		const { keys } = state.managers.data;
-		if (items.size === keys.length - state.managers.group.items.length) this.clear();
-		else this.set(keys.filter((key) => !(key instanceof GroupComponent)));
+		const data = state.managers.data.items;
+		if (items.size === data.length - state.managers.group.items.length) this.clear();
+		else this.set(data.filter((key) => !(key instanceof GroupComponent)));
 	}
 	update(removed) {
+		const { state } = this;
 		const items = [...removed.map((key) => ({
 			key,
 			removed: true
@@ -115,28 +118,28 @@ var SelectionManager = class {
 			key,
 			removed: false
 		}))];
-		const { length } = items;
+		let { length } = items;
 		for (let index = 0; index < length; index += 1) {
 			const { key, removed } = items[index];
-			const row = this.state.managers.row.get(key);
-			if (row == null || row.element == null) continue;
-			setAttribute(row.element, "aria-selected", String(!removed));
-			if (removed) row.element.classList.remove("tabela__row--selected");
-			else row.element.classList.add("tabela__row--selected");
+			const element = state.managers.row.get(key, false)?.element;
+			if (element == null) continue;
+			setAttribute(element, "aria-selected", String(!removed));
+			if (removed) element.classList.remove(CSS_TABELA_ROW_SELECTED);
+			else element.classList.add(CSS_TABELA_ROW_SELECTED);
 		}
 	}
 };
 function getPlaceholder() {
-	placeholder ??= createElement("div", { className: "tabela__selection--placeholder" }, {}, {});
+	placeholder ??= createElement("div", { className: CSS_TABELA_SELECTION }, {}, {});
 	return placeholder;
 }
 function onMouseDown(event) {
 	if (shifted) {
-		const row = findAncestor(event.target, ".tabela__row--body");
+		const row = findAncestor(event.target, `.${CSS_TABELA_ROW_BODY}`);
 		if (!(row instanceof HTMLElement)) return;
 		startElement = row;
 		startPosition = getPosition(event);
-		dragStyling.set();
+		preventSelection.set();
 	}
 }
 function onMouseMove(event) {
@@ -157,14 +160,14 @@ function onMouseUp(event) {
 	if (startElement == null) return;
 	if (!event.shiftKey) {
 		shifted = false;
-		dragStyling.remove();
+		preventSelection.remove();
 	}
 	getPlaceholder().remove();
 	const row = findAncestor(event.target, ".tabela__row--body");
 	if (row instanceof HTMLElement) {
 		endElement = row;
-		const endTable = findAncestor(endElement, ".tabela");
-		const startTable = findAncestor(startElement, ".tabela");
+		const endTable = findAncestor(endElement, ".tabela__table");
+		const startTable = findAncestor(startElement, ".tabela__table");
 		if (startTable != null && startTable === endTable) mapped.get(startTable)?.range(startElement, endElement);
 	}
 	endElement = void 0;
@@ -180,15 +183,16 @@ function onShiftDown(event) {
 function onShiftUp(event) {
 	onShift(event, false);
 }
-var mapped = /* @__PURE__ */ new WeakMap();
-var shifted = false;
-var endElement;
-var placeholder;
-var startPosition;
-var startElement;
+const mapped = /* @__PURE__ */ new WeakMap();
+let shifted = false;
+let endElement;
+let placeholder;
+let startPosition;
+let startElement;
 on(document, "keydown", onShiftDown);
 on(document, "keyup", onShiftUp);
 on(document, "mousedown", onMouseDown);
 on(document, "mousemove", onMouseMove);
 on(document, "mouseup", onMouseUp);
+//#endregion
 export { SelectionManager };

package/dist/managers/sort.manager.d.mts

@@ -0,0 +1,2 @@
+import { l as SortManager, u as sortWithGroups } from "../group.component-Cq1YYbfJ.mjs";
+export { SortManager, sortWithGroups };

package/dist/managers/{sort.manager.js → sort.manager.mjs}

@@ -1,7 +1,9 @@
-import { GroupComponent } from "../components/group.component.js";
+import { GroupComponent } from "../components/group.component.mjs";
 import { setAttribute, setAttributes } from "@oscarpalmer/toretto/attribute";
 import { sort } from "@oscarpalmer/atoms/array";
+import { getValue } from "@oscarpalmer/atoms/value/handle";
 import { compare } from "@oscarpalmer/atoms/value/compare";
+//#region src/managers/sort.manager.ts
 var SortManager = class {
 	handlers = Object.freeze({
 		add: (field, direction) => this.add(field, direction),
@@ -77,7 +79,7 @@ var SortManager = class {
 			});
 			setAttribute(column.elements.sorter, "data-sort-position", sorterIndex > -1 && items.length > 1 ? sorterIndex + 1 : void 0);
 		}
-		state.managers.data.values.keys.active = items.length === 0 ? void 0 : getSortedKeys(state, items);
+		state.managers.data.state.items.active = items.length === 0 ? void 0 : getSortedItems(state, items);
 		state.managers.render.update(true, true);
 	}
 	toggle(event, field, direction) {
@@ -94,16 +96,16 @@ var SortManager = class {
 		}
 	}
 };
-function getSortedKeys(state, sorters) {
-	const data = state.managers.data.values.keys.active?.map((key) => key instanceof GroupComponent ? key : state.managers.data.values.objects.mapped.get(key)) ?? state.managers.data.values.objects.array.slice();
-	if (!state.managers.group.enabled) return sort(data, sorters).map((item) => item[state.key]);
-	return sortWithGroups(state, data, sorters).map((item) => item instanceof GroupComponent ? item : item[state.key]);
+function getSortedItems(state, sorters) {
+	const data = state.managers.data.state.items.active?.map((key) => key instanceof GroupComponent ? key : state.managers.data.state.values.mapped.get(key)) ?? state.managers.data.state.values.array.slice();
+	if (!state.managers.group.enabled) return sort(data, sorters).map((item) => getValue(item, state.key));
+	return sortWithGroups(state, data, sorters).map((item) => item instanceof GroupComponent ? item : getValue(item, state.key));
 }
 function sortWithGroups(state, data, sorters) {
 	const { length } = sorters;
 	return data.sort((first, second) => {
-		const firstValue = first instanceof GroupComponent ? first.value : first[state.managers.group.field];
-		const secondValue = second instanceof GroupComponent ? second.value : second[state.managers.group.field];
+		const firstValue = first instanceof GroupComponent ? first.value.stringified : getValue(first, state.managers.group.field);
+		const secondValue = second instanceof GroupComponent ? second.value.stringified : getValue(second, state.managers.group.field);
 		const firstOrder = state.managers.group.order[firstValue];
 		const secondOrder = state.managers.group.order[secondValue];
 		const groupComparison = compare(firstOrder, secondOrder);
@@ -113,10 +115,11 @@ function sortWithGroups(state, data, sorters) {
 		if (firstIsGroup || secondIsGroup) return firstIsGroup && secondIsGroup ? 0 : firstIsGroup ? -1 : 1;
 		for (let index = 0; index < length; index += 1) {
 			const sorter = sorters[index];
-			const comparison = compare(first[sorter.key], second[sorter.key]);
+			const comparison = compare(getValue(first, sorter.key), getValue(second, sorter.key));
 			if (comparison !== 0) return comparison * (sorter.direction === "ascending" ? 1 : -1);
 		}
 		return 0;
 	});
 }
+//#endregion
 export { SortManager, sortWithGroups };

package/dist/managers/style.manager.d.mts

@@ -0,0 +1,2 @@
+import { c as StyleManager } from "../group.component-Cq1YYbfJ.mjs";
+export { StyleManager };

package/dist/managers/style.manager.mjs

@@ -0,0 +1,149 @@
+//#region src/managers/style.manager.ts
+var StyleManager = class {
+	constructor(state) {
+		this.state = state;
+		if (appended) return;
+		appended = true;
+		const style = document.createElement("style");
+		style.textContent = styling;
+		document.head.appendChild(style);
+	}
+};
+const styling = `/** Table */
+
+:where(.tabela) {
+	flex: 1;
+	position: relative;
+	background-color: var(--oui-absolute);
+	border: 1px solid grey;
+}
+
+:where(.tabela__table) {
+	min-height: 24em;
+	display: flex;
+	flex-flow: column nowrap;
+	flex: 1;
+	overflow: auto;
+	position: absolute;
+	inset: 0;
+}
+
+/** Row group */
+
+:where(.tabela__rowgroup--header),
+:where(.tabela__rowgroup--footer) {
+	background-color: white;
+	position: sticky;
+	left: 0;
+	z-index: 10;
+}
+
+:where(.tabela__rowgroup--header) {
+	top: 0;
+}
+
+:where(.tabela__rowgroup--footer) {
+	bottom: 0;
+}
+
+:where(.tabela__rowgroup--body) {
+	display: flex;
+	flex-flow: column nowrap;
+	flex: 1;
+}
+
+:where(.tabela__rowgroup--body:focus) {
+	outline: none;
+}
+
+:where(.tabela:has(.tabela__rowgroup--body:focus-visible)) {
+	outline: 2px solid var(--oui-blue-6);
+	outline-offset: 2px;
+}
+
+/** Row */
+
+:where(.tabela__row) {
+	width: 100%;
+	display: flex;
+	flex-flow: row nowrap;
+}
+
+:where(.tabela__row:last-child .tabela__cell) {
+	border-bottom-width: 0;
+}
+
+:where(.tabela__row--body),
+:where(.tabela__row--group) {
+	flex: 1;
+	position: absolute;
+}
+
+:where(.tabela__row--selected) {
+	background-color: var(--oui-blue-1);
+	color: var(--oui-blue-9);
+}
+
+:where(.tabela:has(.tabela__rowgroup--body:focus-visible) .tabela__row[data-active="true"]) {
+	outline: 2px solid var(--oui-blue-6);
+	outline-offset: 2px;
+}
+
+/** Cells */
+
+:where(.tabela__cell),
+:where(.tabela__heading) {
+	padding: 0.5em;
+	border-color: gray;
+	border-style: solid;
+	border-width: 0 1px 1px 0;
+	line-height: 1;
+}
+
+:where(.tabela__row .tabela__cell:last-child),
+:where(.tabela__row .tabela__heading:last-child) {
+	flex: 1;
+	border-right-width: 0;
+}
+
+:where(.tabela__cell) {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+:where(.tabela__cell--footer) {
+	border-top-width: 1px;
+	border-bottom-width: 0;
+}
+
+:where(.tabela__cell--group) {
+	padding: 0;
+	display: flex;
+	flex-flow: row nowrap;
+	align-items: center;
+	gap: 0.5em;
+}
+
+:where(.tabela__cell--group .tabela__button) {
+	margin: 0 0 0 .25rem;
+}
+
+/** Misc. */
+
+:where(.tabela__button) {
+	font-size: .75rem;
+	font-weight: bold;
+}
+
+:where(.tabela__selection) {
+	background-color: color-mix(in oklch, var(--oui-blue-6), transparent);
+	border: 1px solid var(--oui-blue-6);
+	border-radius: .25rem;
+	position: fixed;
+	z-index: 1000;
+}
+`.replace(/^\s+|\s+|\s+$/g, " ");
+let appended = false;
+//#endregion
+export { StyleManager };

package/dist/models/body.model.d.mts

@@ -0,0 +1,2 @@
+import { t as BodyElements } from "../body.model-2iwsovAV.mjs";
+export { BodyElements };

package/dist/models/body.model.mjs

@@ -0,0 +1 @@
+export {};

package/dist/models/column.model.d.mts

@@ -0,0 +1,2 @@
+import { n as TabelaColumn, r as TabelaColumnType, t as Column } from "../column.model-D-aw4EU4.mjs";
+export { Column, TabelaColumn, TabelaColumnType };

package/dist/models/column.model.mjs

@@ -0,0 +1 @@
+export {};

package/dist/models/data.model.d.mts

@@ -0,0 +1,2 @@
+import { D as TabelaData, E as DataState, T as DataItem } from "../group.component-Cq1YYbfJ.mjs";
+export { DataItem, DataState, TabelaData };

package/dist/models/data.model.mjs

@@ -0,0 +1 @@
+export {};

package/dist/models/filter.model.d.mts

@@ -0,0 +1,2 @@
+import { n as TabelaFilterComparison, r as TabelaFilterItem, t as TabelaFilter } from "../filter.model-7ukJrtil.mjs";
+export { TabelaFilter, TabelaFilterComparison, TabelaFilterItem };

package/dist/models/filter.model.mjs

@@ -0,0 +1 @@
+export {};

package/dist/models/footer.model.d.mts

@@ -0,0 +1,2 @@
+import { t as FooterElements } from "../footer.model-DhqoS6ds.mjs";
+export { FooterElements };

package/dist/models/footer.model.mjs

@@ -0,0 +1 @@
+export {};

package/dist/models/group.model.d.mts

@@ -0,0 +1,2 @@
+import { n as TabelaGroup, t as GroupValue } from "../group.model-BsKFwHbt.mjs";
+export { GroupValue, TabelaGroup };

package/dist/models/group.model.mjs

@@ -0,0 +1 @@
+export {};

package/dist/models/header.model.d.mts

@@ -0,0 +1,2 @@
+import { t as HeaderElements } from "../header.model-DN_KzUCV.mjs";
+export { HeaderElements };

package/dist/models/header.model.mjs

@@ -0,0 +1 @@
+export {};

package/dist/models/render.model.d.mts

@@ -0,0 +1,2 @@
+import { _ as RenderElementPool, v as RenderRange, y as RenderState } from "../group.component-Cq1YYbfJ.mjs";
+export { RenderElementPool, RenderRange, RenderState };

package/dist/models/render.model.mjs

@@ -0,0 +1 @@
+export {};

package/dist/models/selection.model.d.mts

@@ -0,0 +1,2 @@
+import { t as TabelaSelection } from "../selection.model-rwQe9fco.mjs";
+export { TabelaSelection };

package/dist/models/selection.model.mjs

@@ -0,0 +1 @@
+export {};

package/dist/models/sort.model.d.mts

@@ -0,0 +1,2 @@
+import { n as TabelaSortDirection, r as TabelaSortItem, t as TabelaSort } from "../sort.model-CauImaLu.mjs";
+export { TabelaSort, TabelaSortDirection, TabelaSortItem };

package/dist/models/sort.model.mjs

@@ -0,0 +1 @@
+export {};

package/dist/models/style.model.d.mts

@@ -0,0 +1,23 @@
+//#region src/models/style.model.d.ts
+declare const CSS_TABELA = "tabela";
+declare const CSS_TABELA_CELL = "tabela__cell";
+declare const CSS_TABELA_CELL_BODY = "tabela__cell--body";
+declare const CSS_TABELA_CELL_FOOTER = "tabela__cell--footer";
+declare const CSS_TABELA_FAKER = "tabela__faker";
+declare const CSS_TABELA_HEADING = "tabela__heading";
+declare const CSS_TABELA_HEADING_CONTENT = "tabela__heading__content";
+declare const CSS_TABELA_HEADING_SORTER = "tabela__heading__sorter";
+declare const CSS_TABELA_ROW = "tabela__row";
+declare const CSS_TABELA_ROW_BODY = "tabela__row--body";
+declare const CSS_TABELA_ROW_FOOTER = "tabela__row--footer";
+declare const CSS_TABELA_ROW_GROUP = "tabela__row--group tabela__group";
+declare const CSS_TABELA_ROW_HEADER = "tabela__row--header";
+declare const CSS_TABELA_ROW_SELECTED = "tabela__row--selected";
+declare const CSS_TABELA_ROWGROUP = "tabela__rowgroup";
+declare const CSS_TABELA_ROWGROUP_BODY = "tabela__rowgroup--body";
+declare const CSS_TABELA_ROWGROUP_FOOTER = "tabela__rowgroup--footer";
+declare const CSS_TABELA_ROWGROUP_HEADER = "tabela__rowgroup--header";
+declare const CSS_TABELA_SELECTION = "tabela__selection";
+declare const CSS_TABELA_TABLE = "tabela__table";
+//#endregion
+export { CSS_TABELA, CSS_TABELA_CELL, CSS_TABELA_CELL_BODY, CSS_TABELA_CELL_FOOTER, CSS_TABELA_FAKER, CSS_TABELA_HEADING, CSS_TABELA_HEADING_CONTENT, CSS_TABELA_HEADING_SORTER, CSS_TABELA_ROW, CSS_TABELA_ROWGROUP, CSS_TABELA_ROWGROUP_BODY, CSS_TABELA_ROWGROUP_FOOTER, CSS_TABELA_ROWGROUP_HEADER, CSS_TABELA_ROW_BODY, CSS_TABELA_ROW_FOOTER, CSS_TABELA_ROW_GROUP, CSS_TABELA_ROW_HEADER, CSS_TABELA_ROW_SELECTED, CSS_TABELA_SELECTION, CSS_TABELA_TABLE };

package/dist/models/style.model.mjs

@@ -0,0 +1,23 @@
+//#region src/models/style.model.ts
+const CSS_TABELA = "tabela";
+const CSS_TABELA_CELL = "tabela__cell";
+const CSS_TABELA_CELL_BODY = "tabela__cell--body";
+const CSS_TABELA_CELL_FOOTER = "tabela__cell--footer";
+const CSS_TABELA_FAKER = "tabela__faker";
+const CSS_TABELA_HEADING = "tabela__heading";
+const CSS_TABELA_HEADING_CONTENT = "tabela__heading__content";
+const CSS_TABELA_HEADING_SORTER = "tabela__heading__sorter";
+const CSS_TABELA_ROW = "tabela__row";
+const CSS_TABELA_ROW_BODY = "tabela__row--body";
+const CSS_TABELA_ROW_FOOTER = "tabela__row--footer";
+const CSS_TABELA_ROW_GROUP = "tabela__row--group tabela__group";
+const CSS_TABELA_ROW_HEADER = "tabela__row--header";
+const CSS_TABELA_ROW_SELECTED = "tabela__row--selected";
+const CSS_TABELA_ROWGROUP = "tabela__rowgroup";
+const CSS_TABELA_ROWGROUP_BODY = "tabela__rowgroup--body";
+const CSS_TABELA_ROWGROUP_FOOTER = "tabela__rowgroup--footer";
+const CSS_TABELA_ROWGROUP_HEADER = "tabela__rowgroup--header";
+const CSS_TABELA_SELECTION = "tabela__selection";
+const CSS_TABELA_TABLE = "tabela__table";
+//#endregion
+export { CSS_TABELA, CSS_TABELA_CELL, CSS_TABELA_CELL_BODY, CSS_TABELA_CELL_FOOTER, CSS_TABELA_FAKER, CSS_TABELA_HEADING, CSS_TABELA_HEADING_CONTENT, CSS_TABELA_HEADING_SORTER, CSS_TABELA_ROW, CSS_TABELA_ROWGROUP, CSS_TABELA_ROWGROUP_BODY, CSS_TABELA_ROWGROUP_FOOTER, CSS_TABELA_ROWGROUP_HEADER, CSS_TABELA_ROW_BODY, CSS_TABELA_ROW_FOOTER, CSS_TABELA_ROW_GROUP, CSS_TABELA_ROW_HEADER, CSS_TABELA_ROW_SELECTED, CSS_TABELA_SELECTION, CSS_TABELA_TABLE };