@oscarpalmer/tabela 0.13.0 → 0.15.0

package/dist/models/filter.model.mjs

@@ -1 +1,13 @@
-export {};
+//#region src/models/filter.model.ts
+const FILTER_CONTAINS = "contains";
+const FILTER_ENDS_WITH = "ends-with";
+const FILTER_EQUALS = "equals";
+const FILTER_GREATER_THAN = "greater-than";
+const FILTER_GREATER_THAN_OR_EQUAL = "greater-than-or-equal";
+const FILTER_LESS_THAN = "less-than";
+const FILTER_LESS_THAN_OR_EQUAL = "less-than-or-equal";
+const FILTER_NOT_CONTAINS = "not-contains";
+const FILTER_NOT_EQUALS = "not-equals";
+const FILTER_STARTS_WITH = "starts-with";
+//#endregion
+export { FILTER_CONTAINS, FILTER_ENDS_WITH, FILTER_EQUALS, FILTER_GREATER_THAN, FILTER_GREATER_THAN_OR_EQUAL, FILTER_LESS_THAN, FILTER_LESS_THAN_OR_EQUAL, FILTER_NOT_CONTAINS, FILTER_NOT_EQUALS, FILTER_STARTS_WITH };

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

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

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

@@ -1,2 +1,19 @@
-import { n as TabelaGroup, t as GroupValue } from "../group.model-BsKFwHbt.mjs";
-export { GroupValue, TabelaGroup };
+//#region src/models/group.model.d.ts
+type GroupValue = {
+  original: unknown;
+  stringified: string;
+};
+type TabelaGroup = {
+  value: unknown;
+};
+type TabelaGroupHandlers = {
+  set(group?: string): void;
+};
+type TabelaGroupToggle = {
+  collapsed: TabelaGroup[];
+  expanded: TabelaGroup[];
+};
+declare const GROUP_KEY_EXPRESSION: RegExp;
+declare const GROUP_KEY_PREFIX = "group:";
+//#endregion
+export { GROUP_KEY_EXPRESSION, GROUP_KEY_PREFIX, GroupValue, TabelaGroup, TabelaGroupHandlers, TabelaGroupToggle };

package/dist/models/group.model.mjs

@@ -1 +1,5 @@
-export {};
+//#region src/models/group.model.ts
+const GROUP_KEY_EXPRESSION = /^group:(.+)$/;
+const GROUP_KEY_PREFIX = "group:";
+//#endregion
+export { GROUP_KEY_EXPRESSION, GROUP_KEY_PREFIX };

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

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

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

@@ -1,2 +1,22 @@
-import { _ as RenderElementPool, v as RenderRange, y as RenderState } from "../group.component-Cq1YYbfJ.mjs";
-export { RenderElementPool, RenderRange, RenderState };
+import { State } from "./tabela.model.mjs";
+import { Key } from "@oscarpalmer/atoms/models";
+
+//#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;
+type RenderVisible = {
+  indiced: Map<number, Key>;
+  keys: Set<Key>;
+};
+//#endregion
+export { RenderElementPool, RenderRange, RenderState, RenderVisible };

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

@@ -1,2 +1,12 @@
-import { t as TabelaSelection } from "../selection.model-rwQe9fco.mjs";
+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 };

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

@@ -1,2 +1,19 @@
-import { n as TabelaSortDirection, r as TabelaSortItem, t as TabelaSort } from "../sort.model-CauImaLu.mjs";
-export { TabelaSort, TabelaSortDirection, TabelaSortItem };
+import { SortDirection } from "@oscarpalmer/atoms/array";
+
+//#region src/models/sort.model.d.ts
+type TabelaSort = {
+  add(key: string, direction?: TabelaSortDirection): void;
+  clear(): void;
+  flip(key: string): void;
+  remove(key: string): void;
+  set(items: TabelaSortItem[]): void;
+};
+type TabelaSortDirection = SortDirection;
+type TabelaSortItem = {
+  direction: TabelaSortDirection;
+  key: string;
+};
+declare const SORT_ASCENDING: TabelaSortDirection;
+declare const SORT_DESCENDING: TabelaSortDirection;
+//#endregion
+export { SORT_ASCENDING, SORT_DESCENDING, TabelaSort, TabelaSortDirection, TabelaSortItem };

