@oscarpalmer/tabela 0.13.0 → 0.14.0

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

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

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

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

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

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

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

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

package/dist/managers/style.manager.mjs

@@ -1,149 +0,0 @@
-//#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

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

package/dist/models/body.model.mjs

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

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

@@ -1,2 +0,0 @@
-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

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

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

@@ -1,2 +0,0 @@
-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

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

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

@@ -1,2 +0,0 @@
-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

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

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

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

package/dist/models/footer.model.mjs

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

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

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

package/dist/models/group.model.mjs

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

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

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

package/dist/models/header.model.mjs

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

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

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

package/dist/models/render.model.mjs

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

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

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

package/dist/models/selection.model.mjs

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

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

@@ -1,2 +0,0 @@
-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

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

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

@@ -1,23 +0,0 @@
-//#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

@@ -1,23 +0,0 @@
-//#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 };

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

@@ -1,2 +0,0 @@
-import { a as Components, o as Managers, s as State } from "../group.component-Cq1YYbfJ.mjs";
-export { Components, Managers, State };

package/dist/models/tabela.model.mjs

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

package/dist/models/tabela.options.d.mts

@@ -1,2 +0,0 @@
-import { t as TabelaOptions } from "../tabela.options-RkZvfptB.mjs";
-export { TabelaOptions };

package/dist/models/tabela.options.mjs

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

package/dist/selection.model-rwQe9fco.d.mts

@@ -1,12 +0,0 @@
-import { Key } from "@oscarpalmer/atoms/models";
-
-//#region src/models/selection.model.d.ts
-type TabelaSelection = {
-  add(keys: Key[]): void;
-  clear(): void;
-  remove(keys: Key[]): void;
-  set(keys: Key[]): void;
-  toggle(): void;
-};
-//#endregion
-export { TabelaSelection as t };

package/dist/sort.model-CauImaLu.d.mts

@@ -1,15 +0,0 @@
-//#region src/models/sort.model.d.ts
-type TabelaSort = {
-  add(field: string, direction?: TabelaSortDirection): void;
-  clear(): void;
-  flip(field: string): void;
-  remove(field: string): void;
-  set(items: TabelaSortItem[]): void;
-};
-type TabelaSortDirection = 'ascending' | 'descending';
-type TabelaSortItem = {
-  direction: TabelaSortDirection;
-  field: string;
-};
-//#endregion
-export { TabelaSortDirection as n, TabelaSortItem as r, TabelaSort as t };

package/dist/tabela.d.mts

@@ -1,21 +0,0 @@
-import { n as TabelaGroup } from "./group.model-BsKFwHbt.mjs";
-import { D as TabelaData } from "./group.component-Cq1YYbfJ.mjs";
-import { t as TabelaFilter } from "./filter.model-7ukJrtil.mjs";
-import { t as TabelaSort } from "./sort.model-CauImaLu.mjs";
-import { t as TabelaOptions } from "./tabela.options-RkZvfptB.mjs";
-import { t as TabelaSelection } from "./selection.model-rwQe9fco.mjs";
-
-//#region src/tabela.d.ts
-declare class Tabela {
-  #private;
-  readonly data: TabelaData;
-  readonly filter: TabelaFilter;
-  readonly group: TabelaGroup;
-  readonly selection: TabelaSelection;
-  readonly sort: TabelaSort;
-  get key(): string;
-  constructor(element: HTMLElement, options: TabelaOptions);
-  destroy(): void;
-}
-//#endregion
-export { Tabela };

package/dist/tabela.mjs

