@gipisistemas/ngx-core 1.0.1

package/components/stepper/stepper.component.d.ts

@@ -0,0 +1,20 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { EventEmitter, QueryList } from '@angular/core';
+import { StepComponent } from './step.component';
+import * as i0 from "@angular/core";
+export declare class StepperComponent {
+    set tabsRef(queryList: QueryList<StepComponent>);
+    private readonly _uniqueId;
+    private readonly _destroyRef;
+    protected readonly stepsElement: import("@angular/core").WritableSignal<StepComponent[]>;
+    id: string;
+    name: string;
+    disabled: BooleanInput;
+    currentStep: number;
+    selectionChange: EventEmitter<void>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "gipi-stepper", ["gStepper"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "currentStep": { "alias": "currentStep"; "required": false; }; }, { "selectionChange": "selectionChange"; }, ["tabsRef"], never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_currentStep: unknown;
+}

package/components/stepper/stepper.component.scss

@@ -0,0 +1,120 @@
+@use '../../theming/utils' as utils;
+@use '../../theming/breakpoints' as breakpoints;
+
+@mixin stepper-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $font-color: utils.get-font-color($theme);
+
+    $primary-500: utils.get-color($theme, primary, 500);
+    $secondary-50: utils.get-color($theme, secondary, 50);
+    $secondary-100: utils.get-color($theme, secondary, 100);
+
+    $white-100: utils.get-color($theme, white, 100);
+    $black-300: utils.get-color($theme, black, 300);
+
+    .g-stepper {
+        display: flex;
+        flex-direction: column;
+        gap: 3.2rem;
+    }
+
+    .g-stepper-nav {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+
+        .g-stepper-link {
+            text-align: center;
+            margin: 0 0.3rem;
+            padding: 1rem 1rem 1rem 2rem;
+            float: left;
+            position: relative;
+            background-color: $secondary-50;
+            font-size: 1.4rem;
+            font-weight: 700;
+            color: $black-300;
+            user-select: none;
+            transition: background-color 0.2s ease;
+            cursor: default;
+
+            min-width: 18rem;
+            @include breakpoints.mobile-view() {
+                min-width: 0;
+                width: 100%;
+            }
+
+            &:not(:last-child):after,
+            &:before {
+                content: ' ';
+                position: absolute;
+                top: 0;
+                right: -1.9rem;
+                width: 0;
+                height: 0;
+                border-top: 2rem solid transparent;
+                border-bottom: 1.9rem solid transparent;
+                border-left: 1.9rem solid $secondary-50;
+                z-index: 2;
+                transition: border-color 0.2s ease;
+            }
+
+            &:before {
+                right: auto;
+                left: 0;
+                border-left: 1.9rem solid $white-100;
+                z-index: 0;
+            }
+
+            &:first-child:before {
+                border: none;
+            }
+
+            &:first-child {
+                border-top-left-radius: 0.4rem;
+                border-bottom-left-radius: 0.4rem;
+            }
+
+            &:last-child {
+                border-top-right-radius: 0.4rem;
+                border-bottom-right-radius: 0.4rem;
+            }
+
+            > span {
+                position: relative;
+            }
+
+            > span:before {
+                opacity: 0;
+                content: '✔';
+                position: absolute;
+                top: -0.2rem;
+                left: -2rem;
+            }
+
+            &.g-stepper-link-done > span:before {
+                opacity: 1;
+                transition: opacity 0.2s ease 0.2s;
+            }
+
+            &.g-stepper-link-done {
+                color: $white-100;
+                background-color: $primary-500;
+
+                &:after {
+                    border-left: 2rem solid $primary-500;
+                }
+            }
+
+            &.g-stepper-link-current {
+                color: $black-300;
+                background-color: $secondary-100;
+
+                &:after {
+                    border-left: 2rem solid $secondary-100;
+                }
+            }
+        }
+    }
+}

package/components/table/index.d.ts

@@ -0,0 +1,9 @@
+export * from './shared/table-column-action-type.enum';
+export * from './shared/table-column-align-type.enum';
+export * from './shared/table-column-builder.model';
+export * from './shared/table-column-condition.enum';
+export * from './shared/table-column-partial.model';
+export * from './shared/table-column.model';
+export * from './shared/table-menu-item-context-builder.model';
+export * from './shared/table-menu-item-context.model';
+export * from './table.component';