package/dist/models/sort.model.mjs

@@ -1 +1,5 @@
-export {};
+//#region src/models/sort.model.ts
+const SORT_ASCENDING = "ascending";
+const SORT_DESCENDING = "descending";
+//#endregion
+export { SORT_ASCENDING, SORT_DESCENDING };

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

@@ -1,23 +1,29 @@
 //#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";
+declare const CSS_BUTTON = "tabela__button";
+declare const CSS_BUTTON_GROUP = "tabela__button--group";
+declare const CSS_CELL = "tabela__cell";
+declare const CSS_CELL_BODY = "tabela__cell--body";
+declare const CSS_CELL_FOOTER = "tabela__cell--footer";
+declare const CSS_CELL_GROUP = "tabela__cell--group";
+declare const CSS_FAKER = "tabela__faker";
+declare const CSS_GROUP = "tabela__group";
+declare const CSS_GROUP_SELECTED = "tabela__group__selected";
+declare const CSS_GROUP_TOTAL = "tabela__group__total";
+declare const CSS_HEADING = "tabela__heading";
+declare const CSS_HEADING_CONTENT = "tabela__heading__content";
+declare const CSS_HEADING_SORTER = "tabela__heading__sorter";
+declare const CSS_ROW = "tabela__row";
+declare const CSS_ROW_BODY = "tabela__row--body";
+declare const CSS_ROW_FOOTER = "tabela__row--footer";
+declare const CSS_ROW_GROUP = "tabela__row--group tabela__group";
+declare const CSS_ROW_HEADER = "tabela__row--header";
+declare const CSS_ROW_SELECTED = "tabela__row--selected";
+declare const CSS_ROWGROUP = "tabela__rowgroup";
+declare const CSS_ROWGROUP_BODY = "tabela__rowgroup--body";
+declare const CSS_ROWGROUP_FOOTER = "tabela__rowgroup--footer";
+declare const CSS_ROWGROUP_HEADER = "tabela__rowgroup--header";
+declare const CSS_SELECTION = "tabela__selection";
+declare const CSS_TABLE = "tabela__table";
+declare const CSS_WRAPPER = "tabela";
 //#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 };
+export { CSS_BUTTON, CSS_BUTTON_GROUP, CSS_CELL, CSS_CELL_BODY, CSS_CELL_FOOTER, CSS_CELL_GROUP, CSS_FAKER, CSS_GROUP, CSS_GROUP_SELECTED, CSS_GROUP_TOTAL, CSS_HEADING, CSS_HEADING_CONTENT, CSS_HEADING_SORTER, CSS_ROW, CSS_ROWGROUP, CSS_ROWGROUP_BODY, CSS_ROWGROUP_FOOTER, CSS_ROWGROUP_HEADER, CSS_ROW_BODY, CSS_ROW_FOOTER, CSS_ROW_GROUP, CSS_ROW_HEADER, CSS_ROW_SELECTED, CSS_SELECTION, CSS_TABLE, CSS_WRAPPER };

package/dist/models/style.model.mjs

@@ -1,23 +1,29 @@
 //#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";