@@ -1,126 +0,0 @@
-import { CSS_TABELA, CSS_TABELA_TABLE } from "./models/style.model.mjs";
-import { createElement } from "./helpers/dom.helpers.mjs";
-import { BodyComponent } from "./components/body.component.mjs";
-import { FooterComponent } from "./components/footer.component.mjs";
-import { HeaderComponent } from "./components/header.component.mjs";
-import { ColumnManager } from "./managers/column.manager.mjs";
-import { SortManager } from "./managers/sort.manager.mjs";
-import { DataManager } from "./managers/data.manager.mjs";
-import { EventManager } from "./managers/event.manager.mjs";
-import { FilterManager } from "./managers/filter.manager.mjs";
-import { GroupManager } from "./managers/group.manager.mjs";
-import { NavigationManager } from "./managers/navigation.manager.mjs";
-import { RenderManager } from "./managers/render.manager.mjs";
-import { RowManager } from "./managers/row.manager.mjs";
-import { SelectionManager } from "./managers/selection.manager.mjs";
-import { StyleManager } from "./managers/style.manager.mjs";
-//#region src/tabela.ts
-var Tabela = class {
-	#components;
-	#element;
-	#id = getId();
-	#table;
-	#key;
-	#managers = {
-		column: void 0,
-		data: void 0,
-		event: void 0,
-		filter: void 0,
-		group: void 0,
-		navigation: void 0,
-		render: void 0,
-		row: void 0,
-		selection: void 0,
-		sort: void 0,
-		style: void 0
-	};
-	#state;
-	data;
-	filter;
-	group;
-	selection;
-	sort;
-	get key() {
-		return this.#key;
-	}
-	constructor(element, options) {
-		this.#element = element;
-		element.innerHTML = "";
-		element.classList.add(CSS_TABELA);
-		this.#table = createElement("div", {
-			className: CSS_TABELA_TABLE,
-			role: "table"
-		}, { "aria-label": options.label });
-		this.#key = options.key;
-		this.#components = {
-			body: new BodyComponent(),
-			footer: new FooterComponent(),
-			header: new HeaderComponent()
-		};
-		this.#state = {
-			options,
-			components: this.#components,
-			element: this.#table,
-			id: this.#id,
-			key: this.#key,
-			managers: this.#managers
-		};
-		this.#managers.column = new ColumnManager(this.#state);
-		this.#managers.data = new DataManager(this.#state);
-		this.#managers.event = new EventManager(this.#state);
-		this.#managers.filter = new FilterManager(this.#state);
-		this.#managers.group = new GroupManager(this.#state);
-		this.#managers.navigation = new NavigationManager(this.#state);
-		this.#managers.render = new RenderManager(this.#state);
-		this.#managers.row = new RowManager(this.#state);
-		this.#managers.selection = new SelectionManager(this.#state);
-		this.#managers.sort = new SortManager(this.#state);
-		this.#managers.style = new StyleManager(this.#state);
-		this.#table.append(this.#components.header.elements.group, this.#components.body.elements.group, this.#components.footer.elements.group);
-		element.append(this.#table);
-		this.#managers.data.set(options.data);
-		this.data = this.#managers.data.handlers;
-		this.filter = this.#managers.filter.handlers;
-		this.group = this.#managers.group.handlers;
-		this.selection = this.#managers.selection.handlers;
-		this.sort = this.#managers.sort.handlers;
-	}
-	destroy() {
-		const components = this.#components;
-		const managers = this.#managers;
-		const element = this.#element;
-		const table = this.#table;
-		components.body.destroy();
-		components.footer.destroy();
-		components.header.destroy();
-		managers.column.destroy();
-		managers.data.destroy();
-		managers.event.destroy();
-		managers.filter.destroy();
-		managers.group.destroy();
-		managers.navigation.destroy();
-		managers.render.destroy();
-		managers.row.destroy();
-		managers.selection.destroy();
-		managers.sort.destroy();
-		element.innerHTML = "";
-		table.innerHTML = "";
-		table.role = "";
-		element.classList.remove(CSS_TABELA);
-		table.removeAttribute("aria-label");
-		table.removeAttribute("role");
-		this.#state.components = void 0;
-		this.#state.managers = void 0;
-		this.#state.element = void 0;
-		this.#state.options = void 0;
-		this.#element = void 0;
-		this.#table = void 0;
-	}
-};
-function getId() {
-	id += 1;
-	return id;
-}
-let id = 0;
-//#endregion
-export { Tabela };

package/dist/tabela.options-RkZvfptB.d.mts

@@ -1,14 +0,0 @@
-import { n as TabelaColumn } from "./column.model-D-aw4EU4.mjs";
-import { PlainObject } from "@oscarpalmer/atoms/models";
-
-//#region src/models/tabela.options.d.ts
-type TabelaOptions = {
-  columns: TabelaColumn[];
-  data: PlainObject[];
-  grouping?: string;
-  key: string;
-  label: string;
-  rowHeight: number;
-};
-//#endregion
-export { TabelaOptions as t };