package/components/table/shared/table-column-action-type.enum.d.ts

@@ -0,0 +1 @@
+export type tTableColumnActionType = 'click' | 'dblClick' | 'mouseEnter' | 'mouseLeave' | null;

package/components/table/shared/table-column-align-type.enum.d.ts

@@ -0,0 +1,6 @@
+/** Alinhamento vertical - align-content */
+export type tTableColumnAlignVertical = 'center' | 'end' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'space-evenly' | 'start' | 'stretch' | null;
+/** Alinhamento horizontal - justify-items */
+export type tTableColumnAlignHorizontal = 'center' | 'end' | 'flex-end' | 'flex-start' | 'left' | 'right' | 'start' | 'stretch' | null;
+/** Alinhamento do texto - text-align */
+export type tTableColumnAlignText = 'start' | 'left' | 'center' | 'end' | 'right' | 'justify' | null;

package/components/table/shared/table-column-builder.model.d.ts

@@ -0,0 +1,109 @@
+import { TemplateRef } from '@angular/core';
+import { BaseModel } from '../../../base/models/base.model';
+import { tTableColumnActionType } from './table-column-action-type.enum';
+import { tTableColumnAlignHorizontal, tTableColumnAlignText, tTableColumnAlignVertical } from './table-column-align-type.enum';
+import { tTableColumnCondition } from './table-column-condition.enum';
+import { tTableColumnPartial } from './table-column-partial.model';
+import { TableColumn } from './table-column.model';
+export declare class TableColumnBuilder<TRow extends BaseModel = any> {
+    private _label;
+    private _property;
+    private _value;
+    private _subValue;
+    private _alignVerHeader;
+    private _alignHorHeader;
+    private _alignVerCell;
+    private _alignHorCell;
+    private _alignTextHeader;
+    private _alignTextCell;
+    private _borderSpacing;
+    private _width;
+    private _minWidth;
+    private _maxWidth;
+    private _slice;
+    private _resizable;
+    private _sortable;
+    private _sortDisableClear;
+    private _visible;
+    private _templateHeader;
+    private _templateCell;
+    private _action;
+    private _typeAction;
+    constructor();
+    static instance<T extends BaseModel = any>(): TableColumnBuilder<T>;
+    /** Nome da coluna que será exibido no cabeçalho da tabela. */
+    label(value: string): TableColumnBuilder<TRow>;
+    /** Nome da propriedade do objeto que será exibido na coluna. */
+    property(value: string): TableColumnBuilder<TRow>;
+    /**
+     * Valor principal da coluna, exibido como conteúdo principal da célula.
+     * - Pode ser um valor direto `(string ou number)` ou uma função que retorna o valor com base na linha.
+     */
+    value(value: string | number | ((object: TRow) => string | number)): TableColumnBuilder<TRow>;
+    /**
+     * Valor complementar exibido abaixo do `value`.
+     * - Só será exibido se o `value` estiver definido.
+     * - Útil para exibir informações secundárias como CPF, e-mail ou código.
+     */
+    subValue(value: string | number | ((object: TRow) => string | number)): TableColumnBuilder<TRow>;
+    /** Posição vertical do valor exibido no cabeçalho da tabela. */
+    alignVerHeader(value: tTableColumnAlignVertical): TableColumnBuilder<TRow>;
+    /** Posição horizontal do valor exibido no cabeçalho da tabela. */
+    alignHorHeader(value: tTableColumnAlignHorizontal): TableColumnBuilder<TRow>;
+    /** Posição vertical do valor exibido na célula da coluna da tabela. */
+    alignVerCell(value: tTableColumnAlignVertical): TableColumnBuilder<TRow>;
+    /** Posição horizontal do valor exibido na célula da coluna da tabela. */
+    alignHorCell(value: tTableColumnAlignHorizontal): TableColumnBuilder<TRow>;
+    /** Posição do texto exibido no cabeçalho da tabela. */
+    alignTextHeader(value: tTableColumnAlignText): this;
+    /** Posição do texto exibido na célula da coluna da tabela. */
+    alignTextCell(value: tTableColumnAlignText): this;
+    /** Indica o espaçamento entre as colunas da tabela.
+     * - O valor padrão é `10`, o que significa que há um espaçamento de `10px` entre as colunas.
+     * - Este espaçamento será aplicado entre todas as colunas, exceto a primeira coluna (lado esquerdo),
+     * e entre a última coluna (lado direito).
+     */
+    borderSpacing(value: number): TableColumnBuilder<TRow>;
+    /** A largura padrão da coluna, em (pixels, rem, %) */
+    width(value: number | string): TableColumnBuilder<TRow>;
+    /** A largura mínima da coluna, em (pixels, rem, %) */
+    minWidth(value: number | string): TableColumnBuilder<TRow>;
+    /** A largura máxima da coluna, em (pixels, rem, %) */
+    maxWidth(value: number | string): TableColumnBuilder<TRow>;
+    /** Indica se o texto deverá aplicar ellipses. */
+    slice(value: tTableColumnCondition<TRow>): TableColumnBuilder<TRow>;
+    /** Indica se a coluna é redimensionável. */
+    resizable(value: tTableColumnCondition<TRow>): TableColumnBuilder<TRow>;
+    /** Indica se a coluna é ordenável. */
+    sortable(value: tTableColumnCondition<TRow>): TableColumnBuilder<TRow>;
+    /** Indica se a coluna ordenável pode ser limpa.
+     * @description
+     * Se `sortDisableClear: false`:
+     * - Click 1 - Ordena Ascendente
+     * - Click 2 - Ordena Descendente
+     * - Click 3 - Limpa a ordenação
+     * - Reinicia no Click 1
+     *
+     * @description
+     * Se `sortDisableClear: true`:
+     * - Click 1 - Ordena Ascendente
+     * - Click 2 - Ordena Descendente
+     * - Reinicia no Click 1
+     */
+    sortDisableClear(value: tTableColumnCondition<TRow>): TableColumnBuilder<TRow>;
+    /** Indica se a coluna será visível. */
+    visible(value: tTableColumnCondition<TRow>): TableColumnBuilder<TRow>;
+    /** Template que será exibido no cabeçalho da tabela. */
+    templateHeader(value: TemplateRef<{
+        $implicit: TableColumn<TRow> | tTableColumnPartial<TRow>;
+    }> | null): TableColumnBuilder<TRow>;
+    /** Template que será exibido na célula da coluna da tabela. */
+    templateCell(value: TemplateRef<{
+        $implicit: TRow;
+    }> | null): TableColumnBuilder<TRow>;
+    /** Evento acionado ao clicar sobre a coluna */
+    action(value: ((object: TRow) => void) | null): TableColumnBuilder<TRow>;
+    /** Em qual circustância o evento action será acionado */
+    typeAction(value: tTableColumnActionType): TableColumnBuilder<TRow>;
+    build(): TableColumn<TRow>;
+}