+const CSS_BUTTON = "tabela__button";
+const CSS_BUTTON_GROUP = "tabela__button--group";
+const CSS_CELL = "tabela__cell";
+const CSS_CELL_BODY = "tabela__cell--body";
+const CSS_CELL_FOOTER = "tabela__cell--footer";
+const CSS_CELL_GROUP = "tabela__cell--group";
+const CSS_FAKER = "tabela__faker";
+const CSS_GROUP = "tabela__group";
+const CSS_GROUP_SELECTED = "tabela__group__selected";
+const CSS_GROUP_TOTAL = "tabela__group__total";
+const CSS_HEADING = "tabela__heading";
+const CSS_HEADING_CONTENT = "tabela__heading__content";
+const CSS_HEADING_SORTER = "tabela__heading__sorter";
+const CSS_ROW = "tabela__row";
+const CSS_ROW_BODY = "tabela__row--body";
+const CSS_ROW_FOOTER = "tabela__row--footer";
+const CSS_ROW_GROUP = "tabela__row--group tabela__group";
+const CSS_ROW_HEADER = "tabela__row--header";
+const CSS_ROW_SELECTED = "tabela__row--selected";
+const CSS_ROWGROUP = "tabela__rowgroup";
+const CSS_ROWGROUP_BODY = "tabela__rowgroup--body";
+const CSS_ROWGROUP_FOOTER = "tabela__rowgroup--footer";
+const CSS_ROWGROUP_HEADER = "tabela__rowgroup--header";
+const CSS_SELECTION = "tabela__selection";
+const CSS_TABLE = "tabela__table";
+const CSS_WRAPPER = "tabela";
 //#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 };
+export { CSS_BUTTON, CSS_BUTTON_GROUP, CSS_CELL, CSS_CELL_BODY, CSS_CELL_FOOTER, CSS_CELL_GROUP, CSS_FAKER, CSS_GROUP, CSS_GROUP_SELECTED, CSS_GROUP_TOTAL, CSS_HEADING, CSS_HEADING_CONTENT, CSS_HEADING_SORTER, CSS_ROW, CSS_ROWGROUP, CSS_ROWGROUP_BODY, CSS_ROWGROUP_FOOTER, CSS_ROWGROUP_HEADER, CSS_ROW_BODY, CSS_ROW_FOOTER, CSS_ROW_GROUP, CSS_ROW_HEADER, CSS_ROW_SELECTED, CSS_SELECTION, CSS_TABLE, CSS_WRAPPER };

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

@@ -1,2 +1,46 @@
-import { a as Components, o as Managers, s as State } from "../group.component-Cq1YYbfJ.mjs";
+import { FooterComponent } from "../components/footer.component.mjs";
+import { HeaderComponent } from "../components/header.component.mjs";
+import { ColumnManager } from "../managers/column.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 { SortManager } from "../managers/sort.manager.mjs";
+import { StyleManager } from "../managers/style.manager.mjs";
+import { TabelaOptions } from "./tabela.options.mjs";
+import { BodyComponent } from "../components/body.component.mjs";
+
+//#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;
+  prefix: string;
+  options: TabelaOptions;
+};
+//#endregion
 export { Components, Managers, State };

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

@@ -1,2 +1,14 @@
-import { t as TabelaOptions } from "../tabela.options-RkZvfptB.mjs";
+import { TabelaColumn } from "./column.model.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 };

package/dist/tabela.d.mts

@@ -1,19 +1,20 @@
-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";
+import { TabelaData } from "./models/data.model.mjs";
+import { TabelaFilter } from "./models/filter.model.mjs";
+import { TabelaGroupHandlers } from "./models/group.model.mjs";
+import { TabelaSort } from "./models/sort.model.mjs";
+import { TabelaEvents } from "./models/event.model.mjs";
+import { TabelaSelection } from "./models/selection.model.mjs";
+import { TabelaOptions } from "./models/tabela.options.mjs";
 
 //#region src/tabela.d.ts
 declare class Tabela {
   #private;
   readonly data: TabelaData;
+  readonly events: TabelaEvents;
   readonly filter: TabelaFilter;
-  readonly group: TabelaGroup;
+  readonly group: TabelaGroupHandlers;
   readonly selection: TabelaSelection;
   readonly sort: TabelaSort;
-  get key(): string;
   constructor(element: HTMLElement, options: TabelaOptions);
   destroy(): void;
 }