package/components/table/shared/table-column-condition.enum.d.ts

@@ -0,0 +1,2 @@
+import { BaseModel } from '../../../base/models/base.model';
+export type tTableColumnCondition<TRow extends BaseModel = BaseModel> = boolean | ((object: TRow) => boolean) | null;

package/components/table/shared/table-column-partial.model.d.ts

@@ -0,0 +1,6 @@
+import { BaseModel } from '../../../base/models/base.model';
+import { TableColumn } from './table-column.model';
+export type tTableColumnPartial<TRow extends BaseModel = BaseModel> = Partial<Omit<TableColumn<TRow>, 'label' | 'property'>> & {
+    label: string;
+    property: string;
+};

package/components/table/shared/table-column.model.d.ts

@@ -0,0 +1,80 @@
+import { BaseModel } from '../../../base/models/base.model';
+import { tImplicitTemplateRef } from '../../../types/implicit-template.type';
+import { tTableColumnActionType } from './table-column-action-type.enum';
+import { tTableColumnAlignHorizontal, tTableColumnAlignText, tTableColumnAlignVertical } from './table-column-align-type.enum';
+import { tTableColumnCondition } from './table-column-condition.enum';
+import { tTableColumnPartial } from './table-column-partial.model';
+export declare class TableColumn<TRow extends BaseModel = BaseModel> {
+    /** Nome da coluna que será exibido no cabeçalho da tabela. */
+    label: string;
+    /** Nome da propriedade do objeto que será exibido na coluna. */
+    property: string;
+    /**
+     * Valor principal da coluna, exibido como conteúdo principal da célula.
+     * Pode ser um valor direto (string ou number) ou uma função que retorna o valor com base na linha.
+     */
+    value: string | number | ((object: TRow) => string | number);
+    /**
+     * Valor complementar exibido abaixo do `value`.
+     * - Só será exibido se o `value` estiver definido.
+     * - Útil para exibir informações secundárias como CPF, e-mail ou código.
+     */
+    subValue: string | number | ((object: TRow) => string | number);
+    /** Posição vertical do valor exibido no cabeçalho da tabela. */
+    alignVerHeader: tTableColumnAlignVertical;
+    /** Posição horizontal do valor exibido no cabeçalho da tabela. */
+    alignHorHeader: tTableColumnAlignHorizontal;
+    /** Posição vertical do valor exibido na célula da coluna da tabela. */
+    alignVerCell: tTableColumnAlignVertical;
+    /** Posição horizontal do valor exibido na célula da coluna da tabela. */
+    alignHorCell: tTableColumnAlignHorizontal;
+    /** Posição do texto exibido no cabeçalho da tabela. */
+    alignTextHeader: tTableColumnAlignText;
+    /** Posição do texto exibido na célula da coluna da tabela. */
+    alignTextCell: tTableColumnAlignText;
+    /**
+     * Indica o espaçamento entre as colunas da tabela.
+     * - O valor padrão é `10`, o que significa que há um espaçamento de `10px` entre as colunas.
+     * - Este espaçamento será aplicado entre todas as colunas, exceto a primeira coluna (lado esquerdo),
+     * e entre a última coluna (lado direito).
+     */
+    borderSpacing: number;
+    /** A largura padrão da coluna, em (pixels, rem, %) */
+    width: number | string;
+    /** A largura mínima da coluna, em (pixels, rem, %) */
+    minWidth: number | string;
+    /** A largura máxima da coluna, em (pixels, rem, %) */
+    maxWidth: number | string;
+    /** Indica se o texto deverá aplicar ellipses. */
+    slice: tTableColumnCondition<TRow>;
+    /** Indica se a coluna é redimensionável. */
+    resizable: tTableColumnCondition<TRow>;
+    /** Indica se a coluna é ordenável. */
+    sortable: tTableColumnCondition<TRow>;
+    /** Indica se a coluna ordenável pode ser limpa.
+     * @description
+     * Se `sortDisableClear: false`:
+     * - Click 1 - Ordena Ascendente
+     * - Click 2 - Ordena Descendente
+     * - Click 3 - Limpa a ordenação
+     * - Reinicia no Click 1
+     *
+     * @description
+     * Se `sortDisableClear: true`:
+     * - Click 1 - Ordena Ascendente
+     * - Click 2 - Ordena Descendente
+     * - Reinicia no Click 1
+     */
+    sortDisableClear: tTableColumnCondition<TRow>;
+    /** Indica se a coluna será visível. */
+    visible: tTableColumnCondition<TRow>;
+    /** Template que será exibido no cabeçalho da tabela. */
+    templateHeader: tImplicitTemplateRef<TableColumn<TRow> | tTableColumnPartial<TRow>>;
+    /** Template que será exibido na célula da coluna da tabela. */
+    templateCell: tImplicitTemplateRef<TRow>;
+    /** Evento acionado ao clicar sobre a linha */
+    action: ((object: TRow) => void) | null;
+    /** Em qual circustância o evento action será acionado */
+    typeAction: tTableColumnActionType;
+    constructor(init?: Partial<TableColumn<TRow>>);
+}

package/components/table/shared/table-menu-item-context-builder.model.d.ts

@@ -0,0 +1,61 @@
+import { BaseModel } from '../../../base/models/base.model';
+import { tIconFontSet, tIconGrade, tIconOptical, tIconVariation, tIconWeight } from '../../icon/icon.component';
+import { tTableColumnCondition } from './table-column-condition.enum';
+import { TableMenuItemContext } from './table-menu-item-context.model';
+export declare class TableMenuItemContextBuilder<TRow extends BaseModel = any> {
+    private _id;
+    private _name;
+    private _tooltip;
+    private _visible;
+    private _icon;
+    private _svgIcon;
+    private _iconFontSet;
+    private _iconVariation;
+    private _iconWeight;
+    private _iconGrade;
+    private _iconOptical;
+    private _showTagNew;
+    private _action;
+    constructor();
+    static instance<T extends BaseModel = any>(): TableMenuItemContextBuilder<T>;
+    /** Identificador do menu-item. */
+    id(value: string): TableMenuItemContextBuilder<TRow>;
+    /** Nome identificador do menu-item. */
+    name(value: string): TableMenuItemContextBuilder<TRow>;
+    /** Tooltip do menu-item. */
+    tooltip(value: string): TableMenuItemContextBuilder<TRow>;
+    /** Controla a visibilidade do item de menu. */
+    visible(value: tTableColumnCondition<TRow>): TableMenuItemContextBuilder<TRow>;
+    /** Ícone do menu-item. */
+    icon(value: string): TableMenuItemContextBuilder<TRow>;
+    /** Ícone SVG do menu-item. */
+    svgIcon(value: string): TableMenuItemContextBuilder<TRow>;
+    /**
+     * Define o estilo do conjunto de ícones a ser utilizado.
+     * - Pode ser `OUTLINED`, `ROUNDED` ou `SHARP`, conforme os estilos do Material Icons.
+     * - Valor padrão: `ROUNDED`.
+     */
+    iconFontSet(value: tIconFontSet): TableMenuItemContextBuilder<TRow>;
+    /**
+     * Define o valor de fill no font-variation-settings
+     * @FILLED FILL = 1;
+     * @OUTILINE FILL = 0;
+     */
+    iconVariation(value: tIconVariation): TableMenuItemContextBuilder<TRow>;
+    /** Define o valor de wght no font-variation-settings */
+    iconWeight(value: tIconWeight): TableMenuItemContextBuilder<TRow>;
+    /**
+     * Define o valor de GRAD no font-variation-settings
+     * @LOW GRAD = -25;
+     * @DEFAULT GRAD = 0;
+     * @HIGH GRAD = 200;
+     */
+    iconGrade(value: tIconGrade): TableMenuItemContextBuilder<TRow>;
+    /** Define o valor de opsz no font-variation-settings */
+    iconOptical(value: tIconOptical): TableMenuItemContextBuilder<TRow>;
+    /** Exibe o ícone de novo (new) abaixo do menu-item. */
+    showTagNew(value: boolean): TableMenuItemContextBuilder<TRow>;
+    /** Ação disparada ao clicar no menu-item. */
+    action(value: (object: TRow) => void): TableMenuItemContextBuilder<TRow>;
+    build(): TableMenuItemContext<TRow>;
+}

package/components/table/shared/table-menu-item-context.model.d.ts

@@ -0,0 +1,45 @@
+import { BaseModel } from '../../../base/models/base.model';
+import { tIconFontSet, tIconGrade, tIconOptical, tIconVariation, tIconWeight } from '../../icon/icon.component';
+import type { tTableColumnCondition } from './table-column-condition.enum';
+export declare class TableMenuItemContext<TRow extends BaseModel = BaseModel> {
+    /** Identificador do menu-item. */
+    id: string;
+    /** Nome identificador do menu-item. */
+    name: string;
+    /** Tooltip do menu-item. */
+    tooltip: string;
+    /** Controla a visibilidade do item de menu. */
+    visible: tTableColumnCondition<TRow>;
+    /** Ícone do menu-item. */
+    icon: string;
+    /** Ícone SVG do menu-item. */
+    svgIcon: string;
+    /**
+     * Define o estilo do conjunto de ícones a ser utilizado.
+     * - Pode ser `OUTLINED`, `ROUNDED` ou `SHARP`, conforme os estilos do Material Icons.
+     * - Valor padrão: `ROUNDED`.
+     */
+    iconFontSet: tIconFontSet;
+    /**
+     * Define o valor de fill no font-variation-settings
+     * @FILLED FILL = 1;
+     * @OUTILINE FILL = 0;
+     */
+    iconVariation: tIconVariation;
+    /** Define o valor de wght no font-variation-settings */
+    iconWeight: tIconWeight;
+    /**
+     * Define o valor de GRAD no font-variation-settings
+     * @LOW GRAD = -25;
+     * @DEFAULT GRAD = 0;
+     * @HIGH GRAD = 200;
+     */
+    iconGrade: tIconGrade;
+    /** Define o valor de opsz no font-variation-settings */
+    iconOptical: tIconOptical;
+    /** Exibe o ícone de novo (new) abaixo do menu-item. */
+    showTagNew: tTableColumnCondition<TRow>;
+    /** Ação disparada ao clicar no menu-item. */
+    action: ((object: TRow) => void) | null;
+    constructor(init?: Partial<TableMenuItemContext<TRow>>);
+}

package/components/table/table.component.d.ts

@@ -0,0 +1,184 @@
+import { SelectionModel } from '@angular/cdk/collections';
+import { AfterViewInit, ElementRef, EventEmitter, TemplateRef, TrackByFunction, type OnInit } from '@angular/core';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort, Sort, type SortDirection } from '@angular/material/sort';
+import { MatTableDataSource } from '@angular/material/table';
+import { BaseSortModel } from '../../base/models/base-sort.model';
+import { BaseModel } from '../../base/models/base.model';
+import { tSortDirection } from '../../enums/sort-direction.enum';
+import { tPageEvent } from '../../types/page-event.type';
+import { tTableColumnActionType } from './shared/table-column-action-type.enum';
+import { tTableColumnCondition } from './shared/table-column-condition.enum';
+import { tTableColumnPartial } from './shared/table-column-partial.model';
+import { TableColumn } from './shared/table-column.model';
+import { TableMenuItemContext } from './shared/table-menu-item-context.model';
+import * as i0 from "@angular/core";
+export declare class TableComponent<TRow extends BaseModel> implements OnInit, AfterViewInit {
+    set tableFooterRef(value: ElementRef<HTMLElement> | null);
+    set matPaginatorRef(value: MatPaginator | null);
+    set matSortRef(value: MatSort | null);
+    set menuContextWrapperRef(value: ElementRef | null);
+    expandDetailRef: TemplateRef<unknown> | null;
+    actionsRef: TemplateRef<unknown> | null;
+    menuContextRef: TemplateRef<unknown> | null;
+    footerRef: TemplateRef<unknown> | null;
+    private readonly _uniqueId;
+    /** Internals */
+    private readonly _changeDetectionRef;
+    private readonly _ngZone;
+    protected menuContextWrapperElement: import("@angular/core").WritableSignal<HTMLElement | null>;
+    protected tableFooterElement: import("@angular/core").WritableSignal<HTMLElement | null>;
+    protected readonly tableMinHeight: import("@angular/core").Signal<string>;
+    protected get tableMinHeightPx(): string;
+    protected readonly columnsToDisplay: import("@angular/core").Signal<string[]>;
+    protected dataSource: MatTableDataSource<TRow, MatPaginator>;
+    protected selectedRows: SelectionModel<TRow> | null;
+    protected expandedRows: SelectionModel<TRow> | null;
+    protected menuContextHover: boolean;
+    protected menuContextRow: import("@angular/core").WritableSignal<TRow | null>;
+    /** --------- */
+    id: string;
+    name: string;
+    matSortFrontend: boolean;
+    /**
+     * Referente ao `matSortActive`.
+     * - Define a coluna atualmente ordenada.
+     */
+    matSortActive: string;
+    /**
+     * Referente ao `matSortDirection`.
+     * - Direção atual da ordenação.
+     */
+    matSortDirection: tSortDirection;
+    /**
+     * Referente ao `matSortDisableClear`.
+     * - Indica se o usuário pode limpar a ordenação após percorrer todas as direções.
+     */
+    matSortDisableClear: boolean;
+    /**
+     * Referente ao `matSortDisabled`.
+     * - Define se a ordenação está desabilitada.
+     */
+    matSortDisabled: boolean;
+    /**
+     * Referente ao `matSortStart`.
+     * - Direção inicial da ordenação.
+     */
+    matSortStart: tSortDirection;
+    /** Define se a tabela possui suporte à expansão de linhas. */
+    expandable: boolean;
+    expandedRowsInitial: TRow[];
+    /**
+     * Define se a tabela exibirá a opção de "expandir todos".
+     * - Válido apenas quando `selectable = true`.
+     */
+    expandAllEnabled: boolean;
+    /**
+     * Define se múltiplas linhas podem ser expandidas simultaneamente.
+     * - Válido apenas quando `expandable = true`.
+     */
+    multiExpandable: boolean;
+    /** Define em qual posição a column `expandable` será exibida. */
+    expandablePosition: number | null;
+    expandableByClickInRow: boolean;
+    /** Define se a tabela exibirá caixas de seleção para as linhas. */
+    selectable: boolean;
+    multiSelectionWithClick: boolean;
+    /**
+     * Define se múltiplas linhas podem ser selecionadas simultaneamente.
+     * - Válido apenas quando `selectable = true`.
+     */
+    multiSelectable: boolean;
+    expandableCompareWithFn: ((a: TRow, b: TRow) => boolean) | null;
+    /**
+     * Define se a tabela exibirá a opção de "selecionar todos".
+     * - Válido apenas quando `selectable = true`.
+     */
+    selectAllEnabled: boolean;
+    /** Define em qual posição a column `selectable` será exibida. */
+    selectablePosition: number | null;
+    selectByClickInRow: boolean;
+    selectCompareWithFn: ((a: TRow, b: TRow) => boolean) | null;
+    selectedRowsInitial: TRow[];
+    isRowSelectableFn: (row: TRow) => boolean;
+    trackByFn: TrackByFunction<TRow>;
+    columns: tTableColumnPartial[] | TableColumn[];
+    /** Define a coluna inicial do menu de contexto */
+    columnInitial: number | null;
+    /** Define a coluna final do menu de contexto */
+    columnFinal: number | null;
+    paginator: boolean;
+    paginatorFrontend: boolean;
+    paginatorDisabled: boolean;
+    private readonly _paginatorPageSize;
+    set paginatorPageSize(value: number);
+    get paginatorPageSize(): number;
+    paginatorPageNumber: number;
+    paginatorLength: number;
+    paginatorPageSizeOptions: number[];
+    paginatorHidePageSize: boolean;
+    private _data;
+    set data(value: TRow[]);
+    get data(): TRow[];
+    /** Lista de itens do menu de contexto exibido ao passar o mouse sobre uma linha da tabela. */
+    menuItemsContext: TableMenuItemContext<TRow>[];
+    /** Indica se a tabela está em modo de loading */
+    loading: boolean;
+    onSort: EventEmitter<BaseSortModel>;
+    onExpandedRows: EventEmitter<TRow[]>;
+    onSelectedRows: EventEmitter<TRow[]>;
+    onSelectRow: EventEmitter<TRow>;
+    onPage: EventEmitter<tPageEvent>;
+    onClickRow: EventEmitter<TRow>;
+    protected get columnExpandDetailColspan(): number;
+    protected get _matSortDirection(): SortDirection;
+    protected get _matSortStart(): SortDirection;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    protected _columnWidth(width?: string | number): string;
+    protected onHandleSort(event: Sort): void;
+    protected isAllExpanded(): boolean;
+    protected onHandleToggleExpandAll(): void;
+    protected isAllSelected(): boolean;
+    protected onHandleToggleSelectAll(): void;
+    protected onHandleSelectRow(row: TRow): void;
+    protected coerceConditionByColumn(condition: tTableColumnCondition<TRow> | null | undefined): boolean;
+    protected coerceConditionByRow(condition: tTableColumnCondition<TRow> | null | undefined, row: TRow | null): boolean;
+    protected columnCellAction(column: TableColumn | tTableColumnPartial, row: TRow, eventType: tTableColumnActionType): void;
+    protected columnCellValue(column: TableColumn | tTableColumnPartial, row: TRow): string;
+    protected columnCellSubValue(column: TableColumn | tTableColumnPartial, row: TRow): string;
+    protected onHandlePage(pageEvent: tPageEvent): void;
+    protected onHandleClickRow(row: TRow): void;
+    protected showMenuContext(event: MouseEvent, row: TRow): void;
+    protected closeMenuContext(): void;
+    private _applyInitialSelection;
+    private _applyInitialExpansion;
+    private _isEqualRow;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "gipi-table", ["gTable"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "matSortFrontend": { "alias": "sortFrontend"; "required": false; }; "matSortActive": { "alias": "sortActive"; "required": false; }; "matSortDirection": { "alias": "sortDirection"; "required": false; }; "matSortDisableClear": { "alias": "sortDisableClear"; "required": false; }; "matSortDisabled": { "alias": "sortDisabled"; "required": false; }; "matSortStart": { "alias": "sortStart"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "expandedRowsInitial": { "alias": "expandedRows"; "required": false; }; "expandAllEnabled": { "alias": "expandAllEnabled"; "required": false; }; "multiExpandable": { "alias": "multiExpandable"; "required": false; }; "expandablePosition": { "alias": "expandablePosition"; "required": false; }; "expandableByClickInRow": { "alias": "expandableByClickInRow"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "multiSelectionWithClick": { "alias": "multiSelectionWithClick"; "required": false; }; "multiSelectable": { "alias": "multiSelectable"; "required": false; }; "expandableCompareWithFn": { "alias": "expandableCompareWithFn"; "required": false; }; "selectAllEnabled": { "alias": "selectAllEnabled"; "required": false; }; "selectablePosition": { "alias": "selectablePosition"; "required": false; }; "selectByClickInRow": { "alias": "selectByClickInRow"; "required": false; }; "selectCompareWithFn": { "alias": "selectCompareWithFn"; "required": false; }; "selectedRowsInitial": { "alias": "selectedRows"; "required": false; }; "isRowSelectableFn": { "alias": "isRowSelectableFn"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "columnInitial": { "alias": "columnInitial"; "required": false; }; "columnFinal": { "alias": "columnFinal"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "paginatorFrontend": { "alias": "paginatorFrontend"; "required": false; }; "paginatorDisabled": { "alias": "paginatorDisabled"; "required": false; }; "paginatorPageSize": { "alias": "paginatorPageSize"; "required": false; }; "paginatorPageNumber": { "alias": "paginatorPageNumber"; "required": false; }; "paginatorLength": { "alias": "paginatorLength"; "required": false; }; "paginatorPageSizeOptions": { "alias": "paginatorPageSizeOptions"; "required": false; }; "paginatorHidePageSize": { "alias": "paginatorHidePageSize"; "required": false; }; "data": { "alias": "data"; "required": false; }; "menuItemsContext": { "alias": "menuItemsContext"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "onSort": "onSort"; "onExpandedRows": "onExpandedRows"; "onSelectedRows": "onSelectedRows"; "onSelectRow": "onSelectRow"; "onPage": "onPage"; "onClickRow": "onClickRow"; }, ["expandDetailRef", "actionsRef", "menuContextRef", "footerRef"], never, true, never>;
+    static ngAcceptInputType_matSortFrontend: unknown;
+    static ngAcceptInputType_matSortDisableClear: unknown;
+    static ngAcceptInputType_matSortDisabled: unknown;
+    static ngAcceptInputType_expandable: unknown;
+    static ngAcceptInputType_expandAllEnabled: unknown;
+    static ngAcceptInputType_multiExpandable: unknown;
+    static ngAcceptInputType_expandablePosition: unknown;
+    static ngAcceptInputType_expandableByClickInRow: unknown;
+    static ngAcceptInputType_selectable: unknown;
+    static ngAcceptInputType_multiSelectionWithClick: unknown;
+    static ngAcceptInputType_multiSelectable: unknown;
+    static ngAcceptInputType_selectAllEnabled: unknown;
+    static ngAcceptInputType_selectablePosition: unknown;
+    static ngAcceptInputType_selectByClickInRow: unknown;
+    static ngAcceptInputType_columnInitial: unknown;
+    static ngAcceptInputType_columnFinal: unknown;
+    static ngAcceptInputType_paginator: unknown;
+    static ngAcceptInputType_paginatorFrontend: unknown;
+    static ngAcceptInputType_paginatorDisabled: unknown;
+    static ngAcceptInputType_paginatorPageSize: unknown;
+    static ngAcceptInputType_paginatorPageNumber: unknown;
+    static ngAcceptInputType_paginatorLength: unknown;
+    static ngAcceptInputType_paginatorHidePageSize: unknown;
+    static ngAcceptInputType_loading: unknown;
+}